neeter 0.6.0

package/dist/react/use-agent.js

@@ -0,0 +1,119 @@
+import { useCallback, useEffect, useRef, useSyncExternalStore } from "react";
+export function useAgent(store, config) {
+    const endpoint = config?.endpoint ?? "/api";
+    const onCustomEvent = config?.onCustomEvent;
+    const eventSourceRef = useRef(null);
+    const sessionId = useSyncExternalStore(store.subscribe, () => store.getState().sessionId);
+    useEffect(() => {
+        let cancelled = false;
+        async function init() {
+            const res = await fetch(`${endpoint}/sessions`, { method: "POST" });
+            const data = await res.json();
+            if (!cancelled)
+                store.getState().setSessionId(data.sessionId);
+        }
+        init();
+        return () => {
+            cancelled = true;
+        };
+    }, [endpoint, store]);
+    useEffect(() => {
+        if (!sessionId)
+            return;
+        const es = new EventSource(`${endpoint}/sessions/${sessionId}/events`);
+        eventSourceRef.current = es;
+        es.addEventListener("message_start", () => {
+            store.getState().setThinking(true);
+        });
+        es.addEventListener("thinking_delta", (e) => {
+            const { text } = JSON.parse(e.data);
+            store.getState().appendStreamingThinking(text);
+        });
+        es.addEventListener("text_delta", (e) => {
+            store.getState().setThinking(false);
+            store.getState().flushStreamingThinking();
+            const { text } = JSON.parse(e.data);
+            store.getState().appendStreamingText(text);
+        });
+        es.addEventListener("tool_start", (e) => {
+            store.getState().setThinking(false);
+            store.getState().flushStreamingThinking();
+            store.getState().flushStreamingText();
+            const { id, name } = JSON.parse(e.data);
+            store.getState().startToolCall(id, name);
+        });
+        es.addEventListener("tool_input_delta", (e) => {
+            const { id, partialJson } = JSON.parse(e.data);
+            store.getState().appendToolInput(id, partialJson);
+        });
+        es.addEventListener("tool_call", (e) => {
+            store.getState().flushStreamingText();
+            const { id, name, input } = JSON.parse(e.data);
+            store.getState().finalizeToolCall(id, name, input);
+        });
+        es.addEventListener("tool_result", (e) => {
+            const { toolUseId, result } = JSON.parse(e.data);
+            store.getState().completeToolCall(toolUseId, result);
+            if (store.getState().isStreaming) {
+                store.getState().setThinking(true);
+            }
+        });
+        es.addEventListener("permission_request", (e) => {
+            const request = JSON.parse(e.data);
+            store.getState().addPermissionRequest(request);
+        });
+        es.addEventListener("session_error", (e) => {
+            store.getState().flushStreamingThinking();
+            store.getState().flushStreamingText();
+            store.getState().setThinking(false);
+            const { subtype } = JSON.parse(e.data);
+            store.getState().addSystemMessage(`Session ended: ${subtype}`);
+            store.getState().setStreaming(false);
+        });
+        es.addEventListener("turn_complete", () => {
+            store.getState().flushStreamingThinking();
+            store.getState().flushStreamingText();
+            store.getState().setThinking(false);
+            store.getState().setStreaming(false);
+        });
+        es.addEventListener("error", () => {
+            if (es.readyState === EventSource.CLOSED) {
+                store.getState().flushStreamingThinking();
+                store.getState().flushStreamingText();
+                store.getState().setStreaming(false);
+            }
+        });
+        if (onCustomEvent) {
+            es.addEventListener("custom", (e) => {
+                onCustomEvent(JSON.parse(e.data));
+            });
+        }
+        return () => {
+            es.close();
+            eventSourceRef.current = null;
+        };
+    }, [sessionId, endpoint, store, onCustomEvent]);
+    const sendMessage = useCallback(async (text) => {
+        if (!sessionId)
+            return;
+        store.getState().addUserMessage(text);
+        store.getState().setStreaming(true);
+        store.getState().setThinking(true);
+        await fetch(`${endpoint}/sessions/${sessionId}/messages`, {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({ text }),
+        });
+    }, [sessionId, endpoint, store]);
+    const respondToPermission = useCallback(async (response) => {
+        if (!sessionId)
+            return;
+        store.getState().removePermissionRequest(response.requestId);
+        await fetch(`${endpoint}/sessions/${sessionId}/permissions`, {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify(response),
+        });
+    }, [sessionId, endpoint, store]);
+    return { sessionId, sendMessage, respondToPermission };
+}

