phoenix/litellm-mirror
0
0
Fork 1
mirror of https://github.com/BerriAI/litellm.git synced 2025-04-27 11:43:54 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

(feat) ui cleanup model dashboard

Browse source
This commit is contained in:
ishaan-jaff 2024-02-12 16:42:59 -08:00
parent 211a1fcf53
commit f3b5a27c7a
1 changed files with 6 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -87,22 +87,21 @@ const ModelDashboard: React.FC<ModelDashboardProps> = ({
<div style={{ width: "100%" }}> <div style={{ width: "100%" }}>
<Grid className="gap-2 p-10 h-[75vh] w-full"> <Grid className="gap-2 p-10 h-[75vh] w-full">
<Card> <Card>
<Title>Available Models</Title>
<Table className="mt-5"> <Table className="mt-5">
<TableHead> <TableHead>
<TableRow> <TableRow>
<TableCell>Model Name</TableCell> <TableCell><Title>Model Name </Title></TableCell>
<TableCell>Provider</TableCell> <TableCell><Title>Provider</Title></TableCell>
<TableCell>Input Price per token ($)</TableCell> <TableCell><Title>Input Price per token ($)</Title></TableCell>
<TableCell>Output Price per token ($)</TableCell> <TableCell><Title>Output Price per token ($)</Title></TableCell>
<TableCell>Max Tokens</TableCell> <TableCell><Title>Max Tokens</Title></TableCell>
</TableRow> </TableRow>
</TableHead> </TableHead>
<TableBody> <TableBody>
{modelData.data.map((model: any) => ( {modelData.data.map((model: any) => (
<TableRow key={model.model_name}> <TableRow key={model.model_name}>
<TableCell><p>{model.model_name}</p></TableCell> <TableCell><Title>{model.model_name}</Title></TableCell>
<TableCell>{model.provider}</TableCell> <TableCell>{model.provider}</TableCell>
<TableCell>{model.input_cost}</TableCell> <TableCell>{model.input_cost}</TableCell>
<TableCell>{model.output_cost}</TableCell> <TableCell>{model.output_cost}</TableCell>