diff --git a/ui/litellm-dashboard/src/components/agent_management/AgentSelector.tsx b/ui/litellm-dashboard/src/components/agent_management/AgentSelector.tsx index a017004aaca..4debf284732 100644 --- a/ui/litellm-dashboard/src/components/agent_management/AgentSelector.tsx +++ b/ui/litellm-dashboard/src/components/agent_management/AgentSelector.tsx @@ -103,6 +103,7 @@ const AgentSelector: React.FC = ({ value={selectedValues} loading={loading} className={className} + allowClear showSearch style={{ width: "100%" }} disabled={disabled} diff --git a/ui/litellm-dashboard/src/components/common_components/PassThroughRoutesSelector.tsx b/ui/litellm-dashboard/src/components/common_components/PassThroughRoutesSelector.tsx index 116e3f6aa39..10482dffb2c 100644 --- a/ui/litellm-dashboard/src/components/common_components/PassThroughRoutesSelector.tsx +++ b/ui/litellm-dashboard/src/components/common_components/PassThroughRoutesSelector.tsx @@ -53,6 +53,7 @@ const PassThroughRoutesSelector: React.FC = ({ value={value} loading={loading} className={className} + allowClear options={passThroughRoutes.map((route) => ({ label: route, value: route, diff --git a/ui/litellm-dashboard/src/components/common_components/budget_duration_dropdown.tsx b/ui/litellm-dashboard/src/components/common_components/budget_duration_dropdown.tsx index 6fd97cbfd64..fcba5774644 100644 --- a/ui/litellm-dashboard/src/components/common_components/budget_duration_dropdown.tsx +++ b/ui/litellm-dashboard/src/components/common_components/budget_duration_dropdown.tsx @@ -23,6 +23,7 @@ const BudgetDurationDropdown: React.FC = ({ onChange={onChange} className={className} placeholder="n/a" + allowClear > diff --git a/ui/litellm-dashboard/src/components/common_components/team_dropdown.tsx b/ui/litellm-dashboard/src/components/common_components/team_dropdown.tsx index 2747c6f80f5..d54724da2a7 100644 --- a/ui/litellm-dashboard/src/components/common_components/team_dropdown.tsx +++ b/ui/litellm-dashboard/src/components/common_components/team_dropdown.tsx @@ -18,6 +18,7 @@ const TeamDropdown: React.FC = ({ teams, value, onChange, dis value={value} onChange={onChange} disabled={disabled} + allowClear filterOption={(input, option) => { if (!option) return false; // Get team data from the option key diff --git a/ui/litellm-dashboard/src/components/guardrails/GuardrailSelector.tsx b/ui/litellm-dashboard/src/components/guardrails/GuardrailSelector.tsx index 9d72e86c2ff..0e0628cd18f 100644 --- a/ui/litellm-dashboard/src/components/guardrails/GuardrailSelector.tsx +++ b/ui/litellm-dashboard/src/components/guardrails/GuardrailSelector.tsx @@ -52,6 +52,7 @@ const GuardrailSelector: React.FC = ({ onChange, value, value={value} loading={loading} className={className} + allowClear options={guardrails.map((guardrail) => { console.log("Mapping guardrail:", guardrail); return { diff --git a/ui/litellm-dashboard/src/components/mcp_server_management/MCPServerSelector.tsx b/ui/litellm-dashboard/src/components/mcp_server_management/MCPServerSelector.tsx index 7b79f5cc707..929f6e6e531 100644 --- a/ui/litellm-dashboard/src/components/mcp_server_management/MCPServerSelector.tsx +++ b/ui/litellm-dashboard/src/components/mcp_server_management/MCPServerSelector.tsx @@ -87,6 +87,7 @@ const MCPServerSelector: React.FC = ({ value={selectedValues} loading={loading} className={className} + allowClear showSearch style={{ width: "100%" }} disabled={disabled} diff --git a/ui/litellm-dashboard/src/components/vector_store_management/VectorStoreSelector.tsx b/ui/litellm-dashboard/src/components/vector_store_management/VectorStoreSelector.tsx index ddb605542bc..2642b74e492 100644 --- a/ui/litellm-dashboard/src/components/vector_store_management/VectorStoreSelector.tsx +++ b/ui/litellm-dashboard/src/components/vector_store_management/VectorStoreSelector.tsx @@ -51,6 +51,7 @@ const VectorStoreSelector: React.FC = ({ value={value} loading={loading} className={className} + allowClear options={vectorStores.map((store) => ({ label: `${store.vector_store_name || store.vector_store_id} (${store.vector_store_id})`, value: store.vector_store_id,