package/dist/react/widgets/AskUserQuestionWidget.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/react/widgets/AskUserQuestionWidget.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { registerWidget } from "../registry.js";
+function parseAnswers(result) {
+    if (typeof result !== "string")
+        return null;
+    const answers = {};
+    // Format: "question"="answer"
+    const re = /"(.+?)"="(.+?)"/g;
+    for (let match = re.exec(result); match !== null; match = re.exec(result)) {
+        answers[match[1]] = match[2];
+    }
+    if (Object.keys(answers).length === 0)
+        return null;
+    return answers;
+}
+function AskUserQuestionWidget({ input, result }) {
+    const questions = (input.questions ?? []);
+    const answers = parseAnswers(result);
+    if (!questions.length || !answers)
+        return null;
+    return (_jsx("div", { className: "space-y-1.5 py-1 text-xs", children: questions.map((q) => {
+            const answer = answers[q.question];
+            return (_jsxs("div", { children: [_jsx("span", { className: "text-muted-foreground", children: q.question }), answer && _jsx("span", { className: "ml-1.5 font-medium text-foreground", children: answer })] }, q.question));
+        }) }));
+}
+registerWidget({
+    toolName: "AskUserQuestion",
+    label: "Question",
+    richLabel: (result, input) => {
+        const questions = (input.questions ?? []);
+        const answers = parseAnswers(result);
+        if (!questions.length || !answers)
+            return null;
+        const first = questions[0];
+        const answer = answers[first.question];
+        if (!answer)
+            return null;
+        const label = first.header ?? "Answer";
+        return `${label}: ${answer}`;
+    },
+    component: AskUserQuestionWidget,
+});

package/dist/react/widgets/BashWidget.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/react/widgets/BashWidget.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { registerWidget } from "../registry.js";
+function BashInputRenderer({ input }) {
+    const command = typeof input.command === "string" ? input.command : null;
+    const description = typeof input.description === "string" ? input.description : null;
+    if (!command)
+        return null;
+    return (_jsxs("div", { className: "mt-1.5 space-y-1", children: [description && _jsx("div", { className: "text-xs text-muted-foreground", children: description }), _jsx("pre", { className: "text-[11px] leading-snug text-muted-foreground bg-accent rounded px-2 py-1 overflow-x-auto whitespace-pre-wrap break-all", children: _jsx("code", { children: command }) })] }));
+}
+function BashWidget({ result, input, phase }) {
+    const command = typeof input.command === "string" ? input.command : null;
+    if (phase === "running" || phase === "pending") {
+        return (_jsxs("div", { className: "py-1 space-y-1 text-xs", children: [command && (_jsx("pre", { className: "leading-snug text-muted-foreground bg-accent rounded px-2 py-1 overflow-x-auto whitespace-pre-wrap break-all", children: _jsxs("code", { children: ["$ ", command] }) })), _jsx("span", { className: "animate-pulse text-muted-foreground", children: "Running\u2026" })] }));
+    }
+    if (typeof result !== "string" || !result)
+        return null;
+    return (_jsx("div", { className: "py-1 text-xs", children: _jsx("pre", { className: "leading-snug text-foreground bg-accent rounded px-2 py-1.5 overflow-x-auto whitespace-pre-wrap break-all max-h-[300px] overflow-y-auto", children: _jsxs("code", { children: [command && (_jsxs("span", { className: "text-muted-foreground", children: ["$ ", command, "\n"] })), result] }) }) }));
+}
+registerWidget({
+    toolName: "Bash",
+    label: "Bash",
+    richLabel: (_r, input) => {
+        const desc = typeof input.description === "string" ? input.description : null;
+        const cmd = typeof input.command === "string" ? input.command : null;
+        if (desc)
+            return desc;
+        if (cmd)
+            return cmd.length > 60 ? `${cmd.slice(0, 57)}...` : cmd;
+        return null;
+    },
+    inputRenderer: BashInputRenderer,
+    component: BashWidget,
+});

