diff --git a/ui/litellm-dashboard/src/components/view_logs/columns.tsx b/ui/litellm-dashboard/src/components/view_logs/columns.tsx index 78f5af61cc6..e4166eabca3 100644 --- a/ui/litellm-dashboard/src/components/view_logs/columns.tsx +++ b/ui/litellm-dashboard/src/components/view_logs/columns.tsx @@ -77,37 +77,23 @@ export const columns: ColumnDef[] = [ accessorKey: "metadata.user_api_key_team_alias", cell: (info: any) => {String(info.getValue() || "-")}, }, + { + header: "Key Hash", + accessorKey: "metadata.user_api_key", + cell: (info: any) => { + const value = String(info.getValue() || "-"); + return ( + + {value.slice(0, 5)}... + + ); + }, + }, { header: "Key Name", accessorKey: "metadata.user_api_key_alias", cell: (info: any) => {String(info.getValue() || "-")}, }, - { - header: "Request", - accessorKey: "messages", - cell: (info: any) => { - const messages = info.getValue(); - try { - const content = - typeof messages === "string" ? JSON.parse(messages) : messages; - let displayText = ""; - - if (Array.isArray(content)) { - displayText = formatMessage(content[0]?.content); - } else { - displayText = formatMessage(content); - } - - return {displayText}; - } catch (e) { - return ( - - {formatMessage(messages)} - - ); - } - }, - }, { header: "Model", accessorKey: "model", @@ -176,16 +162,29 @@ export const columns: ColumnDef[] = [ cell: (info: any) => { const tags = info.getValue(); if (!tags || Object.keys(tags).length === 0) return "-"; + + const tagEntries = Object.entries(tags); + const firstTag = tagEntries[0]; + const remainingTags = tagEntries.slice(1); + return (
- {Object.entries(tags).map(([key, value]) => ( - - {key}: {String(value)} + + {tagEntries.map(([key, value]) => ( + + {key}: {String(value)} + + ))} +
+ } + > + + {firstTag[0]}: {String(firstTag[1])} + {remainingTags.length > 0 && ` +${remainingTags.length}`} - ))} + ); },