scriptoriumadmin/litellm
1
0
Fork 0
mirror of https://github.com/BerriAI/litellm.git synced 2026-10-03 02:22:24 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 82

feat(ui): guardrails/content_filter/ContentFilterManager Alert to shadcn

Browse source 
- antd Alert/Divider/Typography (Text only) \u2192 inline flex+<hr>
  section divider and a lucide AlertTriangle warning banner.
- Categorical amber tint preserved behind no-raw-tailwind-colors
  eslint-disable.

Gates: TS \u2713 | Build \u2713.

Co-authored-by: yuneng-jiang <yuneng-berri@users.noreply.github.com>
This commit is contained in:
Cursor Agent 2026-04-23 22:04:22 +00:00
parent 551e8bc2c7
commit 5946c68973
No known key found for this signature in database
1 changed files with 15 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
ui/litellm-dashboard/src/components/guardrails/content_filter/ContentFilterManager.tsx
View file

@ -1,10 +1,9 @@
import { Alert, Divider, Typography } from "antd";
import { AlertTriangle } from "lucide-react";
import React, { useEffect, useState } from "react";
import ContentFilterConfiguration from "./ContentFilterConfiguration";
import ContentFilterDisplay from "./ContentFilterDisplay";
import type { CompetitorIntentConfig } from "./CompetitorIntentConfiguration";
const { Text } = Typography
interface Pattern {
id: string;
@ -233,19 +232,21 @@ const ContentFilterManager: React.FC<ContentFilterManagerProps> = ({
// Edit mode
return (
<>
<Divider orientation="left">Content Filter Configuration</Divider>
<div className="flex items-center my-4">
<span className="text-sm font-medium text-foreground mr-3">
Content Filter Configuration
</span>
<hr className="flex-1 border-border" />
</div>
{hasUnsavedChanges && (
<Alert
type="warning"
showIcon
className="mb-4"
message={
<Text>
You have unsaved changes to patterns or keywords. Remember to click &quot;Save Changes&quot; at the
bottom.
</Text>
}
/>
// eslint-disable-next-line litellm-ui/no-raw-tailwind-colors
<div className="flex gap-2 items-start p-3 mb-4 rounded-md bg-amber-50 border border-amber-200 text-amber-800 dark:bg-amber-950/30 dark:border-amber-900 dark:text-amber-200">
<AlertTriangle className="h-4 w-4 mt-0.5 shrink-0" />
<span className="text-sm">
You have unsaved changes to patterns or keywords. Remember to
click &quot;Save Changes&quot; at the bottom.
</span>
</div>
)}
<div className="mb-6">
{guardrailSettings && guardrailSettings.content_filter_settings && (