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 cdc681a1c91..3d4f07d6c27 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..d4aa00a17de 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,7 +42,7 @@ const publicNameTooltipContent = (
The name you specify in your API calls to LiteLLM Proxy
- Example: If you name your public model example-name + Example: If you name your virtual model example-name , and choose openai/qwen-plus-latest as the LiteLLM model
@@ -94,7 +94,7 @@ const columns: ColumnDef[] = [ accessorKey: "public_name", header: () => ( - Public Model Name + Virtual Model Name ), @@ -206,7 +206,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 6e7bc9a86d7..9db75f780cf 100644 --- a/ui/litellm-dashboard/src/components/model_info_view.test.tsx +++ b/ui/litellm-dashboard/src/components/model_info_view.test.tsx @@ -225,7 +225,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 ae34b17d0e8..04101c913e3 100644 --- a/ui/litellm-dashboard/src/components/model_info_view.tsx +++ b/ui/litellm-dashboard/src/components/model_info_view.tsx @@ -541,7 +541,7 @@ export default function ModelInfoView({ Back to Models -

Public Model Name: {getDisplayModelName(modelData)}

+

Virtual Model Name: {getDisplayModelName(modelData)}

{modelData.model_info.id}