61: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/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.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"] 62: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/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.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"] 63:T13b1,"use client"; import { ChevronDownIcon } from "lucide-react"; import type { ComponentProps } from "react"; import { createContext, useCallback, useContext, useState } from "react"; import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from "@/components/ui/collapsible"; import { cn } from "@/lib/utils"; export interface WorkedPart { type: string; } export interface IndexedWorkedPart { part: T; index: number; } export type WorkedSegment = | { kind: "worked"; items: IndexedWorkedPart[] } | { kind: "visible"; item: IndexedWorkedPart }; export function isWorkedPart(part: WorkedPart): boolean { return part.type !== "text"; } export function splitWorkedParts( parts: readonly T[] ): WorkedSegment[] { let lastTextIndex = -1; for (let i = parts.length - 1; i >= 0; i--) { if (parts[i]?.type === "text") { lastTextIndex = i; break; } } const segments: WorkedSegment[] = []; let pending: IndexedWorkedPart[] = []; const flush = () => { if (pending.length === 0) { return; } segments.push({ kind: "worked", items: pending }); pending = []; }; for (let index = 0; index < parts.length; index++) { const part = parts[index]; if (!part || part.type === "step-start") { continue; } const beforeTerminal = lastTextIndex === -1 || index < lastTextIndex; if (beforeTerminal && isWorkedPart(part)) { pending.push({ part, index }); continue; } flush(); segments.push({ kind: "visible", item: { part, index } }); } flush(); return segments; } export function formatWorkedDuration(seconds: number): string { const total = Math.max(0, Math.round(seconds)); if (total < 60) { return `${total}s`; } const minutes = Math.floor(total / 60); const rest = total % 60; return rest === 0 ? `${minutes}m` : `${minutes}m ${rest}s`; } export function workedLabel({ isStreaming, duration, }: { isStreaming: boolean; duration?: number; }): string { if (isStreaming) { return "Working"; } if (duration === undefined || duration <= 0) { return "Worked"; } return `Worked for ${formatWorkedDuration(duration)}`; } interface WorkedContextValue { isStreaming: boolean; isOpen: boolean; duration?: number; } const WorkedContext = createContext(null); export function useWorked() { const context = useContext(WorkedContext); if (!context) { throw new Error("Worked parts must be used within "); } return context; } export type WorkedProps = Omit< ComponentProps, "onOpenChange" > & { isStreaming?: boolean; duration?: number; onOpenChange?: (open: boolean) => void; }; export function Worked({ className, isStreaming = false, duration, open, defaultOpen = false, onOpenChange, children, ...props }: WorkedProps) { const [userOverride, setUserOverride] = useState(null); const isControlled = open !== undefined; const isOpen = isControlled ? open : (userOverride ?? (isStreaming || defaultOpen)); const setIsOpen = useCallback( (next: boolean) => { if (!isControlled) { setUserOverride(next); } onOpenChange?.(next); }, [isControlled, onOpenChange] ); return ( {children} ); } export type WorkedTriggerProps = ComponentProps; export function WorkedTrigger({ className, children, ...props }: WorkedTriggerProps) { const { isStreaming, isOpen, duration } = useWorked(); return ( {children ?? ( <> {workedLabel({ isStreaming, duration })} )} ); } export type WorkedContentProps = ComponentProps; export function WorkedContent({ className, ...props }: WorkedContentProps) { return ( ); } 60:["$","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,["$","$L61",null,{"namespace":"@simple-ai","registryDependencies":["collapsible"]}]]}],null]}],["$","$L62",null,{"files":[{"path":"packages/registry/registry/ui/worked.tsx","content":"$63","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]