51: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/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 52: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/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 53:T1803,"use client"; import { useId, useState, type ComponentProps } from "react"; import { CheckIcon, Loader2Icon, MinusIcon, XIcon } from "lucide-react"; import { cn } from "@/lib/utils"; import { ghostButton, mono } from "./surfaces"; import { clamp } from "../utils/range"; export type TodoStatus = "pending" | "active" | "done" | "failed" | "cancelled"; export interface TodoItem { id: string; text: string; status: TodoStatus; description?: string | undefined; reason?: string | undefined; } export function TodoList({ items, revision, title = "Todos", description, maxVisible, className, ...props }: Omit, "children" | "items" | "revision" | "title"> & { items: readonly TodoItem[]; revision?: number | undefined; title?: string | undefined; description?: string | undefined; maxVisible?: number | undefined; }) { const done = items.filter((item) => item.status === "done").length; const total = items.filter((item) => item.status !== "cancelled").length; const visibleCount = Math.floor( clamp(maxVisible ?? items.length, 0, items.length), ); const [expanded, setExpanded] = useState(false); const listId = useId(); const hiddenItems = items.filter( (item, index) => index >= visibleCount && item.status !== "active" && item.status !== "failed", ); const canFold = maxVisible !== undefined && hiddenItems.length > 0; return (

{title} {description ? (

{description}

) : null}

{revision === undefined ? `${done}/${total}` : `${done}/${total} · rev ${revision}`}

{item.status === "done" ? ( ) : item.status === "failed" ? ( ) : item.status === "cancelled" ? ( ) : item.status === "active" ? ( ) : ( )} {item.status}

{item.text} {item.status === "failed" ? ( item.reason ? (

{item.reason}

) : null ) : item.status !== "cancelled" && item.description ? (

{item.description}

) : null}

); if (collapsed && !expanded) return null; return (

{row}

); })}

{canFold ? ( ) : null}

); } 50:["$","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":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","lucide-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"lucide-react"}]]}]}]]}],["$","$L51",null,{"namespace":"@assistant-ui","registryDependencies":["https://r.assistant-ui.com/elements-surfaces.json","https://r.assistant-ui.com/elements-range.json"]}]]}],null]}],["$","$L52",null,{"files":[{"path":"components/assistant-ui/elements/todo-list.tsx","content":"$53","type":"registry:component"}],"className":"h-[70svh] min-h-80"}]]}]