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

fix(guardrails.tsx): show guardrail name, status, mode on ui

Browse source
This commit is contained in:
Krrish Dholakia 2025-02-10 17:35:36 -08:00
parent e9a861ec32
commit 0dfcf325b4
1 changed files with 13 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
ui/litellm-dashboard/src/components/guardrails.tsx
View file

@ -20,9 +20,13 @@ interface GuardrailsResponse {
}
interface GuardrailItem {
name: string;
mode: string;
status: "always_on" | "per_request";
guardrail_name: string | null;
litellm_params: {
guardrail: string;
mode: string;
default_on: boolean;
};
guardrail_info: Record<string, any> | null;
}
const GuardrailsPanel: React.FC<GuardrailsPanelProps> = ({ accessToken }) => {
@ -35,10 +39,9 @@ const GuardrailsPanel: React.FC<GuardrailsPanelProps> = ({ accessToken }) => {
const fetchGuardrails = async () => {
try {
const response = await getGuardrailsList(accessToken);
const data: GuardrailsResponse = await response.json();
setGuardrailsList(data.guardrails);
const response: GuardrailsResponse = await getGuardrailsList(accessToken);
console.log(`guardrails: ${JSON.stringify(response)}`);
setGuardrailsList(response.guardrails);
} catch (error) {
console.error('Error fetching guardrails:', error);
@ -79,10 +82,10 @@ const GuardrailsPanel: React.FC<GuardrailsPanelProps> = ({ accessToken }) => {
) : (
guardrailsList?.map((guardrail: GuardrailItem, index: number) => (
<TableRow key={index}>
<TableCell>{guardrail.name}</TableCell>
<TableCell>{guardrail.mode}</TableCell>
<TableCell>{guardrail.guardrail_name}</TableCell>
<TableCell>{guardrail.litellm_params.mode}</TableCell>
<TableCell>
{guardrail.status === 'always_on' ? 'Always On' : 'Per Request'}
{guardrail.litellm_params.default_on ? 'Always On' : 'Per Request'}
</TableCell>
</TableRow>
))