centaurus-cli 3.0.0 → 3.1.0

package/dist/ui/components/ToolExecutionMessage.js

@@ -1,1370 +1,816 @@
-import React from 'react';
-import { Box, Text } from 'ink';
-import Spinner from 'ink-spinner';
-import * as path from 'path';
-import { processTerminalOutput } from '../../utils/terminal-output.js';
+import React from "react";
+import { Box, Text } from "ink";
+import Spinner from "ink-spinner";
+import wrapAnsi from "wrap-ansi";
+import stringWidth from "string-width";
+import * as path from "path";
+import { processTerminalOutput } from "../../utils/terminal-output.js";
 const TOOL_LABELS = {
-    view_file: { verb: 'Reading file', emoji: '📖' },
-    write_to_file: { verb: 'Writing file', emoji: '✍️' },
-    edit_file: { verb: 'Editing file', emoji: '✏️' },
-    multi_edit_file: { verb: 'Editing file', emoji: '✏️' },
-    list_dir: { verb: 'Listing directory', emoji: '📁' },
-    execute_command: { verb: 'Executing command', emoji: '⚡' },
-    grep_search: { verb: 'Searching files', emoji: '🔍' },
-    find_files: { verb: 'Finding files', emoji: '🔎' },
-    web_search: { verb: 'Searching web', emoji: '🌐' },
-    fetch_url: { verb: 'Fetching URL', emoji: '📡' },
-    inspect_symbol: { verb: 'Inspecting symbol', emoji: '🔬' },
-    read_binary_file: { verb: 'Reading binary file', emoji: '📄' },
-    create_image: { verb: 'Generating image', emoji: '🎨' },
-    background_command: { verb: 'Background command', emoji: '🔄' },
-    get_diff: { verb: 'Getting diff', emoji: '📝' },
-    sub_agent: { verb: 'Agent Task', emoji: '🤖' },
-    fast_context_search: { verb: 'Searching context', emoji: '⚡' },
+  view_file: { verb: "Reading file", emoji: "\u{1F4D6}" },
+  write_to_file: { verb: "Writing file", emoji: "" },
+  edit_file: { verb: "Editing file", emoji: "" },
+  multi_edit_file: { verb: "Editing file", emoji: "" },
+  list_dir: { verb: "Listing directory", emoji: "\u{1F4C1}" },
+  execute_command: { verb: "Executing command", emoji: "\u26A1" },
+  grep_search: { verb: "Searching files", emoji: "\u{1F50D}" },
+  find_files: { verb: "Finding files", emoji: "\u{1F50E}" },
+  web_search: { verb: "Searching web", emoji: "\u{1F310}" },
+  fetch_url: { verb: "Fetching URL", emoji: "\u{1F4E1}" },
+  inspect_symbol: { verb: "Inspecting symbol", emoji: "\u{1F52C}" },
+  read_binary_file: { verb: "Reading binary file", emoji: "\u{1F4C4}" },
+  create_image: { verb: "Generating image", emoji: "\u{1F3A8}" },
+  background_command: { verb: "Background command", emoji: "\u{1F504}" },
+  get_diff: { verb: "Getting diff", emoji: "\u{1F4DD}" },
+  sub_agent: { verb: "Agent Task", emoji: "\u{1F916}" },
+  fast_context_search: { verb: "Searching context", emoji: "\u26A1" },
+  auto_context_compaction: { verb: "Auto compacting context", emoji: "[AUTO]" },
+  add_mcp: { verb: "Adding MCP server", emoji: "\u{1F50C}" }
 };
