@bubblebrain-ai/bubble 0.0.9 → 0.0.11

package/dist/tui/sidebar-mcp.d.ts

@@ -1,31 +0,0 @@
-/**
- * Pure helpers for the TUI MCP sidebar widget.
- *
- * Kept separate from run.ts so they can be unit-tested without mounting the
- * full opentui renderer. run.ts imports sidebarMcpRowsFromStates and
- * renderMcpRowMarker for display; everything else stays in-TUI because it
- * depends on theme / renderable construction.
- */
-import type { McpServerState } from "../mcp/types.js";
-export interface SidebarMcpRow {
-    name: string;
-    kind: "connected" | "failed" | "disabled";
-    label: string;
-    toolCount: number;
-    promptCount: number;
-    errorDetail?: string;
-    canReconnect: boolean;
-}
-/**
- * Project raw McpServerState[] (from McpManager.getStates()) into the display
- * shape consumed by the sidebar's row renderer. Deterministic and side-effect
- * free — the single source of truth for what the widget shows per server.
- */
-export declare function sidebarMcpRowsFromStates(states: McpServerState[]): SidebarMcpRow[];
-/**
- * Single-char status marker used at the start of each sidebar row.
- * Mirrors opencode's convention so a connected row reads as a bullet, failed
- * as a cross, disabled as a hollow circle. Colour is applied separately by
- * the caller using theme mapping.
- */
-export declare function renderMcpRowMarker(kind: SidebarMcpRow["kind"]): string;

package/dist/tui/sidebar-mcp.js

@@ -1,62 +0,0 @@
-/**
- * Pure helpers for the TUI MCP sidebar widget.
- *
- * Kept separate from run.ts so they can be unit-tested without mounting the
- * full opentui renderer. run.ts imports sidebarMcpRowsFromStates and
- * renderMcpRowMarker for display; everything else stays in-TUI because it
- * depends on theme / renderable construction.
- */
-const ERROR_LABEL_MAX = 32;
-function truncateInline(s, n) {
-    return s.length <= n ? s : s.slice(0, n - 1) + "…";
-}
-/**
- * Project raw McpServerState[] (from McpManager.getStates()) into the display
- * shape consumed by the sidebar's row renderer. Deterministic and side-effect
- * free — the single source of truth for what the widget shows per server.
- */
-export function sidebarMcpRowsFromStates(states) {
-    return states.map((state) => {
-        const kind = state.status.kind;
-        const toolCount = kind === "connected" ? state.status.tools.length : 0;
-        const promptCount = kind === "connected" ? state.status.prompts.length : 0;
-        const errorDetail = kind === "failed" ? state.status.error : undefined;
-        let label;
-        if (kind === "connected") {
-            const parts = [];
-            parts.push(`${toolCount} tool${toolCount === 1 ? "" : "s"}`);
-            if (promptCount > 0) {
-                parts.push(`${promptCount} prompt${promptCount === 1 ? "" : "s"}`);
-            }
-            label = parts.join(", ");
-        }
-        else if (kind === "failed") {
-            label = truncateInline(state.status.error, ERROR_LABEL_MAX);
-        }
-        else {
-            label = "disabled";
-        }
-        return {
-            name: state.name,
-            kind,
-            label,
-            toolCount,
-            promptCount,
-            errorDetail,
-            canReconnect: kind === "failed" || kind === "disabled",
-        };
-    });
-}
-/**
- * Single-char status marker used at the start of each sidebar row.
- * Mirrors opencode's convention so a connected row reads as a bullet, failed
- * as a cross, disabled as a hollow circle. Colour is applied separately by
- * the caller using theme mapping.
- */
-export function renderMcpRowMarker(kind) {
-    if (kind === "connected")
-        return "●";
-    if (kind === "failed")
-        return "✗";
-    return "○";
-}

package/dist/tui/sidebar-state.d.ts

