4e: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"] 4f: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"] 50:T1ae3,"use client"; import { useEffect, useState, type ReactNode } from "react"; import styles from "./ai-state.module.css"; import { useReducedMotion } from "./useReducedMotion"; export type ToolIcon = "think" | "write" | "run" | "read" | (string & {}); export interface ToolDetailLine { text: string; tone?: "add" | "remove" | "muted"; } export interface ToolCall { id: string; icon?: ToolIcon; label: string; chip: string; mono?: boolean; detailMono?: boolean; details?: readonly ToolDetailLine[]; } export interface ToolDiff { file: string; additions?: number; deletions?: number; } export interface ToolChipsProps { rows: readonly ToolCall[]; diffs?: readonly ToolDiff[]; messageCount?: number; /** Reveal one tool call at this interval. Set to 0 to show all immediately. */ revealInterval?: number; defaultExpanded?: boolean; defaultOpenRows?: readonly string[]; className?: string; } const iconPaths: Record = { think: , write: , run: <>, read: <>, }; function ToolIconMark({ name }: { name?: string }) { return ( ); } export function ToolChips({ rows, diffs = [], messageCount, revealInterval = 700, defaultExpanded = true, defaultOpenRows = [], className = "" }: ToolChipsProps) { const reducedMotion = useReducedMotion(); const [visibleCount, setVisibleCount] = useState(revealInterval > 0 ? 0 : rows.length); const [expanded, setExpanded] = useState(defaultExpanded); const [openRows, setOpenRows] = useState>(() => new Set(defaultOpenRows)); useEffect(() => { if (reducedMotion) { setVisibleCount(rows.length); return; } if (revealInterval <= 0 || visibleCount >= rows.length) return; const timer = window.setTimeout(() => setVisibleCount((count) => Math.min(rows.length, count + 1)), revealInterval); return () => window.clearTimeout(timer); }, [reducedMotion, revealInterval, rows.length, visibleCount]); const shownRows = rows.slice(0, visibleCount); const complete = visibleCount >= rows.length; const toggleRow = (id: string) => setOpenRows((current) => { const next = new Set(current); if (next.has(id)) next.delete(id); else next.add(id); return next; }); return (

{complete ? `${rows.length} tool calls ready.` : `${visibleCount} of ${rows.length} tool calls ready.`}

{shownRows.map((row) => { const open = openRows.has(row.id); return

{row.details?.map((line) => {line.text})}

; })}

{complete && diffs.length > 0 ?

{diffs.map((diff, index) => {diff.file}{diff.additions !== undefined ? +{diff.additions} : null}{diff.deletions ? −{diff.deletions} : null})}

: null}

); } export default ToolChips; 4d:["$","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,["$","$L4e",null,{"namespace":"@beadkit","registryDependencies":["https://beadkit.dev/r/ai-core.json"]}]]}],null]}],["$","$L4f",null,{"files":[{"path":"components/ai/ToolChips.tsx","content":"$50","type":"registry:component","target":"@components/ai/ToolChips.tsx"}],"className":"h-[70svh] min-h-80"}]]}]