diff --git a/ui/litellm-dashboard/src/components/settings.tsx b/ui/litellm-dashboard/src/components/settings.tsx index 8285f35b80a..4f1ff83ca8a 100644 --- a/ui/litellm-dashboard/src/components/settings.tsx +++ b/ui/litellm-dashboard/src/components/settings.tsx @@ -49,6 +49,12 @@ const Settings: React.FC = ({ const [form] = Form.useForm(); const [selectedCallback, setSelectedCallback] = useState(null); const [selectedAlertValues, setSelectedAlertValues] = useState([]); + const alerts_to_UI_NAME: Record = { + "llm_exceptions": "LLM Exceptions", + "llm_too_slow": "LLM Responses Too Slow", + "llm_requests_hanging": "LLM Requests Hanging", + "budget_alerts": "Budget Alerts (API Keys, Users)" + } useEffect(() => { if (!accessToken || !userRole || !userID) { @@ -249,6 +255,25 @@ const Settings: React.FC = ({ Add Callback + + + Alerting + + + + + {Object.entries(alerts_to_UI_NAME).map(([key, value], index) => ( + + + {value} + + + ))} + +
+ + +