@@ -1,12 +0,0 @@
-export interface SidebarFileChange {
-    file: string;
-    additions: number;
-    deletions: number;
-}
-export interface SidebarGitState {
-    branch?: string;
-    files: SidebarFileChange[];
-}
-export declare function parseGitNumstat(output: string): SidebarFileChange[];
-export declare function mergeFileChanges(...groups: SidebarFileChange[][]): SidebarFileChange[];
-export declare function readGitSidebarState(cwd: string): SidebarGitState;

package/dist/tui/sidebar-state.js

@@ -1,69 +0,0 @@
-import { execFileSync } from "node:child_process";
-export function parseGitNumstat(output) {
-    return output
-        .split(/\r?\n/)
-        .map((line) => line.trim())
-        .filter(Boolean)
-        .map((line) => {
-        const [rawAdditions, rawDeletions, ...pathParts] = line.split(/\t/);
-        const file = pathParts.join("\t").trim();
-        if (!file)
-            return undefined;
-        return {
-            file,
-            additions: parseGitCount(rawAdditions),
-            deletions: parseGitCount(rawDeletions),
-        };
-    })
-        .filter((item) => !!item);
-}
-export function mergeFileChanges(...groups) {
-    const merged = new Map();
-    for (const group of groups) {
-        for (const item of group) {
-            const existing = merged.get(item.file);
-            if (!existing) {
-                merged.set(item.file, { ...item });
-                continue;
-            }
-            existing.additions += item.additions;
-            existing.deletions += item.deletions;
-        }
-    }
-    return [...merged.values()].sort((a, b) => a.file.localeCompare(b.file));
-}
-export function readGitSidebarState(cwd) {
-    const branch = runGit(cwd, ["branch", "--show-current"]).trim()
-        || runGit(cwd, ["rev-parse", "--abbrev-ref", "HEAD"]).trim()
-        || undefined;
-    const unstaged = parseGitNumstat(runGit(cwd, ["--no-pager", "diff", "--numstat"]));
-    const staged = parseGitNumstat(runGit(cwd, ["--no-pager", "diff", "--cached", "--numstat"]));
-    const untracked = runGit(cwd, ["ls-files", "--others", "--exclude-standard"])
-        .split(/\r?\n/)
-        .map((file) => file.trim())
-        .filter(Boolean)
-        .map((file) => ({ file, additions: 0, deletions: 0 }));
-    return {
-        branch,
-        files: mergeFileChanges(unstaged, staged, untracked),
-    };
-}
-function runGit(cwd, args) {
-    try {
-        return execFileSync("git", args, {
-            cwd,
-            encoding: "utf8",
-            stdio: ["ignore", "pipe", "ignore"],
-            timeout: 750,
-        });
-    }
-    catch {
-        return "";
-    }
-}
-function parseGitCount(value) {
-    if (value === "-")
-        return 0;
-    const count = Number.parseInt(value, 10);
-    return Number.isFinite(count) ? count : 0;
-}

package/dist/tui/streaming-tool-args.d.ts

@@ -1,15 +0,0 @@
-/**
- * Extract user-visible signals from a partial tool-call JSON buffer.
- *
- * We deliberately do NOT attempt a full partial-JSON parse. The goal is just
- * to surface the file path (so the tool header can render) and a coarse
- * "how much has been streamed" hint, both available the moment the model has
- * emitted enough text for them to be unambiguous.
- */
-export interface StreamingArgsHint {
-    /** First fully-closed string value found for a known path field. */
-    path?: string;
-    /** Count of escaped newline sequences (`\n`) seen so far — proxy for written line count. */
-    newlineCount: number;
-}
-export declare function extractStreamingArgsHint(raw: string): StreamingArgsHint;

package/dist/tui/streaming-tool-args.js

