@moldable-ai/ui 0.1.1

package/dist/components/chat/tool-handlers.js

@@ -0,0 +1,434 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BookOpen, Check, CheckCheck, ChevronDown, Copy, Download, ExternalLink, FileCode, FileText, FolderOpen, Globe, Plus, Search, Sparkles, Terminal, Trash2, X, } from 'lucide-react';
+import { useState } from 'react';
+import { cn } from '../../lib/utils';
+import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from '../ui/collapsible';
+import { ThinkingTimelineMarker } from './thinking-timeline';
+/**
+ * Code block component for displaying command output or file contents
+ */
+function CodeBlock({ children, maxHeight = 200, className, }) {
+    return (_jsx("pre", { className: cn('bg-terminal text-terminal-foreground min-w-0 overflow-auto whitespace-pre-wrap break-all rounded-lg p-3 font-mono text-xs', className), style: { maxHeight }, children: children }));
+}
+/**
+ * Copy button component
+ */
+function CopyButton({ text }) {
+    const [copied, setCopied] = useState(false);
+    const handleCopy = async () => {
+        await navigator.clipboard.writeText(text);
+        setCopied(true);
+        setTimeout(() => setCopied(false), 2000);
+    };
+    return (_jsx("button", { onClick: handleCopy, className: "text-terminal-muted hover:bg-terminal-border hover:text-terminal-foreground cursor-pointer rounded p-1 transition-colors", title: "Copy command", children: copied ? (_jsx(CheckCheck, { className: "text-success size-3.5" })) : (_jsx(Copy, { className: "size-3.5" })) }));
+}
+/**
+ * Summarize a command for the header (truncate long commands)
+ */
+function summarizeCommand(command) {
+    // Get first line only
+    const firstLine = command.split('\n')[0];
+    // Truncate if too long
+    if (firstLine.length > 60) {
+        return firstLine.slice(0, 57) + '...';
+    }
+    return firstLine;
+}
+/**
+ * Terminal output component
+ */
+function TerminalOutput({ command, stdout, stderr, exitCode, error, }) {
+    const success = !error && (exitCode === 0 || exitCode === undefined);
+    const hasOutput = stdout || stderr || error;
+    return (_jsxs("div", { className: "border-terminal-border bg-terminal min-w-0 overflow-hidden rounded-lg border", children: [_jsxs("div", { className: "border-terminal-border bg-terminal-header flex min-w-0 items-center gap-2 border-b px-3 py-1.5", children: [_jsx(Terminal, { className: "text-terminal-muted size-3.5 shrink-0" }), _jsx("code", { className: "text-terminal-foreground min-w-0 flex-1 truncate font-mono text-xs", children: summarizeCommand(command) }), _jsx(CopyButton, { text: command }), success ? (_jsx(Check, { className: "text-success size-3.5 shrink-0" })) : (_jsx(X, { className: "text-terminal-error size-3.5 shrink-0" }))] }), _jsxs("div", { className: "max-h-[300px] overflow-auto p-3", children: [_jsxs("div", { className: "text-terminal-foreground mb-2 break-all font-mono text-xs", children: [_jsx("span", { className: "text-terminal-muted", children: "$" }), " ", command] }), hasOutput && (_jsxs("div", { className: "border-terminal-border/50 border-t pt-2", children: [stdout && (_jsx("pre", { className: "text-terminal-stdout whitespace-pre-wrap break-all font-mono text-xs", children: stdout })), stderr && (_jsx("pre", { className: "text-terminal-stderr whitespace-pre-wrap break-all font-mono text-xs", children: stderr })), error && (_jsx("pre", { className: "text-terminal-error whitespace-pre-wrap break-all font-mono text-xs", children: error }))] }))] })] }));
+}
+/**
+ * File operation indicator (inline, minimal)
+ */
+function FileOperation({ operation, path, success = true, children, }) {
+    const icons = {
+        read: FileText,
+        write: FileText,
+        list: FolderOpen,
+        check: FileText,
+        delete: Trash2,
+        edit: FileCode,
+    };
+    const labels = {
+        read: 'Read',
+        write: 'Wrote',
+        list: 'Listed',
+        check: 'Checked',
+        delete: 'Deleted',
+        edit: 'Edited',
+    };
+    const Icon = icons[operation];
+    return (_jsxs("div", { className: "my-1 min-w-0", children: [_jsxs("div", { className: cn('inline-flex max-w-full items-center gap-2 rounded-md px-2 py-1 text-xs', success
+                    ? 'bg-muted text-muted-foreground'
+                    : 'bg-destructive/10 text-destructive'), children: [_jsx(Icon, { className: "size-3.5 shrink-0" }), _jsx("span", { className: "shrink-0 font-medium", children: labels[operation] }), _jsx("code", { className: "bg-background/50 min-w-0 truncate rounded px-1 font-mono", children: path }), success ? (_jsx(Check, { className: "size-3 shrink-0 text-green-600" })) : (_jsx(X, { className: "size-3 shrink-0" }))] }), children] }));
+}
+/**
+ * Truncate a file path for display, keeping the filename visible
+ */
+function truncatePath(path, maxLength = 50) {
+    if (path.length <= maxLength)
+        return path;
+    const parts = path.split('/');
+    const filename = parts.pop() || '';
+    if (filename.length >= maxLength - 3) {
+        return '...' + filename.slice(-(maxLength - 3));
+    }
+    let result = filename;
+    for (let i = parts.length - 1; i >= 0; i--) {
+        const next = parts[i] + '/' + result;
+        if (next.length > maxLength - 3) {
+            return '.../' + result;
+        }
+        result = next;
+    }
+    return result;
+}
+/**
+ * Default tool handlers for Moldable tools
+ */
+export const DEFAULT_TOOL_HANDLERS = {
+    readFile: {
+        loadingLabel: 'Reading file...',
+        marker: ThinkingTimelineMarker.File,
+        inline: true,
+        renderLoading: () => (_jsxs("div", { className: "bg-muted text-muted-foreground inline-flex max-w-full items-center gap-2 rounded-md px-2 py-1 text-xs", children: [_jsx(FileText, { className: "size-3.5 shrink-0 animate-pulse" }), _jsx("span", { className: "truncate", children: "Reading file..." })] })),
+        renderOutput: (output, toolCallId) => {
+            const result = (output ?? {});
+            if (!result.success) {
+                return (_jsx(FileOperation, { operation: "read", path: result.path || 'file', success: false }, toolCallId));
+            }
+            // For successful reads, show collapsible with content preview
+            return (_jsxs(Collapsible, { className: "my-1 min-w-0", children: [_jsxs(CollapsibleTrigger, { className: "bg-muted text-muted-foreground hover:bg-accent group inline-flex max-w-full cursor-pointer items-center gap-2 rounded-md px-2 py-1 text-xs", children: [_jsx(FileText, { className: "size-3.5 shrink-0" }), _jsx("span", { className: "shrink-0 font-medium", children: "Read" }), _jsx("code", { className: "bg-background/50 min-w-0 truncate rounded px-1 font-mono", children: result.path || 'file' }), _jsx(Check, { className: "size-3 shrink-0 text-green-600" }), _jsx(ChevronDown, { className: "size-3 shrink-0 transition-transform group-data-[state=open]:rotate-180" })] }), _jsx(CollapsibleContent, { className: "mt-2", children: _jsxs(CodeBlock, { maxHeight: 200, children: [result.content?.slice(0, 2000), (result.content?.length || 0) > 2000 && '\n... (truncated)'] }) })] }, toolCallId));
+        },
+    },
+    writeFile: {
+        loadingLabel: 'Writing file...',
+        marker: ThinkingTimelineMarker.File,
+        inline: true,
+        renderLoading: (args) => {
+            const { path, content } = (args ?? {});
+            // Show streaming preview of file content
+            if (content) {
+                const lines = content.split('\n');
+                const previewLines = lines.slice(0, 20);
+                const preview = previewLines.join('\n').slice(0, 1000);
+                const lineCount = lines.length;
+                return (_jsxs("div", { className: "my-1 min-w-0", children: [_jsxs("div", { className: "bg-muted text-muted-foreground inline-flex max-w-full items-center gap-2 rounded-md px-2 py-1 text-xs", children: [_jsx(FileText, { className: "size-3.5 shrink-0 animate-pulse" }), _jsx("span", { className: "shrink-0 font-medium", children: "Writing" }), _jsx("code", { className: "bg-background/50 min-w-0 truncate rounded px-1 font-mono", children: path ? truncatePath(path) : 'file' }), _jsxs("span", { className: "text-muted-foreground/70 shrink-0", children: ["(", lineCount, " line", lineCount !== 1 ? 's' : '', ")"] })] }), _jsx("div", { className: "mt-2", children: _jsx(CodeBlock, { maxHeight: 200, children: preview }) })] }));
+            }
+            // Fallback when content hasn't started streaming yet
+            return (_jsxs("div", { className: "bg-muted text-muted-foreground inline-flex max-w-full items-center gap-2 rounded-md px-2 py-1 text-xs", children: [_jsx(FileText, { className: "size-3.5 shrink-0 animate-pulse" }), _jsxs("span", { className: "truncate", children: ["Writing ", path ? truncatePath(path) : 'file', "..."] })] }));
+        },
+        renderOutput: (output, toolCallId) => {
+            const result = (output ?? {});
+            if (!result.success) {
+                return (_jsx(FileOperation, { operation: "write", path: result.path || 'file', success: false }, toolCallId));
+            }
+            // Show collapsible with content preview
+            return (_jsxs(Collapsible, { className: "my-1 min-w-0", children: [_jsxs(CollapsibleTrigger, { className: "bg-muted text-muted-foreground hover:bg-accent group inline-flex max-w-full cursor-pointer items-center gap-2 rounded-md px-2 py-1 text-xs", children: [_jsx(FileText, { className: "size-3.5 shrink-0" }), _jsx("span", { className: "shrink-0 font-medium", children: "Wrote" }), _jsx("code", { className: "bg-background/50 min-w-0 truncate rounded px-1 font-mono", children: truncatePath(result.path || 'file') }), result.lineCount && (_jsxs("span", { className: "text-muted-foreground/70 shrink-0", children: ["(", result.lineCount, " line", result.lineCount !== 1 ? 's' : '', ")"] })), _jsx(Check, { className: "size-3 shrink-0 text-green-600" }), _jsx(ChevronDown, { className: "size-3 shrink-0 transition-transform group-data-[state=open]:rotate-180" })] }), _jsx(CollapsibleContent, { className: "mt-2", children: _jsxs(CodeBlock, { maxHeight: 200, children: [result.preview, result.truncated && '\n... (truncated)'] }) })] }, toolCallId));
+        },
+    },
+    listDirectory: {
+        loadingLabel: 'Listing directory...',
+        marker: ThinkingTimelineMarker.Folder,
+        inline: true,
+        renderLoading: () => (_jsxs("div", { className: "bg-muted text-muted-foreground inline-flex max-w-full items-center gap-2 rounded-md px-2 py-1 text-xs", children: [_jsx(FolderOpen, { className: "size-3.5 shrink-0 animate-pulse" }), _jsx("span", { className: "truncate", children: "Listing directory..." })] })),
+        renderOutput: (output, toolCallId) => {
+            const result = (output ?? {});
+            if (result.success === false) {
+                return (_jsx(FileOperation, { operation: "list", path: result.path || 'directory', success: false }, toolCallId));
+            }
+            // Format entries for display
+            const entries = result.items
+                ? result.items.map((i) => `${i.type === 'directory' ? '📁' : '📄'} ${i.name}`)
+                : result.entries || [];
+            return (_jsxs(Collapsible, { className: "my-1 min-w-0", children: [_jsxs(CollapsibleTrigger, { className: "bg-muted text-muted-foreground hover:bg-accent group inline-flex max-w-full cursor-pointer items-center gap-2 rounded-md px-2 py-1 text-xs", children: [_jsx(FolderOpen, { className: "size-3.5 shrink-0" }), _jsx("span", { className: "shrink-0 font-medium", children: "Listed" }), _jsx("code", { className: "bg-background/50 min-w-0 truncate rounded px-1 font-mono", children: result.path || 'directory' }), _jsxs("span", { className: "text-muted-foreground/70 shrink-0", children: ["(", entries.length, " items)"] }), _jsx(ChevronDown, { className: "size-3 shrink-0 transition-transform group-data-[state=open]:rotate-180" })] }), _jsx(CollapsibleContent, { className: "mt-2", children: _jsx(CodeBlock, { maxHeight: 200, children: entries.join('\n') }) })] }, toolCallId));
+        },
+    },
+    fileExists: {
+        loadingLabel: 'Checking file...',
+        marker: ThinkingTimelineMarker.File,
+        inline: true,
+        renderLoading: () => (_jsxs("div", { className: "bg-muted text-muted-foreground inline-flex max-w-full items-center gap-2 rounded-md px-2 py-1 text-xs", children: [_jsx(FileText, { className: "size-3.5 shrink-0 animate-pulse" }), _jsx("span", { className: "truncate", children: "Checking file..." })] })),
+        renderOutput: (output, toolCallId) => {
+            const result = (output ?? {});
+            return (_jsxs("div", { className: "bg-muted text-muted-foreground my-1 inline-flex max-w-full items-center gap-2 rounded-md px-2 py-1 text-xs", children: [_jsx(FileText, { className: "size-3.5 shrink-0" }), _jsx("code", { className: "bg-background/50 min-w-0 truncate rounded px-1 font-mono", children: result.path || 'file' }), _jsx("span", { className: "shrink-0", children: result.exists ? 'exists' : 'not found' }), result.exists ? (_jsx(Check, { className: "size-3 shrink-0 text-green-600" })) : (_jsx(X, { className: "size-3 shrink-0 text-amber-500" }))] }, toolCallId));
+        },
+    },
+    executeBashCommand: {
+        loadingLabel: 'Running command...',
+        marker: ThinkingTimelineMarker.Terminal,
+        inline: true,
+        renderLoading: (args) => {
+            const { command } = (args ?? {});
+            // Show streaming command as it's being written
+            if (command && command.trim()) {
+                return (_jsxs("div", { className: "border-terminal-border bg-terminal my-2 min-w-0 overflow-hidden rounded-lg border", children: [_jsxs("div", { className: "bg-terminal-header flex min-w-0 items-center gap-2 px-3 py-1.5", children: [_jsx(Terminal, { className: "text-terminal-muted size-3.5 shrink-0 animate-pulse" }), _jsx("code", { className: "text-terminal-foreground min-w-0 flex-1 truncate font-mono text-xs", children: summarizeCommand(command) })] }), _jsx("div", { className: "max-h-[150px] overflow-auto p-3", children: _jsxs("div", { className: "text-terminal-foreground break-all font-mono text-xs", children: [_jsx("span", { className: "text-terminal-muted", children: "$" }), " ", command] }) })] }));
+            }
+            // Fallback when command hasn't started streaming
+            return (_jsx("div", { className: "border-terminal-border bg-terminal my-2 min-w-0 overflow-hidden rounded-lg border", children: _jsxs("div", { className: "bg-terminal-header flex min-w-0 items-center gap-2 px-3 py-1.5", children: [_jsx(Terminal, { className: "text-terminal-muted size-3.5 shrink-0 animate-pulse" }), _jsx("code", { className: "text-terminal-foreground/60 min-w-0 flex-1 truncate font-mono text-xs italic", children: "Generating command..." })] }) }));
+        },
+        renderOutput: (output, toolCallId) => {
+            const result = (output ?? {});
+            return (_jsx("div", { className: "my-2 min-w-0", children: _jsx(TerminalOutput, { command: result.command || 'command', stdout: result.stdout, stderr: result.stderr, exitCode: result.exitCode, error: result.error }) }, toolCallId));
+        },
+    },
+    runCommand: {
+        loadingLabel: 'Running command...',
+        marker: ThinkingTimelineMarker.Terminal,
+        inline: true,
+        renderLoading: (args) => {
+            const { command } = (args ?? {});
+            // Show streaming command as it's being written
+            if (command && command.trim()) {
+                return (_jsxs("div", { className: "border-terminal-border bg-terminal my-2 min-w-0 overflow-hidden rounded-lg border", children: [_jsxs("div", { className: "bg-terminal-header flex min-w-0 items-center gap-2 px-3 py-1.5", children: [_jsx(Terminal, { className: "text-terminal-muted size-3.5 shrink-0 animate-pulse" }), _jsx("code", { className: "text-terminal-foreground min-w-0 flex-1 truncate font-mono text-xs", children: summarizeCommand(command) })] }), _jsx("div", { className: "max-h-[150px] overflow-auto p-3", children: _jsxs("div", { className: "text-terminal-foreground break-all font-mono text-xs", children: [_jsx("span", { className: "text-terminal-muted", children: "$" }), " ", command] }) })] }));
+            }
+            // Fallback when command hasn't started streaming
+            return (_jsx("div", { className: "border-terminal-border bg-terminal my-2 min-w-0 overflow-hidden rounded-lg border", children: _jsxs("div", { className: "bg-terminal-header flex min-w-0 items-center gap-2 px-3 py-1.5", children: [_jsx(Terminal, { className: "text-terminal-muted size-3.5 shrink-0 animate-pulse" }), _jsx("code", { className: "text-terminal-foreground/60 min-w-0 flex-1 truncate font-mono text-xs italic", children: "Preparing command..." })] }) }));
+        },
+        renderOutput: (output, toolCallId) => {
+            const result = (output ?? {});
+            return (_jsx("div", { className: "my-2 min-w-0", children: _jsx(TerminalOutput, { command: result.command || 'command', stdout: result.stdout, stderr: result.stderr, exitCode: result.exitCode, error: result.error }) }, toolCallId));
+        },
+    },
+    // ─────────────────────────────────────────────────────────────────────────────
+    // Additional File Operations
+    // ─────────────────────────────────────────────────────────────────────────────
+    deleteFile: {
+        loadingLabel: 'Deleting file...',
+        marker: ThinkingTimelineMarker.File,
+        inline: true,
+        renderLoading: (args) => {
+            const { path } = (args ?? {});
+            return (_jsxs("div", { className: "bg-muted text-muted-foreground inline-flex max-w-full items-center gap-2 rounded-md px-2 py-1 text-xs", children: [_jsx(Trash2, { className: "size-3.5 shrink-0 animate-pulse" }), _jsxs("span", { className: "truncate", children: ["Deleting ", path ? truncatePath(path) : 'file', "..."] })] }));
+        },
+        renderOutput: (output, toolCallId) => {
+            const result = (output ?? {});
+            return (_jsx(FileOperation, { operation: "delete", path: result.path || 'file', success: result.success !== false }, toolCallId));
+        },
+    },
+    editFile: {
+        loadingLabel: 'Editing file...',
+        marker: ThinkingTimelineMarker.File,
+        inline: true,
+        renderLoading: (args) => {
+            const { path } = (args ?? {});
+            return (_jsxs("div", { className: "bg-muted text-muted-foreground inline-flex max-w-full items-center gap-2 rounded-md px-2 py-1 text-xs", children: [_jsx(FileCode, { className: "size-3.5 shrink-0 animate-pulse" }), _jsxs("span", { className: "truncate", children: ["Editing ", path ? truncatePath(path) : 'file', "..."] })] }));
+        },
+        renderOutput: (output, toolCallId) => {
+            const result = (output ?? {});
+            return (_jsx(FileOperation, { operation: "edit", path: result.path || 'file', success: result.success !== false }, toolCallId));
+        },
+    },
+    // ─────────────────────────────────────────────────────────────────────────────
+    // Search Operations
+    // ─────────────────────────────────────────────────────────────────────────────
+    grep: {
+        loadingLabel: 'Searching...',
+        marker: ThinkingTimelineMarker.Search,
+        inline: true,
+        renderLoading: (args) => {
+            const { pattern } = (args ?? {});
+            return (_jsxs("div", { className: "bg-muted text-muted-foreground inline-flex max-w-full items-center gap-2 rounded-md px-2 py-1 text-xs", children: [_jsx(Search, { className: "size-3.5 shrink-0 animate-pulse" }), _jsxs("span", { className: "truncate", children: ["Searching", pattern
+                                ? ` for "${pattern.slice(0, 20)}${pattern.length > 20 ? '...' : ''}"`
+                                : '', "..."] })] }));
+        },
+        renderOutput: (output, toolCallId) => {
+            const result = (output ?? {});
+            // Handle raw content output (ripgrep format)
+            if (result.content && !result.matches) {
+                const lines = result.content.split('\n').filter(Boolean);
+                return (_jsxs(Collapsible, { className: "my-1 min-w-0", children: [_jsxs(CollapsibleTrigger, { className: "bg-muted text-muted-foreground hover:bg-accent group inline-flex max-w-full cursor-pointer items-center gap-2 rounded-md px-2 py-1 text-xs", children: [_jsx(Search, { className: "size-3.5 shrink-0" }), _jsx("span", { className: "shrink-0 font-medium", children: "Search results" }), _jsxs("span", { className: "text-muted-foreground/70 shrink-0", children: ["(", lines.length, " lines)"] }), _jsx(ChevronDown, { className: "size-3 shrink-0 transition-transform group-data-[state=open]:rotate-180" })] }), _jsx(CollapsibleContent, { className: "mt-2", children: _jsx(CodeBlock, { maxHeight: 300, children: result.content }) })] }, toolCallId));
+            }
+            if (result.success === false || !result.matches?.length) {
+                return (_jsxs("div", { className: "bg-muted text-muted-foreground my-1 inline-flex max-w-full items-center gap-2 rounded-md px-2 py-1 text-xs", children: [_jsx(Search, { className: "size-3.5 shrink-0" }), _jsx("span", { className: "truncate", children: "No matches found" })] }, toolCallId));
+            }
+            // Group matches by file
+            const byFile = result.matches.reduce((acc, match) => {
+                if (!acc[match.file])
+                    acc[match.file] = [];
+                acc[match.file].push(match);
+                return acc;
+            }, {});
+            const fileCount = Object.keys(byFile).length;
+            const matchCount = result.totalMatches || result.matches.length;
+            return (_jsxs(Collapsible, { className: "my-1 min-w-0", children: [_jsxs(CollapsibleTrigger, { className: "bg-muted text-muted-foreground hover:bg-accent group inline-flex max-w-full cursor-pointer items-center gap-2 rounded-md px-2 py-1 text-xs", children: [_jsx(Search, { className: "size-3.5 shrink-0" }), _jsx("span", { className: "shrink-0 font-medium", children: "Found" }), _jsxs("span", { className: "shrink-0", children: [matchCount, " match", matchCount !== 1 ? 'es' : '', " in ", fileCount, ' ', "file", fileCount !== 1 ? 's' : ''] }), result.truncated && (_jsx("span", { className: "shrink-0 text-amber-500", children: "(truncated)" })), _jsx(ChevronDown, { className: "size-3 shrink-0 transition-transform group-data-[state=open]:rotate-180" })] }), _jsx(CollapsibleContent, { className: "mt-2", children: _jsxs("div", { className: "space-y-2", children: [Object.entries(byFile)
+                                    .slice(0, 10)
+                                    .map(([file, matches]) => (_jsxs("div", { children: [_jsx("div", { className: "text-muted-foreground mb-1 font-mono text-xs", children: truncatePath(file, 60) }), _jsxs(CodeBlock, { maxHeight: 150, children: [matches
+                                                    .slice(0, 5)
+                                                    .map((m) => `${m.line}: ${m.content}`)
+                                                    .join('\n'), matches.length > 5 &&
+                                                    `\n... and ${matches.length - 5} more`] })] }, file))), Object.keys(byFile).length > 10 && (_jsxs("div", { className: "text-muted-foreground text-xs", children: ["... and ", Object.keys(byFile).length - 10, " more files"] }))] }) })] }, toolCallId));
+        },
+    },
+    globFileSearch: {
+        loadingLabel: 'Finding files...',
+        marker: ThinkingTimelineMarker.Search,
+        inline: true,
+        renderLoading: (args) => {
+            const { pattern } = (args ?? {});
+            return (_jsxs("div", { className: "bg-muted text-muted-foreground inline-flex max-w-full items-center gap-2 rounded-md px-2 py-1 text-xs", children: [_jsx(Search, { className: "size-3.5 shrink-0 animate-pulse" }), _jsxs("span", { className: "truncate", children: ["Finding files", pattern ? ` matching "${pattern}"` : '', "..."] })] }));
+        },
+        renderOutput: (output, toolCallId) => {
+            const result = (output ?? {});
+            if (result.success === false || !result.files?.length) {
+                return (_jsxs("div", { className: "bg-muted text-muted-foreground my-1 inline-flex max-w-full items-center gap-2 rounded-md px-2 py-1 text-xs", children: [_jsx(Search, { className: "size-3.5 shrink-0" }), _jsx("span", { className: "truncate", children: "No files found" })] }, toolCallId));
+            }
+            return (_jsxs(Collapsible, { className: "my-1 min-w-0", children: [_jsxs(CollapsibleTrigger, { className: "bg-muted text-muted-foreground hover:bg-accent group inline-flex max-w-full cursor-pointer items-center gap-2 rounded-md px-2 py-1 text-xs", children: [_jsx(Search, { className: "size-3.5 shrink-0" }), _jsx("span", { className: "shrink-0 font-medium", children: "Found" }), _jsxs("span", { className: "shrink-0", children: [result.files.length, " file", result.files.length !== 1 ? 's' : ''] }), _jsx(ChevronDown, { className: "size-3 shrink-0 transition-transform group-data-[state=open]:rotate-180" })] }), _jsx(CollapsibleContent, { className: "mt-2", children: _jsxs(CodeBlock, { maxHeight: 200, children: [result.files
+                                    .slice(0, 50)
+                                    .map((f) => `📄 ${f}`)
+                                    .join('\n'), result.files.length > 50 &&
+                                    `\n... and ${result.files.length - 50} more files`] }) })] }, toolCallId));
+        },
+    },
+    // ─────────────────────────────────────────────────────────────────────────────
+    // Web Search
+    // ─────────────────────────────────────────────────────────────────────────────
+    webSearch: {
+        loadingLabel: 'Searching the web...',
+        marker: ThinkingTimelineMarker.Search,
+        inline: true,
+        renderLoading: (args) => {
+            const { query } = (args ?? {});
+            return (_jsxs("div", { className: "bg-muted text-muted-foreground inline-flex max-w-full items-center gap-2 rounded-md px-2 py-1 text-xs", children: [_jsx(Globe, { className: "size-3.5 shrink-0 animate-pulse" }), _jsxs("span", { className: "truncate", children: ["Searching", query
+                                ? ` "${query.slice(0, 30)}${query.length > 30 ? '...' : ''}"`
+                                : ' the web', "..."] })] }));
+        },
+        renderOutput: (output, toolCallId) => {
+            const result = (output ?? {});
+            if (result.success === false || !result.results?.length) {
+                return (_jsxs("div", { className: "bg-muted text-muted-foreground my-1 inline-flex max-w-full items-center gap-2 rounded-md px-2 py-1 text-xs", children: [_jsx(Globe, { className: "size-3.5 shrink-0" }), _jsx("span", { className: "truncate", children: "No results found" })] }, toolCallId));
+            }
+            return (_jsxs(Collapsible, { className: "my-1 min-w-0", children: [_jsxs(CollapsibleTrigger, { className: "bg-muted text-muted-foreground hover:bg-accent group inline-flex max-w-full cursor-pointer items-center gap-2 rounded-md px-2 py-1 text-xs", children: [_jsx(Globe, { className: "size-3.5 shrink-0" }), _jsx("span", { className: "shrink-0 font-medium", children: "Web search" }), _jsxs("span", { className: "shrink-0", children: [result.results.length, " result", result.results.length !== 1 ? 's' : ''] }), _jsx(ChevronDown, { className: "size-3 shrink-0 transition-transform group-data-[state=open]:rotate-180" })] }), _jsx(CollapsibleContent, { className: "mt-2", children: _jsxs("div", { className: "space-y-3", children: [result.results.slice(0, 5).map((r, idx) => (_jsxs("div", { className: "bg-muted/50 rounded-md p-2 text-xs", children: [_jsxs("a", { href: r.link, target: "_blank", rel: "noopener noreferrer", className: "text-primary inline-flex items-center gap-1 font-medium hover:underline", children: [r.title, _jsx(ExternalLink, { className: "size-3" })] }), _jsx("div", { className: "text-muted-foreground mt-1 line-clamp-2", children: r.snippet }), _jsx("div", { className: "text-muted-foreground/60 mt-1 truncate font-mono text-[10px]", children: r.link })] }, idx))), result.results.length > 5 && (_jsxs("div", { className: "text-muted-foreground text-xs", children: ["... and ", result.results.length - 5, " more results"] }))] }) })] }, toolCallId));
+        },
+    },
+    // ─────────────────────────────────────────────────────────────────────────────
+    // Agent Skills Management
+    // ─────────────────────────────────────────────────────────────────────────────
+    listSkillRepos: {
+        loadingLabel: 'Listing skill repositories...',
+        marker: ThinkingTimelineMarker.Default,
+        inline: true,
+        renderLoading: () => (_jsxs("div", { className: "bg-muted text-muted-foreground inline-flex max-w-full items-center gap-2 rounded-md px-2 py-1 text-xs", children: [_jsx(BookOpen, { className: "size-3.5 shrink-0 animate-pulse" }), _jsx("span", { className: "truncate", children: "Loading skill repositories..." })] })),
+        renderOutput: (output, toolCallId) => {
+            const result = (output ?? {});
+            if (result.success === false || !result.repositories?.length) {
+                return (_jsxs("div", { className: "bg-muted text-muted-foreground my-1 inline-flex max-w-full items-center gap-2 rounded-md px-2 py-1 text-xs", children: [_jsx(BookOpen, { className: "size-3.5 shrink-0" }), _jsx("span", { className: "truncate", children: result.error || 'No skill repositories configured' })] }, toolCallId));
+            }
+            return (_jsxs(Collapsible, { defaultOpen: true, className: "my-1 min-w-0", children: [_jsxs(CollapsibleTrigger, { className: "bg-muted text-muted-foreground hover:bg-accent group inline-flex max-w-full cursor-pointer items-center gap-2 rounded-md px-2 py-1 text-xs", children: [_jsx(BookOpen, { className: "size-3.5 shrink-0" }), _jsx("span", { className: "shrink-0 font-medium", children: "Skill Repositories" }), _jsxs("span", { className: "shrink-0", children: ["(", result.repositories.length, " repo", result.repositories.length !== 1 ? 's' : '', ")"] }), _jsx(ChevronDown, { className: "size-3 shrink-0 transition-transform group-data-[state=open]:rotate-180" })] }), _jsx(CollapsibleContent, { className: "mt-2", children: _jsx("div", { className: "space-y-2", children: result.repositories.map((repo, idx) => (_jsxs("div", { className: "bg-muted/50 rounded-md p-2.5 text-xs", children: [_jsxs("div", { className: "flex items-center gap-2", children: [repo.enabled ? (_jsx(Check, { className: "size-3.5 shrink-0 text-green-600" })) : (_jsx(X, { className: "text-muted-foreground size-3.5 shrink-0" })), _jsx("span", { className: "font-medium", children: repo.name }), _jsx("code", { className: "bg-background/50 text-muted-foreground rounded px-1 font-mono text-[10px]", children: repo.url })] }), _jsxs("div", { className: "text-muted-foreground mt-1.5 flex flex-wrap items-center gap-x-3 gap-y-1 text-[10px]", children: [_jsxs("span", { children: ["Mode:", ' ', _jsx("span", { className: "text-foreground font-medium", children: repo.mode })] }), repo.mode !== 'all' && repo.skills.length > 0 && (_jsxs("span", { children: ["Skills:", ' ', _jsxs("span", { className: "text-foreground font-medium", children: [repo.skills.slice(0, 5).join(', '), repo.skills.length > 5 &&
+                                                                ` +${repo.skills.length - 5} more`] })] })), repo.lastSync && (_jsxs("span", { children: ["Last sync:", ' ', new Date(repo.lastSync).toLocaleDateString()] }))] })] }, idx))) }) })] }, toolCallId));
+        },
+    },
+    listAvailableSkills: {
+        loadingLabel: 'Fetching available skills...',
+        marker: ThinkingTimelineMarker.Default,
+        inline: true,
+        renderLoading: (args) => {
+            const { repoName } = (args ?? {});
+            return (_jsxs("div", { className: "bg-muted text-muted-foreground inline-flex max-w-full items-center gap-2 rounded-md px-2 py-1 text-xs", children: [_jsx(Sparkles, { className: "size-3.5 shrink-0 animate-pulse" }), _jsxs("span", { className: "truncate", children: ["Fetching skills", repoName ? ` from ${repoName}` : '', "..."] })] }));
+        },
+        renderOutput: (output, toolCallId) => {
+            const result = (output ?? {});
+            if (result.success === false) {
+                return (_jsxs("div", { className: "bg-destructive/10 text-destructive my-1 inline-flex max-w-full items-center gap-2 rounded-md px-2 py-1 text-xs", children: [_jsx(Sparkles, { className: "size-3.5 shrink-0" }), _jsx("span", { className: "truncate", children: result.error || 'Failed to fetch skills' })] }, toolCallId));
+            }
+            const available = result.available || [];
+            const selected = result.selected || [];
+            return (_jsxs(Collapsible, { defaultOpen: true, className: "my-1 min-w-0", children: [_jsxs(CollapsibleTrigger, { className: "bg-muted text-muted-foreground hover:bg-accent group inline-flex max-w-full cursor-pointer items-center gap-2 rounded-md px-2 py-1 text-xs", children: [_jsx(Sparkles, { className: "size-3.5 shrink-0" }), _jsx("span", { className: "shrink-0 font-medium", children: result.repoName || 'Available Skills' }), _jsxs("span", { className: "shrink-0", children: ["(", selected.length, "/", available.length, " selected)"] }), _jsx(ChevronDown, { className: "size-3 shrink-0 transition-transform group-data-[state=open]:rotate-180" })] }), _jsx(CollapsibleContent, { className: "mt-2", children: _jsxs("div", { className: "bg-muted/50 rounded-md p-2", children: [_jsx("div", { className: "mb-2 flex flex-wrap gap-1.5", children: available.map((skill) => {
+                                        const isSelected = selected.includes(skill);
+                                        return (_jsxs("span", { className: cn('inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[10px] font-medium', isSelected
+                                                ? 'bg-primary/10 text-primary'
+                                                : 'bg-muted text-muted-foreground'), children: [isSelected && _jsx(Check, { className: "size-2.5" }), skill] }, skill));
+                                    }) }), result.mode && (_jsxs("div", { className: "text-muted-foreground text-[10px]", children: ["Selection mode:", ' ', _jsx("span", { className: "font-medium", children: result.mode })] }))] }) })] }, toolCallId));
+        },
+    },
+    syncSkills: {
+        loadingLabel: 'Syncing skills...',
+        marker: ThinkingTimelineMarker.Default,
+        inline: true,
+        renderLoading: (args) => {
+            const { repoName } = (args ?? {});
+            return (_jsxs("div", { className: "bg-muted text-muted-foreground inline-flex max-w-full items-center gap-2 rounded-md px-2 py-1 text-xs", children: [_jsx(Download, { className: "size-3.5 shrink-0 animate-pulse" }), _jsxs("span", { className: "truncate", children: ["Syncing skills", repoName ? ` from ${repoName}` : '', "..."] })] }));
+        },
+        renderOutput: (output, toolCallId) => {
+            const result = (output ?? {});
+            if (result.success === false) {
+                return (_jsxs("div", { className: "bg-destructive/10 text-destructive my-1 inline-flex max-w-full items-center gap-2 rounded-md px-2 py-1 text-xs", children: [_jsx(Download, { className: "size-3.5 shrink-0" }), _jsx("span", { className: "truncate", children: result.error || 'Sync failed' })] }, toolCallId));
+            }
+            const synced = result.synced || 0;
+            const failed = result.failed || 0;
+            return (_jsxs("div", { className: "bg-muted text-muted-foreground my-1 min-w-0", children: [_jsxs("div", { className: "inline-flex max-w-full items-center gap-2 rounded-md px-2 py-1 text-xs", children: [_jsx(Download, { className: "size-3.5 shrink-0" }), _jsx("span", { className: "font-medium", children: "Skills synced" }), _jsxs("span", { className: "text-green-600", children: [synced, " synced"] }), failed > 0 && (_jsxs("span", { className: "text-amber-500", children: [failed, " failed"] })), _jsx(Check, { className: "size-3 shrink-0 text-green-600" })] }), result.skills && result.skills.length > 0 && (_jsx("div", { className: "mt-1.5 flex flex-wrap gap-1 px-2 pb-1", children: result.skills.map((skill) => (_jsxs("span", { className: "bg-primary/10 text-primary inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[10px] font-medium", children: [_jsx(Check, { className: "size-2.5" }), skill] }, skill))) }))] }, toolCallId));
+        },
+    },
+    addSkillRepo: {
+        loadingLabel: 'Adding skill repository...',
+        marker: ThinkingTimelineMarker.Default,
+        inline: true,
+        renderLoading: (args) => {
+            const { url } = (args ?? {});
+            return (_jsxs("div", { className: "bg-muted text-muted-foreground inline-flex max-w-full items-center gap-2 rounded-md px-2 py-1 text-xs", children: [_jsx(Plus, { className: "size-3.5 shrink-0 animate-pulse" }), _jsxs("span", { className: "truncate", children: ["Adding repository", url ? `: ${url}` : '', "..."] })] }));
+        },
+        renderOutput: (output, toolCallId) => {
+            const result = (output ?? {});
+            if (result.success === false) {
+                return (_jsxs("div", { className: "bg-destructive/10 text-destructive my-1 inline-flex max-w-full items-center gap-2 rounded-md px-2 py-1 text-xs", children: [_jsx(Plus, { className: "size-3.5 shrink-0" }), _jsx("span", { className: "truncate", children: result.error || 'Failed to add repository' })] }, toolCallId));
+            }
+            return (_jsxs("div", { className: "bg-muted text-muted-foreground my-1 min-w-0", children: [_jsxs("div", { className: "inline-flex max-w-full items-center gap-2 rounded-md px-2 py-1 text-xs", children: [_jsx(Plus, { className: "size-3.5 shrink-0" }), _jsx("span", { className: "font-medium", children: "Repository added" }), _jsx("code", { className: "bg-background/50 truncate rounded px-1 font-mono text-[10px]", children: result.url }), _jsx(Check, { className: "size-3 shrink-0 text-green-600" })] }), result.availableSkills && result.availableSkills.length > 0 && (_jsxs("div", { className: "text-muted-foreground px-2 pb-1 text-[10px]", children: [result.availableSkills.length, " skill", result.availableSkills.length !== 1 ? 's' : '', " available:", ' ', result.availableSkills.slice(0, 8).join(', '), result.availableSkills.length > 8 &&
+                                ` +${result.availableSkills.length - 8} more`] }))] }, toolCallId));
+        },
+    },
+    updateSkillSelection: {
+        loadingLabel: 'Updating skill selection...',
+        marker: ThinkingTimelineMarker.Default,
+        inline: true,
+        renderLoading: () => (_jsxs("div", { className: "bg-muted text-muted-foreground inline-flex max-w-full items-center gap-2 rounded-md px-2 py-1 text-xs", children: [_jsx(Sparkles, { className: "size-3.5 shrink-0 animate-pulse" }), _jsx("span", { className: "truncate", children: "Updating skill selection..." })] })),
+        renderOutput: (output, toolCallId) => {
+            const result = (output ?? {});
+            if (result.success === false) {
+                return (_jsxs("div", { className: "bg-destructive/10 text-destructive my-1 inline-flex max-w-full items-center gap-2 rounded-md px-2 py-1 text-xs", children: [_jsx(Sparkles, { className: "size-3.5 shrink-0" }), _jsx("span", { className: "truncate", children: result.error || 'Update failed' })] }, toolCallId));
+            }
+            return (_jsxs("div", { className: "bg-muted text-muted-foreground my-1 inline-flex max-w-full items-center gap-2 rounded-md px-2 py-1 text-xs", children: [_jsx(Sparkles, { className: "size-3.5 shrink-0" }), _jsxs("span", { className: "font-medium", children: [result.repoName || 'Selection', " updated"] }), _jsxs("span", { children: ["Mode: ", _jsx("span", { className: "font-medium", children: result.mode })] }), result.skills && result.skills.length > 0 && (_jsxs("span", { className: "truncate", children: ["(", result.skills.length, " skill", result.skills.length !== 1 ? 's' : '', ")"] })), _jsx(Check, { className: "size-3 shrink-0 text-green-600" })] }, toolCallId));
+        },
+    },
+    initSkillsConfig: {
+        loadingLabel: 'Initializing skills config...',
+        marker: ThinkingTimelineMarker.Default,
+        inline: true,
+        renderLoading: () => (_jsxs("div", { className: "bg-muted text-muted-foreground inline-flex max-w-full items-center gap-2 rounded-md px-2 py-1 text-xs", children: [_jsx(BookOpen, { className: "size-3.5 shrink-0 animate-pulse" }), _jsx("span", { className: "truncate", children: "Initializing skills configuration..." })] })),
+        renderOutput: (output, toolCallId) => {
+            const result = (output ?? {});
+            if (result.success === false) {
+                return (_jsxs("div", { className: "bg-destructive/10 text-destructive my-1 inline-flex max-w-full items-center gap-2 rounded-md px-2 py-1 text-xs", children: [_jsx(BookOpen, { className: "size-3.5 shrink-0" }), _jsx("span", { className: "truncate", children: result.error || 'Initialization failed' })] }, toolCallId));
+            }
+            return (_jsxs("div", { className: "bg-muted text-muted-foreground my-1 min-w-0", children: [_jsxs("div", { className: "inline-flex max-w-full items-center gap-2 rounded-md px-2 py-1 text-xs", children: [_jsx(BookOpen, { className: "size-3.5 shrink-0" }), _jsx("span", { className: "font-medium", children: "Skills config initialized" }), _jsx(Check, { className: "size-3 shrink-0 text-green-600" })] }), result.repositories && result.repositories.length > 0 && (_jsxs("div", { className: "text-muted-foreground px-2 pb-1 text-[10px]", children: ["Added: ", result.repositories.map((r) => r.name).join(', ')] }))] }, toolCallId));
+        },
+    },
+};
+/**
+ * Get the handler for a tool
+ */
+export function getToolHandler(toolName) {
+    const handler = DEFAULT_TOOL_HANDLERS[toolName];
+    if (handler) {
+        return handler;
+    }
+    // Default handler for unknown tools
+    return {
+        loadingLabel: `Using ${toolName}...`,
+        marker: ThinkingTimelineMarker.Default,
+        inline: false,
+        renderOutput: (output, toolCallId) => {
+            const outputContent = typeof output === 'string'
+                ? output
+                : output
+                    ? JSON.stringify(output, null, 2)
+                    : 'No output';
+            return (_jsx("div", { className: "min-w-0 px-2 py-1", children: _jsxs("div", { className: "text-muted-foreground min-w-0 font-mono text-xs", children: [_jsxs("div", { className: "truncate font-semibold", children: [toolName, " completed"] }), _jsxs(CodeBlock, { maxHeight: 150, className: "mt-1", children: [outputContent.slice(0, 1000), outputContent.length > 1000 && '\n... (truncated)'] })] }) }, toolCallId));
+        },
+    };
+}