package/dist/react/widgets/EditWidget.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/react/widgets/EditWidget.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { registerWidget } from "../registry.js";
+function basename(filePath) {
+    return filePath.split("/").pop() ?? filePath;
+}
+function EditInputRenderer({ input }) {
+    const filePath = typeof input.file_path === "string" ? input.file_path : null;
+    const oldStr = typeof input.old_string === "string" ? input.old_string : null;
+    const newStr = typeof input.new_string === "string" ? input.new_string : null;
+    if (!filePath || oldStr == null || newStr == null)
+        return null;
+    return (_jsxs("div", { className: "mt-1.5 space-y-1.5", children: [_jsx("div", { className: "text-xs text-muted-foreground font-mono truncate", children: filePath }), _jsxs("div", { className: "text-[11px] leading-snug rounded overflow-hidden border border-border", children: [oldStr && (_jsx("pre", { className: "bg-red-500/10 text-red-700 dark:text-red-400 px-2 py-1 overflow-x-auto whitespace-pre-wrap break-all", children: _jsx("code", { children: oldStr.split("\n").map((line, i) => (
+                            // biome-ignore lint/suspicious/noArrayIndexKey: static split lines
+                            _jsxs("span", { children: [i > 0 && "\n", "- ", line] }, i))) }) })), newStr && (_jsx("pre", { className: "bg-green-500/10 text-green-700 dark:text-green-400 px-2 py-1 overflow-x-auto whitespace-pre-wrap break-all", children: _jsx("code", { children: newStr.split("\n").map((line, i) => (
+                            // biome-ignore lint/suspicious/noArrayIndexKey: static split lines
+                            _jsxs("span", { children: [i > 0 && "\n", "+ ", line] }, i))) }) }))] })] }));
+}
+function EditWidget({ result, input, phase }) {
+    const filePath = typeof input.file_path === "string" ? input.file_path : null;
+    if (phase === "running" || phase === "pending") {
+        return (_jsx("div", { className: "flex items-center gap-2 text-xs text-muted-foreground py-1", children: _jsxs("span", { className: "animate-pulse", children: ["Editing ", filePath ? basename(filePath) : "file", "\u2026"] }) }));
+    }
+    if (typeof result !== "string" || !result)
+        return null;
+    return _jsx("div", { className: "py-1 text-xs text-muted-foreground", children: result });
+}
+registerWidget({
+    toolName: "Edit",
+    label: "Edit",
+    richLabel: (_r, input) => {
+        const filePath = typeof input.file_path === "string" ? input.file_path : null;
+        return filePath ? basename(filePath) : null;
+    },
+    inputRenderer: EditInputRenderer,
+    component: EditWidget,
+});

package/dist/react/widgets/GlobWidget.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/react/widgets/GlobWidget.js