@@ -1,30 +0,0 @@
-/**
- * Extract user-visible signals from a partial tool-call JSON buffer.
- *
- * We deliberately do NOT attempt a full partial-JSON parse. The goal is just
- * to surface the file path (so the tool header can render) and a coarse
- * "how much has been streamed" hint, both available the moment the model has
- * emitted enough text for them to be unambiguous.
- */
-const PATH_FIELDS = ["path", "file_path", "filePath"];
-export function extractStreamingArgsHint(raw) {
-    let path;
-    for (const field of PATH_FIELDS) {
-        const re = new RegExp(`"${field}"\\s*:\\s*"((?:\\\\.|[^"\\\\])*)"`);
-        const m = raw.match(re);
-        if (m) {
-            try {
-                path = JSON.parse(`"${m[1]}"`);
-                break;
-            }
-            catch {
-                // The matched substring ended mid-escape; ignore and wait for more.
-            }
-        }
-    }
-    const newlines = raw.match(/\\n/g);
-    return {
-        path,
-        newlineCount: newlines ? newlines.length : 0,
-    };
-}

package/dist/tui/tool-renderers/fallback.d.ts

@@ -1,2 +0,0 @@
-import type { ToolRenderer } from "./types.js";
-export declare const fallbackToolRenderer: ToolRenderer;

package/dist/tui/tool-renderers/fallback.js

@@ -1,75 +0,0 @@
-import { fg, StyledText } from "@opentui/core";
-export const fallbackToolRenderer = {
-    canRender: (_tool) => true,
-    render: renderFallbackTool,
-};
-function renderFallbackTool({ ctx, tool, syntaxStyle, width, helpers }) {
-    const { theme } = helpers;
-    const icon = helpers.toolStateIcon(tool);
-    const color = helpers.toolColor(tool);
-    const header = helpers.toolHeader(tool);
-    const diff = helpers.extractToolDiff(tool);
-    const isError = tool.isError === true || tool.status === "error";
-    if (diff && !isError && tool.name === "edit") {
-        return helpers.createBox(ctx, {
-            paddingLeft: 3,
-            marginTop: 1,
-            flexDirection: "column",
-            flexShrink: 0,
-        }, [
-            helpers.createText(ctx, new StyledText([
-                fg(color)(`${icon} ${helpers.displayToolName(tool.name)}`),
-                fg(theme.toolText)(header ? ` ${header}` : ""),
-            ])),
-            helpers.createBox(ctx, {
-                paddingLeft: 1,
-                marginTop: 1,
-                border: ["left"],
-                borderColor: theme.borderSubtle,
-                flexDirection: "column",
-                flexShrink: 0,
-            }, [helpers.createDiffRenderable(ctx, diff, helpers.toolPath(tool), syntaxStyle, width)]),
-        ]);
-    }
-    const chunks = [
-        fg(color)(`${icon} ${helpers.displayToolName(tool.name)}`),
-    ];
-    if (header)
-        chunks.push(fg(theme.toolText)(` ${header}`));
-    const showTail = !!tool.result || tool.status === "running" || tool.status === "pending" || tool.streamingArgs === true;
-    if (showTail) {
-        const summary = helpers.summarizeToolResult(tool);
-        if (summary) {
-            chunks.push(fg(theme.text)("\n"));
-            chunks.push(fg(theme.borderSubtle)("  "));
-            chunks.push(fg(isError ? theme.toolError : theme.textMuted)(summary));
-        }
-        const preview = helpers.toolPreview(tool);
-        if (preview) {
-            for (const line of preview.lines) {
-                chunks.push(fg(theme.text)("\n"));
-                chunks.push(fg(theme.borderSubtle)("  "));
-                chunks.push(fg(theme.toolText)(line));
-            }
-            if (preview.omitted > 0) {
-                chunks.push(fg(theme.text)("\n"));
-                chunks.push(fg(theme.borderSubtle)("  "));
-                chunks.push(fg(theme.textMuted)(`+ ${preview.omitted} more`));
-            }
-        }
-    }
-    const containerProps = {
-        paddingLeft: isError ? 1 : 3,
-        marginTop: 1,
-        flexDirection: "column",
-        flexShrink: 0,
-    };
-    if (isError) {
-        containerProps.border = ["left"];
-        containerProps.borderColor = theme.toolError;
-        containerProps.paddingLeft = 2;
-    }
-    return helpers.createBox(ctx, containerProps, [
-        helpers.createText(ctx, new StyledText(chunks), { wrapMode: "word" }),
-    ]);
-}