package/dist/components/code-block.d.ts

@@ -0,0 +1,9 @@
+type CodeBlockProps = {
+    code: string;
+    language?: string;
+    className?: string;
+    theme?: 'light' | 'dark';
+};
+export declare const CodeBlock: import("react").MemoExoticComponent<({ code, language, className, }: CodeBlockProps) => import("react/jsx-runtime").JSX.Element>;
+export {};
+//# sourceMappingURL=code-block.d.ts.map

package/dist/components/code-block.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-block.d.ts","sourceRoot":"","sources":["../../src/components/code-block.tsx"],"names":[],"mappings":"AAgDA,KAAK,cAAc,GAAG;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;CACzB,CAAA;AAgHD,eAAO,MAAM,SAAS,uEA1GnB,cAAc,6CAgHhB,CAAA"}

package/dist/components/code-block.js

@@ -0,0 +1,112 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo, useEffect, useState } from 'react';
+import { cn } from '../lib/utils';
+let highlighterPromise = null;
+async function getHighlighter() {
+    if (!highlighterPromise) {
+        highlighterPromise = import('shiki').then((shiki) => shiki.createHighlighter({
+            themes: ['github-dark', 'github-light'],
+            langs: [
+                'typescript',
+                'javascript',
+                'tsx',
+                'jsx',
+                'json',
+                'html',
+                'css',
+                'bash',
+                'shell',
+                'python',
+                'rust',
+                'go',
+                'sql',
+                'yaml',
+                'markdown',
+                'diff',
+            ],
+        }));
+    }
+    // highlighterPromise is guaranteed to be set at this point
+    return highlighterPromise;
+}
+const NonMemoizedCodeBlock = ({ code, language = 'text', className, }) => {
+    const [highlightedHtml, setHighlightedHtml] = useState(null);
+    const [error, setError] = useState(false);
+    useEffect(() => {
+        let cancelled = false;
+        async function highlight() {
+            try {
+                const highlighter = await getHighlighter();
+                if (cancelled)
+                    return;
+                // Normalize language name
+                const lang = normalizeLanguage(language);
+                // Check if language is supported, fallback to plaintext
+                const loadedLangs = highlighter.getLoadedLanguages();
+                const supportedLang = loadedLangs.includes(lang) ? lang : 'text';
+                // If language wasn't loaded and is supported by shiki, try to load it
+                if (!loadedLangs.includes(lang) && lang !== 'text') {
+                    try {
+                        await highlighter.loadLanguage(lang);
+                        if (cancelled)
+                            return;
+                    }
+                    catch {
+                        // Language not supported, will use plaintext
+                    }
+                }
+                const finalLang = highlighter.getLoadedLanguages().includes(lang)
+                    ? lang
+                    : supportedLang;
+                const html = highlighter.codeToHtml(code, {
+                    lang: finalLang,
+                    themes: {
+                        light: 'github-light',
+                        dark: 'github-dark',
+                    },
+                });
+                if (!cancelled) {
+                    setHighlightedHtml(html);
+                }
+            }
+            catch (err) {
+                console.error('Shiki highlighting failed:', err);
+                if (!cancelled) {
+                    setError(true);
+                }
+            }
+        }
+        highlight();
+        return () => {
+            cancelled = true;
+        };
+    }, [code, language]);
+    // Fallback: plain code block
+    if (error || !highlightedHtml) {
+        return (_jsx("pre", { className: cn('bg-muted text-foreground overflow-x-auto rounded-lg p-4 font-mono text-sm', className), children: _jsx("code", { children: code }) }));
+    }
+    return (_jsx("div", { className: cn('shiki-wrapper overflow-x-auto rounded-lg text-sm', '[&_pre]:overflow-x-auto [&_pre]:p-4', '[&_code]:bg-transparent', className), dangerouslySetInnerHTML: { __html: highlightedHtml } }));
+};
+/**
+ * Normalize common language aliases to shiki's expected names
+ */
+function normalizeLanguage(lang) {
+    const aliases = {
+        js: 'javascript',
+        ts: 'typescript',
+        py: 'python',
+        rb: 'ruby',
+        sh: 'bash',
+        zsh: 'bash',
+        yml: 'yaml',
+        md: 'markdown',
+        dockerfile: 'docker',
+        plaintext: 'text',
+        txt: 'text',
+    };
+    return aliases[lang.toLowerCase()] ?? lang.toLowerCase();
+}
+export const CodeBlock = memo(NonMemoizedCodeBlock, (prevProps, nextProps) => prevProps.code === nextProps.code &&
+    prevProps.language === nextProps.language &&
+    prevProps.className === nextProps.className);

package/dist/components/markdown.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+type MarkdownViewerProps = {
+    markdown: string;
+    className?: string;
+    proseSize?: 'xs' | 'sm' | 'base' | 'lg';
+    maxHeightToReadMore?: number;
+};
+export declare const Markdown: React.MemoExoticComponent<({ markdown, className, proseSize, maxHeightToReadMore, }: MarkdownViewerProps) => import("react/jsx-runtime").JSX.Element>;
+export {};
+//# sourceMappingURL=markdown.d.ts.map

package/dist/components/markdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown.d.ts","sourceRoot":"","sources":["../../src/components/markdown.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAgF7C,KAAK,mBAAmB,GAAG;IACzB,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IACvC,mBAAmB,CAAC,EAAE,MAAM,CAAA;CAC7B,CAAA;AAoSD,eAAO,MAAM,QAAQ,uFA5DlB,mBAAmB,6CAmErB,CAAA"}