-/**
- * Convert an absolute path to a relative path from the current working directory.
- * If the path is outside the CWD, returns the full path.
- * Always uses forward slashes for consistency.
- */
 function toRelativePath(absolutePath) {
-    if (!absolutePath)
-        return '';
-    try {
-        const cwd = process.cwd();
-        // Normalize paths for comparison (handle different path separators)
-        const normalizedAbsolute = path.normalize(absolutePath);
-        const normalizedCwd = path.normalize(cwd);
-        // Check if the path starts with the CWD
-        if (normalizedAbsolute.toLowerCase().startsWith(normalizedCwd.toLowerCase())) {
-            let relativePath = path.relative(cwd, absolutePath);
-            // If empty (same directory), show './'
-            if (!relativePath)
-                relativePath = '.';
-            // Convert backslashes to forward slashes for consistent display
-            return relativePath.replace(/\\/g, '/');
-        }
-        // Path is outside CWD, return as-is but with forward slashes
-        return absolutePath.replace(/\\/g, '/');
-    }
-    catch {
-        return absolutePath;
+  if (!absolutePath) return "";
+  try {
+    const cwd = process.cwd();
+    const normalizedAbsolute = path.normalize(absolutePath);
+    const normalizedCwd = path.normalize(cwd);
+    if (normalizedAbsolute.toLowerCase().startsWith(normalizedCwd.toLowerCase())) {
+      let relativePath = path.relative(cwd, absolutePath);
+      if (!relativePath) relativePath = ".";
+      return relativePath.replace(/\\/g, "/");
     }
+    return absolutePath.replace(/\\/g, "/");
+  } catch {
+    return absolutePath;
+  }
 }
-/**
- * Format a path with remote context prefix for SSH/Docker/WSL environments.
- * In local mode, returns just the path.
- * In remote mode, returns "user@host:/path" format.
- */
 function formatPathWithContext(absolutePath, remoteContext) {
-    const pathStr = toRelativePath(absolutePath);
-    if (remoteContext && absolutePath) {
-        // For remote environments, show full path with remote prefix
-        // Use the absolute path to make it clear this is a remote file
-        return `${remoteContext}:${absolutePath.replace(/\\/g, '/')}`;
-    }
-    return pathStr;
+  const pathStr = toRelativePath(absolutePath);
+  if (remoteContext && absolutePath) {
+    return `${remoteContext}:${absolutePath.replace(/\\/g, "/")}`;
+  }
+  return pathStr;
 }
-/**
- * Clean shell output for display in history
- */
 function cleanShellOutput(result) {
-    if (!result)
-        return '';
-    return processTerminalOutput(result);
+  if (!result) return "";
+  return processTerminalOutput(result);
 }
-/**
- * Truncate long commands for display to prevent rendering issues
- * @param command - The command string to truncate
- * @param maxLength - Maximum length before truncation (default: 80)
- * @returns Truncated command with ellipsis if needed
- */
 function truncateCommand(command, maxLength = 80) {
-    if (!command || command.length <= maxLength)
-        return command;
-    return command.substring(0, maxLength) + '...';
+  if (!command || command.length <= maxLength) return command;
+  return command.substring(0, maxLength) + "...";
 }
-/**
- * Parse grep_search result to get match count
- * Format: "Found X matches in Y files for pattern..." or "Found X matches for pattern..."
- * Match lines are identified by the ":>" marker
- */
 function parseGrepSearchResult(result) {
-    if (!result)
-        return null;
-    // Handle "No matches found" case
-    if (result.includes('No matches found')) {
-        return { matches: 0, files: 0 };
+  if (!result) return null;
+  if (result.includes("No matches found")) {
+    return { matches: 0, files: 0 };
+  }
+  const fullMatch = result.match(/Found (\d+) match(?:es)? in (\d+) file/);
+  if (fullMatch) {
+    return { matches: parseInt(fullMatch[1], 10), files: parseInt(fullMatch[2], 10) };
+  }
+  const matchCountOnly = result.match(/Found (\d+) match(?:es)?/);
+  if (matchCountOnly) {
+    const matchCount = parseInt(matchCountOnly[1], 10);
+    const lines2 = result.split("\n");
+    const uniqueFiles = /* @__PURE__ */ new Set();
+    for (const line of lines2) {
+      const trimmed = line.trim();
+      if (!trimmed || trimmed.startsWith("Found ") || trimmed.startsWith("(")) continue;
+      if (trimmed.includes(":>")) continue;
+      if (/^\d+:\s{3}/.test(trimmed)) continue;
+      if (!/^\d+:/.test(trimmed)) {
+        uniqueFiles.add(trimmed);
+      }
     }
-    // Try to parse "Found X matches in Y files for pattern..." format (preferred)
-    const fullMatch = result.match(/Found (\d+) match(?:es)? in (\d+) file/);
-    if (fullMatch) {
-        return { matches: parseInt(fullMatch[1], 10), files: parseInt(fullMatch[2], 10) };
+    return { matches: matchCount, files: uniqueFiles.size };
+  }
+  const lines = result.split("\n");
+  const matchLines = lines.filter((line) => line.includes(":>"));
+  if (matchLines.length > 0) {
+    const uniqueFiles = /* @__PURE__ */ new Set();
+    for (const line of lines) {
+      const trimmed = line.trim();
+      if (!trimmed || trimmed.startsWith("Found ") || trimmed.startsWith("(")) continue;
+      if (trimmed.includes(":>") || /^\d+:/.test(trimmed)) continue;
+      uniqueFiles.add(trimmed);
     }
-    // Try to parse "Found X matches for pattern..." format (older format without file count)
-    const matchCountOnly = result.match(/Found (\d+) match(?:es)?/);
-    if (matchCountOnly) {
-        const matchCount = parseInt(matchCountOnly[1], 10);
-        // Count unique files from the output - files appear as standalone paths before their matches
-        // File paths are lines that don't start with a number and don't contain ":>"
-        const lines = result.split('\n');
-        const uniqueFiles = new Set();
-        for (const line of lines) {
-            const trimmed = line.trim();
-            // Skip header lines and empty lines
-            if (!trimmed || trimmed.startsWith('Found ') || trimmed.startsWith('('))
-                continue;
-            // Match lines have ":>" in them, skip those
-            if (trimmed.includes(':>'))
-                continue;
-            // Context lines start with "number:   " (note the space after colon)
-            if (/^\d+:\s{3}/.test(trimmed))
-                continue;
-            // Remaining lines that don't start with a number are file paths
-            if (!/^\d+:/.test(trimmed)) {
-                uniqueFiles.add(trimmed);
-            }
-        }
-        return { matches: matchCount, files: uniqueFiles.size };
-    }
-    // Final fallback: count actual match lines (identified by ":>" marker)
-    const lines = result.split('\n');
-    const matchLines = lines.filter(line => line.includes(':>'));
-    if (matchLines.length > 0) {
-        // Count unique files from file header lines
-        const uniqueFiles = new Set();
-        for (const line of lines) {
-            const trimmed = line.trim();
-            if (!trimmed || trimmed.startsWith('Found ') || trimmed.startsWith('('))
-                continue;
-            if (trimmed.includes(':>') || /^\d+:/.test(trimmed))
-                continue;
-            uniqueFiles.add(trimmed);
-        }
-        return { matches: matchLines.length, files: uniqueFiles.size };
-    }
-    return null;
+    return { matches: matchLines.length, files: uniqueFiles.size };
+  }
+  return null;
 }
-/**
- * Parse find_files result to get file count
- * Format: one file path per line, or "Found X files"
- */
 function parseFindFilesResult(result) {
-    if (!result)
-        return null;
-    // Check for "No files found" message
-    if (result.includes('No files found') || result.includes('No matches found')) {
-        return 0;
-    }
-    // Try to parse "Found X files" format
-    const summaryMatch = result.match(/Found (\d+) file/);
-    if (summaryMatch) {
-        return parseInt(summaryMatch[1], 10);
+  if (!result) return null;
+  if (result.includes("No files found") || result.includes("No matches found")) {
+    return 0;
+  }
+  const summaryMatch = result.match(/Found (\d+) file/);
+  if (summaryMatch) {
+    return parseInt(summaryMatch[1], 10);
+  }
+  const totalMatch = result.match(/Total:\s*(\d+)/);
+  if (totalMatch) {
+    return parseInt(totalMatch[1], 10);
+  }
+  const lines = result.split("\n").filter((line) => line.trim() && !line.startsWith("Searching"));
+  return lines.length > 0 ? lines.length : null;
+}
+function toPositiveLineNumber(value) {
+  if (typeof value === "number" && Number.isFinite(value) && value > 0) {
+    return Math.floor(value);
+  }
+  if (typeof value === "string" && value.trim()) {
+    const parsed = parseInt(value, 10);
+    if (Number.isFinite(parsed) && parsed > 0) {
+      return parsed;
     }
-    // Try to parse "Total: X" format
-    const totalMatch = result.match(/Total:\s*(\d+)/);
-    if (totalMatch) {
-        return parseInt(totalMatch[1], 10);
+  }
+  return null;
+}
+function parseViewFileResult(result) {
+  if (!result) return null;
+  const totalMatch = result.match(/^\s*Lines:\s*(\d+)/im);
+  const totalLines = totalMatch ? parseInt(totalMatch[1], 10) : null;
+  const shownMatch = result.match(/Showing first (\d+) lines only/i);
+  const shownLines = shownMatch ? parseInt(shownMatch[1], 10) : null;
+  const truncated = /\(Truncated\)/i.test(result) || /File truncated/i.test(result) || shownLines !== null;
+  const displayedLines = truncated ? shownLines : totalLines;
+  if (displayedLines === null && totalLines === null) {
+    return null;
+  }
+  return { displayedLines, totalLines, truncated };
+}
+function getViewFileLineInfo(toolArgs, result) {
+  const startLine = toPositiveLineNumber(toolArgs?.StartLine ?? toolArgs?.start_line) ?? 1;
+  const endLineArg = toPositiveLineNumber(toolArgs?.EndLine ?? toolArgs?.end_line);
+  const parsedResult = parseViewFileResult(result);
+  if (parsedResult?.displayedLines != null) {
+    const endLine = parsedResult.displayedLines > 0 ? startLine + parsedResult.displayedLines - 1 : startLine;
+    const lineRange = `lines ${startLine}-${endLine}`;
+    if (parsedResult.truncated && parsedResult.totalLines !== null && parsedResult.totalLines > parsedResult.displayedLines) {
+      return `${lineRange} (of ${parsedResult.totalLines})`;
     }
-    // Count lines (each line is a file path)
-    const lines = result.split('\n').filter(line => line.trim() && !line.startsWith('Searching'));
-    return lines.length > 0 ? lines.length : null;
+    return lineRange;
+  }
+  if (endLineArg !== null) {
+    return `lines ${startLine}-${endLineArg}`;
+  }
+  return "lines 1-500";
 }
-/**
- * Parse list_dir result to get item count
- * New format: "Total: X directories, Y files, Z items"
- * Old format: "Directory: path\nTotal items: X\n..."
- */
 function parseListDirResult(result) {
-    if (!result)
-        return null;
-    // Try to parse new enhanced format: "Total: X directories, Y files, Z items"
-    const newFormatMatch = result.match(/Total:\s*(\d+)\s*director(?:y|ies),?\s*(\d+)\s*files?,?\s*(\d+)\s*items?/i);
-    if (newFormatMatch) {
-        return {
-            dirs: parseInt(newFormatMatch[1], 10),
-            files: parseInt(newFormatMatch[2], 10),
-            total: parseInt(newFormatMatch[3], 10)
-        };
-    }
-    // Try to parse old format: "Total items: X"
-    const oldFormatMatch = result.match(/Total items:\s*(\d+)/);
-    if (oldFormatMatch) {
-        const total = parseInt(oldFormatMatch[1], 10);
-        return { dirs: 0, files: 0, total };
-    }
-    return null;
+  if (!result) return null;
+  const newFormatMatch = result.match(/Total:\s*(\d+)\s*director(?:y|ies),?\s*(\d+)\s*files?,?\s*(\d+)\s*items?/i);
+  if (newFormatMatch) {
+    return {
+      dirs: parseInt(newFormatMatch[1], 10),
+      files: parseInt(newFormatMatch[2], 10),
+      total: parseInt(newFormatMatch[3], 10)
+    };
+  }
+  const oldFormatMatch = result.match(/Total items:\s*(\d+)/);
+  if (oldFormatMatch) {
+    const total = parseInt(oldFormatMatch[1], 10);
+    return { dirs: 0, files: 0, total };
+  }
+  return null;
 }
-/**
- * Parse inspect_symbol result to check if symbols were found
- */
 function parseInspectSymbolResult(result) {
-    if (!result)
-        return { found: false, count: 0 };
-    // Check for "No symbols found" message
-    if (result.includes('No symbols found')) {
-        return { found: false, count: 0 };
-    }
-    // Count symbol definitions (rough estimate based on common patterns)
-    const symbolMatches = result.match(/(?:function|class|interface|type|const|let|var|def|struct)\s+\w+/g);
-    return { found: true, count: symbolMatches ? symbolMatches.length : 1 };
+  if (!result) return { found: false, count: 0 };
+  if (result.includes("No symbols found")) {
+    return { found: false, count: 0 };
+  }
+  const symbolMatches = result.match(/(?:function|class|interface|type|const|let|var|def|struct)\s+\w+/g);
+  return { found: true, count: symbolMatches ? symbolMatches.length : 1 };
 }
-/**
- * Parse fast_context_search result to get stats and markdown answer
- */
 function parseFastContextResult(result) {
-    if (!result)
-        return { answer: '' };
-    try {
-        // Try to parse as JSON first (new format)
-        if (result.trim().startsWith('{')) {
-            const parsed = JSON.parse(result);
-            if (parsed.answer && parsed.stats) {
-                return parsed;
-            }
-        }
-    }
-    catch (e) {
-        // Fallback to raw string
+  if (!result) return { answer: "" };
+  try {
+    if (result.trim().startsWith("{")) {
+      const parsed = JSON.parse(result);
+      if (parsed.answer && parsed.stats) {
+        return parsed;
+      }
     }
-    return { answer: result };
+  } catch (e) {
+  }
+  return { answer: result };
 }
-/**
- * Parse MCP tool name to extract server name and tool name
- * MCP tools are named: mcp_{serverName}_{toolName}
- */
 function parseMCPToolName(toolName) {
-    if (!toolName.startsWith('mcp_'))
-        return null;
-    // Remove 'mcp_' prefix and split by first underscore
-    const withoutPrefix = toolName.slice(4); // Remove 'mcp_'
-    const firstUnderscoreIdx = withoutPrefix.indexOf('_');
-    if (firstUnderscoreIdx === -1) {
-        return { serverName: withoutPrefix, mcpToolName: 'unknown' };
-    }
-    const serverName = withoutPrefix.slice(0, firstUnderscoreIdx);
-    const mcpToolName = withoutPrefix.slice(firstUnderscoreIdx + 1);
-    return { serverName, mcpToolName };
+  if (!toolName.startsWith("mcp_")) return null;
+  const withoutPrefix = toolName.slice(4);
+  const firstUnderscoreIdx = withoutPrefix.indexOf("_");
+  if (firstUnderscoreIdx === -1) {
+    return { serverName: withoutPrefix, mcpToolName: "unknown" };
+  }
+  const serverName = withoutPrefix.slice(0, firstUnderscoreIdx);
+  const mcpToolName = withoutPrefix.slice(firstUnderscoreIdx + 1);
+  return { serverName, mcpToolName };
 }
-/**
- * Get display info for a tool, with special handling for MCP tools
- */
 function getToolDisplayInfo(toolName) {
-    // Check if it's an MCP tool
-    const mcpInfo = parseMCPToolName(toolName);
-    if (mcpInfo) {
-        return {
-            verb: `MCP ${mcpInfo.serverName} ${mcpInfo.mcpToolName}`,
-            emoji: '⚡',
-            isMCP: true,
-            serverName: mcpInfo.serverName,
-            mcpToolName: mcpInfo.mcpToolName
-        };
-    }
-    // Regular tool
-    const toolInfo = TOOL_LABELS[toolName] || { verb: 'Executing', emoji: '🔧' };
-    return { ...toolInfo, isMCP: false };
+  const mcpInfo = parseMCPToolName(toolName);
+  if (mcpInfo) {
+    return {
+      verb: `MCP ${mcpInfo.serverName} ${mcpInfo.mcpToolName}`,
+      emoji: "\u26A1",
+      isMCP: true,
+      serverName: mcpInfo.serverName,
+      mcpToolName: mcpInfo.mcpToolName
+    };
+  }
+  const toolInfo = TOOL_LABELS[toolName] || { verb: "Executing", emoji: "\u{1F527}" };
+  return { ...toolInfo, isMCP: false };
 }
-/**
- * Render a snippet of the diff (added/removed lines)
- */
 function renderDiffSnippet(removedContent, addedContent, options = {}) {
-    const { compact } = options;
-    if (!removedContent && !addedContent)
-        return null;
-    const removedLines = removedContent ? removedContent.split('\n') : [];
-    const addedLines = addedContent ? addedContent.split('\n') : [];
-    if (removedLines.length === 0 && addedLines.length === 0)
-        return null;
-    const items = [];
-    // Show first 3 removed lines
-    removedLines.slice(0, 3).forEach((line, i) => {
-        items.push(React.createElement(Box, { key: `rem-${i}`, alignSelf: "flex-start" },
-            React.createElement(Text, { color: "#e6e6e6", backgroundColor: "#5c1e1e", wrap: "truncate-end" }, `- ${line}  `)));
+  const { compact } = options;
+  if (!removedContent && !addedContent) return null;
+  const removedLines = removedContent ? removedContent.split("\n") : [];
+  const addedLines = addedContent ? addedContent.split("\n") : [];
+  if (removedLines.length === 0 && addedLines.length === 0) return null;
+  const terminalWidth = process.stdout.columns || 80;
+  const maxPreviewWidth = Math.max(12, terminalWidth - 16);
+  const measuredLineWidths = [];
+  const wrapDiffLine = (prefix, line) => {
+    const continuationPrefix = " ".repeat(prefix.length);
+    const wrapped = wrapAnsi(line.length > 0 ? line : " ", Math.max(1, maxPreviewWidth - prefix.length), {
+      hard: true,
+      trim: false
+    }).split("\n");
+    return wrapped.map((segment, idx) => {
+      const rendered = `${idx === 0 ? prefix : continuationPrefix}${segment.length > 0 ? segment : " "}`;
+      measuredLineWidths.push(stringWidth(rendered));
+      return rendered;
     });
-    if (removedLines.length > 3) {
-        items.push(React.createElement(Text, { key: "rem-more", color: "gray", dimColor: true },
-            "  ... ",
-            removedLines.length - 3,
-            " more lines"));
-    }
-    // Show first 3 added lines
-    addedLines.slice(0, 3).forEach((line, i) => {
-        items.push(React.createElement(Box, { key: `add-${i}`, alignSelf: "flex-start" },
-            React.createElement(Text, { color: "#e6e6e6", backgroundColor: "#1e4d2b", wrap: "truncate-end" }, `+ ${line}  `)));
+  };
+  const items = [];
+  const previewLimit = 3;
+  removedLines.slice(0, previewLimit).forEach((line, i) => {
+    wrapDiffLine("- ", line).forEach((wrappedLine, wrappedIndex) => {
+      items.push(
+        /* @__PURE__ */ React.createElement(Box, { key: `rem-${i}-${wrappedIndex}` }, /* @__PURE__ */ React.createElement(Text, { color: "#e6e6e6", backgroundColor: "#5c1e1e", wrap: "truncate-end" }, wrappedLine))
+      );
     });
-    if (addedLines.length > 3) {
-        items.push(React.createElement(Text, { key: "add-more", color: "gray", dimColor: true },
-            "  ... ",
-            addedLines.length - 3,
-            " more lines"));
-    }
-    return (React.createElement(Box, { flexDirection: "column", marginTop: compact ? 0 : 1, alignSelf: "flex-start" },
-        React.createElement(Box, { height: 1, borderStyle: "single", borderTop: true, borderBottom: false, borderLeft: false, borderRight: false, borderColor: "#333333", marginBottom: 0 }),
-        items));
+  });
+  if (removedLines.length > previewLimit) {
+    items.push(
+      /* @__PURE__ */ React.createElement(Box, { key: "rem-more" }, /* @__PURE__ */ React.createElement(Text, { color: "gray", dimColor: true }, "  ... ", removedLines.length - previewLimit, " more lines"))
+    );
+  }
+  addedLines.slice(0, previewLimit).forEach((line, i) => {
+    wrapDiffLine("+ ", line).forEach((wrappedLine, wrappedIndex) => {
+      items.push(
+        /* @__PURE__ */ React.createElement(Box, { key: `add-${i}-${wrappedIndex}` }, /* @__PURE__ */ React.createElement(Text, { color: "#e6e6e6", backgroundColor: "#1e4d2b", wrap: "truncate-end" }, wrappedLine))
+      );
+    });
+  });
+  if (addedLines.length > previewLimit) {
+    items.push(
+      /* @__PURE__ */ React.createElement(Box, { key: "add-more" }, /* @__PURE__ */ React.createElement(Text, { color: "gray", dimColor: true }, "  ... ", addedLines.length - previewLimit, " more lines"))
+    );
+  }
+  const separatorWidth = Math.max(
+    8,
+    Math.min(
+      maxPreviewWidth,
+      measuredLineWidths.length > 0 ? Math.max(...measuredLineWidths) : 8
+    )
+  );
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginTop: compact ? 0 : 1, alignSelf: "flex-start" }, /* @__PURE__ */ React.createElement(Box, { marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { color: "#333333" }, "\u2500".repeat(separatorWidth))), items);
 }
-export const ToolExecutionMessage = React.memo(({ message }) => {
-    if (!message.toolExecution) {
-        return null;
+const ToolExecutionMessage = React.memo(({ message }) => {
+  if (!message.toolExecution) {
+    return null;
+  }
+  const { toolName, status, result, error, arguments: toolArgs } = message.toolExecution;
+  const toolInfo = getToolDisplayInfo(toolName);
+  const thinkingDuration = message.thinkingDuration;
+  const renderWithThinking = (content) => /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, thinkingDuration !== void 0 && thinkingDuration >= 0 && /* @__PURE__ */ React.createElement(Box, { marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Thought for ", thinkingDuration, " second", thinkingDuration !== 1 ? "s" : "", " \u203A")), content);
+  if (status === "executing") {
+    if (toolName === "execute_command") {
+      return null;
     }
-    const { toolName, status, result, error, arguments: toolArgs } = message.toolExecution;
-    const toolInfo = getToolDisplayInfo(toolName);
-    // Display thinking duration if available (carried from thought-only message)
-    const thinkingDuration = message.thinkingDuration;
-    // Helper to wrap content with thinking duration display
-    const renderWithThinking = (content) => (React.createElement(Box, { flexDirection: "column" },
-        thinkingDuration !== undefined && thinkingDuration >= 0 && (React.createElement(Box, { marginBottom: 1 },
-            React.createElement(Text, { dimColor: true },
-                "Thought for ",
-                thinkingDuration,
-                " second",
-                thinkingDuration !== 1 ? 's' : '',
-                " \u203A"))),
-        content));
-    // EXECUTING state
-    if (status === 'executing') {
-        // Skip execute_command - it's handled by InteractiveShell component
-        if (toolName === 'execute_command') {
-            return null;
-        }
-        // Note: web_search, grep_search, find_files now have custom executing states below
-        // Skip plan-mode tools - they have their own UI components (TaskCompletedMessage, PlanReviewScreen)
-        if (toolName === 'mark_task_complete' || toolName === 'create_plan') {
-            return null;
-        }
-        // MCP tools - show executing state with simple format (no border to avoid emoji width issues)
-        if (toolInfo.isMCP) {
-            return (React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#9945FF", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" },
-                React.createElement(Box, null,
-                    React.createElement(Text, { color: "#00ccff" },
-                        React.createElement(Spinner, { type: "arc" })),
-                    React.createElement(Text, { color: "#9945FF", bold: true }, " MCP"),
-                    React.createElement(Text, { color: "#9945FF" },
-                        " ",
-                        toolInfo.serverName,
-                        " ",
-                        toolInfo.mcpToolName))));
-        }
-        // VIEW_FILE
-        if (toolName === 'view_file' && toolArgs) {
-            const { AbsolutePath, StartLine, EndLine, remoteContext } = toolArgs;
-            const lineInfo = StartLine && EndLine
-                ? `lines ${StartLine}-${EndLine}`
-                : 'entire file';
-            return (React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#003b59", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" },
-                React.createElement(Box, null,
-                    React.createElement(Text, { color: "#00ccff" },
-                        React.createElement(Spinner, { type: "arc" })),
-                    React.createElement(Text, { color: "#00ccff", bold: true },
-                        " Reading ",
-                        lineInfo,
-                        " from "),
-                    React.createElement(Text, { color: "#00ccff" },
-                        formatPathWithContext(AbsolutePath, remoteContext),
-                        "..."))));
-        }
-        // LIST_DIR
-        if (toolName === 'list_dir' && toolArgs) {
-            const { DirectoryPath, remoteContext } = toolArgs;
-            return (React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#003b59", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" },
-                React.createElement(Box, null,
-                    React.createElement(Text, { color: "#00ccff" },
-                        React.createElement(Spinner, { type: "arc" })),
-                    React.createElement(Text, { color: "#00ccff", bold: true }, " Listing "),
-                    React.createElement(Text, { color: "#00ccff" },
-                        formatPathWithContext(DirectoryPath, remoteContext),
-                        "..."))));
-        }
-        // GREP_SEARCH
-        if (toolName === 'grep_search' && toolArgs) {
-            const { Query, SearchPath } = toolArgs;
-            const searchPathRelative = toRelativePath(SearchPath);
-            // Determine if it's a file or directory (heuristic: check for common file extensions)
-            const hasExtension = /\.[a-zA-Z0-9]{1,10}$/.test(SearchPath || '');
-            const pathType = hasExtension ? 'file' : 'directory';
-            return (React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#003b59", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" },
-                React.createElement(Box, { flexWrap: "wrap" },
-                    React.createElement(Text, { color: "#00ccff" },
-                        React.createElement(Spinner, { type: "arc" })),
-                    React.createElement(Text, { color: "#00ccff", bold: true }, " Searching for "),
-                    React.createElement(Text, { color: "#00ccff" },
-                        "\"",
-                        Query,
-                        "\""),
-                    searchPathRelative && (React.createElement(Text, { color: "#00ccff" },
-                        " in ",
-                        React.createElement(Text, { color: "#00ccff", bold: true }, searchPathRelative),
-                        " ",
-                        pathType,
-                        "...")),
-                    !searchPathRelative && React.createElement(Text, { color: "#00ccff" }, "..."))));
-        }
-        // FIND_FILES
-        if (toolName === 'find_files' && toolArgs) {
-            const { pattern } = toolArgs;
-            return (React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#003b59", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" },
-                React.createElement(Box, null,
-                    React.createElement(Text, { color: "#00ccff" },
-                        React.createElement(Spinner, { type: "arc" })),
-                    React.createElement(Text, { color: "#00ccff", bold: true }, " Finding files matching "),
-                    React.createElement(Text, { color: "#00ccff" },
-                        "\"",
-                        pattern,
-                        "\"..."))));
-        }
-        // FETCH_URL
-        if (toolName === 'fetch_url' && toolArgs) {
-            const { url } = toolArgs;
-            return (React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#003b59", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" },
-                React.createElement(Box, null,
-                    React.createElement(Text, { color: "#00ccff" },
-                        React.createElement(Spinner, { type: "arc" })),
-                    React.createElement(Text, { color: "#00ccff", bold: true }, " Fetching "),
-                    React.createElement(Text, { color: "#00ccff" },
-                        url,
-                        "..."))));
-        }
-        // READ_BINARY_FILE
-        if (toolName === 'read_binary_file' && toolArgs) {
-            const { file_path, remoteContext } = toolArgs;
-            const fileName = file_path ? path.basename(file_path) : 'file';
-            return (React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#ff9900", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" },
-                React.createElement(Box, null,
-                    React.createElement(Text, { color: "#00ccff" },
-                        React.createElement(Spinner, { type: "arc" })),
-                    React.createElement(Text, { color: "#ff9900", bold: true }, " Reading "),
-                    React.createElement(Text, { color: "#ff9900" },
-                        formatPathWithContext(file_path, remoteContext),
-                        "..."))));
-        }
-        // WRITE_TO_FILE
-        if (toolName === 'write_to_file' && toolArgs) {
-            const { TargetFile, remoteContext } = toolArgs;
-            return (React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#003b59", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" },
-                React.createElement(Box, null,
-                    React.createElement(Text, { color: "#00ccff" },
-                        React.createElement(Spinner, { type: "arc" })),
-                    React.createElement(Text, { color: "#00ccff", bold: true }, " Writing to "),
-                    React.createElement(Text, { color: "#00ccff" },
-                        formatPathWithContext(TargetFile, remoteContext),
-                        "..."))));
-        }
-        // EDIT_FILE
-        if (toolName === 'edit_file' && toolArgs) {
-            const { file_path, remoteContext } = toolArgs;
-            return (React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#003b59", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" },
-                React.createElement(Box, null,
-                    React.createElement(Text, { color: "#00ccff" },
-                        React.createElement(Spinner, { type: "arc" })),
-                    React.createElement(Text, { color: "#00ccff", bold: true }, " Editing "),
-                    React.createElement(Text, { color: "#00ccff" },
-                        formatPathWithContext(file_path, remoteContext),
-                        "..."))));
-        }
-        // MULTI_EDIT_FILE
-        if (toolName === 'multi_edit_file' && toolArgs) {
-            const { file_path, remoteContext } = toolArgs;
-            return (React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#003b59", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" },
-                React.createElement(Box, null,
-                    React.createElement(Text, { color: "#00ccff" },
-                        React.createElement(Spinner, { type: "arc" })),
-                    React.createElement(Text, { color: "#00ccff", bold: true }, " Editing "),
-                    React.createElement(Text, { color: "#00ccff" },
-                        formatPathWithContext(file_path, remoteContext),
-                        "..."))));
-        }
-        // CREATE_IMAGE
-        if (toolName === 'create_image') {
-            return (React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#ff9900", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" },
-                React.createElement(Box, null,
-                    React.createElement(Text, { color: "#00ccff" },
-                        React.createElement(Spinner, { type: "arc" })),
-                    React.createElement(Text, { color: "#ff9900", bold: true }, " Generating image..."))));
-        }
-        // BACKGROUND_COMMAND - show action-specific message
-        if (toolName === 'background_command' && toolArgs) {
-            const { action, command, task_id, wait_seconds } = toolArgs;
-            let actionText = 'Running background task...';
-            if (action === 'start') {
-                actionText = `Starting: ${command || 'command'}...`;
-            }
-            else if (action === 'status') {
-                actionText = `Checking status: ${task_id || 'task'}...`;
-            }
-            else if (action === 'kill') {
-                actionText = `Killing task: ${task_id || 'task'}...`;
-            }
-            else if (action === 'wait') {
-                actionText = `Waiting for ${wait_seconds || '?'} second${wait_seconds !== 1 ? 's' : ''}...`;
-            }
-            return (React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#ff9900", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" },
-                React.createElement(Box, null,
-                    React.createElement(Text, { color: "#00ccff" },
-                        React.createElement(Spinner, { type: "arc" })),
-                    React.createElement(Text, { color: "#ff9900", bold: true },
-                        " ",
-                        toolInfo.emoji,
-                        " ",
-                        actionText))));
-        }
-        // GET_DIFF
-        if (toolName === 'get_diff' && toolArgs) {
-            const { filePath, staged, reason_text } = toolArgs;
-            const diffTarget = filePath ? `for ${filePath}` : 'for all files';
-            const stagedText = staged ? ' (staged)' : '';
-            return (React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#00ccff", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" },
-                React.createElement(Box, null,
-                    React.createElement(Text, { color: "#00ccff" },
-                        React.createElement(Spinner, { type: "arc" })),
-                    React.createElement(Text, { color: "#00ccff", bold: true },
-                        " ",
-                        toolInfo.emoji,
-                        " Getting diff ",
-                        diffTarget,
-                        stagedText,
-                        "..."))));
-        }
-        // WEB_SEARCH
-        if (toolName === 'web_search' && toolArgs) {
-            const { query } = toolArgs;
-            return (React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#00ccff", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" },
-                React.createElement(Box, null,
-                    React.createElement(Text, { color: "#00ccff" },
-                        React.createElement(Spinner, { type: "arc" })),
-                    React.createElement(Text, { color: "#00ccff", bold: true },
-                        " ",
-                        toolInfo.emoji,
-                        " Searching the web for "),
-                    React.createElement(Text, { color: "#00ccff" },
-                        "\"",
-                        query,
-                        "\"..."))));
-        }
-        // FAST_CONTEXT_SEARCH
-        if (toolName === 'fast_context_search' && toolArgs) {
-            const { query } = toolArgs;
-            let scannedFiles = [];
-            try {
-                const streamData = message.toolExecution?.streamingOutput || result;
-                if (streamData) {
-                    const lines = streamData.trim().split('\n').filter(Boolean);
-                    if (lines.length > 0) {
-                        // Find the last valid JSON line by iterating backwards
-                        // The FastContextAgent outputs JSON blobs on stdout for UI updates
-                        for (let i = lines.length - 1; i >= 0; i--) {
-                            try {
-                                // The stream mixes logs and JSON. Fast context prints files inside JSON objects.
-                                const line = lines[i].trim();
-                                if (line.startsWith('{')) {
-                                    const parsed = JSON.parse(line);
-                                    if (parsed.type === 'scanned_files' && parsed.files) {
-                                        scannedFiles = parsed.files;
-                                        break; // Found the most recent valid state
-                                    }
-                                }
-                            }
-                            catch (e) {
-                                // Ignore parsing errors for incomplete streamed lines
-                            }
-                        }
-                    }
-                }
-            }
-            catch (e) {
-                // ignore parsing errors
-            }
-            // Format query for executing state
-            const truncatedQuery = query && query.length > 50 ? query.substring(0, 47) + '...' : query || '';
-            return (React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#00ccff", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" },
-                React.createElement(Box, null,
-                    React.createElement(Text, { color: "#00ccff" },
-                        React.createElement(Spinner, { type: "arc" })),
-                    React.createElement(Text, { color: "#00cc66", bold: true }, " Rapid Context "),
-                    React.createElement(Text, { color: "#cccccc" },
-                        " \"",
-                        truncatedQuery,
-                        "\"")),
-                scannedFiles.length > 0 && (React.createElement(Box, { flexDirection: "column", marginLeft: 2, marginTop: 1 }, scannedFiles.map((f, i) => (React.createElement(Text, { key: i, color: "#666666", wrap: "truncate-end" },
-                    "- ",
-                    toRelativePath(f))))))));
-        }
-        // INSPECT_SYMBOL
-        if (toolName === 'inspect_symbol' && toolArgs) {
-            const { filePath, symbols, remoteContext } = toolArgs;
-            const symbolList = Array.isArray(symbols) ? symbols.join(', ') : symbols || 'symbols';
-            return (React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#00ccff", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" },
-                React.createElement(Box, null,
-                    React.createElement(Text, { color: "#00ccff" },
-                        React.createElement(Spinner, { type: "arc" })),
-                    React.createElement(Text, { color: "#00ccff", bold: true },
-                        " ",
-                        toolInfo.emoji,
-                        " Inspecting "),
-                    React.createElement(Text, { color: "#00ccff" },
-                        symbolList,
-                        " in ",
-                        formatPathWithContext(filePath, remoteContext),
-                        "..."))));
-        }
-        // SUB_AGENT - executing
-        if (toolName === 'sub_agent' && toolArgs) {
-            const action = toolArgs.action;
-            if (action === 'spawn') {
-                const prompt = toolArgs.prompt || toolArgs.task || 'Unknown task';
-                const complexity = toolArgs.complexity || 3;
-                const modelName = complexity >= 5 ? 'Gemini 3 Pro Preview' : 'Gemini 3 Flash Preview';
-                // Limit prompt display to 4 lines
-                const promptLines = prompt.split('\n');
-                const maxLines = 4;
-                const displayLines = promptLines.slice(0, maxLines);
-                const remainingLines = promptLines.length - maxLines;
-                const truncatedPrompt = displayLines.join('\n');
-                return (React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#00ccff", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" },
-                    React.createElement(Box, null,
-                        React.createElement(Text, { color: "#00ccff" },
-                            React.createElement(Spinner, { type: "arc" })),
-                        React.createElement(Text, { color: "#9945FF", bold: true },
-                            " ",
-                            toolInfo.emoji,
-                            " Spawning Sub-Agent "),
-                        React.createElement(Text, { color: "#666666", dimColor: true },
-                            "(",
-                            modelName,
-                            ")")),
-                    React.createElement(Box, { marginLeft: 2, flexDirection: "column" },
-                        React.createElement(Text, { color: "#00ccff" }, truncatedPrompt),
-                        remainingLines > 0 && (React.createElement(Text, { color: "#666666", dimColor: true },
-                            "... ",
-                            remainingLines,
-                            " more lines")))));
-            }
-            else if (action === 'wait_for_status' || action === 'status') {
-                const delay = toolArgs.time_delay || 0;
-                const agentId = toolArgs.agent_id || 'unknown';
-                const waitMessage = delay > 0 ? `Waiting for ${delay} seconds...` : 'Checking status...';
-                return (React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#00ccff", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" },
-                    React.createElement(Box, null,
-                        React.createElement(Text, { color: "#00ccff" },
-                            React.createElement(Spinner, { type: "arc" })),
-                        React.createElement(Text, { color: "#9945FF", bold: true },
-                            " ",
-                            toolInfo.emoji,
-                            " Sub Agent Status "),
-                        React.createElement(Text, { color: "#666666", dimColor: true },
-                            "(id: ",
-                            agentId,
-                            ")")),
-                    React.createElement(Box, { marginLeft: 2 },
-                        React.createElement(Text, { color: "#00ccff" }, waitMessage))));
-            }
-            return (React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#00ccff", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" },
-                React.createElement(Box, null,
-                    React.createElement(Text, { color: "#00ccff" },
-                        React.createElement(Spinner, { type: "arc" })),
-                    React.createElement(Text, { color: "#9945FF", bold: true },
-                        " ",
-                        toolInfo.emoji,
-                        " Sub Agent "),
-                    React.createElement(Text, { color: "#666666", dimColor: true },
-                        "(",
-                        action,
-                        ")"))));
-        }
-        // WORKFLOW - show action-specific message
-        if (toolName === 'workflow' && toolArgs) {
-            const action = toolArgs.action;
-            const stepNumber = toolArgs.step_number;
-            const exitType = toolArgs.exit_type;
-            const reason = toolArgs.reason;
-            let actionText = 'Workflow action...';
-            let borderColor = '#00ccff';
-            let textColor = '#00ccff';
-            if (action === 'step_complete') {
-                actionText = `Completing Step ${stepNumber || '?'}...`;
-                borderColor = '#00cc66';
-                textColor = '#00cc66';
-            }
-            else if (action === 'exit') {
-                if (exitType === 'error') {
-                    actionText = `Workflow Failed${reason ? `: ${reason.slice(0, 50)}` : ''}`;
-                    borderColor = '#ff3366';
-                    textColor = '#ff3366';
-                }
-                else if (exitType === 'cancelled') {
-                    actionText = 'Workflow Cancelled';
-                    borderColor = '#ff9900';
-                    textColor = '#ff9900';
-                }
-                else {
-                    actionText = 'Workflow Completed';
-                    borderColor = '#00cc66';
-                    textColor = '#00cc66';
-                }
-            }
-            return (React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: borderColor, paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" },
-                React.createElement(Box, null,
-                    React.createElement(Text, { color: "#00ccff" },
-                        React.createElement(Spinner, { type: "arc" })),
-                    React.createElement(Text, { color: textColor, bold: true },
-                        " \uD83D\uDD04 ",
-                        actionText))));
-        }
-        return (React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#003b59", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" },
-            React.createElement(Box, null,
-                React.createElement(Text, { color: "#00ccff" },
-                    React.createElement(Spinner, { type: "arc" })),
-                React.createElement(Text, { color: "#00ccff", bold: true },
-                    " ",
-                    toolInfo.verb,
-                    "..."))));
+    if (toolName === "mark_task_complete" || toolName === "create_plan") {
+      return null;
     }