@@ -0,0 +1,31 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { registerWidget } from "../registry.js";
+function GlobInputRenderer({ input }) {
+    const pattern = typeof input.pattern === "string" ? input.pattern : null;
+    const path = typeof input.path === "string" ? input.path : null;
+    if (!pattern)
+        return null;
+    return (_jsx("div", { className: "mt-1.5 space-y-1", children: _jsx("pre", { className: "text-[11px] leading-snug text-muted-foreground bg-accent rounded px-2 py-1 overflow-x-auto whitespace-pre-wrap break-all", children: _jsxs("code", { children: [pattern, path ? ` in ${path}` : ""] }) }) }));
+}
+function GlobWidget({ result, input, phase }) {
+    const pattern = typeof input.pattern === "string" ? input.pattern : null;
+    if (phase === "running" || phase === "pending") {
+        return (_jsx("div", { className: "flex items-center gap-2 text-xs text-muted-foreground py-1", children: _jsxs("span", { className: "animate-pulse", children: ["Matching ", pattern ? pattern : "files", "\u2026"] }) }));
+    }
+    if (typeof result !== "string" || !result)
+        return null;
+    const lines = result.split("\n").filter(Boolean);
+    return (_jsxs("div", { className: "py-1 text-xs", children: [_jsxs("div", { className: "text-muted-foreground mb-1", children: [lines.length, " ", lines.length === 1 ? "match" : "matches"] }), _jsx("pre", { className: "leading-snug text-foreground bg-accent rounded px-2 py-1.5 overflow-x-auto whitespace-pre-wrap break-all max-h-[300px] overflow-y-auto", children: _jsx("code", { children: lines.join("\n") }) })] }));
+}
+registerWidget({
+    toolName: "Glob",
+    label: "Glob",
+    richLabel: (_r, input) => {
+        const pattern = typeof input.pattern === "string" ? input.pattern : null;
+        if (pattern)
+            return pattern.length > 50 ? `${pattern.slice(0, 47)}...` : pattern;
+        return null;
+    },
+    inputRenderer: GlobInputRenderer,
+    component: GlobWidget,
+});

package/dist/react/widgets/GrepWidget.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/react/widgets/GrepWidget.js

@@ -0,0 +1,36 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { registerWidget } from "../registry.js";
+function GrepInputRenderer({ input }) {
+    const pattern = typeof input.pattern === "string" ? input.pattern : null;
+    const path = typeof input.path === "string" ? input.path : null;
+    const glob = typeof input.glob === "string" ? input.glob : null;
+    const outputMode = typeof input.output_mode === "string" ? input.output_mode : null;
+    if (!pattern)
+        return null;
+    return (_jsx("div", { className: "mt-1.5 space-y-1", children: _jsx("pre", { className: "text-[11px] leading-snug text-muted-foreground bg-accent rounded px-2 py-1 overflow-x-auto whitespace-pre-wrap break-all", children: _jsxs("code", { children: ["/", pattern, "/", path ? ` in ${path}` : "", glob ? ` --glob ${glob}` : "", outputMode && outputMode !== "files_with_matches" ? ` (${outputMode})` : ""] }) }) }));
+}
+function GrepWidget({ result, input, phase }) {
+    const pattern = typeof input.pattern === "string" ? input.pattern : null;
+    if (phase === "running" || phase === "pending") {
+        return (_jsx("div", { className: "flex items-center gap-2 text-xs text-muted-foreground py-1", children: _jsxs("span", { className: "animate-pulse", children: ["Searching ", pattern ? `/${pattern}/` : "", "\u2026"] }) }));
+    }
+    if (typeof result !== "string" || !result)
+        return null;
+    return (_jsx("div", { className: "py-1 text-xs", children: _jsx("pre", { className: "leading-snug text-foreground bg-accent rounded px-2 py-1.5 overflow-x-auto whitespace-pre-wrap break-all max-h-[300px] overflow-y-auto", children: _jsx("code", { children: result }) }) }));
+}
+registerWidget({
+    toolName: "Grep",
+    label: "Grep",
+    richLabel: (_r, input) => {
+        const pattern = typeof input.pattern === "string" ? input.pattern : null;
+        if (!pattern)
+            return null;
+        const type = typeof input.type === "string" ? input.type : null;
+        const glob = typeof input.glob === "string" ? input.glob : null;
+        const scope = type ? ` in ${type} files` : glob ? ` in ${glob}` : "";
+        const pat = pattern.length > 40 ? `${pattern.slice(0, 37)}…` : pattern;
+        return `${pat}${scope}`;
+    },
+    inputRenderer: GrepInputRenderer,
+    component: GrepWidget,
+});

package/dist/react/widgets/NotebookEditWidget.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/react/widgets/NotebookEditWidget.js