package/dist/tui/tool-renderers/registry.d.ts

@@ -1,3 +0,0 @@
-import type { DisplayToolCall } from "../display-history.js";
-import type { ToolRenderer } from "./types.js";
-export declare function findToolRenderer(tool: DisplayToolCall): ToolRenderer | undefined;

package/dist/tui/tool-renderers/registry.js

@@ -1,11 +0,0 @@
-import { fallbackToolRenderer } from "./fallback.js";
-import { subagentToolRenderer } from "./subagent.js";
-import { writeToolRenderer } from "./write.js";
-const TOOL_RENDERERS = [
-    writeToolRenderer,
-    subagentToolRenderer,
-    fallbackToolRenderer,
-];
-export function findToolRenderer(tool) {
-    return TOOL_RENDERERS.find((renderer) => renderer.canRender(tool));
-}

package/dist/tui/tool-renderers/subagent.d.ts

@@ -1,2 +0,0 @@
-import type { ToolRenderer } from "./types.js";
-export declare const subagentToolRenderer: ToolRenderer;

package/dist/tui/tool-renderers/subagent.js

@@ -1,114 +0,0 @@
-import { fg, StyledText } from "@opentui/core";
-export const subagentToolRenderer = {
-    canRender: (tool) => tool.name === "subagent" || tool.metadata?.kind === "subagent",
-    render: renderSubagentTool,
-};
-function renderSubagentTool({ ctx, tool, width, helpers }) {
-    const { theme } = helpers;
-    const metadata = tool.metadata ?? {};
-    const subagents = subagentsFrom(tool);
-    const mode = typeof metadata.mode === "string" ? metadata.mode : (subagents.length > 1 ? "parallel" : "single");
-    const completed = subagents.filter((item) => item.status === "completed").length;
-    const color = tool.isError ? theme.toolError : tool.status === "running" ? theme.toolPending : theme.toolSuccess;
-    const headerChunks = [
-        fg(color)(`> ${helpers.displayToolName(tool.name)}`),
-        fg(theme.toolText)(` ${mode}`),
-    ];
-    if (subagents.length > 0) {
-        headerChunks.push(fg(theme.textMuted)(` ${completed}/${subagents.length}`));
-    }
-    const children = [
-        helpers.createText(ctx, new StyledText(headerChunks), { wrapMode: "word" }),
-    ];
-    const rows = subagents.map((subagent) => renderSubagentRow(ctx, subagent, width, helpers));
-    if (rows.length > 0) {
-        children.push(helpers.createBox(ctx, {
-            paddingLeft: 1,
-            marginTop: 0,
-            border: ["left"],
-            borderColor: theme.borderSubtle,
-            flexDirection: "column",
-            flexShrink: 0,
-        }, rows));
-    }
-    else if (tool.result) {
-        children.push(helpers.createText(ctx, helpers.summarizeToolResult(tool), {
-            fg: tool.isError ? theme.toolError : theme.textMuted,
-            wrapMode: "word",
-        }));
-    }
-    return helpers.createBox(ctx, {
-        paddingLeft: 3,
-        marginTop: 1,
-        flexDirection: "column",
-        flexShrink: 0,
-    }, children);
-}
-function renderSubagentRow(ctx, subagent, width, helpers) {
-    const { theme } = helpers;
-    const status = subagent.status ?? "running";
-    const color = status === "completed"
-        ? theme.toolSuccess
-        : status === "running" || status === "queued"
-            ? theme.toolPending
-            : theme.toolError;
-    const source = subagent.profileSource ? ` [${subagent.profileSource}]` : "";
-    const usage = subagent.usage?.totalTokens ? ` ${subagent.usage.totalTokens} tokens` : "";
-    const summary = firstUsefulLine(subagent.error || subagent.summary || lastToolNote(subagent.toolNotes));
-    const task = firstUsefulLine(subagent.task);
-    const maxLine = Math.max(24, width - 12);
-    const lines = [
-        helpers.createText(ctx, new StyledText([
-            fg(color)(`${statusIcon(status)} ${subagentLabel(subagent)}`),
-            fg(theme.textMuted)(`${source} ${status}${usage}`),
-        ]), { wrapMode: "word" }),
-    ];
-    if (task) {
-        lines.push(helpers.createText(ctx, shorten(`task: ${task}`, maxLine), {
-            fg: theme.textMuted,
-            wrapMode: "word",
-        }));
-    }
-    if (summary) {
-        lines.push(helpers.createText(ctx, shorten(summary, maxLine), {
-            fg: subagent.error ? theme.toolError : theme.toolText,
-            wrapMode: "word",
-        }));
-    }
-    return helpers.createBox(ctx, {
-        flexDirection: "column",
-        flexShrink: 0,
-    }, lines);
-}
-function subagentLabel(subagent) {
-    if (subagent.nickname && subagent.agentName) {
-        return `${subagent.nickname} (${subagent.agentName})`;
-    }
-    return subagent.nickname ?? subagent.agentName ?? "subagent";
-}
-function subagentsFrom(tool) {
-    const raw = tool.metadata?.subagents;
-    if (!Array.isArray(raw))
-        return [];
-    return raw.filter((item) => typeof item === "object" && item !== null);
-}
-function statusIcon(status) {
-    if (status === "completed")
-        return "+";
-    if (status === "running")
-        return ">";
-    if (status === "queued")
-        return ".";
-    return "!";
-}
-function lastToolNote(notes) {
-    return notes?.filter(Boolean).at(-1);
-}
-function firstUsefulLine(value) {
-    return value?.split(/\r?\n/).map((line) => line.trim()).find(Boolean) ?? "";
-}
-function shorten(value, max) {
-    if (value.length <= max)
-        return value;
-    return `${value.slice(0, Math.max(0, max - 3))}...`;
-}

