indusagi-coding-agent 0.1.40 → 0.1.42

package/dist/modes/interactive/components/tool-execution.js

@@ -1,1001 +0,0 @@
-import * as os from "node:os";
-import { Box, Container, getCapabilities, getImageDimensions, Image, imageFallback, Spacer, Text, truncateToWidth, } from "indusagi/tui";
-import stripAnsi from "strip-ansi";
-import { computeEditDiff } from "indusagi/agent";
-import { allTools } from "../../../core/tools/index.js";
-import { DEFAULT_MAX_BYTES, DEFAULT_MAX_LINES, formatSize } from "indusagi/agent";
-import { convertToPng } from "../../../utils/image-convert.js";
-import { sanitizeBinaryOutput } from "../../../utils/shell.js";
-import { getLanguageFromPath, highlightCode, theme } from "../theme/theme.js";
-import { renderDiff } from "./diff.js";
-import { keyHint } from "./keybinding-hints.js";
-import { truncateToVisualLines } from "./visual-truncate.js";
-// Preview line limit for bash when not expanded
-const BASH_PREVIEW_LINES = 5;
-/**
- * ============================================================================
- * TOOL EXECUTION COMPONENT - COMPREHENSIVE RENDERING MODULE
- * ============================================================================
- *
- * PURPOSE:
- * ============================================================================
- * Renders tool call invocations and their results in the interactive chat
- * interface. This component is the primary display system for all tool
- * execution in the agent, supporting:
- *
- * - Built-in tools (read, write, edit, bash, ls, find, grep, task, todos)
- * - Custom tools with extension renderers
- * - Real-time result streaming and updates
- * - Expandable/collapsible output (respects toolOutputExpanded setting)
- * - Syntax highlighting (code blocks, diffs, file paths)
- * - Image rendering (with format conversion for compatibility)
- * - Error states and partial results
- * - Truncation warnings (context limit, output limit)
- *
- * TOOL-SPECIFIC RENDERING:
- * Each tool has specialized rendering logic:
- * - read: File contents with line numbers, highlighting
- * - write: File creation preview, error display
- * - edit: Visual diff (added/removed lines), line numbers
- * - bash: Command + output with visual line truncation
- * - ls/find/grep: Formatted output with entry limits
- * - task: Metadata (subagent, duration, tool count)
- * - todos: Status icons, priority coloring, completion count
- *
- * DATA FLOW:
- * ============================================================================
- * Tool Execution Pipeline:
- *   Assistant message with tool call content
- *     ↓
- *   InteractiveMode.renderSessionContext() encounters tool call
- *     ↓
- *   ToolExecutionComponent created with tool name + args
- *     ↓
- *   updateDisplay() renders pending state (no result yet)
- *     ↓
- *   Tool executes in background (on agent server)
- *     ↓
- *   AgentSession emits tool_output event
- *     ↓
- *   InteractiveMode.subscribeToAgent() receives tool_output
- *     ↓
- *   component.updateResult() called with result content
- *     ↓
- *   updateDisplay() re-renders with result + background color
- *     ↓
- *   TUI invalidate() and requestRender()
- *     ↓
- *   Terminal displays complete tool execution
- *
- * Streaming Tool Output:
- *   Some tools (bash, read, find) stream output:
- *   1. tool_output event arrives with isPartial=true
- *   2. updateResult() called, still showing pending background
- *   3. Later, tool_output event with isPartial=false (complete)
- *   4. updateDisplay() shows final result + success/error background
- *
- * Async Operations:
- *   - Edit diff computation: async computeEditDiff() with caching
- *   - Image format conversion: async convertToPng() for Kitty protocol
- *   - Both update display when complete via ui.requestRender()
- *
- * RENDERING PIPELINE:
- * ============================================================================
- * Component Structure (ASCII):
- *   ┌───────────────────────────────────────────────────────────┐
- *   │          [Spacer 1 line]                                  │  ← Top margin
- *   ├───────────────────────────────────────────────────────────┤
- *   │ PENDING STATE (while tool executing)                      │
- *   │ ████████████████████████████████████████████████████████ │  ← toolPendingBg
- *   │ █ read /path/to/file.ts:10-20                            █
- *   │ █ (Executing...)                                          █
- *   │ ████████████████████████████████████████████████████████ │
- *   ├───────────────────────────────────────────────────────────┤
- *   │ COMPLETE STATE (after result arrives)                     │
- *   │ ████████████████████████████████████████████████████████ │  ← toolSuccessBg or toolErrorBg
- *   │ █ read /path/to/file.ts:10-20                            │
- *   │ █                                                          │
- *   │ █ 10 | import { foo } from 'bar';                        │
- *   │ █ 11 | const x = foo();                                  │
- *   │ █ 12 | export { x };                                     │
- *   │ █ ... (5 more lines, to expand)                          │
- *   │ ████████████████████████████████████████████████████████ │
- *   ├───────────────────────────────────────────────────────────┤
- *   │ [Image 1: 640×480 pixels]                                 │  ← Images (optional)
- *   ├───────────────────────────────────────────────────────────┤
- *   │ [Image 2: 800×600 pixels]                                 │
- *   └───────────────────────────────────────────────────────────┘
- *
- * Background Color State Machine:
- *   1. Initial: toolPendingBg (dark, neutral color)
- *   2. Streaming: toolPendingBg (stays same while partial=true)
- *   3. Success: toolSuccessBg (green tint, indicates success)
- *   4. Error: toolErrorBg (red tint, indicates failure)
- *   5. Partial: toolPendingBg (still running, don't show final color)
- *
- * Rendering Decision Tree:
- *   Tool in allTools? (built-in)
- *     ├─ Yes + tool=bash → Box with visual truncation
- *     ├─ Yes + tool=edit → Text with diff rendering
- *     ├─ Yes + tool=read → Text with syntax highlighting
- *     ├─ Yes + others → Text with formatted output
- *     └─ No → Check for custom renderer
- *   Custom tool with renderCall?
- *     ├─ Yes → Use custom renderCall component
- *     └─ No → Show tool name
- *   Custom tool with renderResult?
- *     ├─ Yes → Use custom renderResult component
- *     └─ No → Show formatted text output
- *
- * STYLING/FORMATTING:
- * ============================================================================
- * Background Colors:
- *   - Pending: theme.bg("toolPendingBg", text) [neutral gray]
- *   - Success: theme.bg("toolSuccessBg", text) [subtle green]
- *   - Error: theme.bg("toolErrorBg", text) [subtle red]
- *   - Colors apply to entire tool execution box
- *
- * Text Colors (within background):
- *   - Tool name: theme.fg("toolTitle", theme.bold(name))
- *   - File path: theme.fg("accent", path)
- *   - Line numbers: theme.fg("warning", ":10-20")
- *   - Output: theme.fg("toolOutput", output)
- *   - Error text: theme.fg("error", message)
- *   - Warning: theme.fg("warning", "[Truncated...]")
- *   - Muted: theme.fg("muted", "... (5 more lines,")
- *
- * Code Highlighting:
- *   - getLanguageFromPath(): Detect language from file extension
- *   - highlightCode(): ANSI syntax highlighting via highlight.js
- *   - Tabs replaced with 3 spaces for consistent rendering
- *   - Applied to read, write, and custom tool outputs
- *
- * Diff Rendering (edit tool):
- *   - renderDiff(): Specialized diff component
- *   - Shows added/removed lines with colors
- *   - Line numbers with context
- *   - File path with first changed line number
- *
- * Layout Spacing:
- *   - paddingY=1, paddingX=1 for Box/Text components
- *   - Spacer(1) above tool execution
- *   - Spacer(1) between tool and images
- *   - Blank lines in output for readability
- *
- * EXAMPLES:
- * ============================================================================
- *
- * Example 1: Read Tool - File Contents
- * ─────────────────────────────────────
- * Input: read file="/src/main.ts" limit=5
- * Rendered:
- *   ┌──────────────────────────────────┐
- *   │ read ~/src/main.ts:1-5           │
- *   │                                  │
- *   │ 1 | import { foo } from 'bar';  │
- *   │ 2 | const x = 42;               │
- *   │ 3 | export { x };               │
- *   │ ... (27 more lines, to expand)  │
- *   └──────────────────────────────────┘
- *
- * Example 2: Edit Tool - Visual Diff
- * ──────────────────────────────────
- * Input: edit path="/src/main.ts" oldText="const x = 1;" newText="const x = 42;"
- * Rendered:
- *   ┌──────────────────────────────────────┐
- *   │ edit ~/src/main.ts:10                │
- *   │                                      │
- *   │ 10 - const x = 1;                   │
- *   │ 10 + const x = 42;                  │
- *   └──────────────────────────────────────┘
- *
- * Example 3: Bash Tool - Command Output
- * ────────────────────────────────────
- * Input: bash command="ls -la" timeout=5
- * Rendered (collapsed):
- *   ┌──────────────────────────────────────┐
- *   │ $ ls -la (timeout 5s)                │
- *   │                                      │
- *   │ total 128                            │
- *   │ drwxr-xr-x  5 user  wheel  160      │
- *   │ -rw-r--r--  1 user  wheel  1234     │
- *   │ ... (7 more lines, to expand)       │
- *   └──────────────────────────────────────┘
- *
- * Example 4: Error Result
- * ──────────────────────
- * Tool fails, returns error
- * Rendered:
- *   ┌──────────────────────────────────────┐  ← toolErrorBg (red tint)
- *   │ read ~/nonexistent/file.txt          │
- *   │                                      │
- *   │ Error: ENOENT: no such file or dir  │
- *   └──────────────────────────────────────┘
- *
- * Example 5: Tool with Images
- * ───────────────────────────
- * Bash tool that outputs PNG image
- * Rendered:
- *   ┌──────────────────────────────────────┐
- *   │ $ generate_chart.sh                  │
- *   │                                      │
- *   │ Chart generated successfully         │
- *   └──────────────────────────────────────┘
- *   [Image: 640×480 pixels, PNG]
- *
- * INTEGRATION:
- * ============================================================================
- * TUI Integration:
- *   - Extends Container (indusagi/tui base component)
- *   - Uses Box, Text, Image, Spacer components
- *   - Theme system: theme.fg(), theme.bg()
- *   - Automatic text wrapping to terminal width
- *   - Image rendering via indusagi/tui Image component
- *
- * Session Integration:
- *   - Created in InteractiveMode.renderSessionContext()
- *   - Updates come from AgentSession.on('tool_output')
- *   - Stored in chatContainer with tool calls
- *   - pendingTools map tracks incomplete tools
- *   - Expandable via toolOutputExpanded setting
- *
- * Extension Integration:
- *   - Supports custom renderCall() and renderResult()
- *   - Custom tools can provide their own renderers
- *   - Falls back to built-in rendering if no custom renderer
- *   - Passes theme object to custom renderers
- *
- * Image Integration:
- *   - Terminal capability detection via getCapabilities()
- *   - Kitty protocol requires PNG (auto-converts JPEG/GIF/WebP)
- *   - Image fallback for terminals without image support
- *   - Respects showImages setting
- *   - Image dimensions cached after first render
- *
- * Diff Integration:
- *   - computeEditDiff() runs async before tool execution
- *   - Preview diff shown while tool running (cached)
- *   - Final diff from tool result overrides preview (post-execution)
- *   - Handles race conditions (file modified between preview/execution)
- *
- * Performance Considerations:
- *   - Bash visual line truncation: Width-aware caching
- *   - Image conversion: Lazy async (doesn't block rendering)
- *   - Diff computation: Async with result override (non-blocking)
- *   - Tool output formatting: Cached in formatToolExecution()
- *   - Suitable for 50+ tools in conversation without lag
- */
-function shortenPath(path) {
-    const home = os.homedir();
-    if (path.startsWith(home)) {
-        return `~${path.slice(home.length)}`;
-    }
-    return path;
-}
-/**
- * Replace tabs with spaces for consistent rendering
- */
-function replaceTabs(text) {
-    return text.replace(/\t/g, "   ");
-}
-function resolveToolBackground(result, isPartial) {
-    if (isPartial) {
-        return (text) => theme.bg("toolPendingBg", text);
-    }
-    return result?.isError
-        ? (text) => theme.bg("toolErrorBg", text)
-        : (text) => theme.bg("toolSuccessBg", text);
-}
-function getImageBlocks(result) {
-    return result?.content?.filter((content) => content.type === "image") || [];
-}
-/**
- * Component that renders a tool call with its result (updateable)
- */
-export class ToolExecutionComponent extends Container {
-    constructor(toolName, args, options = {}, toolDefinition, ui, cwd = process.cwd()) {
-        super();
-        this.imageComponents = [];
-        this.imageSpacers = [];
-        this.expanded = false;
-        this.isPartial = true;
-        // Cached converted images for Kitty protocol (which requires PNG), keyed by index
-        this.convertedImages = new Map();
-        this.toolName = toolName;
-        this.args = args;
-        this.showImages = options.showImages ?? true;
-        this.toolDefinition = toolDefinition;
-        this.ui = ui;
-        this.cwd = cwd;
-        this.addChild(new Spacer(1));
-        // Always create both - contentBox for custom tools/bash, contentText for other built-ins
-        this.contentBox = new Box(1, 1, (text) => theme.bg("toolPendingBg", text));
-        this.contentText = new Text("", 1, 1, (text) => theme.bg("toolPendingBg", text));
-        // Use contentBox for bash (visual truncation) or custom tools with custom renderers
-        // Use contentText for built-in tools (including overrides without custom renderers)
-        if (toolName === "bash" || (toolDefinition && !this.shouldUseBuiltInRenderer())) {
-            this.addChild(this.contentBox);
-        }
-        else {
-            this.addChild(this.contentText);
-        }
-        this.updateDisplay();
-    }
-    /**
-     * Check if we should use built-in rendering for this tool.
-     * Returns true if the tool name is a built-in AND either there's no toolDefinition
-     * or the toolDefinition doesn't provide custom renderers.
-     */
-    shouldUseBuiltInRenderer() {
-        const isBuiltInName = this.toolName in allTools;
-        const hasCustomRenderers = this.toolDefinition?.renderCall || this.toolDefinition?.renderResult;
-        return isBuiltInName && !hasCustomRenderers;
-    }
-    updateArgs(args) {
-        this.args = args;
-        this.updateDisplay();
-    }
-    /**
-     * Signal that args are complete (tool is about to execute).
-     * This triggers diff computation for edit tool.
-     */
-    setArgsComplete() {
-        this.maybeComputeEditDiff();
-    }
-    /**
-     * Compute edit diff preview when we have complete args.
-     * This runs async and updates display when done.
-     */
-    maybeComputeEditDiff() {
-        if (this.toolName !== "edit")
-            return;
-        const path = this.args?.path;
-        const oldText = this.args?.oldText;
-        const newText = this.args?.newText;
-        // Need all three params to compute diff
-        if (!path || oldText === undefined || newText === undefined)
-            return;
-        // Create a key to track which args this computation is for
-        const argsKey = JSON.stringify({ path, oldText, newText });
-        // Skip if we already computed for these exact args
-        if (this.editDiffArgsKey === argsKey)
-            return;
-        this.editDiffArgsKey = argsKey;
-        // Compute diff async
-        computeEditDiff(path, oldText, newText, this.cwd).then((result) => {
-            // Only update if args haven't changed since we started
-            if (this.editDiffArgsKey === argsKey) {
-                this.editDiffPreview = result;
-                this.updateDisplay();
-                this.ui.requestRender();
-            }
-        });
-    }
-    updateResult(result, isPartial = false) {
-        this.result = result;
-        this.isPartial = isPartial;
-        this.updateDisplay();
-        // Convert non-PNG images to PNG for Kitty protocol (async)
-        this.maybeConvertImagesForKitty();
-    }
-    /**
-     * Convert non-PNG images to PNG for Kitty graphics protocol.
-     * Kitty requires PNG format (f=100), so JPEG/GIF/WebP won't display.
-     */
-    maybeConvertImagesForKitty() {
-        const caps = getCapabilities();
-        // Only needed for Kitty protocol
-        if (caps.images !== "kitty")
-            return;
-        if (!this.result)
-            return;
-        const imageBlocks = getImageBlocks(this.result);
-        for (let i = 0; i < imageBlocks.length; i++) {
-            const img = imageBlocks[i];
-            if (!img.data || !img.mimeType)
-                continue;
-            // Skip if already PNG or already converted
-            if (img.mimeType === "image/png")
-                continue;
-            if (this.convertedImages.has(i))
-                continue;
-            // Convert async
-            const index = i;
-            convertToPng(img.data, img.mimeType).then((converted) => {
-                if (converted) {
-                    this.convertedImages.set(index, converted);
-                    this.updateDisplay();
-                    this.ui.requestRender();
-                }
-            });
-        }
-    }
-    setExpanded(expanded) {
-        this.expanded = expanded;
-        this.updateDisplay();
-    }
-    setShowImages(show) {
-        this.showImages = show;
-        this.updateDisplay();
-    }
-    invalidate() {
-        super.invalidate();
-        this.updateDisplay();
-    }
-    updateDisplay() {
-        const bgFn = resolveToolBackground(this.result, this.isPartial);
-        // Use built-in rendering for built-in tools (or overrides without custom renderers)
-        if (this.shouldUseBuiltInRenderer()) {
-            if (this.toolName === "bash") {
-                // Bash uses Box with visual line truncation
-                this.contentBox.setBgFn(bgFn);
-                this.contentBox.clear();
-                this.renderBashContent();
-            }
-            else {
-                // Other built-in tools: use Text directly with caching
-                this.contentText.setCustomBgFn(bgFn);
-                this.contentText.setText(this.formatToolExecution());
-            }
-        }
-        else if (this.toolDefinition) {
-            // Custom tools use Box for flexible component rendering
-            this.contentBox.setBgFn(bgFn);
-            this.contentBox.clear();
-            // Render call component
-            if (this.toolDefinition.renderCall) {
-                try {
-                    const callComponent = this.toolDefinition.renderCall(this.args, theme);
-                    if (callComponent) {
-                        this.contentBox.addChild(callComponent);
-                    }
-                }
-                catch {
-                    // Fall back to default on error
-                    this.contentBox.addChild(new Text(theme.fg("toolTitle", theme.bold(this.toolName)), 0, 0));
-                }
-            }
-            else {
-                // No custom renderCall, show tool name
-                this.contentBox.addChild(new Text(theme.fg("toolTitle", theme.bold(this.toolName)), 0, 0));
-            }
-            // Render result component if we have a result
-            if (this.result && this.toolDefinition.renderResult) {
-                try {
-                    const resultComponent = this.toolDefinition.renderResult({ content: this.result.content, details: this.result.details }, { expanded: this.expanded, isPartial: this.isPartial }, theme);
-                    if (resultComponent) {
-                        this.contentBox.addChild(resultComponent);
-                    }
-                }
-                catch {
-                    // Fall back to showing raw output on error
-                    const output = this.getTextOutput();
-                    if (output) {
-                        this.contentBox.addChild(new Text(theme.fg("toolOutput", output), 0, 0));
-                    }
-                }
-            }
-            else if (this.result) {
-                // Has result but no custom renderResult
-                const output = this.getTextOutput();
-                if (output) {
-                    this.contentBox.addChild(new Text(theme.fg("toolOutput", output), 0, 0));
-                }
-            }
-        }
-        // Handle images (same for both custom and built-in)
-        for (const img of this.imageComponents) {
-            this.removeChild(img);
-        }
-        this.imageComponents = [];
-        for (const spacer of this.imageSpacers) {
-            this.removeChild(spacer);
-        }
-        this.imageSpacers = [];
-        if (this.result) {
-            const imageBlocks = getImageBlocks(this.result);
-            const caps = getCapabilities();
-            for (let i = 0; i < imageBlocks.length; i++) {
-                const img = imageBlocks[i];
-                if (caps.images && this.showImages && img.data && img.mimeType) {
-                    // Use converted PNG for Kitty protocol if available
-                    const converted = this.convertedImages.get(i);
-                    const imageData = converted?.data ?? img.data;
-                    const imageMimeType = converted?.mimeType ?? img.mimeType;
-                    // For Kitty, skip non-PNG images that haven't been converted yet
-                    if (caps.images === "kitty" && imageMimeType !== "image/png") {
-                        continue;
-                    }
-                    const spacer = new Spacer(1);
-                    this.addChild(spacer);
-                    this.imageSpacers.push(spacer);
-                    const imageComponent = new Image(imageData, imageMimeType, { fallbackColor: (s) => theme.fg("toolOutput", s) }, { maxWidthCells: 60 });
-                    this.imageComponents.push(imageComponent);
-                    this.addChild(imageComponent);
-                }
-            }
-        }
-    }
-    /**
-     * Render bash content using visual line truncation (like bash-execution.ts)
-     */
-    renderBashContent() {
-        const command = this.args?.command || "";
-        const timeout = this.args?.timeout;
-        // Header
-        const timeoutSuffix = timeout ? theme.fg("muted", ` (timeout ${timeout}s)`) : "";
-        this.contentBox.addChild(new Text(theme.fg("toolTitle", theme.bold(`$ ${command || theme.fg("toolOutput", "...")}`)) + timeoutSuffix, 0, 0));
-        if (this.result) {
-            const output = this.getTextOutput().trim();
-            if (output) {
-                // Style each line for the output
-                const styledOutput = output
-                    .split("\n")
-                    .map((line) => theme.fg("toolOutput", line))
-                    .join("\n");
-                if (this.expanded) {
-                    // Show all lines when expanded
-                    this.contentBox.addChild(new Text(`\n${styledOutput}`, 0, 0));
-                }
-                else {
-                    // Use visual line truncation when collapsed with width-aware caching
-                    let cachedWidth;
-                    let cachedLines;
-                    let cachedSkipped;
-                    this.contentBox.addChild({
-                        render: (width) => {
-                            if (cachedLines === undefined || cachedWidth !== width) {
-                                const result = truncateToVisualLines(styledOutput, BASH_PREVIEW_LINES, width);
-                                cachedLines = result.visualLines;
-                                cachedSkipped = result.skippedCount;
-                                cachedWidth = width;
-                            }
-                            if (cachedSkipped && cachedSkipped > 0) {
-                                const hint = theme.fg("muted", `... (${cachedSkipped} earlier lines,`) +
-                                    ` ${keyHint("expandTools", "to expand")})`;
-                                return ["", truncateToWidth(hint, width, "..."), ...cachedLines];
-                            }
-                            // Add blank line for spacing (matches expanded case)
-                            return ["", ...cachedLines];
-                        },
-                        invalidate: () => {
-                            cachedWidth = undefined;
-                            cachedLines = undefined;
-                            cachedSkipped = undefined;
-                        },
-                    });
-                }
-            }
-            // Truncation warnings
-            const truncation = this.result.details?.truncation;
-            const fullOutputPath = this.result.details?.fullOutputPath;
-            if (truncation?.truncated || fullOutputPath) {
-                const warnings = [];
-                if (fullOutputPath) {
-                    warnings.push(`Full output: ${fullOutputPath}`);
-                }
-                if (truncation?.truncated) {
-                    if (truncation.truncatedBy === "lines") {
-                        warnings.push(`Truncated: showing ${truncation.outputLines} of ${truncation.totalLines} lines`);
-                    }
-                    else {
-                        warnings.push(`Truncated: ${truncation.outputLines} lines shown (${formatSize(truncation.maxBytes ?? DEFAULT_MAX_BYTES)} limit)`);
-                    }
-                }
-                this.contentBox.addChild(new Text(`\n${theme.fg("warning", `[${warnings.join(". ")}]`)}`, 0, 0));
-            }
-        }
-    }
-    getTextOutput() {
-        if (!this.result)
-            return "";
-        const textBlocks = this.result.content?.filter((c) => c.type === "text") || [];
-        const imageBlocks = this.result.content?.filter((c) => c.type === "image") || [];
-        let output = textBlocks
-            .map((c) => {
-            // Use sanitizeBinaryOutput to handle binary data that crashes string-width
-            return sanitizeBinaryOutput(stripAnsi(c.text || "")).replace(/\r/g, "");
-        })
-            .join("\n");
-        const caps = getCapabilities();
-        if (imageBlocks.length > 0 && (!caps.images || !this.showImages)) {
-            const imageIndicators = imageBlocks
-                .map((img) => {
-                const dims = img.data ? (getImageDimensions(img.data, img.mimeType) ?? undefined) : undefined;
-                return imageFallback(img.mimeType, dims);
-            })
-                .join("\n");
-            output = output ? `${output}\n${imageIndicators}` : imageIndicators;
-        }
-        return output;
-    }
-    formatToolExecution() {
-        let text = "";
-        if (this.toolName === "read") {
-            const path = shortenPath(this.args?.file_path || this.args?.path || "");
-            const offset = this.args?.offset;
-            const limit = this.args?.limit;
-            let pathDisplay = path ? theme.fg("accent", path) : theme.fg("toolOutput", "...");
-            if (offset !== undefined || limit !== undefined) {
-                const startLine = offset ?? 1;
-                const endLine = limit !== undefined ? startLine + limit - 1 : "";
-                pathDisplay += theme.fg("warning", `:${startLine}${endLine ? `-${endLine}` : ""}`);
-            }
-            text = `${theme.fg("toolTitle", theme.bold("read"))} ${pathDisplay}`;
-            if (this.result) {
-                const output = this.getTextOutput();
-                const rawPath = this.args?.file_path || this.args?.path || "";
-                const lang = getLanguageFromPath(rawPath);
-                const lines = lang ? highlightCode(replaceTabs(output), lang) : output.split("\n");
-                const maxLines = this.expanded ? lines.length : 10;
-                const displayLines = lines.slice(0, maxLines);
-                const remaining = lines.length - maxLines;
-                text +=
-                    "\n\n" +
-                        displayLines
-                            .map((line) => (lang ? replaceTabs(line) : theme.fg("toolOutput", replaceTabs(line))))
-                            .join("\n");
-                if (remaining > 0) {
-                    text += `${theme.fg("muted", `\n... (${remaining} more lines,`)} ${keyHint("expandTools", "to expand")})`;
-                }
-                const truncation = this.result.details?.truncation;
-                if (truncation?.truncated) {
-                    if (truncation.firstLineExceedsLimit) {
-                        text +=
-                            "\n" +
-                                theme.fg("warning", `[First line exceeds ${formatSize(truncation.maxBytes ?? DEFAULT_MAX_BYTES)} limit]`);
-                    }
-                    else if (truncation.truncatedBy === "lines") {
-                        text +=
-                            "\n" +
-                                theme.fg("warning", `[Truncated: showing ${truncation.outputLines} of ${truncation.totalLines} lines (${truncation.maxLines ?? DEFAULT_MAX_LINES} line limit)]`);
-                    }
-                    else {
-                        text +=
-                            "\n" +
-                                theme.fg("warning", `[Truncated: ${truncation.outputLines} lines shown (${formatSize(truncation.maxBytes ?? DEFAULT_MAX_BYTES)} limit)]`);
-                    }
-                }
-            }
-        }
-        else if (this.toolName === "write") {
-            const rawPath = this.args?.file_path || this.args?.path || "";
-            const path = shortenPath(rawPath);
-            const fileContent = this.args?.content || "";
-            const lang = getLanguageFromPath(rawPath);
-            const lines = fileContent
-                ? lang
-                    ? highlightCode(replaceTabs(fileContent), lang)
-                    : fileContent.split("\n")
-                : [];
-            const totalLines = lines.length;
-            text =
-                theme.fg("toolTitle", theme.bold("write")) +
-                    " " +
-                    (path ? theme.fg("accent", path) : theme.fg("toolOutput", "..."));
-            if (fileContent) {
-                const maxLines = this.expanded ? lines.length : 10;
-                const displayLines = lines.slice(0, maxLines);
-                const remaining = lines.length - maxLines;
-                text +=
-                    "\n\n" +
-                        displayLines
-                            .map((line) => (lang ? replaceTabs(line) : theme.fg("toolOutput", replaceTabs(line))))
-                            .join("\n");
-                if (remaining > 0) {
-                    text +=
-                        theme.fg("muted", `\n... (${remaining} more lines, ${totalLines} total,`) +
-                            ` ${keyHint("expandTools", "to expand")})`;
-                }
-            }
-            // Show error if tool execution failed
-            if (this.result?.isError) {
-                const errorText = this.getTextOutput();
-                if (errorText) {
-                    text += `\n\n${theme.fg("error", errorText)}`;
-                }
-            }
-        }
-        else if (this.toolName === "edit") {
-            const rawPath = this.args?.file_path || this.args?.path || "";
-            const path = shortenPath(rawPath);
-            // Build path display, appending :line if we have diff info
-            let pathDisplay = path ? theme.fg("accent", path) : theme.fg("toolOutput", "...");
-            const firstChangedLine = (this.editDiffPreview && "firstChangedLine" in this.editDiffPreview
-                ? this.editDiffPreview.firstChangedLine
-                : undefined) ||
-                (this.result && !this.result.isError ? this.result.details?.firstChangedLine : undefined);
-            if (firstChangedLine) {
-                pathDisplay += theme.fg("warning", `:${firstChangedLine}`);
-            }
-            text = `${theme.fg("toolTitle", theme.bold("edit"))} ${pathDisplay}`;
-            if (this.result?.isError) {
-                // Show error from result
-                const errorText = this.getTextOutput();
-                if (errorText) {
-                    text += `\n\n${theme.fg("error", errorText)}`;
-                }
-            }
-            else if (this.result?.details?.diff) {
-                // Tool executed successfully - use the diff from result
-                // This takes priority over editDiffPreview which may have a stale error
-                // due to race condition (async preview computed after file was modified)
-                text += `\n\n${renderDiff(this.result.details.diff, { filePath: rawPath })}`;
-            }
-            else if (this.editDiffPreview) {
-                // Use cached diff preview (before tool executes)
-                if ("error" in this.editDiffPreview) {
-                    text += `\n\n${theme.fg("error", this.editDiffPreview.error)}`;
-                }
-                else if (this.editDiffPreview.diff) {
-                    text += `\n\n${renderDiff(this.editDiffPreview.diff, { filePath: rawPath })}`;
-                }
-            }
-        }
-        else if (this.toolName === "ls") {
-            const path = shortenPath(this.args?.path || ".");
-            const limit = this.args?.limit;
-            text = `${theme.fg("toolTitle", theme.bold("ls"))} ${theme.fg("accent", path)}`;
-            if (limit !== undefined) {
-                text += theme.fg("toolOutput", ` (limit ${limit})`);
-            }
-            if (this.result) {
-                const output = this.getTextOutput().trim();
-                if (output) {
-                    const lines = output.split("\n");
-                    const maxLines = this.expanded ? lines.length : 20;
-                    const displayLines = lines.slice(0, maxLines);
-                    const remaining = lines.length - maxLines;
-                    text += `\n\n${displayLines.map((line) => theme.fg("toolOutput", line)).join("\n")}`;
-                    if (remaining > 0) {
-                        text += `${theme.fg("muted", `\n... (${remaining} more lines,`)} ${keyHint("expandTools", "to expand")})`;
-                    }
-                }
-                const entryLimit = this.result.details?.entryLimitReached;
-                const truncation = this.result.details?.truncation;
-                if (entryLimit || truncation?.truncated) {
-                    const warnings = [];
-                    if (entryLimit) {
-                        warnings.push(`${entryLimit} entries limit`);
-                    }
-                    if (truncation?.truncated) {
-                        warnings.push(`${formatSize(truncation.maxBytes ?? DEFAULT_MAX_BYTES)} limit`);
-                    }
-                    text += `\n${theme.fg("warning", `[Truncated: ${warnings.join(", ")}]`)}`;
-                }
-            }
-        }
-        else if (this.toolName === "find") {
-            const pattern = this.args?.pattern || "";
-            const path = shortenPath(this.args?.path || ".");
-            const limit = this.args?.limit;
-            text =
-                theme.fg("toolTitle", theme.bold("find")) +
-                    " " +
-                    theme.fg("accent", pattern) +
-                    theme.fg("toolOutput", ` in ${path}`);
-            if (limit !== undefined) {
-                text += theme.fg("toolOutput", ` (limit ${limit})`);
-            }
-            if (this.result) {
-                const output = this.getTextOutput().trim();
-                if (output) {
-                    const lines = output.split("\n");
-                    const maxLines = this.expanded ? lines.length : 20;
-                    const displayLines = lines.slice(0, maxLines);
-                    const remaining = lines.length - maxLines;
-                    text += `\n\n${displayLines.map((line) => theme.fg("toolOutput", line)).join("\n")}`;
-                    if (remaining > 0) {
-                        text += `${theme.fg("muted", `\n... (${remaining} more lines,`)} ${keyHint("expandTools", "to expand")})`;
-                    }
-                }
-                const resultLimit = this.result.details?.resultLimitReached;
-                const truncation = this.result.details?.truncation;
-                if (resultLimit || truncation?.truncated) {
-                    const warnings = [];
-                    if (resultLimit) {
-                        warnings.push(`${resultLimit} results limit`);
-                    }
-                    if (truncation?.truncated) {
-                        warnings.push(`${formatSize(truncation.maxBytes ?? DEFAULT_MAX_BYTES)} limit`);
-                    }
-                    text += `\n${theme.fg("warning", `[Truncated: ${warnings.join(", ")}]`)}`;
-                }
-            }
-        }
-        else if (this.toolName === "grep") {
-            const pattern = this.args?.pattern || "";
-            const path = shortenPath(this.args?.path || ".");
-            const glob = this.args?.glob;
-            const limit = this.args?.limit;
-            text =
-                theme.fg("toolTitle", theme.bold("grep")) +
-                    " " +
-                    theme.fg("accent", `/${pattern}/`) +
-                    theme.fg("toolOutput", ` in ${path}`);
-            if (glob) {
-                text += theme.fg("toolOutput", ` (${glob})`);
-            }
-            if (limit !== undefined) {
-                text += theme.fg("toolOutput", ` limit ${limit}`);
-            }
-            if (this.result) {
-                const output = this.getTextOutput().trim();
-                if (output) {
-                    const lines = output.split("\n");
-                    const maxLines = this.expanded ? lines.length : 15;
-                    const displayLines = lines.slice(0, maxLines);
-                    const remaining = lines.length - maxLines;
-                    text += `\n\n${displayLines.map((line) => theme.fg("toolOutput", line)).join("\n")}`;
-                    if (remaining > 0) {
-                        text += `${theme.fg("muted", `\n... (${remaining} more lines,`)} ${keyHint("expandTools", "to expand")})`;
-                    }
-                }
-                const matchLimit = this.result.details?.matchLimitReached;
-                const truncation = this.result.details?.truncation;
-                const linesTruncated = this.result.details?.linesTruncated;
-                if (matchLimit || truncation?.truncated || linesTruncated) {
-                    const warnings = [];
-                    if (matchLimit) {
-                        warnings.push(`${matchLimit} matches limit`);
-                    }
-                    if (truncation?.truncated) {
-                        warnings.push(`${formatSize(truncation.maxBytes ?? DEFAULT_MAX_BYTES)} limit`);
-                    }
-                    if (linesTruncated) {
-                        warnings.push("some lines truncated");
-                    }
-                    text += `\n${theme.fg("warning", `[Truncated: ${warnings.join(", ")}]`)}`;
-                }
-            }
-        }
-        else if (this.toolName === "task") {
-            const details = this.result?.details ?? {};
-            const subagentType = details.subagentType || this.args?.subagent_type || "subagent";
-            const description = details.description || this.args?.description;
-            const taskId = details.taskId || details.task_id;
-            const toolCalls = typeof details.toolCalls === "number" ? details.toolCalls : undefined;
-            const durationMs = typeof details.durationMs === "number" ? details.durationMs : undefined;
-            const resultText = typeof details.result === "string" ? details.result : "";
-            text = `${theme.fg("toolTitle", theme.bold("task"))} ${theme.fg("accent", subagentType)}`;
-            if (description) {
-                text += theme.fg("toolOutput", ` - ${description}`);
-            }
-            const metaParts = [];
-            if (taskId) {
-                metaParts.push(`task_id: ${taskId}`);
-            }
-            if (typeof toolCalls === "number") {
-                metaParts.push(`tools: ${toolCalls}`);
-            }
-            if (typeof durationMs === "number") {
-                metaParts.push(`duration: ${Math.round(durationMs)}ms`);
-            }
-            if (metaParts.length > 0) {
-                text += `\n${theme.fg("muted", metaParts.join(" | "))}`;
-            }
-            if (!this.result) {
-                text += `\n\n${theme.fg("muted", "Delegating to subagent...")}`;
-                return text;
-            }
-            const output = resultText || this.getTextOutput().trim();
-            if (output) {
-                const lines = output.split("\n");
-                const maxLines = this.expanded ? lines.length : 12;
-                const displayLines = lines.slice(0, maxLines);
-                const remaining = lines.length - maxLines;
-                const lineColor = this.result.isError ? "error" : "toolOutput";
-                text += `\n\n${displayLines.map((line) => theme.fg(lineColor, line)).join("\n")}`;
-                if (remaining > 0) {
-                    text += `${theme.fg("muted", `\n... (${remaining} more lines,`)} ${keyHint("expandTools", "to expand")})`;
-                }
-            }
-            else {
-                text += `\n\n${theme.fg("muted", this.result.isError ? "Task failed" : "No task result")}`;
-            }
-        }
-        else if (this.toolName === "todoread" || this.toolName === "todowrite") {
-            const detailTodos = this.result?.details?.todos;
-            const argTodos = this.args?.todos;
-            const todoItems = Array.isArray(detailTodos)
-                ? detailTodos
-                : Array.isArray(argTodos)
-                    ? argTodos
-                    : [];
-            const normalizeStatus = (status) => {
-                switch (status) {
-                    case "completed":
-                    case "in_progress":
-                    case "cancelled":
-                    case "pending":
-                        return status;
-                    default:
-                        return "pending";
-                }
-            };
-            const normalizePriority = (priority) => {
-                switch (priority) {
-                    case "high":
-                    case "medium":
-                    case "low":
-                        return priority;
-                    default:
-                        return "medium";
-                }
-            };
-            const normalizeContent = (content) => typeof content === "string" ? content : "";
-            const normalizedTodos = todoItems.map((todo) => ({
-                status: normalizeStatus(todo?.status),
-                priority: normalizePriority(todo?.priority),
-                content: normalizeContent(todo?.content),
-            }));
-            const incompleteCount = typeof this.result?.details?.incompleteCount === "number"
-                ? this.result.details.incompleteCount
-                : normalizedTodos.filter((todo) => todo.status !== "completed").length;
-            text = theme.fg("toolTitle", theme.bold(this.toolName));
-            if (normalizedTodos.length === 0) {
-                text += `\n\n${theme.fg("muted", "No todos")}`;
-            }
-            else {
-                text += `\n\n${theme.fg("muted", `${incompleteCount} incomplete`)}\n`;
-                const maxItems = this.expanded ? normalizedTodos.length : Math.min(normalizedTodos.length, 10);
-                const displayItems = normalizedTodos.slice(0, maxItems);
-                const statusIcon = (status) => {
-                    switch (status) {
-                        case "completed":
-                            return theme.fg("success", "✓");
-                        case "in_progress":
-                            return theme.fg("warning", "•");
-                        case "cancelled":
-                            return theme.fg("error", "✕");
-                        default:
-                            return theme.fg("dim", "○");
-                    }
-                };
-                const priorityText = (priority) => {
-                    switch (priority) {
-                        case "high":
-                            return theme.fg("warning", priority);
-                        case "medium":
-                            return theme.fg("accent", priority);
-                        default:
-                            return theme.fg("muted", priority);
-                    }
-                };
-                const formatStatus = (status) => {
-                    const textLabel = status.replace(/_/g, " ");
-                    if (status === "completed")
-                        return theme.fg("success", textLabel);
-                    if (status === "in_progress")
-                        return theme.fg("warning", textLabel);
-                    if (status === "cancelled")
-                        return theme.fg("error", textLabel);
-                    return theme.fg("dim", textLabel);
-                };
-                const lines = displayItems.map((todo) => {
-                    const contentText = todo.status === "completed" || todo.status === "cancelled"
-                        ? theme.fg("dim", todo.content)
-                        : theme.fg("toolOutput", todo.content);
-                    return `${statusIcon(todo.status)} ${formatStatus(todo.status)} ${priorityText(todo.priority)} ${contentText}`;
-                });
-                text += lines.join("\n");
-                if (!this.expanded && normalizedTodos.length > maxItems) {
-                    const remaining = normalizedTodos.length - maxItems;
-                    text += `${theme.fg("muted", `\n... (${remaining} more items,`)} ${keyHint("expandTools", "to expand")})`;
-                }
-            }
-        }
-        else {
-            // Generic tool (shouldn't reach here for custom tools)
-            text = theme.fg("toolTitle", theme.bold(this.toolName));
-            const content = JSON.stringify(this.args, null, 2);
-            text += `\n\n${content}`;
-            const output = this.getTextOutput();
-            if (output) {
-                text += `\n${output}`;
-            }
-        }
-        return text;
-    }
-}
-//# sourceMappingURL=tool-execution.js.map