-    // ERROR state
-    if (status === 'error') {
-        // EXECUTE_COMMAND - render as static shell box with error
-        if (toolName === 'execute_command' && toolArgs) {
-            const command = toolArgs.command || toolArgs.CommandLine || toolArgs.commandLine || '';
-            const truncatedCommand = truncateCommand(command, 80);
-            const { cwd, remoteContext } = toolArgs;
-            const cleanResult = cleanShellOutput(result);
-            // For CWD display, use absolute path directly (don't convert to relative)
-            const formattedCwd = cwd && remoteContext
-                ? `${remoteContext}:${cwd.replace(/\\/g, '/')}`
-                : (cwd || '').replace(/\\/g, '/');
-            return (React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#ff3366", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" },
-                React.createElement(Box, { marginBottom: 1 },
-                    React.createElement(Text, null,
-                        React.createElement(Text, { color: "#ff3366", bold: true }, "\u2717 Shell "),
-                        React.createElement(Text, { color: "#666666" },
-                            truncatedCommand,
-                            " "),
-                        cwd && React.createElement(Text, { color: "#666666", dimColor: true },
-                            "[current working directory ",
-                            formattedCwd,
-                            "]"))),
-                cleanResult && (React.createElement(Box, null,
-                    React.createElement(Text, { wrap: "wrap" }, cleanResult)))));
-        }
-        return (React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#ff3366", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" },
-            React.createElement(Box, null,
-                React.createElement(Text, { color: "#ff3366", bold: true },
-                    "\u2717 ",
-                    toolInfo.emoji,
-                    " ",
-                    toolInfo.verb,
-                    " failed")),
-            React.createElement(Box, { paddingLeft: 1, marginTop: 1 },
-                React.createElement(Text, { color: "#ff3366" }, error || 'The Agent passed invalid parameters'))));
+    if (toolName === "auto_context_compaction") {
+      return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#003b59", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: "#00ccff" }, /* @__PURE__ */ React.createElement(Spinner, { type: "arc" })), /* @__PURE__ */ React.createElement(Text, { color: "#00ccff", bold: true }, " Auto summarizing context...")));
     }