package/dist/tui/tool-renderers/types.d.ts

@@ -1,36 +0,0 @@
-import type { RenderContext, Renderable, StyledText, SyntaxStyle, TextRenderable } from "@opentui/core";
-import type { DisplayToolCall } from "../display-history.js";
-export interface ToolRenderer {
-    canRender(tool: DisplayToolCall): boolean;
-    expansionKey?(messageKey: string, tool: DisplayToolCall): string | undefined;
-    signature?(messageKey: string, tool: DisplayToolCall, expandedWrites: Set<string>): string;
-    render(context: ToolRenderContext): Renderable;
-}
-export interface ToolRenderContext {
-    ctx: RenderContext;
-    tool: DisplayToolCall;
-    syntaxStyle: SyntaxStyle;
-    width: number;
-    writeExpanded: boolean;
-    onToggleWrite?: () => void;
-    helpers: ToolRenderHelpers;
-}
-export interface ToolRenderHelpers {
-    theme: Record<string, string>;
-    createBox: (ctx: RenderContext, options: Record<string, unknown>, children?: Array<Renderable | null | undefined>) => Renderable;
-    createText: (ctx: RenderContext, content: string | StyledText, options?: Record<string, unknown>) => TextRenderable;
-    createCodeBlockRenderable: (ctx: RenderContext, content: string, filePath: string | undefined, syntaxStyle: SyntaxStyle) => Renderable;
-    createDiffRenderable: (ctx: RenderContext, diff: string, filePath: string | undefined, syntaxStyle: SyntaxStyle, width?: number) => Renderable;
-    toolColor: (tool: DisplayToolCall) => string;
-    displayToolName: (name: string) => string;
-    toolHeader: (tool: DisplayToolCall) => string;
-    toolPath: (tool: DisplayToolCall) => string | undefined;
-    extractToolDiff: (tool: DisplayToolCall) => string | undefined;
-    summarizeToolResult: (tool: DisplayToolCall) => string;
-    isToolFinished: (tool: DisplayToolCall) => boolean;
-    toolPreview: (tool: DisplayToolCall) => {
-        lines: string[];
-        omitted: number;
-    } | undefined;
-    toolStateIcon: (tool: DisplayToolCall) => string;
-}

