phoenix/litellm
1
0
Fork 0
forked from phoenix/litellm-mirror
Code Pull requests Activity

ui - place litellm params in an accordion

Browse source
This commit is contained in:
Ishaan Jaff 2024-04-18 19:22:34 -07:00
parent 0569974a3a
commit dd92c94788
1 changed files with 13 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

15
ui/litellm-dashboard/src/components/model_dashboard.tsx
View file

@ -12,6 +12,9 @@ import {
Metric, Metric,
Text, Text,
Grid, Grid,
Accordion,
AccordionHeader,
AccordionBody,
} from "@tremor/react"; } from "@tremor/react";
import { TabPanel, TabPanels, TabGroup, TabList, Tab, TextInput, Icon } from "@tremor/react"; import { TabPanel, TabPanels, TabGroup, TabList, Tab, TextInput, Icon } from "@tremor/react";
import { Select, SelectItem, MultiSelect, MultiSelectItem } from "@tremor/react"; import { Select, SelectItem, MultiSelect, MultiSelectItem } from "@tremor/react";
@ -220,7 +223,6 @@ const ModelDashboard: React.FC<ModelDashboardProps> = ({
max_tokens = model_info?.max_tokens; max_tokens = model_info?.max_tokens;
} }
// let cleanedLitellmParams == litellm_params without model, api_base
if (curr_model?.litellm_params) { if (curr_model?.litellm_params) {
cleanedLitellmParams = Object.fromEntries( cleanedLitellmParams = Object.fromEntries(
Object.entries(curr_model?.litellm_params).filter( Object.entries(curr_model?.litellm_params).filter(
@ -460,9 +462,18 @@ const ModelDashboard: React.FC<ModelDashboardProps> = ({
} }
<TableCell> <TableCell>
<pre>
<Accordion>
<AccordionHeader>
<Text>Litellm params</Text>
</AccordionHeader>
<AccordionBody>
<pre>
{JSON.stringify(model.cleanedLitellmParams, null, 2)} {JSON.stringify(model.cleanedLitellmParams, null, 2)}
</pre> </pre>
</AccordionBody>
</Accordion>
</TableCell> </TableCell>
<TableCell>{model.input_cost}</TableCell> <TableCell>{model.input_cost}</TableCell>