@@ -0,0 +1,47 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { registerWidget } from "../registry.js";
+function basename(filePath) {
+    return filePath.split("/").pop() ?? filePath;
+}
+const modeLabel = {
+    replace: "Replace cell",
+    insert: "Insert cell",
+    delete: "Delete cell",
+};
+function NotebookEditInputRenderer({ input }) {
+    const notebookPath = typeof input.notebook_path === "string" ? input.notebook_path : null;
+    const editMode = typeof input.edit_mode === "string" ? input.edit_mode : "replace";
+    const cellType = typeof input.cell_type === "string" ? input.cell_type : null;
+    const cellId = typeof input.cell_id === "string" ? input.cell_id : null;
+    const cellNumber = typeof input.cell_number === "number" ? input.cell_number : null;
+    const newSource = typeof input.new_source === "string" ? input.new_source : null;
+    if (!notebookPath)
+        return null;
+    const cellRef = cellId ?? (cellNumber != null ? `cell ${cellNumber}` : null);
+    const cellLabel = cellRef && editMode === "insert" ? `after ${cellRef}` : cellRef;
+    return (_jsxs("div", { className: "mt-1.5 space-y-1", children: [_jsxs("div", { className: "text-xs text-muted-foreground", children: [modeLabel[editMode] ?? editMode, cellType && _jsxs("span", { className: "ml-1 opacity-70", children: ["[", cellType, "]"] }), cellLabel && _jsx("span", { className: "ml-1 font-mono opacity-70", children: cellLabel }), _jsx("span", { className: "ml-1.5 font-mono opacity-70", children: basename(notebookPath) })] }), newSource && editMode !== "delete" && (_jsx("pre", { className: "text-[11px] leading-snug text-muted-foreground bg-accent rounded px-2 py-1 overflow-x-auto whitespace-pre-wrap break-all max-h-[120px] overflow-y-auto", children: _jsx("code", { children: newSource }) }))] }));
+}
+function NotebookEditWidget({ input, phase }) {
+    const notebookPath = typeof input.notebook_path === "string" ? input.notebook_path : null;
+    const editMode = typeof input.edit_mode === "string" ? input.edit_mode : "replace";
+    const cellType = typeof input.cell_type === "string" ? input.cell_type : null;
+    const newSource = typeof input.new_source === "string" ? input.new_source : null;
+    if (phase === "running" || phase === "pending") {
+        return (_jsx("div", { className: "flex items-center gap-2 text-xs text-muted-foreground py-1", children: _jsxs("span", { className: "animate-pulse", children: ["Editing ", notebookPath ? basename(notebookPath) : "notebook", "\u2026"] }) }));
+    }
+    return (_jsxs("div", { className: "py-1 space-y-1.5", children: [_jsxs("div", { className: "text-xs text-muted-foreground", children: [editMode === "insert" ? "Inserted" : editMode === "delete" ? "Deleted" : "Replaced", " cell", cellType && _jsxs("span", { className: "ml-1 opacity-70", children: ["[", cellType, "]"] })] }), newSource && editMode !== "delete" && (_jsx("pre", { className: "text-[11px] leading-snug text-foreground bg-accent rounded px-2 py-1.5 overflow-x-auto whitespace-pre-wrap break-all max-h-[200px] overflow-y-auto", children: _jsx("code", { children: newSource }) }))] }));
+}
+registerWidget({
+    toolName: "NotebookEdit",
+    label: "Notebook Edit",
+    richLabel: (_r, input) => {
+        const notebookPath = typeof input.notebook_path === "string" ? input.notebook_path : null;
+        const editMode = typeof input.edit_mode === "string" ? input.edit_mode : null;
+        const name = notebookPath ? basename(notebookPath) : null;
+        if (!name)
+            return null;
+        return editMode && editMode !== "replace" ? `${editMode} ${name}` : name;
+    },
+    inputRenderer: NotebookEditInputRenderer,
+    component: NotebookEditWidget,
+});