package/dist/tui/tool-renderers/write-preview.d.ts

@@ -1,12 +0,0 @@
-import type { DisplayToolCall } from "../display-history.js";
-export declare const WRITE_PREVIEW_CHAR_LIMIT = 5000;
-export declare function isWritePreviewTool(tool: DisplayToolCall): tool is DisplayToolCall & {
-    args: {
-        content?: string;
-    };
-};
-export declare function formatWritePreview(content: string, expanded: boolean): {
-    content: string;
-    omittedLines: number;
-    omittedChars: number;
-};

package/dist/tui/tool-renderers/write-preview.js

@@ -1,30 +0,0 @@
-const WRITE_PREVIEW_LINE_LIMIT = 10;
-export const WRITE_PREVIEW_CHAR_LIMIT = 5000;
-export function isWritePreviewTool(tool) {
-    if (tool.isError)
-        return false;
-    if (tool.name !== "write")
-        return false;
-    if (typeof tool.args?.content === "string")
-        return true;
-    // While the model is still streaming the JSON args, content may not be
-    // populated yet — keep ownership so the header renders progressively.
-    return tool.streamingArgs === true;
-}
-export function formatWritePreview(content, expanded) {
-    const lines = content.split(/\r?\n/);
-    if (expanded) {
-        return { content, omittedLines: 0, omittedChars: 0 };
-    }
-    let previewContent = lines.slice(0, WRITE_PREVIEW_LINE_LIMIT).join("\n");
-    let omittedLines = Math.max(0, lines.length - WRITE_PREVIEW_LINE_LIMIT);
-    if (previewContent.length > WRITE_PREVIEW_CHAR_LIMIT) {
-        previewContent = previewContent.slice(0, WRITE_PREVIEW_CHAR_LIMIT);
-        omittedLines = Math.max(omittedLines, lines.length - previewContent.split(/\r?\n/).length);
-    }
-    return {
-        content: previewContent,
-        omittedLines,
-        omittedChars: Math.max(0, content.length - previewContent.length),
-    };
-}

package/dist/tui/tool-renderers/write.d.ts

@@ -1,6 +0,0 @@
-import type { DisplayMessage, DisplayToolCall } from "../display-history.js";
-import type { ToolRenderer } from "./types.js";
-export declare const writeToolRenderer: ToolRenderer;
-export declare function writeToolKey(messageKey: string, tool: DisplayToolCall): string;
-export declare function writeToolExpansionDigest(message: DisplayMessage, messageKey: string, expandedWrites: Set<string>): string;
-export declare function writeToolExpansionSignature(messageKey: string, tool: DisplayToolCall, expandedWrites: Set<string>): string;

package/dist/tui/tool-renderers/write.js

