[Fix] UI - Fixed Label for vLLM in Model Create Flow (BerriAI#16285)

* Fixed Label for vLLM

* Make vLLM api key not required

Author: yuneng-jiang

ui/litellm-dashboard/src/components/add_model/provider_specific_fields.test.tsx

@@ -44,4 +44,22 @@ describe("ProviderSpecificFields", () => {
       expect(apiKeyLabel).toBeInTheDocument();
     });
   });
+
+  it("should render the provider specific fields for vLLM", async () => {
+    const { getByLabelText, getByPlaceholderText } = render(
+      <Form>
+        <ProviderSpecificFields selectedProvider={"Hosted_Vllm" as Providers} />
+      </Form>,
+    );
+
+    await waitFor(() => {
+      const apiBaseInput = getByPlaceholderText("https://...");
+      expect(apiBaseInput).toBeInTheDocument();
+      expect(apiBaseInput).toHaveAttribute("type", "text");
+
+      // Check for API Key field
+      const apiKeyLabel = getByLabelText("vLLM API Key");
+      expect(apiKeyLabel).toBeInTheDocument();
+    });
+  });
 });

ui/litellm-dashboard/src/components/add_model/provider_specific_fields.tsx

@@ -507,9 +507,9 @@ const PROVIDER_CREDENTIAL_FIELDS: Record<Providers, ProviderCredentialField[]> =
     },
     {
       key: "api_key",
-      label: "OpenAI API Key",
+      label: "vLLM API Key",
       type: "password",
-      required: true,
+      required: false,
     },
   ],
   [Providers.Voyage]: [
@@ -581,7 +581,7 @@ const PROVIDER_CREDENTIAL_FIELDS: Record<Providers, ProviderCredentialField[]> =
       label: "API Key",
       type: "password",
       required: true,
-    }
+    },
   ],
 };
 

ui/litellm-dashboard/src/components/chat_ui/CodeSnippets.tsx

@@ -17,7 +17,7 @@ interface GenerateCodeParams {
   selectedVectorStores: string[];
   selectedGuardrails: string[];
   selectedMCPTools: string[];
-  selectedVoice: string;
+  selectedVoice?: string;
   endpointType: string;
   selectedModel: string | undefined;
   selectedSdk: "openai" | "azure";