4c:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"RegistryDependencies"] 4d:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"FilesView"] 4e:T1362,"use client" import * as React from "react" import { cn } from "@/lib/utils" export type AgentRunStatus = "queued" | "running" | "done" | "failed" export type AgentRun = { id: string label: string status?: AgentRunStatus /** What it is doing, or what it found. */ detail?: React.ReactNode /** Seconds it has taken. */ duration?: number children?: readonly AgentRun[] } export type SubagentTreeProps = Omit< React.HTMLAttributes, "children" > & { runs: readonly AgentRun[] label?: string } const wording: Record = { queued: "queued", running: "running", done: "done", failed: "failed", } function formatSeconds(seconds: number) { return seconds < 60 ? `${seconds < 10 ? seconds.toFixed(1) : Math.round(seconds)}s` : `${Math.floor(seconds / 60)}m ${Math.round(seconds % 60)}s` } function tally(runs: readonly AgentRun[]) { let running = 0 let done = 0 let failed = 0 let total = 0 const walk = (list: readonly AgentRun[]) => { for (const run of list) { total += 1 const status = run.status ?? "done" if (status === "running") running += 1 if (status === "done") done += 1 if (status === "failed") failed += 1 if (run.children) walk(run.children) } } walk(runs) return { running, done, failed, total } } function Branch({ runs, depth }: { runs: readonly AgentRun[]; depth: number }) { return (

{run.detail ? (
{run.detail}
) : null} {run.children?.length ? (

) : null}

) } /** * Several agents working at once, nested under whichever one handed the work * down, each with its own state and the time it has taken. * * It is nested lists rather than a tree widget. Nothing here is expanded, * selected or navigated, and announcing "tree, level 2" over work that is only * being watched buys a keyboard interaction nobody asked for. */ export function SubagentTree({ runs, label = "Agents", className, ...rootProps }: SubagentTreeProps) { const counts = tally(runs) const summary = counts.running > 0 ? `${counts.running} of ${counts.total} agents running` : counts.failed > 0 ? `${counts.total} agents finished, ${counts.failed} failed` : `${counts.total} agents finished` return (

0 ? "" : undefined} className={cn( "border-border bg-background w-full rounded-xl border p-3", className )} {...rootProps} >

{label} {counts.done}/{counts.total} done {counts.failed > 0 ? ( {counts.failed} failed ) : null}

{summary}

) } 4b:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[null,["$","$L4c",null,{"namespace":"@mischief","registryDependencies":["utils"]}]]}],null]}],["$","$L4d",null,{"files":[{"path":"registry/default/subagent-tree/subagent-tree.tsx","content":"$4e","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]