@@ -1,88 +0,0 @@
-import { fg, StyledText } from "@opentui/core";
-import { hashString } from "../render-signature.js";
-import { formatWritePreview, isWritePreviewTool, WRITE_PREVIEW_CHAR_LIMIT } from "./write-preview.js";
-export const writeToolRenderer = {
-    canRender: isWritePreviewTool,
-    expansionKey: writeToolKey,
-    signature: writeToolExpansionSignature,
-    render: renderWriteTool,
-};
-export function writeToolKey(messageKey, tool) {
-    return `${messageKey}:write:${tool.id}`;
-}
-export function writeToolExpansionDigest(message, messageKey, expandedWrites) {
-    return (message.toolCalls ?? [])
-        .filter((tool) => isWritePreviewTool(tool))
-        .map((tool) => writeToolExpansionSignature(messageKey, tool, expandedWrites))
-        .join("|");
-}
-export function writeToolExpansionSignature(messageKey, tool, expandedWrites) {
-    if (!isWritePreviewTool(tool))
-        return "";
-    const content = typeof tool.args.content === "string" ? tool.args.content : "";
-    return [
-        tool.id,
-        expandedWrites.has(writeToolKey(messageKey, tool)) ? "expanded" : "collapsed",
-        content.length,
-        content.split(/\r?\n/).length,
-        hashString(content.slice(0, WRITE_PREVIEW_CHAR_LIMIT)),
-        hashString(content.slice(-WRITE_PREVIEW_CHAR_LIMIT)),
-    ].join(":");
-}
-function renderWriteTool({ ctx, tool, syntaxStyle, writeExpanded, onToggleWrite, helpers }) {
-    const { theme } = helpers;
-    const color = helpers.toolColor(tool);
-    const icon = "●";
-    const header = helpers.toolHeader(tool);
-    const hasContent = typeof tool.args.content === "string";
-    const contentStr = hasContent ? String(tool.args.content) : "";
-    const preview = hasContent ? formatWritePreview(contentStr, writeExpanded) : null;
-    const writeLineCount = hasContent
-        ? contentStr.split(/\r?\n/).length
-        : (tool.streamingNewlineCount ?? 0) + 1;
-    const summary = tool.result
-        ? helpers.summarizeToolResult(tool)
-        : `${helpers.isToolFinished(tool) ? "Prepared" : "Writing"} ${writeLineCount} line${writeLineCount === 1 ? "" : "s"} to ${helpers.toolPath(tool) ?? "file"}`;
-    const hint = preview && preview.omittedLines > 0
-        ? `... +${preview.omittedLines} lines (${writeExpanded ? "ctrl+o to collapse" : "ctrl+o to expand"})`
-        : preview && preview.omittedChars > 0
-            ? `... +${preview.omittedChars} chars (${writeExpanded ? "ctrl+o to collapse" : "ctrl+o to expand"})`
-            : preview && writeExpanded
-                ? "(ctrl+o to collapse)"
-                : "";
-    return helpers.createBox(ctx, {
-        paddingLeft: 3,
-        marginTop: 1,
-        flexDirection: "column",
-        flexShrink: 0,
-    }, [
-        helpers.createText(ctx, new StyledText([
-            fg(color)(`${icon} ${helpers.displayToolName(tool.name)}`),
-            fg(theme.toolText)(header ? ` ${header}` : ""),
-        ]), {
-            onMouseUp: onToggleWrite,
-        }),
-        helpers.createBox(ctx, {
-            paddingLeft: 1,
-            marginTop: 0,
-            border: ["left"],
-            borderColor: theme.borderSubtle,
-            flexDirection: "column",
-            flexShrink: 0,
-        }, [
-            helpers.createText(ctx, `└ ${summary}`, {
-                fg: tool.isError ? theme.toolError : theme.textMuted,
-                onMouseUp: onToggleWrite,
-            }),
-            preview
-                ? helpers.createCodeBlockRenderable(ctx, preview.content, helpers.toolPath(tool), syntaxStyle)
-                : null,
-            hint
-                ? helpers.createText(ctx, hint, {
-                    fg: theme.textMuted,
-                    onMouseUp: onToggleWrite,
-                })
-                : null,
-        ]),
-    ]);
-}