scriptoriumadmin/litellm
1
0
Fork 0
mirror of https://github.com/BerriAI/litellm.git synced 2026-10-11 03:38:38 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 82

refactor(lens): name now reading conditions

Browse source
This commit is contained in:
Ishaan Jaff 2026-10-03 18:19:40 -07:00
parent 2c05090b1a
commit 775a808003
No known key found for this signature in database
3 changed files with 32 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
ui/litellm-dashboard/src/components/lens/investigations/live/NowReading.tsx
View file

@ -8,6 +8,11 @@ import { ModelName } from "./LiveStrip";
const RED = "text-[#e5484d]";
function dotTone(reading: boolean, issueShown: boolean): string {
if (reading) return "bg-foreground motion-safe:animate-pulse";
return issueShown ? "bg-[#e5484d]" : "bg-foreground/50";
}
function LaneRow({ lane, now, charMs }: { lane: Lane; now: number; charMs: number }) {
const { review } = lane;
const text = review ? laneText(review.reasoning) : "";
@ -17,13 +22,7 @@ function LaneRow({ lane, now, charMs }: { lane: Lane; now: number; charMs: numbe
return (
<li className="flex flex-col gap-1 rounded-lg bg-background/70 px-2.5 py-2 text-[12px] ring-1 ring-border/60 motion-safe:animate-in motion-safe:fade-in motion-safe:slide-in-from-top-1 motion-safe:duration-200">
<div className="flex items-center gap-2">
<span
aria-hidden="true"
className={cn(
"size-1.5 shrink-0 rounded-full",
!review ? "bg-foreground motion-safe:animate-pulse" : issue && !typing ? "bg-[#e5484d]" : "bg-foreground/50",
)}
/>
<span aria-hidden="true" className={cn("size-1.5 shrink-0 rounded-full", dotTone(!review, issue && !typing))} />
<span className="truncate font-medium text-foreground">{lane.agent || "trace"}</span>
<span className="truncate font-mono text-[11px] text-muted-foreground">{lane.traceId.slice(0, 8)}</span>
<span className="ml-auto shrink-0 text-[11px] tabular-nums text-muted-foreground">
@ -38,10 +37,17 @@ function LaneRow({ lane, now, charMs }: { lane: Lane; now: number; charMs: numbe
<>
<p className="min-h-[1.25rem] leading-relaxed text-muted-foreground">
{text.slice(0, typed)}
{typing && <span aria-hidden="true" className="ml-px inline-block h-3 w-px translate-y-0.5 bg-foreground" />}
{typing && (
<span aria-hidden="true" className="ml-px inline-block h-3 w-px translate-y-0.5 bg-foreground" />
)}
</p>
{!typing && (
<p className={cn("truncate font-medium motion-safe:animate-in motion-safe:fade-in", issue ? RED : "text-foreground")}>
<p
className={cn(
"truncate font-medium motion-safe:animate-in motion-safe:fade-in",
issue ? RED : "text-foreground",
)}
>
{shortVerdict(review)}
</p>
)}

7
ui/litellm-dashboard/src/components/lens/model/stage.test.ts
View file

@ -19,7 +19,12 @@ function review(id: string, reasoning = "Checked the tool output. It matched."):
};
}
const reading = (id: string) => ({ execution_id: id, trace_id: `trace-${id}`, agent: "bot", started_at: "2026-10-03T16:00:00Z" });
const reading = (id: string) => ({
execution_id: id,
trace_id: `trace-${id}`,
agent: "bot",
started_at: "2026-10-03T16:00:00Z",
});
const input = (overrides: Partial<StageInput>): StageInput => ({
reading: [],
reviews: [],

17
ui/litellm-dashboard/src/components/lens/model/stage.ts
View file

@ -31,7 +31,11 @@ const LANE_CHARS = 220;
const LANE_SENTENCES = 2;
export function laneText(reasoning: string): string {
const brief = reasoning.trim().split(/(?<=[.!?])\s+/).slice(0, LANE_SENTENCES).join(" ");
const brief = reasoning
.trim()
.split(/(?<=[.!?])\s+/)
.slice(0, LANE_SENTENCES)
.join(" ");
return brief.length > LANE_CHARS ? `${brief.slice(0, LANE_CHARS - 1).trimEnd()}…` : brief;
}
@ -51,7 +55,7 @@ export function startStage(reviews: readonly Review[]): Stage {
function settle(lane: Lane, reviews: ReadonlyMap<string, Review>, live: ReadonlySet<string>, now: number): Lane {
const review = lane.review ?? reviews.get(lane.key) ?? null;
const landedAt = lane.landedAt ?? (review ? now : null);
const goneAt = review || live.has(lane.key) ? null : (lane.goneAt ?? now);
const goneAt = review || live.has(lane.key) ? null : lane.goneAt ?? now;
if (review === lane.review && landedAt === lane.landedAt && goneAt === lane.goneAt) return lane;
return { ...lane, review, landedAt, goneAt };
}
@ -104,10 +108,11 @@ export function stepStage(stage: Stage, input: StageInput): Stage {
const room = free - landing.length;
const waiting = input.reading.filter((item) => !taken.has(item.execution_id) && !reviews.has(item.execution_id));
const starting = room > 0 ? waiting.slice(0, room) : [];
const unchanged =
!done.length && !fresh.length && !starting.length && settled.every((lane, n) => lane === stage.lanes[n]);
if (unchanged) return stage;
const releasedNow = [...done.filter((lane) => lane.review), ...overflow].map((item) => ("key" in item ? item.key : item.execution_id));
const nothingMoved = !done.length && !fresh.length && !starting.length;
if (nothingMoved && settled.every((lane, n) => lane === stage.lanes[n])) return stage;
const releasedNow = [...done.filter((lane) => lane.review), ...overflow].map((item) =>
"key" in item ? item.key : item.execution_id,
);
return {
lanes: [...kept, ...landing.map((review) => landedLane(review, now)), ...starting.map(readingLane)],
released: releasedNow.length ? new Set([...stage.released, ...releasedNow]) : stage.released,