package/dist/react/widgets/ReadWidget.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/react/widgets/ReadWidget.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { registerWidget } from "../registry.js";
+/** Show path relative to likely project root, falling back to last 3 segments. */
+function shortPath(filePath) {
+    const parts = filePath.split("/");
+    // Heuristic: strip up to the first segment after common prefixes
+    // e.g. /Users/dan/Documents/my-project/src/server/index.ts → src/server/index.ts
+    // Look for common root markers and take everything after
+    const markers = ["Documents", "Projects", "repos", "src", "home"];
+    for (let i = 0; i < parts.length - 1; i++) {
+        if (markers.includes(parts[i])) {
+            // Take from the segment AFTER the marker's child (the project dir)
+            const projectStart = i + 2; // marker + project-name
+            if (projectStart < parts.length) {
+                return parts.slice(projectStart).join("/");
+            }
+        }
+    }
+    // Fallback: last 3 segments
+    return parts.slice(-3).join("/");
+}
+function ReadInputRenderer({ input }) {
+    const filePath = typeof input.file_path === "string" ? input.file_path : null;
+    if (!filePath)
+        return null;
+    return _jsx("div", { className: "mt-1.5 text-xs text-muted-foreground font-mono truncate", children: filePath });
+}
+function ReadWidget({ result, input, phase }) {
+    const filePath = typeof input.file_path === "string" ? input.file_path : null;
+    if (phase === "running" || phase === "pending") {
+        return (_jsx("div", { className: "flex items-center gap-2 text-xs text-muted-foreground py-1", children: _jsxs("span", { className: "animate-pulse", children: ["Reading ", filePath ? shortPath(filePath) : "file", "\u2026"] }) }));
+    }
+    if (typeof result !== "string" || !result)
+        return null;
+    return (_jsx("div", { className: "py-1 text-xs", children: _jsx("pre", { className: "leading-snug text-foreground bg-accent rounded px-2 py-1.5 overflow-x-auto whitespace-pre-wrap break-all max-h-[300px] overflow-y-auto", children: _jsx("code", { children: result }) }) }));
+}
+registerWidget({
+    toolName: "Read",
+    label: "Read",
+    richLabel: (_r, input) => {
+        const filePath = typeof input.file_path === "string" ? input.file_path : null;
+        return filePath ? shortPath(filePath) : null;
+    },
+    inputRenderer: ReadInputRenderer,
+    component: ReadWidget,
+});

package/dist/react/widgets/TodoWriteWidget.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/react/widgets/TodoWriteWidget.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { registerWidget } from "../registry.js";
+function parseTodos(input) {
+    if (!Array.isArray(input.todos))
+        return [];
+    return input.todos.filter((t) => t != null &&
+        typeof t === "object" &&
+        typeof t.content === "string" &&
+        typeof t.status === "string");
+}
+function TodoList({ todos }) {
+    return (_jsx("div", { className: "space-y-0.5 text-xs", children: todos.map((todo, i) => (
+        // biome-ignore lint/suspicious/noArrayIndexKey: todo items lack stable IDs
+        _jsxs("div", { className: "flex items-start gap-2", children: [_jsx("span", { className: "shrink-0 w-4 text-center", children: todo.status === "completed" ? (_jsx("span", { className: "text-green-600 dark:text-green-400", children: "\u2713" })) : todo.status === "in_progress" ? (_jsx("span", { className: "text-blue-600 dark:text-blue-400", children: "\u25CB" })) : (_jsx("span", { className: "text-muted-foreground", children: "\u25CB" })) }), _jsx("span", { className: todo.status === "completed"
+                        ? "text-muted-foreground line-through"
+                        : todo.status === "in_progress"
+                            ? "text-foreground font-medium"
+                            : "text-muted-foreground", children: todo.content })] }, i))) }));
+}
+function TodoWriteWidget({ input, phase }) {
+    const todos = parseTodos(input);
+    if (phase === "running" || phase === "pending") {
+        return (_jsx("div", { className: "flex items-center gap-2 text-xs text-muted-foreground py-1", children: _jsx("span", { className: "animate-pulse", children: "Updating tasks\u2026" }) }));
+    }
+    if (!todos.length)
+        return null;
+    return (_jsx("div", { className: "py-1", children: _jsx(TodoList, { todos: todos }) }));
+}
+registerWidget({
+    toolName: "TodoWrite",
+    label: "Todo",
+    richLabel: (_r, input) => {
+        const todos = parseTodos(input);
+        if (!todos.length)
+            return null;
+        const done = todos.filter((t) => t.status === "completed").length;
+        return `${done}/${todos.length} done`;
+    },
+    component: TodoWriteWidget,
+});

