scriptoriumadmin/litellm
1
0
Fork 0
mirror of https://github.com/BerriAI/litellm.git synced 2026-09-13 23:11:40 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 101

fix(ui): clean relay drawer lint

Browse source
This commit is contained in:
Ishaan Jaff 2026-07-09 16:52:31 -07:00
parent ed5b901983
commit d0cf40b766
No known key found for this signature in database
1 changed files with 22 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

38
ui/litellm-dashboard/src/components/view_logs/LogDetailsDrawer/LogDetailsDrawer.tsx
View file

@ -50,12 +50,21 @@ function TraceEventRow({ row, isSelected, onClick }: TraceEventRowProps) {
const isMcp = MCP_CALL_TYPES.includes(row.call_type);
const isAgent = AGENT_CALL_TYPES.includes(row.call_type);
const isRelay = RELAY_CALL_TYPES.includes(row.call_type);
const durationValue =
row.request_duration_ms != null
? (row.request_duration_ms / 1000).toFixed(3)
: row.startTime && row.endTime
? ((Date.parse(row.endTime) - Date.parse(row.startTime)) / 1000).toFixed(3)
: "-";
let durationValue = "-";
if (row.request_duration_ms != null) {
durationValue = (row.request_duration_ms / 1000).toFixed(3);
} else if (row.startTime && row.endTime) {
durationValue = ((Date.parse(row.endTime) - Date.parse(row.startTime)) / 1000).toFixed(3);
}
let eventIcon = <Sparkles size={12} className="text-slate-500 shrink-0" />;
if (isMcp) {
eventIcon = <Wrench size={12} className="text-slate-500 shrink-0" />;
} else if (isAgent) {
eventIcon = <Bot size={12} className="text-slate-500 shrink-0" />;
} else if (isRelay) {
eventIcon = <Cable size={12} className="text-slate-500 shrink-0" />;
}
return (
<button
@ -66,15 +75,7 @@ function TraceEventRow({ row, isSelected, onClick }: TraceEventRowProps) {
onClick={onClick}
>
<div className="flex items-center gap-1">
{isMcp ? (
<Wrench size={12} className="text-slate-500 shrink-0" />
) : isAgent ? (
<Bot size={12} className="text-slate-500 shrink-0" />
) : isRelay ? (
<Cable size={12} className="text-slate-500 shrink-0" />
) : (
<Sparkles size={12} className="text-slate-500 shrink-0" />
)}
{eventIcon}
<span className="text-xs font-medium text-slate-900 truncate">
{getEventDisplayName(row.call_type, row.model)}
</span>
@ -277,7 +278,12 @@ export function LogDetailsDrawer({
).length;
const agentCount = sessionLogs.filter((row) => AGENT_CALL_TYPES.includes(row.call_type)).length;
const mcpCount = sessionLogs.filter((row) => MCP_CALL_TYPES.includes(row.call_type)).length;
const logsForList = isSessionMode ? sessionLogs : currentLog ? [currentLog] : [];
let logsForList: LogEntry[] = [];
if (isSessionMode) {
logsForList = sessionLogs;
} else if (currentLog) {
logsForList = [currentLog];
}
const leftPanelId = isSessionMode ? sessionId || "" : currentLog?.request_id || "";
const leftPanelDisplayId = leftPanelId.length > 14 ? `${leftPanelId.slice(0, 11)}...` : leftPanelId;