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

ui - show token hashes on ui

Browse source
This commit is contained in:
Ishaan Jaff 2024-05-11 11:21:53 -07:00
parent d33e49411d
commit 69452f003d
3 changed files with 142 additions and 168 deletions
Download patch file Download diff file Expand all files Collapse all files

27
ui/litellm-dashboard/src/components/view_key_table.tsx
View file

@ -17,6 +17,7 @@ import {
DialogPanel,
Text,
Title,
Subtitle,
Icon,
BarChart,
} from "@tremor/react";
@ -32,8 +33,6 @@ import {
Select,
} from "antd";
import ViewKeySpendReport from "./view_key_spend_report";
const { Option } = Select;
@ -570,6 +569,7 @@ const ViewKeyTable: React.FC<ViewKeyTableProps> = ({
icon={InformationCircleIcon}
size="sm"
/>
<Dialog
open={openDialogId !== null}
@ -577,6 +577,7 @@ const ViewKeyTable: React.FC<ViewKeyTableProps> = ({
setOpenDialogId(null);
setSelectedItem(null);
}}
static={true}
>
<DialogPanel>
@ -639,22 +640,14 @@ const ViewKeyTable: React.FC<ViewKeyTableProps> = ({
</Card>
</div>
<Card className="mt-6 mb-6">
{spendData && (
<BarChart
className="mt-6"
data={spendData}
colors={["blue", "amber"]}
index="date"
categories={["spend", "predicted_spend"]}
yAxisWidth={80}
/>
)}
</Card>
<Card className="my-4">
<Title>Token Name</Title>
<Text className="my-1">{selectedItem.key_alias ? selectedItem.key_alias : selectedItem.key_name}</Text>
<Title>Token ID</Title>
<Text className="my-1">{selectedItem.token}</Text>
<Title>Metadata</Title>
<Text>{JSON.stringify(selectedItem.metadata)}</Text>
<Text className="my-1"><pre>{JSON.stringify(selectedItem.metadata)} </pre></Text>
</Card>
<Button