package/dist/react/widgets/WebFetchWidget.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/react/widgets/WebFetchWidget.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Markdown from "react-markdown";
+import { markdownComponents } from "../markdown-overrides.js";
+import { registerWidget } from "../registry.js";
+function domain(url) {
+    try {
+        return new URL(url).hostname.replace(/^www\./, "");
+    }
+    catch {
+        return url;
+    }
+}
+function faviconUrl(url) {
+    try {
+        const host = new URL(url).hostname;
+        return `https://www.google.com/s2/favicons?sz=32&domain=${host}`;
+    }
+    catch {
+        return undefined;
+    }
+}
+function WebFetchInputRenderer({ input }) {
+    const url = typeof input.url === "string" ? input.url : null;
+    const prompt = typeof input.prompt === "string" ? input.prompt : null;
+    if (!url)
+        return null;
+    return (_jsxs("div", { className: "mt-1.5 space-y-1", children: [_jsxs("a", { href: url, target: "_blank", rel: "noopener noreferrer", className: "inline-flex items-center gap-1.5 rounded-full bg-accent px-2.5 py-1 text-[11px] leading-none whitespace-nowrap max-w-[280px] text-muted-foreground no-underline hover:bg-accent/80 hover:text-primary transition-colors", children: [_jsx("img", { src: faviconUrl(url), alt: "", width: 14, height: 14, className: "rounded-full shrink-0" }), _jsx("span", { className: "truncate", children: domain(url) })] }), prompt && _jsxs("div", { className: "text-xs italic text-muted-foreground", children: ["\u201C", prompt, "\u201D"] })] }));
+}
+function WebFetchWidget({ result, input, phase }) {
+    if (phase === "running" || phase === "pending") {
+        const url = typeof input.url === "string" ? input.url : null;
+        return (_jsx("div", { className: "flex items-center gap-2 text-xs text-muted-foreground py-1", children: _jsxs("span", { className: "animate-pulse", children: ["Fetching ", url ? domain(url) : "page", "\u2026"] }) }));
+    }
+    if (typeof result !== "string" || !result)
+        return null;
+    const url = typeof input.url === "string" ? input.url : null;
+    return (_jsxs("div", { className: "py-1 space-y-1.5 text-xs", children: [url && (_jsxs("a", { href: url, target: "_blank", rel: "noopener noreferrer", className: "inline-flex items-center gap-1.5 rounded-full bg-accent px-2.5 py-1 text-[11px] leading-none whitespace-nowrap max-w-[280px] text-muted-foreground no-underline hover:bg-accent/80 hover:text-primary transition-colors", children: [_jsx("img", { src: faviconUrl(url), alt: "", width: 14, height: 14, className: "rounded-full shrink-0" }), _jsx("span", { className: "truncate", children: domain(url) })] })), _jsx("div", { className: "text-foreground leading-relaxed [&>*:first-child]:mt-0 [&>*:last-child]:mb-0", children: _jsx(Markdown, { components: markdownComponents, children: result }) })] }));
+}
+registerWidget({
+    toolName: "WebFetch",
+    label: "Web Fetch",
+    richLabel: (_r, input) => {
+        const url = typeof input.url === "string" ? input.url : null;
+        return url ? domain(url) : null;
+    },
+    inputRenderer: WebFetchInputRenderer,
+    component: WebFetchWidget,
+});

package/dist/react/widgets/WebSearchWidget.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/react/widgets/WebSearchWidget.js