-    // COMPLETED state - tool-specific rendering
-    if (status === 'completed') {
-        // MCP tools - show only success indicator, hide output (output goes to AI only)
-        if (toolInfo.isMCP) {
-            return renderWithThinking(React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#00cc66", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" },
-                React.createElement(Box, null,
-                    React.createElement(Text, { color: "#00cc66", bold: true }, "\u2713 MCP"),
-                    React.createElement(Text, { color: "#aaaaaa" },
-                        " ",
-                        toolInfo.serverName,
-                        " ",
-                        toolInfo.mcpToolName))));
-        }
-        // Skip plan-mode tools - they have their own UI components (TaskCompletedMessage, PlanReviewScreen)
-        if (toolName === 'mark_task_complete' || toolName === 'create_plan') {
-            return null;
-        }
-        // EXECUTE_COMMAND - render as static shell box
-        if (toolName === 'execute_command' && toolArgs) {
-            // Hide shell_input actions from history as per user request
-            // These are just input submissions (like "1\n") and the result is just confirmation text
-            // The actual side effects are seen in the persistent shell, so showing this block is redundant clutter
-            if (toolArgs.shell_input) {
-                return null;
-            }
-            const command = toolArgs.command || toolArgs.CommandLine || toolArgs.commandLine || '';
-            const truncatedCommand = truncateCommand(command, 80);
-            const { cwd, remoteContext } = toolArgs;
-            const cleanResult = cleanShellOutput(result);
-            // For CWD display, use absolute path directly (don't convert to relative)
-            const formattedCwd = cwd && remoteContext
-                ? `${remoteContext}:${cwd.replace(/\\/g, '/')}`
-                : (cwd || '').replace(/\\/g, '/');
-            return renderWithThinking(React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#00cc66", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" },
-                React.createElement(Box, { marginBottom: 1 },
-                    React.createElement(Text, null,
-                        React.createElement(Text, { color: "#00cc66", bold: true }, "\u2713 Shell "),
-                        React.createElement(Text, { color: "#666666" },
-                            truncatedCommand,
-                            " "),
-                        cwd && React.createElement(Text, { color: "#666666", dimColor: true },
-                            "[current working directory ",
-                            formattedCwd,
-                            "]"))),
-                cleanResult && (React.createElement(Box, null,
-                    React.createElement(Text, { wrap: "wrap" }, cleanResult)))));
-        }
-        // VIEW_FILE
-        if (toolName === 'view_file' && toolArgs) {
-            const { AbsolutePath, StartLine, EndLine, remoteContext } = toolArgs;
-            const lineInfo = StartLine && EndLine
-                ? `lines ${StartLine}-${EndLine}`
-                : 'entire file';
-            return renderWithThinking(React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#00ccff", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" },
-                React.createElement(Box, null,
-                    React.createElement(Text, { color: "#00cc66", bold: true },
-                        "\u2713 ",
-                        toolInfo.emoji,
-                        " Read ",
-                        lineInfo,
-                        " from "),
-                    React.createElement(Text, { color: "#00ccff" }, formatPathWithContext(AbsolutePath, remoteContext)))));
-        }
-        // WRITE_TO_FILE
-        if (toolName === 'write_to_file' && toolArgs) {
-            const { TargetFile, CodeContent, remoteContext } = toolArgs;
-            const lines = CodeContent ? CodeContent.split('\n').length : 0;
-            return renderWithThinking(React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#00ccff", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" },
-                React.createElement(Box, null,
-                    React.createElement(Text, { color: "#00cc66", bold: true },
-                        "\u2713 ",
-                        toolInfo.emoji,
-                        " Wrote to "),
-                    React.createElement(Text, { color: "#00ccff" }, formatPathWithContext(TargetFile, remoteContext)),
-                    lines > 0 && React.createElement(Text, { color: "green" },
-                        " +",
-                        lines)),
-                renderDiffSnippet(undefined, CodeContent)));
-        }
-        // EDIT_FILE
-        if (toolName === 'edit_file' && toolArgs) {
-            const { file_path, remoteContext, replacement, search_pattern } = toolArgs;
-            const added = replacement ? replacement.split('\n').length : 0;
-            const removed = search_pattern ? search_pattern.split('\n').length : 0;
-            return renderWithThinking(React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#00ccff", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" },
-                React.createElement(Box, null,
-                    React.createElement(Text, { color: "#00cc66", bold: true },
-                        "\u2713 ",
-                        toolInfo.emoji,
-                        " Edited "),
-                    React.createElement(Text, { color: "#00ccff" }, formatPathWithContext(file_path, remoteContext)),
-                    React.createElement(Text, { color: "green" },
-                        " +",
-                        added),
-                    React.createElement(Text, { color: "red" },
-                        " -",
-                        removed)),
-                renderDiffSnippet(search_pattern, replacement)));
-        }
-        // MULTI_EDIT_FILE
-        if (toolName === 'multi_edit_file' && toolArgs) {
-            const { file_path, edits, remoteContext } = toolArgs;
-            const editList = Array.isArray(edits) ? edits : [];
-            let added = 0;
-            let removed = 0;
-            editList.forEach((edit) => {
-                if (edit.replacement || edit.ReplacementContent) {
-                    added += (edit.replacement || edit.ReplacementContent).split('\n').length;
-                }
-                if (edit.search_pattern || edit.TargetContent) {
-                    removed += (edit.search_pattern || edit.TargetContent).split('\n').length;
-                }
-            });
-            // For multi-edit, we show the snippet of the FIRST edit as a sample, or maybe we aggregate?
-            // Lets show the first edit's snippet if available
-            const firstEdit = editList[0];
-            const searchExample = firstEdit ? (firstEdit.search_pattern || firstEdit.TargetContent) : undefined;
-            const replaceExample = firstEdit ? (firstEdit.replacement || firstEdit.ReplacementContent) : undefined;
-            return renderWithThinking(React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#00ccff", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" },
-                React.createElement(Box, null,
-                    React.createElement(Text, { color: "#00cc66", bold: true },
-                        "\u2713 ",
-                        toolInfo.emoji,
-                        " Edited "),
-                    React.createElement(Text, { color: "#00ccff" }, formatPathWithContext(file_path, remoteContext)),
-                    React.createElement(Text, { color: "green" },
-                        " +",
-                        added),
-                    React.createElement(Text, { color: "red" },
-                        " -",
-                        removed)),
-                editList.length > 0 ? (React.createElement(Box, { flexDirection: "column", marginTop: 0 }, editList.map((edit, index) => {
-                    const search = edit.search_pattern || edit.TargetContent;
-                    const replace = edit.replacement || edit.ReplacementContent;
-                    return (React.createElement(React.Fragment, { key: index }, renderDiffSnippet(search, replace, { compact: index > 0 })));
-                }))) : (null)));
-        }
-        // LIST_DIR
-        if (toolName === 'list_dir' && toolArgs) {
-            const { DirectoryPath, remoteContext } = toolArgs;
-            const itemStats = parseListDirResult(result);
-            return renderWithThinking(React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#00ccff", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" },
-                React.createElement(Box, null,
-                    React.createElement(Text, { color: "#00cc66", bold: true },
-                        "\u2713 ",
-                        toolInfo.emoji,
-                        " Listed "),
-                    React.createElement(Text, { color: "#00ccff" }, formatPathWithContext(DirectoryPath, remoteContext)),
-                    itemStats !== null && (React.createElement(Text, { color: "#666666" },
-                        " (",
-                        itemStats.dirs,
-                        " dir",
-                        itemStats.dirs !== 1 ? 's' : '',
-                        ", ",
-                        itemStats.files,
-                        " file",
-                        itemStats.files !== 1 ? 's' : '',
-                        ")")))));
-        }
-        // GREP_SEARCH
-        if (toolName === 'grep_search' && toolArgs) {
-            const { Query, SearchPath } = toolArgs;
-            const searchResults = parseGrepSearchResult(result);
-            const searchPathRelative = toRelativePath(SearchPath);
-            // Determine if it's a file or directory (heuristic: check for common file extensions)
-            const hasExtension = /\.[a-zA-Z0-9]{1,10}$/.test(SearchPath || '');
-            const pathType = hasExtension ? 'file' : 'directory';
-            return renderWithThinking(React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#00ccff", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" },
-                React.createElement(Box, { flexWrap: "wrap" },
-                    React.createElement(Text, { color: "#00cc66", bold: true },
-                        "\u2713 ",
-                        toolInfo.emoji,
-                        " Searched for "),
-                    React.createElement(Text, { color: "#00ccff" },
-                        "\"",
-                        Query,
-                        "\""),
-                    searchPathRelative && (React.createElement(Text, { color: "#666666" },
-                        " in ",
-                        React.createElement(Text, { color: "#00ccff" }, searchPathRelative),
-                        " ",
-                        pathType)),
-                    searchResults && (React.createElement(Text, { color: "#666666" },
-                        " (",
-                        searchResults.matches,
-                        " match",
-                        searchResults.matches !== 1 ? 'es' : '',
-                        " in ",
-                        searchResults.files,
-                        " file",
-                        searchResults.files !== 1 ? 's' : '',
-                        ")")),
-                    !searchResults && result && React.createElement(Text, { color: "#666666" }, " (no matches)"))));
-        }
-        // FIND_FILES
-        if (toolName === 'find_files' && toolArgs) {
-            const { pattern, Pattern } = toolArgs;
-            const displayPattern = pattern || Pattern || '*';
-            const fileCount = parseFindFilesResult(result);
-            return renderWithThinking(React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#00ccff", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" },
-                React.createElement(Box, null,
-                    React.createElement(Text, { color: "#00cc66", bold: true },
-                        "\u2713 ",
-                        toolInfo.emoji,
-                        " Found ",
-                        fileCount !== null ? fileCount : 0,
-                        " files matching "),
-                    React.createElement(Text, { color: "#00ccff" },
-                        "\"",
-                        displayPattern,
-                        "\""))));
-        }
-        // WEB_SEARCH
-        if (toolName === 'web_search' && toolArgs) {
-            const { query } = toolArgs;
-            return renderWithThinking(React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#00ccff", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" },
-                React.createElement(Box, null,
-                    React.createElement(Text, { color: "#00cc66", bold: true },
-                        "\u2713 ",
-                        toolInfo.emoji,
-                        " Searched the web for "),
-                    React.createElement(Text, { color: "#00ccff" },
-                        "\"",
-                        query,
-                        "\""))));
-        }
-        // FETCH_URL
-        if (toolName === 'fetch_url' && toolArgs) {
-            const { url } = toolArgs;
-            return renderWithThinking(React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#00ccff", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" },
-                React.createElement(Box, null,
-                    React.createElement(Text, { color: "#00cc66", bold: true },
-                        "\u2713 ",
-                        toolInfo.emoji,
-                        " Fetched "),
-                    React.createElement(Text, { color: "#00ccff" }, url))));
-        }
-        // FAST_CONTEXT_SEARCH
-        if (toolName === 'fast_context_search' && toolArgs) {
-            let answer = result || '';
-            let stats = undefined;
-            try {
-                if (result && result.trim().startsWith('{')) {
-                    const parsed = JSON.parse(result);
-                    if (parsed.answer !== undefined) {
-                        answer = parsed.answer;
-                    }
-                    if (parsed.stats !== undefined) {
-                        stats = parsed.stats;
-                    }
-                }
-            }
-            catch (e) {
-                // Fallback to raw result if parsing fails
-            }
-            const { query } = toolArgs;
-            const scannedFiles = stats?.scannedFiles || [];
-            const hasFiles = scannedFiles.length > 0;
-            const MAX_DISPLAY_FILES = 10;
-            const truncatedQuery = query && query.length > 50 ? query.substring(0, 47) + '...' : query || '';
-            return renderWithThinking(React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#00ccff", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" },
-                React.createElement(Box, null,
-                    React.createElement(Text, { color: "#00cc66", bold: true }, "\u2713 Rapid Context "),
-                    React.createElement(Text, { color: "#cccccc", wrap: "truncate-end" },
-                        "\"",
-                        truncatedQuery,
-                        "\" "),
-                    stats && (React.createElement(Text, { color: "#666666" },
-                        "(Searched ",
-                        stats.filesSearched,
-                        " files in ",
-                        (stats.duration / 1000).toFixed(1),
-                        "s)"))),
-                React.createElement(Box, { paddingLeft: 1, marginTop: 1, flexDirection: "column" },
-                    !hasFiles && answer && (React.createElement(Text, { color: "#aaaaaa", wrap: "truncate-end" }, answer)),
-                    hasFiles && (React.createElement(Box, { flexDirection: "column", marginTop: 0 },
-                        scannedFiles.slice(0, MAX_DISPLAY_FILES).map((f, i) => {
-                            // Display only the file name to keep it clean, or relative path
-                            return (React.createElement(Text, { key: i, color: "#444444", wrap: "truncate-end" },
-                                "- ",
-                                path.basename(f),
-                                " ",
-                                React.createElement(Text, { color: "#333333", italic: true },
-                                    "(",
-                                    toRelativePath(f),
-                                    ")")));
-                        }),
-                        scannedFiles.length > MAX_DISPLAY_FILES && (React.createElement(Text, { color: "#444444", italic: true },
-                            "...and ",
-                            scannedFiles.length - MAX_DISPLAY_FILES,
-                            " more files checked")))))));
-        }
-        // INSPECT_SYMBOL
-        if (toolName === 'inspect_symbol' && toolArgs) {
-            const { filePath, remoteContext } = toolArgs;
-            const symbolResult = parseInspectSymbolResult(result);
-            const displayPath = filePath || 'unknown';
-            const noSymbols = result?.includes('No symbols found');
-            return renderWithThinking(React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#00ccff", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" },
-                React.createElement(Box, null,
-                    React.createElement(Text, { color: "#00cc66", bold: true },
-                        "\u2713 ",
-                        toolInfo.emoji,
-                        " Inspected "),
-                    React.createElement(Text, { color: "#00ccff" }, formatPathWithContext(displayPath, remoteContext)),
-                    noSymbols && React.createElement(Text, { color: "#666666" }, " (no symbols found)"),
-                    !noSymbols && symbolResult.found && React.createElement(Text, { color: "#666666" },
-                        " (",
-                        symbolResult.count,
-                        " symbol",
-                        symbolResult.count !== 1 ? 's' : '',
-                        ")"))));
-        }
-        // READ_BINARY_FILE
-        if (toolName === 'read_binary_file' && toolArgs) {
-            const { file_path, remoteContext } = toolArgs;
-            const fileName = file_path ? path.basename(file_path) : 'file';
-            // Parse file info from result
-            const sizeMatch = result?.match(/Size:\s*([\d.]+\s*(?:B|KB|MB))/);
-            const typeMatch = result?.match(/Type:\s*([\w/+-]+)/);
-            const fileSize = sizeMatch ? sizeMatch[1] : '';
-            const fileType = typeMatch ? typeMatch[1] : '';
-            const isSuccess = result?.includes('Successfully uploaded');
-            const isError = result?.includes('Error:') || !isSuccess;
-            const errorMessage = result?.match(/Error:\s*(.+?)(?:\n|$)/)?.[1] || '';
-            return renderWithThinking(React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: isSuccess ? "#00cc66" : "#ff6666", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" },
-                React.createElement(Box, null, isSuccess ? (React.createElement(React.Fragment, null,
-                    React.createElement(Text, { color: "#00cc66", bold: true },
-                        "\u2713 ",
-                        toolInfo.emoji,
-                        " Read "),
-                    React.createElement(Text, { color: "#ff9900" }, formatPathWithContext(file_path, remoteContext)))) : (React.createElement(React.Fragment, null,
-                    React.createElement(Text, { color: "#ff6666", bold: true },
-                        "\u2717 ",
-                        toolInfo.emoji,
-                        " Read failed "),
-                    React.createElement(Text, { color: "#ff9900" }, formatPathWithContext(file_path, remoteContext))))),
-                isSuccess && (fileType || fileSize) && (React.createElement(Box, null,
-                    React.createElement(Text, { color: "#666666" },
-                        fileType && `${fileType}`,
-                        fileType && fileSize && ' • ',
-                        fileSize && fileSize))),
-                isError && errorMessage && (React.createElement(Box, null,
-                    React.createElement(Text, { color: "#ff6666" }, errorMessage)))));
-        }
-        // SUB_AGENT - completed
-        if (toolName === 'sub_agent') {
-            const toolAction = toolArgs?.action;
-            const agentId = toolArgs?.agent_id || 'unknown';
-            let title = 'Sub Agent';
-            let details = '';
-            let additionalContent = null;
-            // Helper to try parsing JSON result
-            let structResult = null;
-            let markdownReport = typeof result === 'string' ? result : '';
-            try {
-                if (typeof result === 'string' && result.trim().startsWith('{')) {
-                    const parsed = JSON.parse(result);
-                    if (parsed.data && parsed.report) {
-                        structResult = parsed.data;
-                        markdownReport = parsed.report;
-                    }
-                }
-            }
-            catch (e) {
-                // Fallback to treating result as string
-            }
-            if (toolAction === 'spawn') {
-                title = 'Sub Agent';
-                const prompt = toolArgs?.prompt || '';
-                const shortPrompt = prompt.length > 50 ? prompt.substring(0, 47) + '...' : prompt;
-                // Result for spawn is usually text, we can parse ID from it if needed, but we don't have it in args yet usually
-                // Actually spawn returns the ID in the result text, but we might not parse it here easily.
-                // Assuming we rely on result text for ID if not in args.
-                // But per request: "id status, duration..."
-                // For spawn: "just the agent id, and the prompt"
-                // We'll try to extract ID from result if possible, or use a placeholder if it's not in args (spawn doesn't take agent_id)
-                const idMatch = result?.match(/Agent ID:\*\* ([\w-]+)/);
-                const spawnedId = idMatch ? idMatch[1] : 'unknown';
-                details = `(id: ${spawnedId})`;
-                if (prompt) {
-                    additionalContent = (React.createElement(Box, { marginTop: 1, marginLeft: 2 },
-                        React.createElement(Text, { color: "#00ccff" }, prompt)));
-                }
-            }
-            else if (toolAction === 'wait_for_status' || toolAction === 'status') {
-                title = 'Sub Agent Status';
-                // Parse status details from result string or structured data if we had it (status usually returns text)
-                // Status result is text like: "**Status:** 🔄 running\n**Model:** ...\n**Duration:** 16s..."
-                const statusMatch = result?.match(/Status:\*\* (.+?)\n/);
-                const durationMatch = result?.match(/Duration:\*\* (.+?)\n/);
-                const fileOpsMatch = result?.match(/File Operations:\*\* (\d+)/);
-                const toolCallsMatch = result?.match(/Tool Calls:\*\* (\d+)/);
-                const status = statusMatch ? statusMatch[1].trim() : 'unknown';
-                const duration = durationMatch ? durationMatch[1].trim() : 'unknown';
-                const fileOps = fileOpsMatch ? fileOpsMatch[1] : '0';
-                const toolCalls = toolCallsMatch ? toolCallsMatch[1] : '0';
-                details = `(id: ${agentId}, status: ${status}, duration: ${duration}, files: ${fileOps}, tools: ${toolCalls})`;
-            }
-            else if (toolAction === 'terminate') {
-                title = 'Sub Agent Terminated';
-                details = `(id: ${agentId})`;
-            }
-            else if (toolAction === 'read_results') {
-                title = 'Sub Agent Results';
-                // Use structured result if available
-                if (structResult) {
-                    details = `(id: ${structResult.agentId}, duration: ${structResult.duration})`;
-                    // Show modified files
-                    if (structResult.fileOperations && structResult.fileOperations.length > 0) {
-                        additionalContent = (React.createElement(Box, { flexDirection: "column", marginTop: 1 },
-                            React.createElement(Text, { color: "#666666" }, "Files Modified:"),
-                            structResult.fileOperations.map((op, i) => (React.createElement(Box, { key: i, marginLeft: 2 },
-                                React.createElement(Text, { color: "#00ccff" },
-                                    "\u2022 ",
-                                    op.path,
-                                    " ",
-                                    React.createElement(Text, { color: "#666666", dimColor: true },
-                                        "(",
-                                        op.type,
-                                        ")")))))));
-                    }
-                }
-                else {
-                    // Fallback for string result
-                    details = `(id: ${agentId})`;
-                    const summary = result?.length > 100 ? result.substring(0, 97) + '...' : result;
-                    additionalContent = React.createElement(Text, { color: "#666666", dimColor: true }, summary);
-                }
-            }
-            return renderWithThinking(React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#00cc66", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" },
-                React.createElement(Box, null,
-                    React.createElement(Text, { color: "#00cc66", bold: true },
-                        "\u2713 ",
-                        toolInfo.emoji,
-                        " ",
-                        title,
-                        " "),
-                    React.createElement(Text, { color: "#666666" }, details)),
-                additionalContent));
-        }
-        // CREATE_IMAGE
-        if (toolName === 'create_image' && toolArgs) {
-            const { output_path, aspect_ratio } = toolArgs;
-            // Parse file info from result
-            const sizeMatch = result?.match(/\*\*Size:\*\*\s*([\d.]+\s*KB)/);
-            const formatMatch = result?.match(/\*\*Format:\*\*\s*([\w/]+)/);
-            const fileSize = sizeMatch ? sizeMatch[1] : '';
-            const format = formatMatch ? formatMatch[1] : '';
-            const isSuccess = result?.includes('generated successfully');
-            return renderWithThinking(React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: isSuccess ? "#00cc66" : "#ff6666", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" },
-                React.createElement(Box, null, isSuccess ? (React.createElement(React.Fragment, null,
-                    React.createElement(Text, { color: "#00cc66", bold: true },
-                        "\u2713 ",
-                        toolInfo.emoji,
-                        " Generated image "),
-                    React.createElement(Text, { color: "#00ccff" }, toRelativePath(output_path)),
-                    (fileSize || format) && (React.createElement(Text, { color: "#666666" },
-                        " (",
-                        format,
-                        format && fileSize ? ' • ' : '',
-                        fileSize,
-                        ")")))) : (React.createElement(React.Fragment, null,
-                    React.createElement(Text, { color: "#ff6666", bold: true },
-                        "\u2717 ",
-                        toolInfo.emoji,
-                        " Image generation failed"))))));
-        }
-        // BACKGROUND_COMMAND
-        if (toolName === 'background_command' && toolArgs) {
-            const { action, command, task_id, wait_seconds } = toolArgs;
-            let actionText = 'Background command';
-            let actionDetail = '';
-            if (action === 'start') {
-                actionText = 'Started background task';
-                actionDetail = command ? `(${command})` : '';
-            }
-            else if (action === 'status') {
-                actionText = 'Checked task status';
-                actionDetail = task_id ? `(${task_id})` : '';
-            }
-            else if (action === 'kill') {
-                actionText = 'Killed background task';
-                actionDetail = task_id ? `(${task_id})` : '';
-            }
-            else if (action === 'wait') {
-                actionText = 'Waited for';
-                actionDetail = wait_seconds ? `${wait_seconds} second${wait_seconds !== 1 ? 's' : ''}` : '';
-            }
-            return renderWithThinking(React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#00cc66", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" },
-                React.createElement(Box, null,
-                    React.createElement(Text, { color: "#00cc66", bold: true },
-                        "\u2713 ",
-                        toolInfo.emoji,
-                        " ",
-                        actionText),
-                    actionDetail && React.createElement(Text, { color: "#666666" },
-                        " ",
-                        actionDetail))));
-        }
-        // WORKFLOW - completed state
-        if (toolName === 'workflow' && toolArgs) {
-            const action = toolArgs.action;
-            const stepNumber = toolArgs.step_number;
-            const exitType = toolArgs.exit_type;
-            const reason = toolArgs.reason;
-            let actionText = 'Workflow action';
-            let borderColor = '#00cc66';
-            let textColor = '#00cc66';
-            let icon = '✓';
-            if (action === 'step_complete') {
-                actionText = `Step ${stepNumber || '?'} Complete`;
-                borderColor = '#00cc66';
-                textColor = '#00cc66';
-            }
-            else if (action === 'exit') {
-                if (exitType === 'error') {
-                    actionText = `Workflow Failed${reason ? `: ${reason.slice(0, 50)}` : ''}`;
-                    borderColor = '#ff3366';
-                    textColor = '#ff3366';
-                    icon = '✗';
-                }
-                else if (exitType === 'cancelled') {
-                    actionText = 'Workflow Cancelled';
-                    borderColor = '#ff9900';
-                    textColor = '#ff9900';
-                    icon = '⚠';
-                }
-                else {
-                    actionText = 'Workflow Completed';
-                    borderColor = '#00cc66';
-                    textColor = '#00cc66';
-                }
-            }
-            return renderWithThinking(React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: borderColor, paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" },
-                React.createElement(Box, null,
-                    React.createElement(Text, { color: textColor, bold: true },
-                        icon,
-                        " \uD83D\uDD04 ",
-                        actionText))));
-        }
-        // GET_DIFF
-        if (toolName === 'get_diff' && toolArgs) {
-            const { filePath, staged } = toolArgs;
-            const diffTarget = filePath ? toRelativePath(filePath) : '';
-            const stagedText = staged ? ' (staged)' : '';
-            // The get_diff tool returns JSON: { result: string, summary: string }
-            // Parse JSON to extract the human-readable summary
-            let parsedResult = result || '';
-            let parsedSummary = '';
-            try {
-                if (result) {
-                    const json = JSON.parse(result);
-                    parsedResult = json.result || result;
-                    parsedSummary = json.summary || '';
-                }
-            }
-            catch {
-                // Not JSON, use raw result as-is
-            }
-            const hasChanges = !parsedResult.includes('No changes') && !parsedSummary.includes('No changes');
-            const truncated = parsedResult.includes('[Diff truncated');
-            // Build display summary from parsed data
-            let displayInfo = 'no changes';
-            if (hasChanges) {
-                if (parsedSummary) {
-                    displayInfo = parsedSummary;
-                }
-                else {
-                    // Fallback: extract file count from result text (format: **N file(s) changed**)
-                    const filesMatch = parsedResult.match(/(\d+)\s+file\(?s?\)?\s+changed/);
-                    displayInfo = filesMatch ? `${filesMatch[1]} file(s) changed` : 'changes detected';
+    if (toolInfo.isMCP) {
+      return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#9945FF", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: "#00ccff" }, /* @__PURE__ */ React.createElement(Spinner, { type: "arc" })), /* @__PURE__ */ React.createElement(Text, { color: "#9945FF", bold: true }, " MCP"), /* @__PURE__ */ React.createElement(Text, { color: "#9945FF" }, " ", toolInfo.serverName, " ", toolInfo.mcpToolName)));
+    }
+    if (toolName === "view_file" && toolArgs) {
+      const { AbsolutePath, remoteContext } = toolArgs;
+      const lineInfo = getViewFileLineInfo(toolArgs);
+      return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#003b59", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: "#00ccff" }, /* @__PURE__ */ React.createElement(Spinner, { type: "arc" })), /* @__PURE__ */ React.createElement(Text, { color: "#00ccff", bold: true }, " Reading ", lineInfo, " from "), /* @__PURE__ */ React.createElement(Text, { color: "#00ccff" }, formatPathWithContext(AbsolutePath, remoteContext), "...")));
+    }
+    if (toolName === "list_dir" && toolArgs) {
+      const { DirectoryPath, remoteContext } = toolArgs;
+      return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#003b59", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: "#00ccff" }, /* @__PURE__ */ React.createElement(Spinner, { type: "arc" })), /* @__PURE__ */ React.createElement(Text, { color: "#00ccff", bold: true }, " Listing "), /* @__PURE__ */ React.createElement(Text, { color: "#00ccff" }, formatPathWithContext(DirectoryPath, remoteContext), "...")));
+    }
+    if (toolName === "grep_search" && toolArgs) {
+      const { Query, SearchPath } = toolArgs;
+      const searchPathRelative = toRelativePath(SearchPath);
+      const hasExtension = /\.[a-zA-Z0-9]{1,10}$/.test(SearchPath || "");
+      const pathType = hasExtension ? "file" : "directory";
+      return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#003b59", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" }, /* @__PURE__ */ React.createElement(Box, { flexWrap: "wrap" }, /* @__PURE__ */ React.createElement(Text, { color: "#00ccff" }, /* @__PURE__ */ React.createElement(Spinner, { type: "arc" })), /* @__PURE__ */ React.createElement(Text, { color: "#00ccff", bold: true }, " Searching for "), /* @__PURE__ */ React.createElement(Text, { color: "#00ccff" }, '"', Query, '"'), searchPathRelative && /* @__PURE__ */ React.createElement(Text, { color: "#00ccff" }, " in ", /* @__PURE__ */ React.createElement(Text, { color: "#00ccff", bold: true }, searchPathRelative), " ", pathType, "..."), !searchPathRelative && /* @__PURE__ */ React.createElement(Text, { color: "#00ccff" }, "...")));
+    }
+    if (toolName === "find_files" && toolArgs) {
+      const { pattern } = toolArgs;
+      return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#003b59", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: "#00ccff" }, /* @__PURE__ */ React.createElement(Spinner, { type: "arc" })), /* @__PURE__ */ React.createElement(Text, { color: "#00ccff", bold: true }, " Finding files matching "), /* @__PURE__ */ React.createElement(Text, { color: "#00ccff" }, '"', pattern, '"...')));
+    }
+    if (toolName === "fetch_url" && toolArgs) {
+      const { url } = toolArgs;
+      return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#003b59", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: "#00ccff" }, /* @__PURE__ */ React.createElement(Spinner, { type: "arc" })), /* @__PURE__ */ React.createElement(Text, { color: "#00ccff", bold: true }, " Fetching "), /* @__PURE__ */ React.createElement(Text, { color: "#00ccff" }, url, "...")));
+    }
+    if (toolName === "read_binary_file" && toolArgs) {
+      const { file_path, remoteContext } = toolArgs;
+      const fileName = file_path ? path.basename(file_path) : "file";
+      return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#ff9900", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: "#00ccff" }, /* @__PURE__ */ React.createElement(Spinner, { type: "arc" })), /* @__PURE__ */ React.createElement(Text, { color: "#ff9900", bold: true }, " Reading "), /* @__PURE__ */ React.createElement(Text, { color: "#ff9900" }, formatPathWithContext(file_path, remoteContext), "...")));
+    }
+    if (toolName === "write_to_file" && toolArgs) {
+      const { TargetFile, remoteContext } = toolArgs;
+      return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#003b59", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: "#00ccff" }, /* @__PURE__ */ React.createElement(Spinner, { type: "arc" })), /* @__PURE__ */ React.createElement(Text, { color: "#00ccff", bold: true }, " Writing to "), /* @__PURE__ */ React.createElement(Text, { color: "#00ccff" }, formatPathWithContext(TargetFile, remoteContext), "...")));
+    }
+    if (toolName === "edit_file" && toolArgs) {
+      const { file_path, remoteContext } = toolArgs;
+      return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#003b59", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: "#00ccff" }, /* @__PURE__ */ React.createElement(Spinner, { type: "arc" })), /* @__PURE__ */ React.createElement(Text, { color: "#00ccff", bold: true }, " Editing "), /* @__PURE__ */ React.createElement(Text, { color: "#00ccff" }, formatPathWithContext(file_path, remoteContext), "...")));
+    }
+    if (toolName === "multi_edit_file" && toolArgs) {
+      const { file_path, remoteContext } = toolArgs;
+      return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#003b59", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: "#00ccff" }, /* @__PURE__ */ React.createElement(Spinner, { type: "arc" })), /* @__PURE__ */ React.createElement(Text, { color: "#00ccff", bold: true }, " Editing "), /* @__PURE__ */ React.createElement(Text, { color: "#00ccff" }, formatPathWithContext(file_path, remoteContext), "...")));
+    }
+    if (toolName === "create_image") {
+      return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#ff9900", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: "#00ccff" }, /* @__PURE__ */ React.createElement(Spinner, { type: "arc" })), /* @__PURE__ */ React.createElement(Text, { color: "#ff9900", bold: true }, " Generating image...")));
+    }
+    if (toolName === "background_command" && toolArgs) {
+      const { action, command, task_id, wait_seconds } = toolArgs;
+      let actionText = "Running background task...";
+      if (action === "start") {
+        actionText = `Starting: ${command || "command"}...`;
+      } else if (action === "status") {
+        actionText = `Checking status: ${task_id || "task"}...`;
+      } else if (action === "kill") {
+        actionText = `Killing task: ${task_id || "task"}...`;
+      } else if (action === "wait") {
+        actionText = `Waiting for ${wait_seconds || "?"} second${wait_seconds !== 1 ? "s" : ""}...`;
+      }
+      return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#ff9900", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: "#00ccff" }, /* @__PURE__ */ React.createElement(Spinner, { type: "arc" })), /* @__PURE__ */ React.createElement(Text, { color: "#ff9900", bold: true }, " ", toolInfo.emoji, " ", actionText)));
+    }
+    if (toolName === "get_diff" && toolArgs) {
+      const { filePath, staged, reason_text } = toolArgs;
+      const diffTarget = filePath ? `for ${filePath}` : "for all files";
+      const stagedText = staged ? " (staged)" : "";
+      return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#00ccff", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: "#00ccff" }, /* @__PURE__ */ React.createElement(Spinner, { type: "arc" })), /* @__PURE__ */ React.createElement(Text, { color: "#00ccff", bold: true }, " ", toolInfo.emoji, " Getting diff ", diffTarget, stagedText, "...")));
+    }
+    if (toolName === "web_search" && toolArgs) {
+      const { query } = toolArgs;
+      return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#00ccff", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: "#00ccff" }, /* @__PURE__ */ React.createElement(Spinner, { type: "arc" })), /* @__PURE__ */ React.createElement(Text, { color: "#00ccff", bold: true }, " ", toolInfo.emoji, " Searching the web for "), /* @__PURE__ */ React.createElement(Text, { color: "#00ccff" }, '"', query, '"...')));
+    }
+    if (toolName === "fast_context_search" && toolArgs) {
+      const { query } = toolArgs;
+      let scannedFiles = [];
+      try {
+        const streamData = message.toolExecution?.streamingOutput || result;
+        if (streamData) {
+          const lines = streamData.trim().split("\n").filter(Boolean);
+          if (lines.length > 0) {
+            for (let i = lines.length - 1; i >= 0; i--) {
+              try {
+                const line = lines[i].trim();
+                if (line.startsWith("{")) {
+                  const parsed = JSON.parse(line);
+                  if (parsed.type === "scanned_files" && parsed.files) {
+                    scannedFiles = parsed.files;
+                    break;
+                  }
                 }
+              } catch (e) {
+              }
             }
-            return renderWithThinking(React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#00cc66", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" },
-                React.createElement(Box, null,
-                    React.createElement(Text, { color: "#00cc66", bold: true },
-                        "\u2713 ",
-                        toolInfo.emoji,
-                        " Checked diff ",
-                        diffTarget ? `for ${diffTarget} ` : '',
-                        stagedText),
-                    React.createElement(Text, { color: "#666666" },
-                        "(",
-                        displayInfo,
-                        truncated ? ', truncated' : '',
-                        ")"))));
+          }
         }
-        // DEFAULT - for any other tool
-        return renderWithThinking(React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#00ccff", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" },
-            React.createElement(Box, null,
-                React.createElement(Text, { color: "#00cc66", bold: true },
-                    "\u2713 ",
-                    toolInfo.emoji,
-                    " ",
-                    toolInfo.verb)),
-            result && result.length < 300 && (React.createElement(Box, { paddingLeft: 1, marginTop: 1 },
-                React.createElement(Text, { color: "#aaaaaa" }, result)))));
+      } catch (e) {
+      }
+      const truncatedQuery = query && query.length > 50 ? query.substring(0, 47) + "..." : query || "";
+      return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#00ccff", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: "#00ccff" }, /* @__PURE__ */ React.createElement(Spinner, { type: "arc" })), /* @__PURE__ */ React.createElement(Text, { color: "#00cc66", bold: true }, " Rapid Context "), /* @__PURE__ */ React.createElement(Text, { color: "#cccccc" }, ' "', truncatedQuery, '"')), scannedFiles.length > 0 && /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginLeft: 2, marginTop: 1 }, scannedFiles.map((f, i) => /* @__PURE__ */ React.createElement(Text, { key: i, color: "#666666", wrap: "truncate-end" }, "- ", toRelativePath(f)))));
     }
-    return null;
+    if (toolName === "inspect_symbol" && toolArgs) {
+      const { filePath, symbols, remoteContext } = toolArgs;
+      const symbolList = Array.isArray(symbols) ? symbols.join(", ") : symbols || "symbols";
+      return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#00ccff", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: "#00ccff" }, /* @__PURE__ */ React.createElement(Spinner, { type: "arc" })), /* @__PURE__ */ React.createElement(Text, { color: "#00ccff", bold: true }, " ", toolInfo.emoji, " Inspecting "), /* @__PURE__ */ React.createElement(Text, { color: "#00ccff" }, symbolList, " in ", formatPathWithContext(filePath, remoteContext), "...")));
+    }
+    if (toolName === "sub_agent" && toolArgs) {
+      const action = toolArgs.action;
+      if (action === "spawn") {
+        const prompt = toolArgs.prompt || toolArgs.task || "Unknown task";
+        const complexity = toolArgs.complexity || 3;
+        const modelName = complexity > 5 ? "Gemini 3.1 Pro Preview" : "Gemini 3 Flash Preview";
+        const promptLines = prompt.split("\n");
+        const maxLines = 4;
+        const displayLines = promptLines.slice(0, maxLines);
+        const remainingLines = promptLines.length - maxLines;
+        const truncatedPrompt = displayLines.join("\n");
+        return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#00ccff", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: "#00ccff" }, /* @__PURE__ */ React.createElement(Spinner, { type: "arc" })), /* @__PURE__ */ React.createElement(Text, { color: "#9945FF", bold: true }, " ", toolInfo.emoji, " Spawning Sub-Agent "), /* @__PURE__ */ React.createElement(Text, { color: "#666666", dimColor: true }, "(", modelName, ")")), /* @__PURE__ */ React.createElement(Box, { marginLeft: 2, flexDirection: "column" }, /* @__PURE__ */ React.createElement(Text, { color: "#00ccff" }, truncatedPrompt), remainingLines > 0 && /* @__PURE__ */ React.createElement(Text, { color: "#666666", dimColor: true }, "... ", remainingLines, " more lines")));
+      } else if (action === "wait_for_status" || action === "status") {
+        const delay = toolArgs.time_delay || 0;
+        const agentId = toolArgs.agent_id || "unknown";
+        const waitMessage = delay > 0 ? `Waiting for ${delay} seconds...` : "Checking status...";
+        return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#00ccff", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: "#00ccff" }, /* @__PURE__ */ React.createElement(Spinner, { type: "arc" })), /* @__PURE__ */ React.createElement(Text, { color: "#9945FF", bold: true }, " ", toolInfo.emoji, " Sub Agent Status "), /* @__PURE__ */ React.createElement(Text, { color: "#666666", dimColor: true }, "(id: ", agentId, ")")), /* @__PURE__ */ React.createElement(Box, { marginLeft: 2 }, /* @__PURE__ */ React.createElement(Text, { color: "#00ccff" }, waitMessage)));
+      }
+      return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#00ccff", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: "#00ccff" }, /* @__PURE__ */ React.createElement(Spinner, { type: "arc" })), /* @__PURE__ */ React.createElement(Text, { color: "#9945FF", bold: true }, " ", toolInfo.emoji, " Sub Agent "), /* @__PURE__ */ React.createElement(Text, { color: "#666666", dimColor: true }, "(", action, ")")));
+    }
+    if (toolName === "workflow" && toolArgs) {
+      const action = toolArgs.action;
+      const stepNumber = toolArgs.step_number;
+      const exitType = toolArgs.exit_type;
+      const reason = toolArgs.reason;
+      let actionText = "Workflow action...";
+      let borderColor = "#00ccff";
+      let textColor = "#00ccff";
+      if (action === "step_complete") {
+        actionText = `Completing Step ${stepNumber || "?"}...`;
+        borderColor = "#00cc66";
+        textColor = "#00cc66";
+      } else if (action === "exit") {
+        if (exitType === "error") {
+          actionText = `Workflow Failed${reason ? `: ${reason.slice(0, 50)}` : ""}`;
+          borderColor = "#ff3366";
+          textColor = "#ff3366";
+        } else if (exitType === "cancelled") {
+          actionText = "Workflow Cancelled";
+          borderColor = "#ff9900";
+          textColor = "#ff9900";
+        } else {
+          actionText = "Workflow Completed";
+          borderColor = "#00cc66";
+          textColor = "#00cc66";
+        }
+      }
+      return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor, paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: "#00ccff" }, /* @__PURE__ */ React.createElement(Spinner, { type: "arc" })), /* @__PURE__ */ React.createElement(Text, { color: textColor, bold: true }, " \u{1F504} ", actionText)));
+    }
+    if (toolName === "add_mcp" && toolArgs) {
+      const serverName = toolArgs.name || "unknown";
+      const command = toolArgs.command || "";
+      const serverArgs = Array.isArray(toolArgs.args) ? toolArgs.args.join(" ") : "";
+      const fullCommand = serverArgs ? `${command} ${serverArgs}` : command;
+      return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#9945FF", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: "#9945FF" }, /* @__PURE__ */ React.createElement(Spinner, { type: "arc" })), /* @__PURE__ */ React.createElement(Text, { color: "#9945FF", bold: true }, " \u{1F50C} Adding MCP server "), /* @__PURE__ */ React.createElement(Text, { color: "#cc99ff", bold: true }, serverName)), fullCommand && /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: "#666666", dimColor: true }, "   ", fullCommand)));
+    }
+    return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#003b59", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: "#00ccff" }, /* @__PURE__ */ React.createElement(Spinner, { type: "arc" })), /* @__PURE__ */ React.createElement(Text, { color: "#00ccff", bold: true }, " ", toolInfo.verb, "...")));
+  }
+  if (status === "error") {
+    if (toolName === "execute_command" && toolArgs) {
+      const command = toolArgs.command || toolArgs.CommandLine || toolArgs.commandLine || "";
+      const truncatedCommand = truncateCommand(command, 80);
+      const { cwd, remoteContext } = toolArgs;
+      const cleanResult = cleanShellOutput(result);
+      const formattedCwd = cwd && remoteContext ? `${remoteContext}:${cwd.replace(/\\/g, "/")}` : (cwd || "").replace(/\\/g, "/");
+      return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#ff3366", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" }, /* @__PURE__ */ React.createElement(Box, { marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { color: "#ff3366", bold: true }, "\u2717 Shell "), /* @__PURE__ */ React.createElement(Text, { color: "#666666" }, truncatedCommand, " "), cwd && /* @__PURE__ */ React.createElement(Text, { color: "#666666", dimColor: true }, "[current working directory ", formattedCwd, "]"))), cleanResult && /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { wrap: "wrap" }, cleanResult)));
+    }
+    return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#ff3366", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: "#ff3366", bold: true }, "\u2717 ", toolInfo.emoji, " ", toolInfo.verb, " failed")), /* @__PURE__ */ React.createElement(Box, { paddingLeft: 1, marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: "#ff3366" }, error || "The Agent passed invalid parameters")));
+  }
+  if (status === "completed") {
+    if (toolInfo.isMCP) {
+      return renderWithThinking(
+        /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#00cc66", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: "#00cc66", bold: true }, "\u2713 MCP"), /* @__PURE__ */ React.createElement(Text, { color: "#aaaaaa" }, " ", toolInfo.serverName, " ", toolInfo.mcpToolName)))
+      );
+    }
+    if (toolName === "mark_task_complete" || toolName === "create_plan") {
+      return null;
+    }
+    if (toolName === "auto_context_compaction") {
+      return renderWithThinking(
+        /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#00cc66", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: "#00cc66", bold: true }, "Auto compacted context")), result && /* @__PURE__ */ React.createElement(Box, { paddingLeft: 1, marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: "#aaaaaa" }, result)))
+      );
+    }
+    if (toolName === "execute_command" && toolArgs) {
+      if (toolArgs.shell_input) {
+        return null;
+      }
+      const command = toolArgs.command || toolArgs.CommandLine || toolArgs.commandLine || "";
+      const truncatedCommand = truncateCommand(command, 80);
+      const { cwd, remoteContext } = toolArgs;
+      const cleanResult = cleanShellOutput(result);
+      const formattedCwd = cwd && remoteContext ? `${remoteContext}:${cwd.replace(/\\/g, "/")}` : (cwd || "").replace(/\\/g, "/");
+      return renderWithThinking(
+        /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#00cc66", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" }, /* @__PURE__ */ React.createElement(Box, { marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { color: "#00cc66", bold: true }, "\u2713 Shell "), /* @__PURE__ */ React.createElement(Text, { color: "#666666" }, truncatedCommand, " "), cwd && /* @__PURE__ */ React.createElement(Text, { color: "#666666", dimColor: true }, "[current working directory ", formattedCwd, "]"))), cleanResult && /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { wrap: "wrap" }, cleanResult)))
+      );
+    }
+    if (toolName === "view_file" && toolArgs) {
+      const { AbsolutePath, remoteContext } = toolArgs;
+      const lineInfo = getViewFileLineInfo(toolArgs, result);
+      return renderWithThinking(
+        /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#00ccff", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: "#00cc66", bold: true }, "\u2713 ", toolInfo.emoji, " Read ", lineInfo, " from "), /* @__PURE__ */ React.createElement(Text, { color: "#00ccff" }, formatPathWithContext(AbsolutePath, remoteContext))))
+      );
+    }
+    if (toolName === "write_to_file" && toolArgs) {
+      const { TargetFile, CodeContent, remoteContext } = toolArgs;
+      const lines = CodeContent ? CodeContent.split("\n").length : 0;
+      return renderWithThinking(
+        /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#00ccff", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" }, /* @__PURE__ */ React.createElement(Box, { flexWrap: "wrap" }, /* @__PURE__ */ React.createElement(Text, { color: "#00cc66", bold: true }, "\u2713 ", toolInfo.emoji, " Wrote to "), /* @__PURE__ */ React.createElement(Text, { color: "#00ccff" }, formatPathWithContext(TargetFile, remoteContext)), lines > 0 && /* @__PURE__ */ React.createElement(Text, { color: "green" }, " +", lines)), renderDiffSnippet(void 0, CodeContent))
+      );
+    }
+    if (toolName === "edit_file" && toolArgs) {
+      const { file_path, remoteContext, replacement, search_pattern } = toolArgs;
+      const added = replacement ? replacement.split("\n").length : 0;
+      const removed = search_pattern ? search_pattern.split("\n").length : 0;
+      return renderWithThinking(
+        /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#00ccff", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" }, /* @__PURE__ */ React.createElement(Box, { flexWrap: "wrap" }, /* @__PURE__ */ React.createElement(Text, { color: "#00cc66", bold: true }, "\u2713 ", toolInfo.emoji, " Edited "), /* @__PURE__ */ React.createElement(Text, { color: "#00ccff" }, formatPathWithContext(file_path, remoteContext)), /* @__PURE__ */ React.createElement(Text, { color: "green" }, " +", added), /* @__PURE__ */ React.createElement(Text, { color: "red" }, " -", removed)), renderDiffSnippet(search_pattern, replacement))
+      );
+    }
+    if (toolName === "multi_edit_file" && toolArgs) {
+      const { file_path, edits, remoteContext } = toolArgs;
+      const editList = Array.isArray(edits) ? edits : [];
+      let added = 0;
+      let removed = 0;
+      editList.forEach((edit) => {
+        if (edit.replacement || edit.ReplacementContent) {
+          added += (edit.replacement || edit.ReplacementContent).split("\n").length;
+        }
+        if (edit.search_pattern || edit.TargetContent) {
+          removed += (edit.search_pattern || edit.TargetContent).split("\n").length;
+        }
+      });
+      const firstEdit = editList[0];
+      const searchExample = firstEdit ? firstEdit.search_pattern || firstEdit.TargetContent : void 0;
+      const replaceExample = firstEdit ? firstEdit.replacement || firstEdit.ReplacementContent : void 0;
+      return renderWithThinking(
+        /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#00ccff", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" }, /* @__PURE__ */ React.createElement(Box, { flexWrap: "wrap" }, /* @__PURE__ */ React.createElement(Text, { color: "#00cc66", bold: true }, "\u2713 ", toolInfo.emoji, " Edited "), /* @__PURE__ */ React.createElement(Text, { color: "#00ccff" }, formatPathWithContext(file_path, remoteContext)), /* @__PURE__ */ React.createElement(Text, { color: "green" }, " +", added), /* @__PURE__ */ React.createElement(Text, { color: "red" }, " -", removed)), editList.length > 0 ? /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginTop: 0 }, editList.map((edit, index) => {
+          const search = edit.search_pattern || edit.TargetContent;
+          const replace = edit.replacement || edit.ReplacementContent;
+          return /* @__PURE__ */ React.createElement(React.Fragment, { key: index }, renderDiffSnippet(search, replace, { compact: index > 0 }));
+        })) : null)
+      );
+    }
+    if (toolName === "list_dir" && toolArgs) {
+      const { DirectoryPath, remoteContext } = toolArgs;
+      const itemStats = parseListDirResult(result);
+      return renderWithThinking(
+        /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#00ccff", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: "#00cc66", bold: true }, "\u2713 ", toolInfo.emoji, " Listed "), /* @__PURE__ */ React.createElement(Text, { color: "#00ccff" }, formatPathWithContext(DirectoryPath, remoteContext)), itemStats !== null && /* @__PURE__ */ React.createElement(Text, { color: "#666666" }, " (", itemStats.dirs, " dir", itemStats.dirs !== 1 ? "s" : "", ", ", itemStats.files, " file", itemStats.files !== 1 ? "s" : "", ")")))
+      );
+    }
+    if (toolName === "grep_search" && toolArgs) {
+      const { Query, SearchPath } = toolArgs;
+      const searchResults = parseGrepSearchResult(result);
+      const searchPathRelative = toRelativePath(SearchPath);
+      const hasExtension = /\.[a-zA-Z0-9]{1,10}$/.test(SearchPath || "");
+      const pathType = hasExtension ? "file" : "directory";
+      return renderWithThinking(
+        /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#00ccff", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" }, /* @__PURE__ */ React.createElement(Box, { flexWrap: "wrap" }, /* @__PURE__ */ React.createElement(Text, { color: "#00cc66", bold: true }, "\u2713 ", toolInfo.emoji, " Searched for "), /* @__PURE__ */ React.createElement(Text, { color: "#00ccff" }, '"', Query, '"'), searchPathRelative && /* @__PURE__ */ React.createElement(Text, { color: "#666666" }, " in ", /* @__PURE__ */ React.createElement(Text, { color: "#00ccff" }, searchPathRelative), " ", pathType), searchResults && /* @__PURE__ */ React.createElement(Text, { color: "#666666" }, " (", searchResults.matches, " match", searchResults.matches !== 1 ? "es" : "", " in ", searchResults.files, " file", searchResults.files !== 1 ? "s" : "", ")"), !searchResults && result && /* @__PURE__ */ React.createElement(Text, { color: "#666666" }, " (no matches)")))
+      );
+    }
+    if (toolName === "find_files" && toolArgs) {
+      const { pattern, Pattern } = toolArgs;
+      const displayPattern = pattern || Pattern || "*";
+      const fileCount = parseFindFilesResult(result);
+      return renderWithThinking(
+        /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#00ccff", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: "#00cc66", bold: true }, "\u2713 ", toolInfo.emoji, " Found ", fileCount !== null ? fileCount : 0, " files matching "), /* @__PURE__ */ React.createElement(Text, { color: "#00ccff" }, '"', displayPattern, '"')))
+      );
+    }
+    if (toolName === "web_search" && toolArgs) {
+      const { query } = toolArgs;
+      return renderWithThinking(
+        /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#00ccff", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: "#00cc66", bold: true }, "\u2713 ", toolInfo.emoji, " Searched the web for "), /* @__PURE__ */ React.createElement(Text, { color: "#00ccff" }, '"', query, '"')))
+      );
+    }
+    if (toolName === "fetch_url" && toolArgs) {
+      const { url } = toolArgs;
+      return renderWithThinking(
+        /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#00ccff", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: "#00cc66", bold: true }, "\u2713 ", toolInfo.emoji, " Fetched "), /* @__PURE__ */ React.createElement(Text, { color: "#00ccff" }, url)))
+      );
+    }
+    if (toolName === "fast_context_search" && toolArgs) {
+      let answer = result || "";
+      let stats = void 0;
+      try {
+        if (result && result.trim().startsWith("{")) {
+          const parsed = JSON.parse(result);
+          if (parsed.answer !== void 0) {
+            answer = parsed.answer;
+          }
+          if (parsed.stats !== void 0) {
+            stats = parsed.stats;
+          }
+        }
+      } catch (e) {
+      }
+      const { query } = toolArgs;
+      const scannedFiles = stats?.scannedFiles || [];
+      const hasFiles = scannedFiles.length > 0;
+      const MAX_DISPLAY_FILES = 10;
+      const truncatedQuery = query && query.length > 50 ? query.substring(0, 47) + "..." : query || "";
+      return renderWithThinking(
+        /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#00ccff", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: "#00cc66", bold: true }, "\u2713 Rapid Context "), /* @__PURE__ */ React.createElement(Text, { color: "#cccccc", wrap: "truncate-end" }, '"', truncatedQuery, '" '), stats && /* @__PURE__ */ React.createElement(Text, { color: "#666666" }, "(Searched ", stats.filesSearched, " files in ", (stats.duration / 1e3).toFixed(1), "s)")), /* @__PURE__ */ React.createElement(Box, { paddingLeft: 1, marginTop: 1, flexDirection: "column" }, !hasFiles && answer && /* @__PURE__ */ React.createElement(Text, { color: "#aaaaaa", wrap: "truncate-end" }, answer), hasFiles && /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginTop: 0 }, scannedFiles.slice(0, MAX_DISPLAY_FILES).map((f, i) => {
+          return /* @__PURE__ */ React.createElement(Text, { key: i, color: "#444444", wrap: "truncate-end" }, "- ", path.basename(f), " ", /* @__PURE__ */ React.createElement(Text, { color: "#333333", italic: true }, "(", toRelativePath(f), ")"));
+        }), scannedFiles.length > MAX_DISPLAY_FILES && /* @__PURE__ */ React.createElement(Text, { color: "#444444", italic: true }, "...and ", scannedFiles.length - MAX_DISPLAY_FILES, " more files checked"))))
+      );
+    }
+    if (toolName === "inspect_symbol" && toolArgs) {
+      const { filePath, remoteContext } = toolArgs;
+      const symbolResult = parseInspectSymbolResult(result);
+      const displayPath = filePath || "unknown";
+      const noSymbols = result?.includes("No symbols found");
+      return renderWithThinking(
+        /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#00ccff", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: "#00cc66", bold: true }, "\u2713 ", toolInfo.emoji, " Inspected "), /* @__PURE__ */ React.createElement(Text, { color: "#00ccff" }, formatPathWithContext(displayPath, remoteContext)), noSymbols && /* @__PURE__ */ React.createElement(Text, { color: "#666666" }, " (no symbols found)"), !noSymbols && symbolResult.found && /* @__PURE__ */ React.createElement(Text, { color: "#666666" }, " (", symbolResult.count, " symbol", symbolResult.count !== 1 ? "s" : "", ")")))
+      );
+    }
+    if (toolName === "read_binary_file" && toolArgs) {
+      const { file_path, remoteContext } = toolArgs;
+      const fileName = file_path ? path.basename(file_path) : "file";
+      const sizeMatch = result?.match(/Size:\s*([\d.]+\s*(?:B|KB|MB))/);
+      const typeMatch = result?.match(/Type:\s*([\w/+-]+)/);
+      const fileSize = sizeMatch ? sizeMatch[1] : "";
+      const fileType = typeMatch ? typeMatch[1] : "";
+      const isSuccess = result?.includes("Successfully uploaded");
+      const isError = result?.includes("Error:") || !isSuccess;
+      const errorMessage = result?.match(/Error:\s*(.+?)(?:\n|$)/)?.[1] || "";
+      return renderWithThinking(
+        /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: isSuccess ? "#00cc66" : "#ff6666", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" }, /* @__PURE__ */ React.createElement(Box, null, isSuccess ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Text, { color: "#00cc66", bold: true }, "\u2713 ", toolInfo.emoji, " Read "), /* @__PURE__ */ React.createElement(Text, { color: "#ff9900" }, formatPathWithContext(file_path, remoteContext))) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Text, { color: "#ff6666", bold: true }, "\u2717 ", toolInfo.emoji, " Read failed "), /* @__PURE__ */ React.createElement(Text, { color: "#ff9900" }, formatPathWithContext(file_path, remoteContext)))), isSuccess && (fileType || fileSize) && /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: "#666666" }, fileType && `${fileType}`, fileType && fileSize && " \u2022 ", fileSize && fileSize)), isError && errorMessage && /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: "#ff6666" }, errorMessage)))
+      );
+    }
+    if (toolName === "sub_agent") {
+      const toolAction = toolArgs?.action;
+      const agentId = toolArgs?.agent_id || "unknown";
+      let title = "Sub Agent";
+      let details = "";
+      let additionalContent = null;
+      let structResult = null;
+      let markdownReport = typeof result === "string" ? result : "";
+      try {
+        if (typeof result === "string" && result.trim().startsWith("{")) {
+          const parsed = JSON.parse(result);
+          if (parsed.data && parsed.report) {
+            structResult = parsed.data;
+            markdownReport = parsed.report;
+          }
+        }
+      } catch (e) {
+      }
+      if (toolAction === "spawn") {
+        title = "Sub Agent";
+        const prompt = toolArgs?.prompt || "";
+        const shortPrompt = prompt.length > 50 ? prompt.substring(0, 47) + "..." : prompt;
+        const idMatch = result?.match(/Agent ID:\*\* ([\w-]+)/);
+        const spawnedId = idMatch ? idMatch[1] : "unknown";
+        details = `(id: ${spawnedId})`;
+        if (prompt) {
+          additionalContent = /* @__PURE__ */ React.createElement(Box, { marginTop: 1, marginLeft: 2 }, /* @__PURE__ */ React.createElement(Text, { color: "#00ccff" }, prompt));
+        }
+      } else if (toolAction === "wait_for_status" || toolAction === "status") {
+        title = "Sub Agent Status";
+        const statusMatch = result?.match(/Status:\*\* (.+?)\n/);
+        const durationMatch = result?.match(/Duration:\*\* (.+?)\n/);
+        const fileOpsMatch = result?.match(/File Operations:\*\* (\d+)/);
+        const toolCallsMatch = result?.match(/Tool Calls:\*\* (\d+)/);
+        const status2 = statusMatch ? statusMatch[1].trim() : "unknown";
+        const duration = durationMatch ? durationMatch[1].trim() : "unknown";
+        const fileOps = fileOpsMatch ? fileOpsMatch[1] : "0";
+        const toolCalls = toolCallsMatch ? toolCallsMatch[1] : "0";
+        details = `(id: ${agentId}, status: ${status2}, duration: ${duration}, files: ${fileOps}, tools: ${toolCalls})`;
+      } else if (toolAction === "terminate") {
+        title = "Sub Agent Terminated";
+        details = `(id: ${agentId})`;
+      } else if (toolAction === "read_results") {
+        title = "Sub Agent Results";
+        if (structResult) {
+          details = `(id: ${structResult.agentId}, duration: ${structResult.duration})`;
+          if (structResult.fileOperations && structResult.fileOperations.length > 0) {
+            additionalContent = /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: "#666666" }, "Files Modified:"), structResult.fileOperations.map((op, i) => /* @__PURE__ */ React.createElement(Box, { key: i, marginLeft: 2 }, /* @__PURE__ */ React.createElement(Text, { color: "#00ccff" }, "\u2022 ", op.path, " ", /* @__PURE__ */ React.createElement(Text, { color: "#666666", dimColor: true }, "(", op.type, ")")))));
+          }
+        } else {
+          details = `(id: ${agentId})`;
+          const summary = result?.length > 100 ? result.substring(0, 97) + "..." : result;
+          additionalContent = /* @__PURE__ */ React.createElement(Text, { color: "#666666", dimColor: true }, summary);
+        }
+      }
+      return renderWithThinking(
+        /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#00cc66", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: "#00cc66", bold: true }, "\u2713 ", toolInfo.emoji, " ", title, " "), /* @__PURE__ */ React.createElement(Text, { color: "#666666" }, details)), additionalContent)
+      );
+    }
+    if (toolName === "create_image" && toolArgs) {
+      const { output_path, aspect_ratio } = toolArgs;
+      const sizeMatch = result?.match(/\*\*Size:\*\*\s*([\d.]+\s*KB)/);
+      const formatMatch = result?.match(/\*\*Format:\*\*\s*([\w/]+)/);
+      const fileSize = sizeMatch ? sizeMatch[1] : "";
+      const format = formatMatch ? formatMatch[1] : "";
+      const isSuccess = result?.includes("generated successfully");
+      return renderWithThinking(
+        /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: isSuccess ? "#00cc66" : "#ff6666", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" }, /* @__PURE__ */ React.createElement(Box, null, isSuccess ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Text, { color: "#00cc66", bold: true }, "\u2713 ", toolInfo.emoji, " Generated image "), /* @__PURE__ */ React.createElement(Text, { color: "#00ccff" }, toRelativePath(output_path)), (fileSize || format) && /* @__PURE__ */ React.createElement(Text, { color: "#666666" }, " (", format, format && fileSize ? " \u2022 " : "", fileSize, ")")) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Text, { color: "#ff6666", bold: true }, "\u2717 ", toolInfo.emoji, " Image generation failed"))))
+      );
+    }
+    if (toolName === "background_command" && toolArgs) {
+      const { action, command, task_id, wait_seconds } = toolArgs;
+      let actionText = "Background command";
+      let actionDetail = "";
+      if (action === "start") {
+        actionText = "Started background task";
+        actionDetail = command ? `(${command})` : "";
+      } else if (action === "status") {
+        actionText = "Checked task status";
+        actionDetail = task_id ? `(${task_id})` : "";
+      } else if (action === "kill") {
+        actionText = "Killed background task";
+        actionDetail = task_id ? `(${task_id})` : "";
+      } else if (action === "wait") {
+        actionText = "Waited for";
+        actionDetail = wait_seconds ? `${wait_seconds} second${wait_seconds !== 1 ? "s" : ""}` : "";
+      }
+      return renderWithThinking(
+        /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#00cc66", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: "#00cc66", bold: true }, "\u2713 ", toolInfo.emoji, " ", actionText), actionDetail && /* @__PURE__ */ React.createElement(Text, { color: "#666666" }, " ", actionDetail)))
+      );
+    }
+    if (toolName === "workflow" && toolArgs) {
+      const action = toolArgs.action;
+      const stepNumber = toolArgs.step_number;
+      const exitType = toolArgs.exit_type;
+      const reason = toolArgs.reason;
+      let actionText = "Workflow action";
+      let borderColor = "#00cc66";
+      let textColor = "#00cc66";
+      let icon = "\u2713";
+      if (action === "step_complete") {
+        actionText = `Step ${stepNumber || "?"} Complete`;
+        borderColor = "#00cc66";
+        textColor = "#00cc66";
+      } else if (action === "exit") {
+        if (exitType === "error") {
+          actionText = `Workflow Failed${reason ? `: ${reason.slice(0, 50)}` : ""}`;
+          borderColor = "#ff3366";
+          textColor = "#ff3366";
+          icon = "\u2717";
+        } else if (exitType === "cancelled") {
+          actionText = "Workflow Cancelled";
+          borderColor = "#ff9900";
+          textColor = "#ff9900";
+          icon = "\u26A0";
+        } else {
+          actionText = "Workflow Completed";
+          borderColor = "#00cc66";
+          textColor = "#00cc66";
+        }
+      }
+      return renderWithThinking(
+        /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor, paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: textColor, bold: true }, icon, " \u{1F504} ", actionText)))
+      );
+    }
+    if (toolName === "get_diff" && toolArgs) {
+      const { filePath, staged } = toolArgs;
+      const diffTarget = filePath ? toRelativePath(filePath) : "";
+      const stagedText = staged ? " (staged)" : "";
+      let parsedResult = result || "";
+      let parsedSummary = "";
+      try {
+        if (result) {
+          const json = JSON.parse(result);
+          parsedResult = json.result || result;
+          parsedSummary = json.summary || "";
+        }
+      } catch {
+      }
+      const hasChanges = !parsedResult.includes("No changes") && !parsedSummary.includes("No changes");
+      const truncated = parsedResult.includes("[Diff truncated");
+      let displayInfo = "no changes";
+      if (hasChanges) {
+        if (parsedSummary) {
+          displayInfo = parsedSummary;
+        } else {
+          const filesMatch = parsedResult.match(/(\d+)\s+file\(?s?\)?\s+changed/);
+          displayInfo = filesMatch ? `${filesMatch[1]} file(s) changed` : "changes detected";
+        }
+      }
+      return renderWithThinking(
+        /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#00cc66", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: "#00cc66", bold: true }, "\u2713 ", toolInfo.emoji, " Checked diff ", diffTarget ? `for ${diffTarget} ` : "", stagedText), /* @__PURE__ */ React.createElement(Text, { color: "#666666" }, "(", displayInfo, truncated ? ", truncated" : "", ")")))
+      );
+    }
+    if (toolName === "add_mcp" && toolArgs) {
+      const serverName = toolArgs.name || "unknown";
+      const isSuccess = result && result.includes("SUCCESS");
+      const borderColor = isSuccess ? "#9945FF" : "#ff3366";
+      const statusIcon = isSuccess ? "\u2713" : "\u2717";
+      const statusColor = isSuccess ? "#00cc66" : "#ff3366";
+      let toolCount = "";
+      const toolCountMatch = result?.match(/Available tools \((\d+)\)/);
+      if (toolCountMatch) {
+        toolCount = ` (${toolCountMatch[1]} tools)`;
+      }
+      let errorMsg = "";
+      if (!isSuccess) {
+        const errorMatch = result?.match(/Error: (.+)/);
+        if (errorMatch) {
+          errorMsg = errorMatch[1];
+        }
+      }
+      return renderWithThinking(
+        /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor, paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: statusColor, bold: true }, statusIcon, " \u{1F50C} ", isSuccess ? "Connected" : "Failed", " MCP server "), /* @__PURE__ */ React.createElement(Text, { color: "#cc99ff", bold: true }, serverName), toolCount && /* @__PURE__ */ React.createElement(Text, { color: "#666666" }, toolCount)), errorMsg && /* @__PURE__ */ React.createElement(Box, { paddingLeft: 2 }, /* @__PURE__ */ React.createElement(Text, { color: "#ff6699" }, errorMsg)))
+      );
+    }
+    return renderWithThinking(
+      /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#00ccff", paddingX: 1, marginBottom: 1, flexGrow: 0, alignSelf: "flex-start" }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: "#00cc66", bold: true }, "\u2713 ", toolInfo.emoji, " ", toolInfo.verb)), result && result.length < 300 && /* @__PURE__ */ React.createElement(Box, { paddingLeft: 1, marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: "#aaaaaa" }, result)))
+    );
+  }
+  return null;
 }, (prevProps, nextProps) => {
-    // Only re-render if the status or key fields changed
-    const prevExec = prevProps.message.toolExecution;
-    const nextExec = nextProps.message.toolExecution;
-    if (!prevExec || !nextExec)
-        return false;
-    return prevExec.status === nextExec.status &&
-        prevExec.toolName === nextExec.toolName &&
-        prevExec.result === nextExec.result &&
-        prevExec.error === nextExec.error &&
-        prevExec.streamingOutput === nextExec.streamingOutput;
+  const prevExec = prevProps.message.toolExecution;
+  const nextExec = nextProps.message.toolExecution;
+  if (!prevExec || !nextExec) return false;
+  return prevExec.status === nextExec.status && prevExec.toolName === nextExec.toolName && prevExec.result === nextExec.result && prevExec.error === nextExec.error && prevExec.streamingOutput === nextExec.streamingOutput;
 });
+export {
+  ToolExecutionMessage
+};
 //# sourceMappingURL=ToolExecutionMessage.js.map