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

(feat) admin UI show models on team table

Browse source
This commit is contained in:
Ishaan Jaff 2024-03-28 08:11:05 -07:00
parent 5e5f3d5fd2
commit b1d2eb8684
1 changed files with 15 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

26
ui/litellm-dashboard/src/components/teams.tsx
View file

@ -157,7 +157,7 @@ const Team: React.FC<TeamProps> = ({
}; };
console.log(`received teams ${teams}`); console.log(`received teams ${teams}`);
return ( return (
<div className="w-full"> <div className="w-full mx-4">
<Grid numItems={1} className="gap-2 p-2 h-[75vh] w-full"> <Grid numItems={1} className="gap-2 p-2 h-[75vh] w-full">
<Col numColSpan={1}> <Col numColSpan={1}>
<Title level={4}>All Teams</Title> <Title level={4}>All Teams</Title>
@ -168,6 +168,7 @@ const Team: React.FC<TeamProps> = ({
<TableHeaderCell>Team Name</TableHeaderCell> <TableHeaderCell>Team Name</TableHeaderCell>
<TableHeaderCell>Spend (USD)</TableHeaderCell> <TableHeaderCell>Spend (USD)</TableHeaderCell>
<TableHeaderCell>Budget (USD)</TableHeaderCell> <TableHeaderCell>Budget (USD)</TableHeaderCell>
<TableHeaderCell>Models</TableHeaderCell>
<TableHeaderCell>TPM / RPM Limits</TableHeaderCell> <TableHeaderCell>TPM / RPM Limits</TableHeaderCell>
</TableRow> </TableRow>
</TableHead> </TableHead>
@ -176,22 +177,25 @@ const Team: React.FC<TeamProps> = ({
{teams && teams.length > 0 {teams && teams.length > 0
? teams.map((team: any) => ( ? teams.map((team: any) => (
<TableRow key={team.team_id}> <TableRow key={team.team_id}>
<TableCell>{team["team_alias"]}</TableCell> <TableCell style={{ maxWidth: "4px", whiteSpace: "pre-wrap", overflow: "hidden" }}>{team["team_alias"]}</TableCell>
<TableCell>{team["spend"]}</TableCell> <TableCell style={{ maxWidth: "4px", whiteSpace: "pre-wrap", overflow: "hidden" }}>{team["spend"]}</TableCell>
<TableCell> <TableCell style={{ maxWidth: "4px", whiteSpace: "pre-wrap", overflow: "hidden" }}>
{team["max_budget"] ? team["max_budget"] : "No limit"} {team["max_budget"] ? team["max_budget"] : "No limit"}
</TableCell> </TableCell>
<TableCell> <TableCell style={{ maxWidth: "4px", whiteSpace: "pre-wrap", overflow: "hidden" }}>
<Text>{JSON.stringify(team["models"] ? team["models"] : [])}</Text>
</TableCell>
<TableCell style={{ maxWidth: "4px", whiteSpace: "pre-wrap", overflow: "hidden" }}>
<Text> <Text>
TPM Limit:{" "} TPM Limit:{" "}
{team.tpm_limit ? team.tpm_limit : "Unlimited"}{" "} {team.tpm_limit ? team.tpm_limit : "Unlimited"}{" "}
<br></br> RPM Limit:{" "} <br></br>RPM Limit:{" "}
{team.rpm_limit ? team.rpm_limit : "Unlimited"} {team.rpm_limit ? team.rpm_limit : "Unlimited"}
</Text> </Text>
</TableCell> </TableCell>
<TableCell> {/* <TableCell>
<Icon icon={CogIcon} size="sm" /> <Icon icon={CogIcon} size="sm" />
</TableCell> </TableCell> */}
</TableRow> </TableRow>
)) ))
: null} : null}
@ -293,7 +297,7 @@ const Team: React.FC<TeamProps> = ({
<TableRow> <TableRow>
<TableHeaderCell>Member Name</TableHeaderCell> <TableHeaderCell>Member Name</TableHeaderCell>
<TableHeaderCell>Role</TableHeaderCell> <TableHeaderCell>Role</TableHeaderCell>
<TableHeaderCell>Action</TableHeaderCell> {/* <TableHeaderCell>Action</TableHeaderCell> */}
</TableRow> </TableRow>
</TableHead> </TableHead>
@ -310,9 +314,9 @@ const Team: React.FC<TeamProps> = ({
: null} : null}
</TableCell> </TableCell>
<TableCell>{member["role"]}</TableCell> <TableCell>{member["role"]}</TableCell>
<TableCell> {/* <TableCell>
<Icon icon={CogIcon} size="sm" /> <Icon icon={CogIcon} size="sm" />
</TableCell> </TableCell> */}
</TableRow> </TableRow>
) )
) )