@@ -0,0 +1,85 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { registerWidget } from "../registry.js";
+function extractJsonArray(str, start) {
+    if (str[start] !== "[")
+        return null;
+    let depth = 0;
+    for (let i = start; i < str.length; i++) {
+        if (str[i] === "[")
+            depth++;
+        else if (str[i] === "]") {
+            depth--;
+            if (depth === 0)
+                return str.slice(start, i + 1);
+        }
+    }
+    return null;
+}
+function parseSearchResult(raw) {
+    if (typeof raw !== "string")
+        return null;
+    const queryMatch = raw.match(/^Web search results for query: "(.+?)"\n/);
+    if (!queryMatch)
+        return null;
+    const linksIdx = raw.indexOf("Links: [");
+    if (linksIdx === -1)
+        return null;
+    const jsonStr = extractJsonArray(raw, linksIdx + 7);
+    if (!jsonStr)
+        return null;
+    try {
+        const links = JSON.parse(jsonStr);
+        return { query: queryMatch[1], links };
+    }
+    catch {
+        return null;
+    }
+}
+function faviconUrl(url) {
+    try {
+        const host = new URL(url).hostname;
+        return `https://www.google.com/s2/favicons?sz=32&domain=${host}`;
+    }
+    catch {
+        return undefined;
+    }
+}
+function domain(url) {
+    try {
+        return new URL(url).hostname.replace(/^www\./, "");
+    }
+    catch {
+        return url;
+    }
+}
+function WebSearchInputRenderer({ input }) {
+    const query = typeof input.query === "string" ? input.query : null;
+    if (!query)
+        return null;
+    return _jsxs("div", { className: "mt-1.5 text-xs italic text-muted-foreground", children: ["\u201C", query, "\u201D"] });
+}
+function WebSearchWidget({ result, phase }) {
+    const [expanded, setExpanded] = useState(false);
+    if (phase === "running" || phase === "pending") {
+        return (_jsx("div", { className: "flex items-center gap-2 text-xs text-muted-foreground py-1", children: _jsx("span", { className: "animate-pulse", children: "Searching the web\u2026" }) }));
+    }
+    const parsed = parseSearchResult(result);
+    if (!parsed)
+        return null;
+    const pills = parsed.links.map((link) => (_jsxs("a", { href: link.url, target: "_blank", rel: "noopener noreferrer", title: link.title, className: "inline-flex items-center gap-1.5 rounded-full bg-accent px-2.5 py-1 text-[11px] leading-none whitespace-nowrap max-w-[180px] text-muted-foreground no-underline hover:bg-accent/80 hover:text-primary transition-colors shrink-0", children: [_jsx("img", { src: faviconUrl(link.url), alt: "", width: 14, height: 14, className: "rounded-full shrink-0" }), _jsx("span", { className: "truncate", children: domain(link.url) })] }, link.url)));
+    if (expanded) {
+        return (_jsxs("div", { className: "py-1 space-y-1.5", children: [_jsx("div", { className: "flex flex-wrap gap-1.5", children: pills }), _jsx("button", { type: "button", onClick: () => setExpanded(false), className: "text-[10px] text-muted-foreground/60 hover:text-muted-foreground transition-colors", children: "Show less" })] }));
+    }
+    return (_jsxs("div", { className: "py-1 space-y-0.5", children: [_jsxs("div", { className: "relative", children: [_jsx("div", { className: "flex flex-nowrap gap-1.5 overflow-hidden max-h-[22px]", children: pills }), _jsx("div", { className: "pointer-events-none absolute inset-y-0 right-0 w-12 bg-gradient-to-l from-accent/50 to-transparent" })] }), _jsxs("button", { type: "button", onClick: () => setExpanded(true), className: "text-[10px] text-muted-foreground/60 hover:text-muted-foreground transition-colors pt-0.5", children: ["Show all ", parsed.links.length, " sources"] })] }));
+}
+registerWidget({
+    toolName: "WebSearch",
+    label: "Web Search",
+    richLabel: (r) => {
+        const p = parseSearchResult(r);
+        return p ? `"${p.query}" · ${p.links.length} sources` : null;
+    },
+    inputRenderer: WebSearchInputRenderer,
+    component: WebSearchWidget,
+});

package/dist/react/widgets/WriteWidget.d.ts

@@ -0,0 +1 @@
+export {};