diff --git a/ui/litellm-dashboard/src/app/(dashboard)/models-and-endpoints/components/AllModelsTab.test.tsx b/ui/litellm-dashboard/src/app/(dashboard)/models-and-endpoints/components/AllModelsTab.test.tsx index 09e00db9fb0..9d020f3598c 100644 --- a/ui/litellm-dashboard/src/app/(dashboard)/models-and-endpoints/components/AllModelsTab.test.tsx +++ b/ui/litellm-dashboard/src/app/(dashboard)/models-and-endpoints/components/AllModelsTab.test.tsx @@ -426,12 +426,12 @@ describe("AllModelsTab", () => { }); }); - it("applies a public model name filter through the drawer", async () => { + it("applies a virtual model name filter through the drawer", async () => { const user = userEvent.setup(); renderWithProviders(); await user.click(screen.getByTestId("datatable-filters-trigger")); - await user.click(await screen.findByPlaceholderText("Filter by Public Model Name")); + await user.click(await screen.findByPlaceholderText("Filter by Virtual Model Name")); await user.click(await screen.findByRole("option", { name: "gpt-3.5-turbo" })); await user.click(screen.getByTestId("filter-drawer-apply")); @@ -440,12 +440,12 @@ describe("AllModelsTab", () => { }); }); - it("uses All Proxy Models as the public model name filter default", async () => { + it("uses All Proxy Models as the virtual model name filter default", async () => { const user = userEvent.setup(); renderWithProviders(); await user.click(screen.getByTestId("datatable-filters-trigger")); - await user.click(await screen.findByPlaceholderText("Filter by Public Model Name")); + await user.click(await screen.findByPlaceholderText("Filter by Virtual Model Name")); expect(await screen.findByRole("option", { name: "All Proxy Models" })).toBeInTheDocument(); expect(screen.queryByRole("option", { name: "All Models" })).not.toBeInTheDocument(); diff --git a/ui/litellm-dashboard/src/app/(dashboard)/models-and-endpoints/components/AllModelsTable.test.tsx b/ui/litellm-dashboard/src/app/(dashboard)/models-and-endpoints/components/AllModelsTable.test.tsx index b00affc50f5..3a02b1f3c0e 100644 --- a/ui/litellm-dashboard/src/app/(dashboard)/models-and-endpoints/components/AllModelsTable.test.tsx +++ b/ui/litellm-dashboard/src/app/(dashboard)/models-and-endpoints/components/AllModelsTable.test.tsx @@ -518,7 +518,7 @@ describe("AllModelsTable", () => { ); const chip = screen.getByTestId("filter-chip-model_name"); - expect(chip).toHaveTextContent("Public Model Name"); + expect(chip).toHaveTextContent("Virtual Model Name"); expect(chip).toHaveTextContent("Wildcard Models (*)"); await user.click(screen.getByTestId("filter-chip-remove-model_name")); diff --git a/ui/litellm-dashboard/src/app/(dashboard)/models-and-endpoints/components/AllModelsTable.tsx b/ui/litellm-dashboard/src/app/(dashboard)/models-and-endpoints/components/AllModelsTable.tsx index f0e075f5b42..5c74ddbb79d 100644 --- a/ui/litellm-dashboard/src/app/(dashboard)/models-and-endpoints/components/AllModelsTable.tsx +++ b/ui/litellm-dashboard/src/app/(dashboard)/models-and-endpoints/components/AllModelsTable.tsx @@ -36,7 +36,7 @@ const MODEL_TABLE_BODY_HEIGHT = 600; const ALL_PROXY_MODELS_LABEL = "All Proxy Models"; const FILTER_LABELS: Record = { - [MODEL_NAME_COLUMN_ID]: "Public Model Name", + [MODEL_NAME_COLUMN_ID]: "Virtual Model Name", [ACCESS_GROUPS_COLUMN_ID]: "Model Access Group", [ROUTING_STATUS_FILTER_ID]: "Status", }; @@ -302,14 +302,14 @@ export function AllModelsTable({ > {({ get, set }) => ( <> - + set(MODEL_NAME_COLUMN_ID, value === ALL_MODEL_GROUPS_VALUE ? undefined : value ?? undefined) } - placeholder="Filter by Public Model Name" + placeholder="Filter by Virtual Model Name" emptyText="No models found" /> diff --git a/ui/litellm-dashboard/src/app/(dashboard)/models-and-endpoints/components/ModelsTableColumns.tsx b/ui/litellm-dashboard/src/app/(dashboard)/models-and-endpoints/components/ModelsTableColumns.tsx index 1b7369c9520..09b34a197e7 100644 --- a/ui/litellm-dashboard/src/app/(dashboard)/models-and-endpoints/components/ModelsTableColumns.tsx +++ b/ui/litellm-dashboard/src/app/(dashboard)/models-and-endpoints/components/ModelsTableColumns.tsx @@ -88,7 +88,7 @@ function ModelInformationCell({ model, displayName }: { model: ModelData; displa {model.provider || "Unknown provider"}
- Public Model Name + Virtual Model Name {displayName} diff --git a/ui/litellm-dashboard/src/components/add_model/AddModelForm.integration.test.tsx b/ui/litellm-dashboard/src/components/add_model/AddModelForm.integration.test.tsx index a95d9ffbfb8..144fc6ac106 100644 --- a/ui/litellm-dashboard/src/components/add_model/AddModelForm.integration.test.tsx +++ b/ui/litellm-dashboard/src/components/add_model/AddModelForm.integration.test.tsx @@ -997,7 +997,7 @@ describe("AddModelForm", () => { await clickTestConnect(); - await expectBlockedWith("All model mappings must have valid public names"); + await expectBlockedWith("All model mappings must have valid virtual model names"); }); }); diff --git a/ui/litellm-dashboard/src/components/add_model/AddModelForm.tsx b/ui/litellm-dashboard/src/components/add_model/AddModelForm.tsx index beab81c16a2..01199110057 100644 --- a/ui/litellm-dashboard/src/components/add_model/AddModelForm.tsx +++ b/ui/litellm-dashboard/src/components/add_model/AddModelForm.tsx @@ -290,7 +290,7 @@ const AddModelForm: React.FC = ({ /> - {/* Conditionally Render "Public Model Name" */} + {/* Conditionally Render "Virtual Model Name" */} {/* Select Mode */} diff --git a/ui/litellm-dashboard/src/components/add_model/conditional_public_model_name.test.tsx b/ui/litellm-dashboard/src/components/add_model/conditional_public_model_name.test.tsx index a4a9da87847..02e8b04bb08 100644 --- a/ui/litellm-dashboard/src/components/add_model/conditional_public_model_name.test.tsx +++ b/ui/litellm-dashboard/src/components/add_model/conditional_public_model_name.test.tsx @@ -43,7 +43,7 @@ describe("ConditionalPublicModelName", () => { ); expect(screen.getByText("Model Mappings")).toBeInTheDocument(); - expect(screen.getByText("Public Model Name")).toBeInTheDocument(); + expect(screen.getByText("Virtual Model Name")).toBeInTheDocument(); expect(screen.getByText("LiteLLM Model Name")).toBeInTheDocument(); }); diff --git a/ui/litellm-dashboard/src/components/add_model/conditional_public_model_name.tsx b/ui/litellm-dashboard/src/components/add_model/conditional_public_model_name.tsx index 18dd5e4f80e..5ba3bb5333d 100644 --- a/ui/litellm-dashboard/src/components/add_model/conditional_public_model_name.tsx +++ b/ui/litellm-dashboard/src/components/add_model/conditional_public_model_name.tsx @@ -29,7 +29,7 @@ const modelMappingsRule = { (mapping) => !mapping.public_name || mapping.public_name.trim() === "", ); if (invalidMappings.length > 0) { - throw new Error("All model mappings must have valid public names"); + throw new Error("All model mappings must have valid virtual model names"); } }, }; @@ -42,8 +42,9 @@ const publicNameTooltipContent = (
The name you specify in your API calls to LiteLLM Proxy
- Example: If you name your public model example-name - , and choose openai/qwen-plus-latest as the LiteLLM model + Example: If you name your virtual model{" "} + example-name, and choose{" "} + openai/qwen-plus-latest as the LiteLLM model
Usage: You make an API call to the LiteLLM proxy with{" "} @@ -94,7 +95,7 @@ const columns: ColumnDef[] = [ accessorKey: "public_name", header: () => ( - Public Model Name + Virtual Model Name ), @@ -206,7 +207,7 @@ const ConditionalPublicModelName: React.FC = () => { label={ Model Mappings - + } required diff --git a/ui/litellm-dashboard/src/components/add_model/litellm_model_name.tsx b/ui/litellm-dashboard/src/components/add_model/litellm_model_name.tsx index 529c0e2a63e..67ab3d30b05 100644 --- a/ui/litellm-dashboard/src/components/add_model/litellm_model_name.tsx +++ b/ui/litellm-dashboard/src/components/add_model/litellm_model_name.tsx @@ -195,7 +195,7 @@ const LiteLLMModelNameField: React.FC = ({

{selectedProvider === Providers.Azure - ? "Your deployment name will be saved as the public model name, and LiteLLM will use 'azure/deployment-name' internally" + ? "Your deployment name will be saved as the virtual model name, and LiteLLM will use 'azure/deployment-name' internally" : "The model name LiteLLM will send to the LLM API"}

diff --git a/ui/litellm-dashboard/src/components/model_info_view.test.tsx b/ui/litellm-dashboard/src/components/model_info_view.test.tsx index 2e85fab5b76..4eff788958e 100644 --- a/ui/litellm-dashboard/src/components/model_info_view.test.tsx +++ b/ui/litellm-dashboard/src/components/model_info_view.test.tsx @@ -313,7 +313,7 @@ describe("ModelInfoView", () => { it("should display model name in the header", async () => { render(, { wrapper }); await waitFor(() => { - expect(screen.getByText(/Public Model Name:/)).toBeInTheDocument(); + expect(screen.getByText(/Virtual Model Name:/)).toBeInTheDocument(); }); }); diff --git a/ui/litellm-dashboard/src/components/model_info_view.tsx b/ui/litellm-dashboard/src/components/model_info_view.tsx index 74c1e498594..a5272073434 100644 --- a/ui/litellm-dashboard/src/components/model_info_view.tsx +++ b/ui/litellm-dashboard/src/components/model_info_view.tsx @@ -542,7 +542,7 @@ export default function ModelInfoView({ Back to Models -

Public Model Name: {getDisplayModelName(modelData)}

+

Virtual Model Name: {getDisplayModelName(modelData)}

{modelData.model_info.id}