Filter by Public Model Name
@@ -1230,6 +1500,7 @@ const ModelDashboard: React.FC
= ({
Save
+
)}
diff --git a/ui/litellm-dashboard/src/components/model_dashboard/columns.tsx b/ui/litellm-dashboard/src/components/model_dashboard/columns.tsx
index 61048fa3b5..53f1aaa696 100644
--- a/ui/litellm-dashboard/src/components/model_dashboard/columns.tsx
+++ b/ui/litellm-dashboard/src/components/model_dashboard/columns.tsx
@@ -188,6 +188,22 @@ export const columns = (
);
},
},
+ {
+ header: "Credentials",
+ accessorKey: "litellm_credential_name",
+ cell: ({ row }) => {
+ const model = row.original;
+ return model.litellm_params.litellm_credential_name ? (
+
+
+ {model.litellm_params.litellm_credential_name.slice(0, 7)}...
+
+
+ ) : (
+ "-"
+ );
+ },
+ },
{
header: "Status",
accessorKey: "model_info.db_model",
diff --git a/ui/litellm-dashboard/src/components/model_dashboard/types.ts b/ui/litellm-dashboard/src/components/model_dashboard/types.ts
index 04ecc1f009..67802c456b 100644
--- a/ui/litellm-dashboard/src/components/model_dashboard/types.ts
+++ b/ui/litellm-dashboard/src/components/model_dashboard/types.ts
@@ -13,6 +13,7 @@ export interface LiteLLMParams {
input_cost_per_token?: number;
output_cost_per_token?: number;
custom_llm_provider?: string;
+ litellm_credential_name?: string;
[key: string]: any;
}
@@ -41,4 +42,4 @@ export interface ModelDashboardProps {
setModelData: (data: any) => void;
premiumUser: boolean;
teams: any[];
-}
\ No newline at end of file
+}
diff --git a/ui/litellm-dashboard/src/components/model_metrics/time_to_first_token.tsx b/ui/litellm-dashboard/src/components/model_metrics/time_to_first_token.tsx
index 744b3d4a1e..3f1437e1c3 100644
--- a/ui/litellm-dashboard/src/components/model_metrics/time_to_first_token.tsx
+++ b/ui/litellm-dashboard/src/components/model_metrics/time_to_first_token.tsx
@@ -13,7 +13,7 @@ const TimeToFirstToken: React.FC = ({
customTooltip,
premiumUser,
}) => {
- return premiumUser ? (
+ return (
= ({
connectNulls={true}
customTooltip={customTooltip}
/>
- ) : (
-
-
- Enterprise features are available for users with a specific license,
- please contact LiteLLM to unlock this limitation.
-
-
-
- Get in touch
-
-
-
// Assuming formValues is an object
+) => {
+ try {
+ console.log("Form Values in credentialCreateCall:", formValues); // Log the form values before making the API call
+ if (formValues.metadata) {
+ console.log("formValues.metadata:", formValues.metadata);
+ // if there's an exception JSON.parse, show it in the message
+ try {
+ formValues.metadata = JSON.parse(formValues.metadata);
+ } catch (error) {
+ throw new Error("Failed to parse metadata: " + error);
+ }
+ }
+
+ const url = proxyBaseUrl ? `${proxyBaseUrl}/credentials` : `/credentials`;
+ const response = await fetch(url, {
+ method: "POST",
+ headers: {
+ [globalLitellmHeaderName]: `Bearer ${accessToken}`,
+ "Content-Type": "application/json",
+ },
+ body: JSON.stringify({
+ ...formValues, // Include formValues in the request body
+ }),
+ });
+
+ if (!response.ok) {
+ const errorData = await response.text();
+ handleError(errorData);
+ console.error("Error response from the server:", errorData);
+ throw new Error("Network response was not ok");
+ }
+
+ const data = await response.json();
+ console.log("API Response:", data);
+ return data;
+ // Handle success - you might want to update some state or UI based on the created key
+ } catch (error) {
+ console.error("Failed to create key:", error);
+ throw error;
+ }
+};
+
+export const credentialListCall = async (
+ accessToken: String,
+) => {
+ /**
+ * Get all available teams on proxy
+ */
+ try {
+ let url = proxyBaseUrl ? `${proxyBaseUrl}/credentials` : `/credentials`;
+ console.log("in credentialListCall");
+
+ const response = await fetch(url, {
+ method: "GET",
+ headers: {
+ [globalLitellmHeaderName]: `Bearer ${accessToken}`,
+ "Content-Type": "application/json",
+ },
+ });
+
+ if (!response.ok) {
+ const errorData = await response.text();
+ handleError(errorData);
+ throw new Error("Network response was not ok");
+ }
+
+ const data = await response.json();
+ console.log("/credentials API Response:", data);
+ return data;
+ // Handle success - you might want to update some state or UI based on the created key
+ } catch (error) {
+ console.error("Failed to create key:", error);
+ throw error;
+ }
+};
+
+export const credentialDeleteCall = async (accessToken: String, credentialName: String) => {
+ try {
+ const url = proxyBaseUrl ? `${proxyBaseUrl}/credentials/${credentialName}` : `/credentials/${credentialName}`;
+ console.log("in credentialDeleteCall:", credentialName);
+ const response = await fetch(url, {
+ method: "DELETE",
+ headers: {
+ [globalLitellmHeaderName]: `Bearer ${accessToken}`,
+ "Content-Type": "application/json",
+ },
+ });
+
+ if (!response.ok) {
+ const errorData = await response.text();
+ handleError(errorData);
+ throw new Error("Network response was not ok");
+ }
+ const data = await response.json();
+ console.log(data);
+ return data;
+ // Handle success - you might want to update some state or UI based on the created key
+ } catch (error) {
+ console.error("Failed to delete key:", error);
+ throw error;
+ }
+};
+
+export const credentialUpdateCall = async (
+ accessToken: string,
+ credentialName: string,
+ formValues: Record // Assuming formValues is an object
+) => {
+ try {
+ console.log("Form Values in credentialUpdateCall:", formValues); // Log the form values before making the API call
+ if (formValues.metadata) {
+ console.log("formValues.metadata:", formValues.metadata);
+ // if there's an exception JSON.parse, show it in the message
+ try {
+ formValues.metadata = JSON.parse(formValues.metadata);
+ } catch (error) {
+ throw new Error("Failed to parse metadata: " + error);
+ }
+ }
+
+ const url = proxyBaseUrl ? `${proxyBaseUrl}/credentials/${credentialName}` : `/credentials/${credentialName}`;
+ const response = await fetch(url, {
+ method: "PUT",
+ headers: {
+ [globalLitellmHeaderName]: `Bearer ${accessToken}`,
+ "Content-Type": "application/json",
+ },
+ body: JSON.stringify({
+ ...formValues, // Include formValues in the request body
+ }),
+ });
+
+ if (!response.ok) {
+ const errorData = await response.text();
+ handleError(errorData);
+ console.error("Error response from the server:", errorData);
+ throw new Error("Network response was not ok");
+ }
+
+ const data = await response.json();
+ console.log("API Response:", data);
+ return data;
+ // Handle success - you might want to update some state or UI based on the created key
+ } catch (error) {
+ console.error("Failed to create key:", error);
+ throw error;
+ }
+};
+
export const keyUpdateCall = async (
accessToken: string,
formValues: Record // Assuming formValues is an object
diff --git a/ui/litellm-dashboard/src/components/team/team_info.tsx b/ui/litellm-dashboard/src/components/team/team_info.tsx
index d268f137f6..fd7f08210a 100644
--- a/ui/litellm-dashboard/src/components/team/team_info.tsx
+++ b/ui/litellm-dashboard/src/components/team/team_info.tsx
@@ -184,7 +184,7 @@ const TeamInfoView: React.FC = ({
max_budget: values.max_budget,
budget_duration: values.budget_duration,
metadata: {
- ...teamData?.team_info?.metadata,
+ ...values.metadata,
guardrails: values.guardrails || []
}
};