centaurus-cli 3.1.3 → 3.1.5

package/dist/ui/components/InteractiveShell.js

@@ -6,6 +6,7 @@ import { encodeKeyToAnsi } from "../../utils/ansi-encoder.js";
 import { processTerminalOutput } from "../../utils/terminal-output.js";
 import { TERMINAL_HEIGHT_CONSTANTS } from "../../hooks/useTerminalDimensions.js";
 import { sanitizeUnicode } from "../../utils/unicode-sanitizer.js";
+import { useTheme } from "../theme.js";
 function formatCwdWithContext(cwd, remoteContext) {
   if (remoteContext && cwd) {
     return `${remoteContext}:${cwd.replace(/\\/g, "/")}`;
@@ -36,6 +37,7 @@ const InteractiveShell = React.memo(({
   onWarpifySession
 }) => {
   const isMac = process.platform === "darwin";
+  const theme = useTheme();
   const [scrollOffset, setScrollOffset] = useState(0);
   const isAutoFollowRef = useRef(true);
   const totalLinesRef = useRef(0);
@@ -146,7 +148,7 @@ const InteractiveShell = React.memo(({
       }
       return;
     }
-    if (key.ctrl && input === "f") {
+    if (key.ctrl && input === "f" || key.escape) {
       if (isAgentControlled && isRunning) {
         return;
       }
@@ -215,7 +217,7 @@ const InteractiveShell = React.memo(({
     }
   }, { isActive: isFocused });
   const getBorderColor = () => {
-    if (isRunning) return "#00ccff";
+    if (isRunning) return theme.accent;
     if (error || exitCode !== void 0 && exitCode !== 0) return "#ff3366";
     return "#00cc66";
   };
@@ -235,7 +237,7 @@ const InteractiveShell = React.memo(({
   if (currentCols < SAFE_MIN_WIDTH || currentRows < SAFE_MIN_HEIGHT) {
     return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", padding: 1 }, /* @__PURE__ */ React.createElement(Text, { color: "yellow" }, "Terminal too small"), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, currentCols, "x", currentRows));
   }
-  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginBottom: 1 }, /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: color, paddingX: 1 }, /* @__PURE__ */ React.createElement(Box, { marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { color, bold: true }, getStatusIcon(), "  Shell"), /* @__PURE__ */ React.createElement(Text, { color: "#666666" }, " ", truncatedCommand, " "), /* @__PURE__ */ React.createElement(Text, { color: "#666666", dimColor: true }, "[current working directory ", formatCwdWithContext(cwd, remoteContext), "]")), cleanOutput && /* @__PURE__ */ React.createElement(Box, { height: maxVisibleLines, overflow: "hidden" }, /* @__PURE__ */ React.createElement(Text, { wrap: "wrap" }, cleanOutput)), isFocused && isRunning && /* @__PURE__ */ React.createElement(Box, { marginTop: 1, flexDirection: "column" }, /* @__PURE__ */ React.createElement(Box, null, isAgentControlled ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Text, { color: "#9945FF", bold: true }, "[ AGENT CONTROL ] "), /* @__PURE__ */ React.createElement(Text, { color: "#666666" }, isMac ? "Cmd+I" : "Alt+I", " to disable | Shift+\u2191\u2193 scroll | PgUp/PgDn page")) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Text, { color: "#ffaa00", bold: true }, "[ FOCUS MODE ] "), /* @__PURE__ */ React.createElement(Text, { color: "#666666" }, "Ctrl+F exit ", onWarpifySession ? `| ${isMac ? "Cmd+E / Ctrl+E" : "Alt+E"} warpify ` : "", "| ", isMac ? "Cmd+I" : "Alt+I", " agent | Shift+\u2191\u2193 scroll"))), scrollOffset > 0 && /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: "#666666", dimColor: true }, "\u2191 Scrolled ", scrollOffset, " line", scrollOffset > 1 ? "s" : "", " from bottom (viewing history)"))), error && !isRunning && /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: "#ff3366", wrap: "wrap" }, error.replace(/\r/g, "")))), isRunning && !isFocused && /* @__PURE__ */ React.createElement(Box, { marginLeft: 1 }, /* @__PURE__ */ React.createElement(Text, { color: "#666666", dimColor: true }, "ctrl + f to focus")));
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginBottom: 1 }, /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: color, paddingX: 1 }, /* @__PURE__ */ React.createElement(Box, { marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { color, bold: true }, getStatusIcon(), "  Shell"), /* @__PURE__ */ React.createElement(Text, { color: "#666666" }, " ", truncatedCommand, " "), /* @__PURE__ */ React.createElement(Text, { color: "#666666", dimColor: true }, "[current working directory ", formatCwdWithContext(cwd, remoteContext), "]")), cleanOutput && /* @__PURE__ */ React.createElement(Box, { height: maxVisibleLines, overflow: "hidden" }, /* @__PURE__ */ React.createElement(Text, { wrap: "wrap" }, cleanOutput)), isFocused && isRunning && /* @__PURE__ */ React.createElement(Box, { marginTop: 1, flexDirection: "column" }, /* @__PURE__ */ React.createElement(Box, null, isAgentControlled ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Text, { color: "#9945FF", bold: true }, "[ AGENT CONTROL ] "), /* @__PURE__ */ React.createElement(Text, { color: "#666666" }, isMac ? "Cmd+I" : "Alt+I", " to disable | Shift+\u2191\u2193 scroll | PgUp/PgDn page")) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Text, { color: "#ffaa00", bold: true }, "[ FOCUS MODE ] "), /* @__PURE__ */ React.createElement(Text, { color: "#666666" }, "ESC / Ctrl+F exit ", onWarpifySession ? `| ${isMac ? "Cmd+E / Ctrl+E" : "Alt+E"} tunnel ` : "", "| ", isMac ? "Cmd+I" : "Alt+I", " agent | Shift+\u2191\u2193 scroll"))), scrollOffset > 0 && /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: "#666666", dimColor: true }, "\u2191 Scrolled ", scrollOffset, " line", scrollOffset > 1 ? "s" : "", " from bottom (viewing history)"))), error && !isRunning && /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: "#ff3366", wrap: "wrap" }, error.replace(/\r/g, "")))), isRunning && !isFocused && /* @__PURE__ */ React.createElement(Box, { marginLeft: 1 }, /* @__PURE__ */ React.createElement(Text, { color: "#666666", dimColor: true }, "ctrl + f to focus")));
 });
 export {
   InteractiveShell

package/dist/ui/components/InteractiveShell.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ui/components/InteractiveShell.tsx"],"sourcesContent":["import React, { useEffect, useState, useRef } from 'react';\r\nimport { Box, Text, useInput } from 'ink';\r\nimport Spinner from 'ink-spinner';\r\nimport stripAnsi from 'strip-ansi';\r\nimport { encodeKeyToAnsi } from '../../utils/ansi-encoder.js';\r\nimport { processTerminalOutput } from '../../utils/terminal-output.js';\r\nimport { getTerminalDimensions, TERMINAL_HEIGHT_CONSTANTS } from '../../hooks/useTerminalDimensions.js';\r\nimport { sanitizeUnicode } from '../../utils/unicode-sanitizer.js';\r\n\r\ninterface InteractiveShellProps {\r\n  command: string;\r\n  cwd: string;\r\n  isRunning: boolean;\r\n  output: string;\r\n  exitCode?: number;\r\n  error?: string;\r\n  onInput?: (input: string) => void;\r\n  isFocused: boolean;\r\n  onFocusChange: (focused: boolean) => void;\r\n  /** Whether to show a blinking cursor in focus mode (default: true) */\r\n  showCursor?: boolean;\r\n  onSignal?: (signal: string) => void;\r\n  /** Callback to handle terminal resize */\r\n  onResize?: (cols: number, rows: number) => void;\r\n  /** Remote context for SSH/WSL/Docker environments */\r\n  remoteContext?: string;\r\n  /** Unique shell ID for agent control mode */\r\n  shellId?: string;\r\n  /** Whether agent control mode is enabled */\r\n  isAgentControlled?: boolean;\r\n  /** Callback when agent control mode is toggled */\r\n  onToggleAgentControl?: () => void;\r\n  /** Callback to warpify (attach to) the current session */\r\n  onWarpifySession?: () => void;\r\n}\r\n\r\n/**\r\n * Format CWD with remote context prefix for SSH/Docker/WSL environments.\r\n */\r\nfunction formatCwdWithContext(cwd: string, remoteContext?: string): string {\r\n  if (remoteContext && cwd) {\r\n    return `${remoteContext}:${cwd.replace(/\\\\/g, '/')}`;\r\n  }\r\n  return cwd;\r\n}\r\n\r\n/**\r\n * Truncate long commands for display to prevent rendering issues\r\n * @param command - The command string to truncate\r\n * @param maxLength - Maximum length before truncation (default: 80)\r\n * @returns Truncated command with ellipsis if needed\r\n */\r\nfunction truncateCommand(command: string, maxLength: number = 80): string {\r\n  if (!command || command.length <= maxLength) return command;\r\n  return command.substring(0, maxLength) + '...';\r\n}\r\n\r\nexport const InteractiveShell: React.FC<InteractiveShellProps> = React.memo(({\r\n  command,\r\n  cwd,\r\n  isRunning,\r\n  output,\r\n  exitCode,\r\n  error,\r\n  onInput,\r\n  isFocused,\r\n  onFocusChange,\r\n  onSignal,\r\n  onResize,\r\n  remoteContext,\r\n  shellId,\r\n  isAgentControlled = false,\r\n  showCursor = true,\r\n  onToggleAgentControl,\r\n  onWarpifySession\r\n}) => {\r\n  const isMac = process.platform === 'darwin';\r\n\r\n  // Scroll offset for viewing previous output (0 = at bottom/following latest)\r\n  const [scrollOffset, setScrollOffset] = useState(0);\r\n  // Track if user has manually scrolled (to disable auto-follow)\r\n  const isAutoFollowRef = useRef(true);\r\n  // Track total lines for scroll calculations\r\n  const totalLinesRef = useRef(0);\r\n\r\n  // Blinking cursor state\r\n  const [cursorVisible, setCursorVisible] = useState(true);\r\n\r\n  // Handle cursor blinking\r\n  useEffect(() => {\r\n    if (!isFocused || !showCursor) return;\r\n\r\n    const interval = setInterval(() => {\r\n      setCursorVisible(v => !v);\r\n    }, 530); // 530ms is a standard blink rate\r\n\r\n    return () => clearInterval(interval);\r\n  }, [isFocused, showCursor]);\r\n\r\n  // Calculate visible lines based on focus mode and terminal height\r\n  // Uses centralized terminal dimensions for consistency\r\n  const terminalRows = process.stdout.rows || 24;\r\n  const {\r\n    INPUT_BOX_RESERVED_HEIGHT,\r\n    SAFETY_BUFFER,\r\n    MIN_STREAMING_LINES\r\n  } = TERMINAL_HEIGHT_CONSTANTS;\r\n\r\n  // Shell-specific chrome: header (2), borders (2), focus indicator (1)\r\n  const shellChrome = 5;\r\n\r\n  // In focus mode, InputBox is hidden so we don't reserve space for it\r\n  // Reserve enough to target ~23 visible lines in a typical terminal\r\n  const totalReservedFocused = 12; // Header, footer, focus indicator, and safety buffer\r\n  const totalReservedUnfocused = INPUT_BOX_RESERVED_HEIGHT + shellChrome + SAFETY_BUFFER;\r\n\r\n  // Calculate max visible lines based on focus state\r\n  // Calculate max visible lines based on focus state\r\n  // User Requirement: Max 75% of screen height\r\n  const maxAllowedHeight = Math.floor(terminalRows * 0.75);\r\n\r\n  const availableForShellFocused = Math.max(\r\n    MIN_STREAMING_LINES,\r\n    Math.min(terminalRows - totalReservedFocused, maxAllowedHeight)\r\n  );\r\n\r\n  const availableForShellUnfocused = Math.max(MIN_STREAMING_LINES, terminalRows - totalReservedUnfocused);\r\n\r\n  // When agent controlled, use only half the available height to make room for AI panel\r\n  // SAFEGUARD: Ensure we don't calculate a negative or zero height, and maintain a minimum usable area\r\n  const rawAgentHeight = Math.floor(availableForShellFocused / 2);\r\n  const agentControlledHeight = Math.max(MIN_STREAMING_LINES, rawAgentHeight);\r\n\r\n  // If even the minimum agent height would push us beyond available space (very small terminal),\r\n  // we might need to compromise. But for now, ensuring it's at least MIN_STREAMING_LINES (3) is key.\r\n  const maxVisibleLines = isFocused\r\n    ? (isAgentControlled\r\n      ? agentControlledHeight // Already clamped above\r\n      : Math.max(MIN_STREAMING_LINES, availableForShellFocused))  // Focus mode: use most of terminal\r\n    : Math.max(1, Math.min(5, availableForShellUnfocused)); // Unfocused: show at most 5 lines, at least 1\r\n\r\n  // Handle terminal resize events\r\n  useEffect(() => {\r\n    if (!onResize || !isRunning) return;\r\n\r\n    const handleResize = () => {\r\n      const cols = process.stdout.columns || 80;\r\n      const rows = process.stdout.rows || 24;\r\n      onResize(cols, rows);\r\n    };\r\n\r\n    handleResize();\r\n    process.stdout.on('resize', handleResize);\r\n    return () => {\r\n      process.stdout.off('resize', handleResize);\r\n    };\r\n  }, [onResize, isRunning]);\r\n\r\n  // Get processed output and calculate total lines\r\n  // Memoize this to prevent expensive re-processing on every render/blink\r\n  // Only re-process if output changes or cursor state changes\r\n  const { lines, total } = React.useMemo(() => {\r\n    if (!output) return { lines: [] as string[], total: 0 };\r\n\r\n    const highlightCursor = isFocused && showCursor && cursorVisible;\r\n    const processedOutput = processTerminalOutput(output, { highlightCursor });\r\n    const splitLines = processedOutput.split('\\n');\r\n    return { lines: splitLines, total: splitLines.length };\r\n  }, [output, isFocused, showCursor, cursorVisible]);\r\n\r\n  // Helper to access lines (replacing getProcessedOutput call)\r\n  // const getProcessedOutput = () => ... REMOVED\r\n\r\n  // Get visible lines based on scroll offset\r\n  const getVisibleOutput = () => {\r\n    // const { lines, total } = getProcessedOutput(); // Replaced by useMemo above\r\n    totalLinesRef.current = total;\r\n\r\n    if (total === 0) return '';\r\n\r\n    // SAFETY: Use current terminal width for wrapping calculations\r\n    const cols = process.stdout.columns || 80;\r\n\r\n    // STRICT HEIGHT CALCULATION\r\n    // We must count *visual* lines (how many rows a line takes up when wrapped)\r\n    // otherwise a single long line could blow out our height budget\r\n    let visualLineCount = 0;\r\n    const visualLinesMap: number[] = new Array(lines.length).fill(1);\r\n\r\n    // 1. Calculate visual height of all lines\r\n    // precise calculation is expensive, so we estimate: length / columns\r\n    for (let i = 0; i < lines.length; i++) {\r\n      const line = lines[i];\r\n      const stripped = stripAnsi(line || '');\r\n      // Minimum 1 row, ceil(length/cols) for wrapping\r\n      // We add a small buffer for safety margin in calculation logic\r\n      const rows = Math.max(1, Math.ceil(stripped.length / cols));\r\n      visualLinesMap[i] = rows;\r\n    }\r\n\r\n    // 2. Determine which lines to show based on scrollOffset\r\n    // We work backwards from the bottom (latest output)\r\n\r\n    const visibleLinesToRender: string[] = [];\r\n    let currentHeight = 0;\r\n\r\n    // Apply scroll offset - skip N visual lines from bottom\r\n    // This is a simplified approach: we skip logical lines until we pass the visual offset\r\n    // Ideally we would skip pixel-perfect but logical-line skipping is safer for now\r\n    let linesToSkip = scrollOffset;\r\n    let startIndex = lines.length - 1;\r\n\r\n    // Adjust start index based on scroll\r\n    while (linesToSkip > 0 && startIndex >= 0) {\r\n      // We treat scrollOffset as \"logical lines\" for consistency with existing UX controls\r\n      // or we could treat it as visual lines? \r\n      // Existing behavior: scrollOffset is logical lines. Let's keep that for predictable scrolling.\r\n      linesToSkip--;\r\n      startIndex--;\r\n    }\r\n\r\n    // 3. Collect lines that fit in maxVisibleLines\r\n    for (let i = startIndex; i >= 0; i--) {\r\n      const lineRows = visualLinesMap[i];\r\n\r\n      // If adding this line exceeds max height, we stop\r\n      // Exception: Always show at least one line if it's the only one\r\n      if (currentHeight + lineRows > maxVisibleLines && visibleLinesToRender.length > 0) {\r\n        break;\r\n      }\r\n\r\n      visibleLinesToRender.unshift(lines[i]);\r\n      currentHeight += lineRows;\r\n    }\r\n\r\n    return visibleLinesToRender.join('\\n');\r\n  };\r\n\r\n  // Reset scroll offset when exiting focus mode\r\n  useEffect(() => {\r\n    if (!isFocused) {\r\n      setScrollOffset(0);\r\n      isAutoFollowRef.current = true;\r\n    }\r\n  }, [isFocused]);\r\n\r\n  // Track previous total lines to adjust scroll offset when new output arrives\r\n  const prevTotalLinesRef = useRef(0);\r\n\r\n  // When new output comes in and user is scrolled up, adjust offset to maintain position\r\n  useEffect(() => {\r\n    // const { total } = getProcessedOutput(); // Replaced by useMemo\r\n    const prevTotal = prevTotalLinesRef.current;\r\n\r\n    if (prevTotal > 0 && total > prevTotal && !isAutoFollowRef.current && scrollOffset > 0) {\r\n      // New lines were added while user is scrolled up\r\n      // Increase scroll offset by the number of new lines to stay at the same position\r\n      const newLines = total - prevTotal;\r\n      const maxOffset = Math.max(0, total - maxVisibleLines);\r\n      setScrollOffset(prev => Math.min(prev + newLines, maxOffset));\r\n    }\r\n\r\n    prevTotalLinesRef.current = total;\r\n  }, [output, maxVisibleLines, total]);\r\n\r\n  // Handle input - PTY mode sends everything immediately\r\n  useInput((input, key) => {\r\n    if (!isFocused) return;\r\n\r\n    // Alt+E: Warpify session - detect and attach to remote session\r\n    // Mac: Cmd+E (key.meta) OR Ctrl+E (fallback if Cmd intercepted)\r\n    // Win: Alt+E (key.meta)\r\n    // Note: Ctrl+E might come in as input='\\u0005' (ASCII 5) rather than key.ctrl+e\r\n    const isCtrlE = (key.ctrl && input.toLowerCase() === 'e') || input === '\\u0005';\r\n    if ((key.meta && input.toLowerCase() === 'e') || isCtrlE) {\r\n      if (onWarpifySession) {\r\n        onWarpifySession();\r\n      }\r\n      return;\r\n    }\r\n\r\n    // Alt+I: Toggle agent control mode\r\n    // Mac: Cmd+I (key.meta)\r\n    if (key.meta && input.toLowerCase() === 'i') {\r\n      if (onToggleAgentControl) {\r\n        onToggleAgentControl();\r\n      }\r\n      return;\r\n    }\r\n\r\n    // Global: Ctrl+F to exit focus mode\r\n    // BUT: Block if agent controlled AND still running\r\n    if (key.ctrl && input === 'f') {\r\n      if (isAgentControlled && isRunning) {\r\n        // Blocked - can't exit focus while agent controlled and running\r\n        // User must first disable agent control with Alt+I or wait for completion\r\n        return;\r\n      }\r\n      onFocusChange(false);\r\n      return;\r\n    }\r\n\r\n    // Scroll controls (only in focus mode, don't send to PTY)\r\n    // Shift+Up: Scroll up one line\r\n    if (key.shift && key.upArrow) {\r\n      const maxOffset = Math.max(0, totalLinesRef.current - maxVisibleLines);\r\n      if (scrollOffset < maxOffset) {\r\n        isAutoFollowRef.current = false;\r\n        setScrollOffset(prev => Math.min(prev + 1, maxOffset));\r\n      }\r\n      return;\r\n    }\r\n\r\n    // Shift+Down: Scroll down one line\r\n    if (key.shift && key.downArrow) {\r\n      if (scrollOffset > 0) {\r\n        setScrollOffset(prev => {\r\n          const newOffset = Math.max(prev - 1, 0);\r\n          if (newOffset === 0) {\r\n            isAutoFollowRef.current = true;\r\n          }\r\n          return newOffset;\r\n        });\r\n      }\r\n      return;\r\n    }\r\n\r\n    // Page Up: Scroll up one page\r\n    if (key.pageUp) {\r\n      const maxOffset = Math.max(0, totalLinesRef.current - maxVisibleLines);\r\n      if (scrollOffset < maxOffset) {\r\n        isAutoFollowRef.current = false;\r\n        setScrollOffset(prev => Math.min(prev + maxVisibleLines, maxOffset));\r\n      }\r\n      return;\r\n    }\r\n\r\n    // Page Down: Scroll down one page\r\n    if (key.pageDown) {\r\n      if (scrollOffset > 0) {\r\n        setScrollOffset(prev => {\r\n          const newOffset = Math.max(prev - maxVisibleLines, 0);\r\n          if (newOffset === 0) {\r\n            isAutoFollowRef.current = true;\r\n          }\r\n          return newOffset;\r\n        });\r\n      }\r\n      return;\r\n    }\r\n\r\n    // Below this point, we need onInput to send to PTY\r\n    if (!onInput) return;\r\n\r\n    // Ctrl+C - send to PTY AND signal backend for forceful termination\r\n    if (key.ctrl && input === 'c') {\r\n      onInput('\\x03');\r\n      if (onSignal) {\r\n        onSignal('SIGINT');\r\n      }\r\n      return;\r\n    }\r\n\r\n    // Ctrl+D - EOF\r\n    if (key.ctrl && input === 'd') {\r\n      onInput('\\x04');\r\n      return;\r\n    }\r\n\r\n    // Ctrl+Z - Suspend\r\n    if (key.ctrl && input === 'z') {\r\n      onInput('\\x1A');\r\n      return;\r\n    }\r\n\r\n    // Encode and send all keys immediately\r\n    const encoded = encodeKeyToAnsi(input, key);\r\n    if (encoded) {\r\n      onInput(encoded);\r\n    }\r\n  }, { isActive: isFocused });\r\n\r\n  // Determine border color and icon based on status\r\n  const getBorderColor = () => {\r\n    if (isRunning) return '#00ccff';\r\n    if (error || (exitCode !== undefined && exitCode !== 0)) return '#ff3366';\r\n    return '#00cc66';\r\n  };\r\n\r\n  const getStatusIcon = () => {\r\n    if (isRunning) return <Spinner type=\"dots\" />;\r\n    if (error || (exitCode !== undefined && exitCode !== 0)) return '✗';\r\n    return '✓';\r\n  };\r\n\r\n  const color = getBorderColor();\r\n  const visibleOutput = getVisibleOutput();\r\n  // Strip ANSI codes then sanitize problematic Unicode (emojis, wide chars)\r\n  // to prevent layout issues caused by character width mismatches\r\n  const cleanOutput = sanitizeUnicode(visibleOutput);\r\n  const truncatedCommand = truncateCommand(command, 80);\r\n\r\n  // SAFEGUARD: Check for critically small dimensions that crash Yoga WASM\r\n  // Yoga can crash with \"memory access out of bounds\" if containers have negative computed size\r\n  // affecting Ink's Box rendering.\r\n  const currentCols = process.stdout.columns || 80;\r\n  const currentRows = process.stdout.rows || 24;\r\n  const SAFE_MIN_WIDTH = 15;\r\n  const SAFE_MIN_HEIGHT = 5;\r\n\r\n  if (currentCols < SAFE_MIN_WIDTH || currentRows < SAFE_MIN_HEIGHT) {\r\n    return (\r\n      <Box flexDirection=\"column\" padding={1}>\r\n        <Text color=\"yellow\">Terminal too small</Text>\r\n        <Text dimColor>{currentCols}x{currentRows}</Text>\r\n      </Box>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <Box flexDirection=\"column\" marginBottom={1}>\r\n      <Box flexDirection=\"column\" borderStyle=\"round\" borderColor={color} paddingX={1}>\r\n        {/* Header */}\r\n        <Box marginBottom={1}>\r\n          <Text color={color} bold>\r\n            {getStatusIcon()}  Shell\r\n          </Text>\r\n          <Text color=\"#666666\"> {truncatedCommand} </Text>\r\n          <Text color=\"#666666\" dimColor>[current working directory {formatCwdWithContext(cwd, remoteContext)}]</Text>\r\n        </Box>\r\n\r\n        {/* Output area */}\r\n        {/* Output area */}\r\n        {cleanOutput && (\r\n          <Box height={maxVisibleLines} overflow=\"hidden\">\r\n            <Text wrap=\"wrap\">{cleanOutput}</Text>\r\n          </Box>\r\n        )}\r\n\r\n        {/* Focus mode indicator */}\r\n        {isFocused && isRunning && (\r\n          <Box marginTop={1} flexDirection=\"column\">\r\n            <Box>\r\n              {isAgentControlled ? (\r\n                <>\r\n                  <Text color=\"#9945FF\" bold>[ AGENT CONTROL ] </Text>\r\n                  <Text color=\"#666666\">\r\n                    {isMac ? 'Cmd+I' : 'Alt+I'} to disable | Shift+↑↓ scroll | PgUp/PgDn page\r\n                  </Text>\r\n                </>\r\n              ) : (\r\n                <>\r\n                  <Text color=\"#ffaa00\" bold>[ FOCUS MODE ] </Text>\r\n                  <Text color=\"#666666\">\r\n                    Ctrl+F exit {onWarpifySession ? `| ${isMac ? 'Cmd+E / Ctrl+E' : 'Alt+E'} warpify ` : ''}| {isMac ? 'Cmd+I' : 'Alt+I'} agent | Shift+↑↓ scroll\r\n                  </Text>\r\n                </>\r\n              )}\r\n            </Box>\r\n            {scrollOffset > 0 && (\r\n              <Box>\r\n                <Text color=\"#666666\" dimColor>\r\n                  ↑ Scrolled {scrollOffset} line{scrollOffset > 1 ? 's' : ''} from bottom (viewing history)\r\n                </Text>\r\n              </Box>\r\n            )}\r\n          </Box>\r\n        )}\r\n\r\n        {/* Error display */}\r\n        {error && !isRunning && (\r\n          <Box marginTop={1}>\r\n            <Text color=\"#ff3366\" wrap=\"wrap\">{error.replace(/\\r/g, '')}</Text>\r\n          </Box>\r\n        )}\r\n      </Box>\r\n      {isRunning && !isFocused && (\r\n        <Box marginLeft={1}>\r\n          <Text color=\"#666666\" dimColor>ctrl + f to focus</Text>\r\n        </Box>\r\n      )}\r\n    </Box>\r\n  );\r\n});\r\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/ui/components/InteractiveShell.tsx"],"sourcesContent":["import React, { useEffect, useState, useRef } from 'react';\r\nimport { Box, Text, useInput } from 'ink';\r\nimport Spinner from 'ink-spinner';\r\nimport stripAnsi from 'strip-ansi';\r\nimport { encodeKeyToAnsi } from '../../utils/ansi-encoder.js';\r\nimport { processTerminalOutput } from '../../utils/terminal-output.js';\r\nimport { getTerminalDimensions, TERMINAL_HEIGHT_CONSTANTS } from '../../hooks/useTerminalDimensions.js';\r\nimport { sanitizeUnicode } from '../../utils/unicode-sanitizer.js';\r\nimport { useTheme } from '../theme.js';\r\n\r\ninterface InteractiveShellProps {\r\n  command: string;\r\n  cwd: string;\r\n  isRunning: boolean;\r\n  output: string;\r\n  exitCode?: number;\r\n  error?: string;\r\n  onInput?: (input: string) => void;\r\n  isFocused: boolean;\r\n  onFocusChange: (focused: boolean) => void;\r\n  /** Whether to show a blinking cursor in focus mode (default: true) */\r\n  showCursor?: boolean;\r\n  onSignal?: (signal: string) => void;\r\n  /** Callback to handle terminal resize */\r\n  onResize?: (cols: number, rows: number) => void;\r\n  /** Remote context for SSH/WSL/Docker environments */\r\n  remoteContext?: string;\r\n  /** Unique shell ID for agent control mode */\r\n  shellId?: string;\r\n  /** Whether agent control mode is enabled */\r\n  isAgentControlled?: boolean;\r\n  /** Callback when agent control mode is toggled */\r\n  onToggleAgentControl?: () => void;\r\n  /** Callback to warpify (attach to) the current session */\r\n  onWarpifySession?: () => void;\r\n}\r\n\r\n/**\r\n * Format CWD with remote context prefix for SSH/Docker/WSL environments.\r\n */\r\nfunction formatCwdWithContext(cwd: string, remoteContext?: string): string {\r\n  if (remoteContext && cwd) {\r\n    return `${remoteContext}:${cwd.replace(/\\\\/g, '/')}`;\r\n  }\r\n  return cwd;\r\n}\r\n\r\n/**\r\n * Truncate long commands for display to prevent rendering issues\r\n * @param command - The command string to truncate\r\n * @param maxLength - Maximum length before truncation (default: 80)\r\n * @returns Truncated command with ellipsis if needed\r\n */\r\nfunction truncateCommand(command: string, maxLength: number = 80): string {\r\n  if (!command || command.length <= maxLength) return command;\r\n  return command.substring(0, maxLength) + '...';\r\n}\r\n\r\nexport const InteractiveShell: React.FC<InteractiveShellProps> = React.memo(({\r\n  command,\r\n  cwd,\r\n  isRunning,\r\n  output,\r\n  exitCode,\r\n  error,\r\n  onInput,\r\n  isFocused,\r\n  onFocusChange,\r\n  onSignal,\r\n  onResize,\r\n  remoteContext,\r\n  shellId,\r\n  isAgentControlled = false,\r\n  showCursor = true,\r\n  onToggleAgentControl,\r\n  onWarpifySession\r\n}) => {\r\n  const isMac = process.platform === 'darwin';\r\n  const theme = useTheme();\r\n\r\n  // Scroll offset for viewing previous output (0 = at bottom/following latest)\r\n  const [scrollOffset, setScrollOffset] = useState(0);\r\n  // Track if user has manually scrolled (to disable auto-follow)\r\n  const isAutoFollowRef = useRef(true);\r\n  // Track total lines for scroll calculations\r\n  const totalLinesRef = useRef(0);\r\n\r\n  // Blinking cursor state\r\n  const [cursorVisible, setCursorVisible] = useState(true);\r\n\r\n  // Handle cursor blinking\r\n  useEffect(() => {\r\n    if (!isFocused || !showCursor) return;\r\n\r\n    const interval = setInterval(() => {\r\n      setCursorVisible(v => !v);\r\n    }, 530); // 530ms is a standard blink rate\r\n\r\n    return () => clearInterval(interval);\r\n  }, [isFocused, showCursor]);\r\n\r\n  // Calculate visible lines based on focus mode and terminal height\r\n  // Uses centralized terminal dimensions for consistency\r\n  const terminalRows = process.stdout.rows || 24;\r\n  const {\r\n    INPUT_BOX_RESERVED_HEIGHT,\r\n    SAFETY_BUFFER,\r\n    MIN_STREAMING_LINES\r\n  } = TERMINAL_HEIGHT_CONSTANTS;\r\n\r\n  // Shell-specific chrome: header (2), borders (2), focus indicator (1)\r\n  const shellChrome = 5;\r\n\r\n  // In focus mode, InputBox is hidden so we don't reserve space for it\r\n  // Reserve enough to target ~23 visible lines in a typical terminal\r\n  const totalReservedFocused = 12; // Header, footer, focus indicator, and safety buffer\r\n  const totalReservedUnfocused = INPUT_BOX_RESERVED_HEIGHT + shellChrome + SAFETY_BUFFER;\r\n\r\n  // Calculate max visible lines based on focus state\r\n  // Calculate max visible lines based on focus state\r\n  // User Requirement: Max 75% of screen height\r\n  const maxAllowedHeight = Math.floor(terminalRows * 0.75);\r\n\r\n  const availableForShellFocused = Math.max(\r\n    MIN_STREAMING_LINES,\r\n    Math.min(terminalRows - totalReservedFocused, maxAllowedHeight)\r\n  );\r\n\r\n  const availableForShellUnfocused = Math.max(MIN_STREAMING_LINES, terminalRows - totalReservedUnfocused);\r\n\r\n  // When agent controlled, use only half the available height to make room for AI panel\r\n  // SAFEGUARD: Ensure we don't calculate a negative or zero height, and maintain a minimum usable area\r\n  const rawAgentHeight = Math.floor(availableForShellFocused / 2);\r\n  const agentControlledHeight = Math.max(MIN_STREAMING_LINES, rawAgentHeight);\r\n\r\n  // If even the minimum agent height would push us beyond available space (very small terminal),\r\n  // we might need to compromise. But for now, ensuring it's at least MIN_STREAMING_LINES (3) is key.\r\n  const maxVisibleLines = isFocused\r\n    ? (isAgentControlled\r\n      ? agentControlledHeight // Already clamped above\r\n      : Math.max(MIN_STREAMING_LINES, availableForShellFocused))  // Focus mode: use most of terminal\r\n    : Math.max(1, Math.min(5, availableForShellUnfocused)); // Unfocused: show at most 5 lines, at least 1\r\n\r\n  // Handle terminal resize events\r\n  useEffect(() => {\r\n    if (!onResize || !isRunning) return;\r\n\r\n    const handleResize = () => {\r\n      const cols = process.stdout.columns || 80;\r\n      const rows = process.stdout.rows || 24;\r\n      onResize(cols, rows);\r\n    };\r\n\r\n    handleResize();\r\n    process.stdout.on('resize', handleResize);\r\n    return () => {\r\n      process.stdout.off('resize', handleResize);\r\n    };\r\n  }, [onResize, isRunning]);\r\n\r\n  // Get processed output and calculate total lines\r\n  // Memoize this to prevent expensive re-processing on every render/blink\r\n  // Only re-process if output changes or cursor state changes\r\n  const { lines, total } = React.useMemo(() => {\r\n    if (!output) return { lines: [] as string[], total: 0 };\r\n\r\n    const highlightCursor = isFocused && showCursor && cursorVisible;\r\n    const processedOutput = processTerminalOutput(output, { highlightCursor });\r\n    const splitLines = processedOutput.split('\\n');\r\n    return { lines: splitLines, total: splitLines.length };\r\n  }, [output, isFocused, showCursor, cursorVisible]);\r\n\r\n  // Helper to access lines (replacing getProcessedOutput call)\r\n  // const getProcessedOutput = () => ... REMOVED\r\n\r\n  // Get visible lines based on scroll offset\r\n  const getVisibleOutput = () => {\r\n    // const { lines, total } = getProcessedOutput(); // Replaced by useMemo above\r\n    totalLinesRef.current = total;\r\n\r\n    if (total === 0) return '';\r\n\r\n    // SAFETY: Use current terminal width for wrapping calculations\r\n    const cols = process.stdout.columns || 80;\r\n\r\n    // STRICT HEIGHT CALCULATION\r\n    // We must count *visual* lines (how many rows a line takes up when wrapped)\r\n    // otherwise a single long line could blow out our height budget\r\n    let visualLineCount = 0;\r\n    const visualLinesMap: number[] = new Array(lines.length).fill(1);\r\n\r\n    // 1. Calculate visual height of all lines\r\n    // precise calculation is expensive, so we estimate: length / columns\r\n    for (let i = 0; i < lines.length; i++) {\r\n      const line = lines[i];\r\n      const stripped = stripAnsi(line || '');\r\n      // Minimum 1 row, ceil(length/cols) for wrapping\r\n      // We add a small buffer for safety margin in calculation logic\r\n      const rows = Math.max(1, Math.ceil(stripped.length / cols));\r\n      visualLinesMap[i] = rows;\r\n    }\r\n\r\n    // 2. Determine which lines to show based on scrollOffset\r\n    // We work backwards from the bottom (latest output)\r\n\r\n    const visibleLinesToRender: string[] = [];\r\n    let currentHeight = 0;\r\n\r\n    // Apply scroll offset - skip N visual lines from bottom\r\n    // This is a simplified approach: we skip logical lines until we pass the visual offset\r\n    // Ideally we would skip pixel-perfect but logical-line skipping is safer for now\r\n    let linesToSkip = scrollOffset;\r\n    let startIndex = lines.length - 1;\r\n\r\n    // Adjust start index based on scroll\r\n    while (linesToSkip > 0 && startIndex >= 0) {\r\n      // We treat scrollOffset as \"logical lines\" for consistency with existing UX controls\r\n      // or we could treat it as visual lines? \r\n      // Existing behavior: scrollOffset is logical lines. Let's keep that for predictable scrolling.\r\n      linesToSkip--;\r\n      startIndex--;\r\n    }\r\n\r\n    // 3. Collect lines that fit in maxVisibleLines\r\n    for (let i = startIndex; i >= 0; i--) {\r\n      const lineRows = visualLinesMap[i];\r\n\r\n      // If adding this line exceeds max height, we stop\r\n      // Exception: Always show at least one line if it's the only one\r\n      if (currentHeight + lineRows > maxVisibleLines && visibleLinesToRender.length > 0) {\r\n        break;\r\n      }\r\n\r\n      visibleLinesToRender.unshift(lines[i]);\r\n      currentHeight += lineRows;\r\n    }\r\n\r\n    return visibleLinesToRender.join('\\n');\r\n  };\r\n\r\n  // Reset scroll offset when exiting focus mode\r\n  useEffect(() => {\r\n    if (!isFocused) {\r\n      setScrollOffset(0);\r\n      isAutoFollowRef.current = true;\r\n    }\r\n  }, [isFocused]);\r\n\r\n  // Track previous total lines to adjust scroll offset when new output arrives\r\n  const prevTotalLinesRef = useRef(0);\r\n\r\n  // When new output comes in and user is scrolled up, adjust offset to maintain position\r\n  useEffect(() => {\r\n    // const { total } = getProcessedOutput(); // Replaced by useMemo\r\n    const prevTotal = prevTotalLinesRef.current;\r\n\r\n    if (prevTotal > 0 && total > prevTotal && !isAutoFollowRef.current && scrollOffset > 0) {\r\n      // New lines were added while user is scrolled up\r\n      // Increase scroll offset by the number of new lines to stay at the same position\r\n      const newLines = total - prevTotal;\r\n      const maxOffset = Math.max(0, total - maxVisibleLines);\r\n      setScrollOffset(prev => Math.min(prev + newLines, maxOffset));\r\n    }\r\n\r\n    prevTotalLinesRef.current = total;\r\n  }, [output, maxVisibleLines, total]);\r\n\r\n  // Handle input - PTY mode sends everything immediately\r\n  useInput((input, key) => {\r\n    if (!isFocused) return;\r\n\r\n    // Alt+E: Warpify session - detect and attach to remote session\r\n    // Mac: Cmd+E (key.meta) OR Ctrl+E (fallback if Cmd intercepted)\r\n    // Win: Alt+E (key.meta)\r\n    // Note: Ctrl+E might come in as input='\\u0005' (ASCII 5) rather than key.ctrl+e\r\n    const isCtrlE = (key.ctrl && input.toLowerCase() === 'e') || input === '\\u0005';\r\n    if ((key.meta && input.toLowerCase() === 'e') || isCtrlE) {\r\n      if (onWarpifySession) {\r\n        onWarpifySession();\r\n      }\r\n      return;\r\n    }\r\n\r\n    // Alt+I: Toggle agent control mode\r\n    // Mac: Cmd+I (key.meta)\r\n    if (key.meta && input.toLowerCase() === 'i') {\r\n      if (onToggleAgentControl) {\r\n        onToggleAgentControl();\r\n      }\r\n      return;\r\n    }\r\n\r\n    // Global: Ctrl+F or ESC to exit focus mode\r\n    // BUT: Block if agent controlled AND still running\r\n    if ((key.ctrl && input === 'f') || key.escape) {\r\n      if (isAgentControlled && isRunning) {\r\n        // Blocked - can't exit focus while agent controlled and running\r\n        // User must first disable agent control with Alt+I or wait for completion\r\n        return;\r\n      }\r\n      onFocusChange(false);\r\n      return;\r\n    }\r\n\r\n    // Scroll controls (only in focus mode, don't send to PTY)\r\n    // Shift+Up: Scroll up one line\r\n    if (key.shift && key.upArrow) {\r\n      const maxOffset = Math.max(0, totalLinesRef.current - maxVisibleLines);\r\n      if (scrollOffset < maxOffset) {\r\n        isAutoFollowRef.current = false;\r\n        setScrollOffset(prev => Math.min(prev + 1, maxOffset));\r\n      }\r\n      return;\r\n    }\r\n\r\n    // Shift+Down: Scroll down one line\r\n    if (key.shift && key.downArrow) {\r\n      if (scrollOffset > 0) {\r\n        setScrollOffset(prev => {\r\n          const newOffset = Math.max(prev - 1, 0);\r\n          if (newOffset === 0) {\r\n            isAutoFollowRef.current = true;\r\n          }\r\n          return newOffset;\r\n        });\r\n      }\r\n      return;\r\n    }\r\n\r\n    // Page Up: Scroll up one page\r\n    if (key.pageUp) {\r\n      const maxOffset = Math.max(0, totalLinesRef.current - maxVisibleLines);\r\n      if (scrollOffset < maxOffset) {\r\n        isAutoFollowRef.current = false;\r\n        setScrollOffset(prev => Math.min(prev + maxVisibleLines, maxOffset));\r\n      }\r\n      return;\r\n    }\r\n\r\n    // Page Down: Scroll down one page\r\n    if (key.pageDown) {\r\n      if (scrollOffset > 0) {\r\n        setScrollOffset(prev => {\r\n          const newOffset = Math.max(prev - maxVisibleLines, 0);\r\n          if (newOffset === 0) {\r\n            isAutoFollowRef.current = true;\r\n          }\r\n          return newOffset;\r\n        });\r\n      }\r\n      return;\r\n    }\r\n\r\n    // Below this point, we need onInput to send to PTY\r\n    if (!onInput) return;\r\n\r\n    // Ctrl+C - send to PTY AND signal backend for forceful termination\r\n    if (key.ctrl && input === 'c') {\r\n      onInput('\\x03');\r\n      if (onSignal) {\r\n        onSignal('SIGINT');\r\n      }\r\n      return;\r\n    }\r\n\r\n    // Ctrl+D - EOF\r\n    if (key.ctrl && input === 'd') {\r\n      onInput('\\x04');\r\n      return;\r\n    }\r\n\r\n    // Ctrl+Z - Suspend\r\n    if (key.ctrl && input === 'z') {\r\n      onInput('\\x1A');\r\n      return;\r\n    }\r\n\r\n    // Encode and send all keys immediately\r\n    const encoded = encodeKeyToAnsi(input, key);\r\n    if (encoded) {\r\n      onInput(encoded);\r\n    }\r\n  }, { isActive: isFocused });\r\n\r\n  // Determine border color and icon based on status\r\n  const getBorderColor = () => {\r\n    if (isRunning) return theme.accent;\r\n    if (error || (exitCode !== undefined && exitCode !== 0)) return '#ff3366';\r\n    return '#00cc66';\r\n  };\r\n\r\n  const getStatusIcon = () => {\r\n    if (isRunning) return <Spinner type=\"dots\" />;\r\n    if (error || (exitCode !== undefined && exitCode !== 0)) return '✗';\r\n    return '✓';\r\n  };\r\n\r\n  const color = getBorderColor();\r\n  const visibleOutput = getVisibleOutput();\r\n  // Strip ANSI codes then sanitize problematic Unicode (emojis, wide chars)\r\n  // to prevent layout issues caused by character width mismatches\r\n  const cleanOutput = sanitizeUnicode(visibleOutput);\r\n  const truncatedCommand = truncateCommand(command, 80);\r\n\r\n  // SAFEGUARD: Check for critically small dimensions that crash Yoga WASM\r\n  // Yoga can crash with \"memory access out of bounds\" if containers have negative computed size\r\n  // affecting Ink's Box rendering.\r\n  const currentCols = process.stdout.columns || 80;\r\n  const currentRows = process.stdout.rows || 24;\r\n  const SAFE_MIN_WIDTH = 15;\r\n  const SAFE_MIN_HEIGHT = 5;\r\n\r\n  if (currentCols < SAFE_MIN_WIDTH || currentRows < SAFE_MIN_HEIGHT) {\r\n    return (\r\n      <Box flexDirection=\"column\" padding={1}>\r\n        <Text color=\"yellow\">Terminal too small</Text>\r\n        <Text dimColor>{currentCols}x{currentRows}</Text>\r\n      </Box>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <Box flexDirection=\"column\" marginBottom={1}>\r\n      <Box flexDirection=\"column\" borderStyle=\"round\" borderColor={color} paddingX={1}>\r\n        {/* Header */}\r\n        <Box marginBottom={1}>\r\n          <Text color={color} bold>\r\n            {getStatusIcon()}  Shell\r\n          </Text>\r\n          <Text color=\"#666666\"> {truncatedCommand} </Text>\r\n          <Text color=\"#666666\" dimColor>[current working directory {formatCwdWithContext(cwd, remoteContext)}]</Text>\r\n        </Box>\r\n\r\n        {/* Output area */}\r\n        {/* Output area */}\r\n        {cleanOutput && (\r\n          <Box height={maxVisibleLines} overflow=\"hidden\">\r\n            <Text wrap=\"wrap\">{cleanOutput}</Text>\r\n          </Box>\r\n        )}\r\n\r\n        {/* Focus mode indicator */}\r\n        {isFocused && isRunning && (\r\n          <Box marginTop={1} flexDirection=\"column\">\r\n            <Box>\r\n              {isAgentControlled ? (\r\n                <>\r\n                  <Text color=\"#9945FF\" bold>[ AGENT CONTROL ] </Text>\r\n                  <Text color=\"#666666\">\r\n                    {isMac ? 'Cmd+I' : 'Alt+I'} to disable | Shift+↑↓ scroll | PgUp/PgDn page\r\n                  </Text>\r\n                </>\r\n              ) : (\r\n                <>\r\n                  <Text color=\"#ffaa00\" bold>[ FOCUS MODE ] </Text>\r\n                  <Text color=\"#666666\">\r\n                    ESC / Ctrl+F exit {onWarpifySession ? `| ${isMac ? 'Cmd+E / Ctrl+E' : 'Alt+E'} tunnel ` : ''}| {isMac ? 'Cmd+I' : 'Alt+I'} agent | Shift+↑↓ scroll\r\n                  </Text>\r\n                </>\r\n              )}\r\n            </Box>\r\n            {scrollOffset > 0 && (\r\n              <Box>\r\n                <Text color=\"#666666\" dimColor>\r\n                  ↑ Scrolled {scrollOffset} line{scrollOffset > 1 ? 's' : ''} from bottom (viewing history)\r\n                </Text>\r\n              </Box>\r\n            )}\r\n          </Box>\r\n        )}\r\n\r\n        {/* Error display */}\r\n        {error && !isRunning && (\r\n          <Box marginTop={1}>\r\n            <Text color=\"#ff3366\" wrap=\"wrap\">{error.replace(/\\r/g, '')}</Text>\r\n          </Box>\r\n        )}\r\n      </Box>\r\n      {isRunning && !isFocused && (\r\n        <Box marginLeft={1}>\r\n          <Text color=\"#666666\" dimColor>ctrl + f to focus</Text>\r\n        </Box>\r\n      )}\r\n    </Box>\r\n  );\r\n});\r\n"],"mappings":"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","names":[]}

package/dist/ui/components/KeyboardHelp.js

@@ -1,6 +1,8 @@
 import React from "react";
 import { Box, Text, useInput } from "ink";
+import { useTheme } from "../theme.js";
 const KeyboardHelp = ({ onClose }) => {
+  const theme = useTheme();
   useInput((input, key) => {
     if (key.escape || input === "?") {
       onClose();
@@ -15,6 +17,7 @@ const KeyboardHelp = ({ onClose }) => {
     { key: "Ctrl+Enter", action: "Insert newline" },
     { key: "\\ + Enter", action: "Insert newline fallback" },
     { key: "Ctrl+D", action: "Toggle command mode" },
+    { key: "Ctrl+P", action: "Toggle plan mode" },
     { key: "Tab", action: "Autocomplete" },
     { key: "Ctrl+T", action: "Toggle auto-accept" },
     { key: "Ctrl+C", action: "Cancel / Exit" },
@@ -28,7 +31,7 @@ const KeyboardHelp = ({ onClose }) => {
     { key: "/", action: "Slash command" },
     { key: "?", action: "Show help" }
   ];
-  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", borderStyle: "double", borderColor: "#00ccff", paddingX: 1, marginY: 1 }, /* @__PURE__ */ React.createElement(Box, { marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { color: "#00ccff", bold: true }, "Keyboard Shortcuts")), shortcuts.map((s, idx) => /* @__PURE__ */ React.createElement(Box, { key: idx, marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { color: "#00cc66", bold: true }, s.key.padEnd(15)), /* @__PURE__ */ React.createElement(Text, { color: "#ffffff" }, s.action))), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: "#666666", dimColor: true }, "Press ? or ESC to close")));
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", borderStyle: "double", borderColor: theme.accent, paddingX: 1, marginY: 1 }, /* @__PURE__ */ React.createElement(Box, { marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { color: theme.accent, bold: true }, "Keyboard Shortcuts")), shortcuts.map((s, idx) => /* @__PURE__ */ React.createElement(Box, { key: idx, marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { color: "#00cc66", bold: true }, s.key.padEnd(15)), /* @__PURE__ */ React.createElement(Text, { color: "#ffffff" }, s.action))), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: "#666666", dimColor: true }, "Press ? or ESC to close")));
 };
 export {
   KeyboardHelp

package/dist/ui/components/KeyboardHelp.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ui/components/KeyboardHelp.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Box, Text, useInput } from 'ink';\r\n\r\ninterface KeyboardHelpProps {\r\n  onClose: () => void;\r\n}\r\n\r\nexport const KeyboardHelp: React.FC<KeyboardHelpProps> = ({ onClose }) => {\r\n  useInput((input, key) => {\r\n    if (key.escape || input === '?') {\r\n      onClose();\r\n    }\r\n  });\r\n\r\n  const isMac = process.platform === 'darwin';\r\n  const metaKey = isMac ? 'Cmd' : 'Alt';\r\n  const altKey = isMac ? 'Option' : 'Alt';\r\n\r\n  // Note: Some shortcuts like Ctrl+C are standard across terminals including Mac (Ctrl+C, not Cmd+C)\r\n  // But navigation/editing often uses Cmd on Mac.\r\n\r\n  const shortcuts = [\r\n    { key: 'Enter', action: 'Submit message' },\r\n    { key: `${altKey}+Enter`, action: 'Insert newline (Shift+Enter remap)' },\r\n    { key: 'Ctrl+Enter', action: 'Insert newline' },\r\n    { key: '\\\\ + Enter', action: 'Insert newline fallback' },\r\n    { key: 'Ctrl+D', action: 'Toggle command mode' },\r\n    { key: 'Tab', action: 'Autocomplete' },\r\n    { key: 'Ctrl+T', action: 'Toggle auto-accept' },\r\n    { key: 'Ctrl+C', action: 'Cancel / Exit' },\r\n    { key: `${metaKey}+Z`, action: 'Undo' }, // undo\r\n    { key: isMac ? 'Cmd/Ctrl+E' : 'Alt+E', action: 'Warpify (Interactive)' },\r\n    { key: `${isMac ? 'Cmd' : 'Ctrl'}+Left`, action: 'Home / Word Back' }, // Simplified\r\n    { key: `${metaKey}+V`, action: 'Paste File / Image' },\r\n    { key: `${metaKey}+X`, action: 'Remove Last File' },\r\n    { key: '/', action: 'Slash command' },\r\n    { key: '?', action: 'Show help' }\r\n  ];\r\n\r\n  return (\r\n    <Box flexDirection=\"column\" borderStyle=\"double\" borderColor=\"#00ccff\" paddingX={1} marginY={1}>\r\n      <Box marginBottom={1}>\r\n        <Text color=\"#00ccff\" bold>Keyboard Shortcuts</Text>\r\n      </Box>\r\n\r\n      {shortcuts.map((s, idx) => (\r\n        <Box key={idx} marginBottom={1}>\r\n          <Text color=\"#00cc66\" bold>{s.key.padEnd(15)}</Text>\r\n          <Text color=\"#ffffff\">{s.action}</Text>\r\n        </Box>\r\n      ))}\r\n\r\n      <Box marginTop={1}>\r\n        <Text color=\"#666666\" dimColor>\r\n          Press ? or ESC to close\r\n        </Text>\r\n      </Box>\r\n    </Box>\r\n  );\r\n};\r\n"],"mappings":"AAAA,OAAO,WAAW;AAClB,SAAS,KAAK,MAAM,gBAAgB;AAM7B,MAAM,eAA4C,CAAC,EAAE,QAAQ,MAAM;AACxE,WAAS,CAAC,OAAO,QAAQ;AACvB,QAAI,IAAI,UAAU,UAAU,KAAK;AAC/B,cAAQ;AAAA,IACV;AAAA,EACF,CAAC;AAED,QAAM,QAAQ,QAAQ,aAAa;AACnC,QAAM,UAAU,QAAQ,QAAQ;AAChC,QAAM,SAAS,QAAQ,WAAW;AAKlC,QAAM,YAAY;AAAA,IAChB,EAAE,KAAK,SAAS,QAAQ,iBAAiB;AAAA,IACzC,EAAE,KAAK,GAAG,MAAM,UAAU,QAAQ,qCAAqC;AAAA,IACvE,EAAE,KAAK,cAAc,QAAQ,iBAAiB;AAAA,IAC9C,EAAE,KAAK,cAAc,QAAQ,0BAA0B;AAAA,IACvD,EAAE,KAAK,UAAU,QAAQ,sBAAsB;AAAA,IAC/C,EAAE,KAAK,OAAO,QAAQ,eAAe;AAAA,IACrC,EAAE,KAAK,UAAU,QAAQ,qBAAqB;AAAA,IAC9C,EAAE,KAAK,UAAU,QAAQ,gBAAgB;AAAA,IACzC,EAAE,KAAK,GAAG,OAAO,MAAM,QAAQ,OAAO;AAAA;AAAA,IACtC,EAAE,KAAK,QAAQ,eAAe,SAAS,QAAQ,wBAAwB;AAAA,IACvE,EAAE,KAAK,GAAG,QAAQ,QAAQ,MAAM,SAAS,QAAQ,mBAAmB;AAAA;AAAA,IACpE,EAAE,KAAK,GAAG,OAAO,MAAM,QAAQ,qBAAqB;AAAA,IACpD,EAAE,KAAK,GAAG,OAAO,MAAM,QAAQ,mBAAmB;AAAA,IAClD,EAAE,KAAK,KAAK,QAAQ,gBAAgB;AAAA,IACpC,EAAE,KAAK,KAAK,QAAQ,YAAY;AAAA,EAClC;AAEA,SACE,oCAAC,OAAI,eAAc,UAAS,aAAY,UAAS,aAAY,WAAU,UAAU,GAAG,SAAS,KAC3F,oCAAC,OAAI,cAAc,KACjB,oCAAC,QAAK,OAAM,WAAU,MAAI,QAAC,oBAAkB,CAC/C,GAEC,UAAU,IAAI,CAAC,GAAG,QACjB,oCAAC,OAAI,KAAK,KAAK,cAAc,KAC3B,oCAAC,QAAK,OAAM,WAAU,MAAI,QAAE,EAAE,IAAI,OAAO,EAAE,CAAE,GAC7C,oCAAC,QAAK,OAAM,aAAW,EAAE,MAAO,CAClC,CACD,GAED,oCAAC,OAAI,WAAW,KACd,oCAAC,QAAK,OAAM,WAAU,UAAQ,QAAC,yBAE/B,CACF,CACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/ui/components/KeyboardHelp.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Box, Text, useInput } from 'ink';\r\nimport { useTheme } from '../theme.js';\r\n\r\ninterface KeyboardHelpProps {\r\n  onClose: () => void;\r\n}\r\n\r\nexport const KeyboardHelp: React.FC<KeyboardHelpProps> = ({ onClose }) => {\r\n  const theme = useTheme();\r\n  useInput((input, key) => {\r\n    if (key.escape || input === '?') {\r\n      onClose();\r\n    }\r\n  });\r\n\r\n  const isMac = process.platform === 'darwin';\r\n  const metaKey = isMac ? 'Cmd' : 'Alt';\r\n  const altKey = isMac ? 'Option' : 'Alt';\r\n\r\n  // Note: Some shortcuts like Ctrl+C are standard across terminals including Mac (Ctrl+C, not Cmd+C)\r\n  // But navigation/editing often uses Cmd on Mac.\r\n\r\n  const shortcuts = [\r\n    { key: 'Enter', action: 'Submit message' },\r\n    { key: `${altKey}+Enter`, action: 'Insert newline (Shift+Enter remap)' },\r\n    { key: 'Ctrl+Enter', action: 'Insert newline' },\r\n    { key: '\\\\ + Enter', action: 'Insert newline fallback' },\r\n    { key: 'Ctrl+D', action: 'Toggle command mode' },\r\n    { key: 'Ctrl+P', action: 'Toggle plan mode' },\r\n    { key: 'Tab', action: 'Autocomplete' },\r\n    { key: 'Ctrl+T', action: 'Toggle auto-accept' },\r\n    { key: 'Ctrl+C', action: 'Cancel / Exit' },\r\n    { key: `${metaKey}+Z`, action: 'Undo' }, // undo\r\n    { key: isMac ? 'Cmd/Ctrl+E' : 'Alt+E', action: 'Warpify (Interactive)' },\r\n    { key: `${isMac ? 'Cmd' : 'Ctrl'}+Left`, action: 'Home / Word Back' }, // Simplified\r\n    { key: `${metaKey}+V`, action: 'Paste File / Image' },\r\n    { key: `${metaKey}+X`, action: 'Remove Last File' },\r\n    { key: '/', action: 'Slash command' },\r\n    { key: '?', action: 'Show help' }\r\n  ];\r\n\r\n  return (\r\n    <Box flexDirection=\"column\" borderStyle=\"double\" borderColor={theme.accent} paddingX={1} marginY={1}>\r\n      <Box marginBottom={1}>\r\n        <Text color={theme.accent} bold>Keyboard Shortcuts</Text>\r\n      </Box>\r\n\r\n      {shortcuts.map((s, idx) => (\r\n        <Box key={idx} marginBottom={1}>\r\n          <Text color=\"#00cc66\" bold>{s.key.padEnd(15)}</Text>\r\n          <Text color=\"#ffffff\">{s.action}</Text>\r\n        </Box>\r\n      ))}\r\n\r\n      <Box marginTop={1}>\r\n        <Text color=\"#666666\" dimColor>\r\n          Press ? or ESC to close\r\n        </Text>\r\n      </Box>\r\n    </Box>\r\n  );\r\n};\r\n"],"mappings":"AAAA,OAAO,WAAW;AAClB,SAAS,KAAK,MAAM,gBAAgB;AACpC,SAAS,gBAAgB;AAMlB,MAAM,eAA4C,CAAC,EAAE,QAAQ,MAAM;AACxE,QAAM,QAAQ,SAAS;AACvB,WAAS,CAAC,OAAO,QAAQ;AACvB,QAAI,IAAI,UAAU,UAAU,KAAK;AAC/B,cAAQ;AAAA,IACV;AAAA,EACF,CAAC;AAED,QAAM,QAAQ,QAAQ,aAAa;AACnC,QAAM,UAAU,QAAQ,QAAQ;AAChC,QAAM,SAAS,QAAQ,WAAW;AAKlC,QAAM,YAAY;AAAA,IAChB,EAAE,KAAK,SAAS,QAAQ,iBAAiB;AAAA,IACzC,EAAE,KAAK,GAAG,MAAM,UAAU,QAAQ,qCAAqC;AAAA,IACvE,EAAE,KAAK,cAAc,QAAQ,iBAAiB;AAAA,IAC9C,EAAE,KAAK,cAAc,QAAQ,0BAA0B;AAAA,IACvD,EAAE,KAAK,UAAU,QAAQ,sBAAsB;AAAA,IAC/C,EAAE,KAAK,UAAU,QAAQ,mBAAmB;AAAA,IAC5C,EAAE,KAAK,OAAO,QAAQ,eAAe;AAAA,IACrC,EAAE,KAAK,UAAU,QAAQ,qBAAqB;AAAA,IAC9C,EAAE,KAAK,UAAU,QAAQ,gBAAgB;AAAA,IACzC,EAAE,KAAK,GAAG,OAAO,MAAM,QAAQ,OAAO;AAAA;AAAA,IACtC,EAAE,KAAK,QAAQ,eAAe,SAAS,QAAQ,wBAAwB;AAAA,IACvE,EAAE,KAAK,GAAG,QAAQ,QAAQ,MAAM,SAAS,QAAQ,mBAAmB;AAAA;AAAA,IACpE,EAAE,KAAK,GAAG,OAAO,MAAM,QAAQ,qBAAqB;AAAA,IACpD,EAAE,KAAK,GAAG,OAAO,MAAM,QAAQ,mBAAmB;AAAA,IAClD,EAAE,KAAK,KAAK,QAAQ,gBAAgB;AAAA,IACpC,EAAE,KAAK,KAAK,QAAQ,YAAY;AAAA,EAClC;AAEA,SACE,oCAAC,OAAI,eAAc,UAAS,aAAY,UAAS,aAAa,MAAM,QAAQ,UAAU,GAAG,SAAS,KAChG,oCAAC,OAAI,cAAc,KACjB,oCAAC,QAAK,OAAO,MAAM,QAAQ,MAAI,QAAC,oBAAkB,CACpD,GAEC,UAAU,IAAI,CAAC,GAAG,QACjB,oCAAC,OAAI,KAAK,KAAK,cAAc,KAC3B,oCAAC,QAAK,OAAM,WAAU,MAAI,QAAE,EAAE,IAAI,OAAO,EAAE,CAAE,GAC7C,oCAAC,QAAK,OAAM,aAAW,EAAE,MAAO,CAClC,CACD,GAED,oCAAC,OAAI,WAAW,KACd,oCAAC,QAAK,OAAM,WAAU,UAAQ,QAAC,yBAE/B,CACF,CACF;AAEJ;","names":[]}

package/dist/ui/components/LoadingIndicator.js

@@ -2,6 +2,7 @@ import React from "react";
 import { Box, Text } from "ink";
 import Spinner from "ink-spinner";
 import { ShimmerText } from "./ShimmerText.js";
+import { useTheme } from "../theme.js";
 const LOADING_MESSAGES = [
   "Thrusting",
   "Propelling",
@@ -16,9 +17,10 @@ const LOADING_MESSAGES = [
 ];
 const SPINNER_TYPES = ["dots", "dots2", "line", "star", "arc", "circle", "arrow", "bouncingBar", "bouncingBall", "earth", "moon"];
 const LoadingIndicator = () => {
+  const theme = useTheme();
   const messageIndex = React.useMemo(() => Math.floor(Math.random() * LOADING_MESSAGES.length), []);
   const spinnerType = React.useMemo(() => SPINNER_TYPES[Math.floor(Math.random() * SPINNER_TYPES.length)], []);
-  return /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: "#00ccff" }, /* @__PURE__ */ React.createElement(Spinner, { type: spinnerType })), /* @__PURE__ */ React.createElement(Text, null, " "), /* @__PURE__ */ React.createElement(ShimmerText, { text: `${LOADING_MESSAGES[messageIndex]}...`, baseColor: "#00ccff", bold: true }));
+  return /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: theme.accent }, /* @__PURE__ */ React.createElement(Spinner, { type: spinnerType })), /* @__PURE__ */ React.createElement(Text, null, " "), /* @__PURE__ */ React.createElement(ShimmerText, { text: `${LOADING_MESSAGES[messageIndex]}...`, baseColor: theme.accent, bold: true }));
 };
 export {
   LoadingIndicator

package/dist/ui/components/LoadingIndicator.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ui/components/LoadingIndicator.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Box, Text } from 'ink';\r\nimport Spinner from 'ink-spinner';\r\nimport { ShimmerText } from './ShimmerText.js';\r\n\r\nconst LOADING_MESSAGES = [\r\n  'Thrusting',\r\n  'Propelling',\r\n  'Boosting',\r\n  'Launching',\r\n  'Intercepting',\r\n  'Slingshotting',\r\n  'Accelerating',\r\n  'Cruising',\r\n  'Warping',\r\n  'Docking'\r\n];\r\n\r\nconst SPINNER_TYPES = ['dots', 'dots2', 'line', 'star', 'arc', 'circle', 'arrow', 'bouncingBar', 'bouncingBall', 'earth', 'moon'] as const;\r\n\r\nexport const LoadingIndicator: React.FC = () => {\r\n  // Use useMemo to pick random message and spinner only once, not on every render\r\n  const messageIndex = React.useMemo(() => Math.floor(Math.random() * LOADING_MESSAGES.length), []);\r\n  const spinnerType = React.useMemo(() => SPINNER_TYPES[Math.floor(Math.random() * SPINNER_TYPES.length)], []);\r\n\r\n  return (\r\n    <Box>\r\n      <Text color=\"#00ccff\">\r\n        <Spinner type={spinnerType} />\r\n      </Text>\r\n      <Text> </Text>\r\n      <ShimmerText text={`${LOADING_MESSAGES[messageIndex]}...`} baseColor=\"#00ccff\" bold />\r\n    </Box>\r\n  );\r\n};\r\n"],"mappings":"AAAA,OAAO,WAAW;AAClB,SAAS,KAAK,YAAY;AAC1B,OAAO,aAAa;AACpB,SAAS,mBAAmB;AAE5B,MAAM,mBAAmB;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,gBAAgB,CAAC,QAAQ,SAAS,QAAQ,QAAQ,OAAO,UAAU,SAAS,eAAe,gBAAgB,SAAS,MAAM;AAEzH,MAAM,mBAA6B,MAAM;AAE9C,QAAM,eAAe,MAAM,QAAQ,MAAM,KAAK,MAAM,KAAK,OAAO,IAAI,iBAAiB,MAAM,GAAG,CAAC,CAAC;AAChG,QAAM,cAAc,MAAM,QAAQ,MAAM,cAAc,KAAK,MAAM,KAAK,OAAO,IAAI,cAAc,MAAM,CAAC,GAAG,CAAC,CAAC;AAE3G,SACE,oCAAC,WACC,oCAAC,QAAK,OAAM,aACV,oCAAC,WAAQ,MAAM,aAAa,CAC9B,GACA,oCAAC,YAAK,GAAC,GACP,oCAAC,eAAY,MAAM,GAAG,iBAAiB,YAAY,CAAC,OAAO,WAAU,WAAU,MAAI,MAAC,CACtF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/ui/components/LoadingIndicator.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Box, Text } from 'ink';\r\nimport Spinner from 'ink-spinner';\r\nimport { ShimmerText } from './ShimmerText.js';\r\nimport { useTheme } from '../theme.js';\r\n\r\nconst LOADING_MESSAGES = [\r\n  'Thrusting',\r\n  'Propelling',\r\n  'Boosting',\r\n  'Launching',\r\n  'Intercepting',\r\n  'Slingshotting',\r\n  'Accelerating',\r\n  'Cruising',\r\n  'Warping',\r\n  'Docking'\r\n];\r\n\r\nconst SPINNER_TYPES = ['dots', 'dots2', 'line', 'star', 'arc', 'circle', 'arrow', 'bouncingBar', 'bouncingBall', 'earth', 'moon'] as const;\r\n\r\nexport const LoadingIndicator: React.FC = () => {\r\n  const theme = useTheme();\r\n  // Use useMemo to pick random message and spinner only once, not on every render\r\n  const messageIndex = React.useMemo(() => Math.floor(Math.random() * LOADING_MESSAGES.length), []);\r\n  const spinnerType = React.useMemo(() => SPINNER_TYPES[Math.floor(Math.random() * SPINNER_TYPES.length)], []);\r\n\r\n  return (\r\n    <Box>\r\n      <Text color={theme.accent}>\r\n        <Spinner type={spinnerType} />\r\n      </Text>\r\n      <Text> </Text>\r\n      <ShimmerText text={`${LOADING_MESSAGES[messageIndex]}...`} baseColor={theme.accent} bold />\r\n    </Box>\r\n  );\r\n};\r\n"],"mappings":"AAAA,OAAO,WAAW;AAClB,SAAS,KAAK,YAAY;AAC1B,OAAO,aAAa;AACpB,SAAS,mBAAmB;AAC5B,SAAS,gBAAgB;AAEzB,MAAM,mBAAmB;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,gBAAgB,CAAC,QAAQ,SAAS,QAAQ,QAAQ,OAAO,UAAU,SAAS,eAAe,gBAAgB,SAAS,MAAM;AAEzH,MAAM,mBAA6B,MAAM;AAC9C,QAAM,QAAQ,SAAS;AAEvB,QAAM,eAAe,MAAM,QAAQ,MAAM,KAAK,MAAM,KAAK,OAAO,IAAI,iBAAiB,MAAM,GAAG,CAAC,CAAC;AAChG,QAAM,cAAc,MAAM,QAAQ,MAAM,cAAc,KAAK,MAAM,KAAK,OAAO,IAAI,cAAc,MAAM,CAAC,GAAG,CAAC,CAAC;AAE3G,SACE,oCAAC,WACC,oCAAC,QAAK,OAAO,MAAM,UACjB,oCAAC,WAAQ,MAAM,aAAa,CAC9B,GACA,oCAAC,YAAK,GAAC,GACP,oCAAC,eAAY,MAAM,GAAG,iBAAiB,YAAY,CAAC,OAAO,WAAW,MAAM,QAAQ,MAAI,MAAC,CAC3F;AAEJ;","names":[]}

package/dist/ui/components/MCPAddScreen.js

@@ -1,41 +1,91 @@
-import React from "react";
-import { Box, Text } from "ink";
-import { MultiLineInput } from "./MultiLineInput.js";
+import React, { useRef, useEffect, useCallback } from "react";
+import { Box, Text, useStdin } from "ink";
+import { TextEditor } from "./TextEditor.js";
+import { useTheme } from "../theme.js";
+import * as readline from "readline";
 const MCPAddScreen = ({ onAdd, onCancel, validateConfig }) => {
+  const theme = useTheme();
+  const { stdin, setRawMode } = useStdin();
   const [input, setInput] = React.useState("");
   const [validationResult, setValidationResult] = React.useState(null);
-  const handleSubmit = () => {
-    if (!input.trim()) {
+  const emitInitRef = useRef(false);
+  const inputRef = useRef(input);
+  const validationRef = useRef(validationResult);
+  const escTimerRef = useRef(null);
+  useEffect(() => {
+    inputRef.current = input;
+  }, [input]);
+  useEffect(() => {
+    validationRef.current = validationResult;
+  }, [validationResult]);
+  const handleSubmit = useCallback(() => {
+    const currentInput = inputRef.current;
+    if (!currentInput.trim()) {
       setValidationResult({ valid: false, error: "Please paste your MCP server configuration" });
       return;
     }
-    const result = validateConfig(input.trim());
+    const result = validateConfig(currentInput.trim());
     setValidationResult(result);
     if (result.valid && result.config) {
       onAdd(result.config);
     }
-  };
+  }, [validateConfig, onAdd]);
   const handleInputChange = (value) => {
     setInput(value);
     if (validationResult) {
       setValidationResult(null);
     }
   };
+  useEffect(() => {
+    if (!stdin) return;
+    setRawMode(true);
+    if (!emitInitRef.current) {
+      readline.emitKeypressEvents(stdin);
+      emitInitRef.current = true;
+    }
+    const handler = (_str, key) => {
+      if (!key) return;
+      const kname = key.name || "";
+      const ctrl = !!key.ctrl;
+      if (kname !== "escape" && escTimerRef.current) {
+        clearTimeout(escTimerRef.current);
+        escTimerRef.current = null;
+      }
+      if (kname === "escape") {
+        if (escTimerRef.current) clearTimeout(escTimerRef.current);
+        escTimerRef.current = setTimeout(() => {
+          escTimerRef.current = null;
+          onCancel();
+        }, 50);
+        return;
+      }
+      if (ctrl && kname === "s") {
+        handleSubmit();
+        return;
+      }
+    };
+    stdin.on("keypress", handler);
+    return () => {
+      stdin.off("keypress", handler);
+      if (escTimerRef.current) clearTimeout(escTimerRef.current);
+    };
+  }, [stdin, setRawMode, onCancel, handleSubmit]);
   const exampleConfig = `"chrome-devtools": {
   "command": "npx",
   "args": ["-y", "chrome-devtools-mcp@latest"]
 }`;
-  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#00ccff", paddingX: 1 }, /* @__PURE__ */ React.createElement(Text, { color: "#00ccff", bold: true }, "Add MCP Server"), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: "gray" }, "Example format:")), /* @__PURE__ */ React.createElement(Box, { marginTop: 1, borderStyle: "round", borderColor: "gray", paddingX: 1 }, /* @__PURE__ */ React.createElement(Text, { color: "#888888" }, exampleConfig)), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: "gray" }, "Paste your MCP server config:")), /* @__PURE__ */ React.createElement(Box, { marginTop: 1, borderStyle: "round", borderColor: validationResult?.valid ? "#00cc66" : validationResult?.error ? "#ff6666" : "#555555", paddingX: 1 }, /* @__PURE__ */ React.createElement(
-    MultiLineInput,
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: theme.accent, paddingX: 1 }, /* @__PURE__ */ React.createElement(Text, { color: theme.accent, bold: true }, "Add MCP Server"), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: "gray" }, "Example format:")), /* @__PURE__ */ React.createElement(Box, { marginTop: 1, borderStyle: "round", borderColor: "gray", paddingX: 1 }, /* @__PURE__ */ React.createElement(Text, { color: "#888888" }, exampleConfig)), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: "gray" }, "Paste your MCP server config:")), /* @__PURE__ */ React.createElement(Box, { marginTop: 1, borderStyle: "round", borderColor: validationResult?.valid ? "#00cc66" : validationResult?.error ? "#ff6666" : "#555555", paddingX: 1 }, /* @__PURE__ */ React.createElement(
+    TextEditor,
     {
       value: input,
       onChange: handleInputChange,
-      onSubmit: handleSubmit,
-      placeholder: '{"name": "...", "command": "...", "args": [...]}',
       minHeight: 3,
-      maxHeight: 5
+      maxHeight: 5,
+      placeholder: '{"name": "...", "command": "...", "args": [...]}',
+      isActive: true,
+      width: Math.max(20, (process.stdout.columns || 80) - 10)
     }
-  )), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, !validationResult && /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Press Enter to add the server"), validationResult?.valid && /* @__PURE__ */ React.createElement(Text, { color: "#00cc66" }, 'Adding server "', validationResult.config?.name, '"...'), validationResult?.error && /* @__PURE__ */ React.createElement(Text, { color: "#ff6666" }, "Error: ", validationResult.error)), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "[Enter] Add Server  [ESC] Cancel")));
+  )), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, !validationResult && /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Press ", /* @__PURE__ */ React.createElement(Text, { color: "#ffd700" }, "Ctrl+S"), " to add the server"), validationResult?.valid && /* @__PURE__ */ React.createElement(Text, { color: "#00cc66" }, 'Adding server "', validationResult.config?.name, '"...'), validationResult?.error && /* @__PURE__ */ React.createElement(Text, { color: "#ff6666" }, "Error: ", validationResult.error)), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "[Ctrl+S] Add Server  [ESC] Cancel")));
 };
 export {
   MCPAddScreen

package/dist/ui/components/MCPAddScreen.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ui/components/MCPAddScreen.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Box, Text } from 'ink';\r\nimport { MultiLineInput } from './MultiLineInput.js';\r\n\r\ninterface MCPAddScreenProps {\r\n    onAdd: (config: any) => void;\r\n    onCancel: () => void;\r\n    validateConfig: (jsonString: string) => { valid: boolean; config?: any; error?: string };\r\n}\r\n\r\nexport const MCPAddScreen: React.FC<MCPAddScreenProps> = ({ onAdd, onCancel, validateConfig }) => {\r\n    const [input, setInput] = React.useState('');\r\n    const [validationResult, setValidationResult] = React.useState<{ valid: boolean; config?: any; error?: string } | null>(null);\r\n    // Note: ESC key handling is done in App.tsx\r\n\r\n    const handleSubmit = () => {\r\n        if (!input.trim()) {\r\n            setValidationResult({ valid: false, error: 'Please paste your MCP server configuration' });\r\n            return;\r\n        }\r\n\r\n        // Validate and add immediately on first Enter\r\n        const result = validateConfig(input.trim());\r\n        setValidationResult(result);\r\n\r\n        if (result.valid && result.config) {\r\n            // Add the server immediately\r\n            onAdd(result.config);\r\n        }\r\n    };\r\n\r\n    const handleInputChange = (value: string) => {\r\n        setInput(value);\r\n        // Reset validation when input changes\r\n        if (validationResult) {\r\n            setValidationResult(null);\r\n        }\r\n    };\r\n\r\n    const exampleConfig = `\"chrome-devtools\": {\r\n  \"command\": \"npx\",\r\n  \"args\": [\"-y\", \"chrome-devtools-mcp@latest\"]\r\n}`;\r\n\r\n    return (\r\n        <Box flexDirection=\"column\" borderStyle=\"round\" borderColor=\"#00ccff\" paddingX={1}>\r\n            <Text color=\"#00ccff\" bold>Add MCP Server</Text>\r\n\r\n            <Box marginTop={1}>\r\n                <Text color=\"gray\">Example format:</Text>\r\n            </Box>\r\n\r\n            <Box marginTop={1} borderStyle=\"round\" borderColor=\"gray\" paddingX={1}>\r\n                <Text color=\"#888888\">{exampleConfig}</Text>\r\n            </Box>\r\n\r\n            <Box marginTop={1}>\r\n                <Text color=\"gray\">Paste your MCP server config:</Text>\r\n            </Box>\r\n\r\n            <Box marginTop={1} borderStyle=\"round\" borderColor={validationResult?.valid ? '#00cc66' : (validationResult?.error ? '#ff6666' : '#555555')} paddingX={1}>\r\n                <MultiLineInput\r\n                    value={input}\r\n                    onChange={handleInputChange}\r\n                    onSubmit={handleSubmit}\r\n                    placeholder='{\"name\": \"...\", \"command\": \"...\", \"args\": [...]}'\r\n                    minHeight={3}\r\n                    maxHeight={5}\r\n                />\r\n            </Box>\r\n\r\n            {/* Validation result */}\r\n            <Box marginTop={1}>\r\n                {!validationResult && (\r\n                    <Text dimColor>Press Enter to add the server</Text>\r\n                )}\r\n                {validationResult?.valid && (\r\n                    <Text color=\"#00cc66\">Adding server \"{validationResult.config?.name}\"...</Text>\r\n                )}\r\n                {validationResult?.error && (\r\n                    <Text color=\"#ff6666\">Error: {validationResult.error}</Text>\r\n                )}\r\n            </Box>\r\n\r\n            <Box marginTop={1}>\r\n                <Text dimColor>[Enter] Add Server  [ESC] Cancel</Text>\r\n            </Box>\r\n        </Box>\r\n    );\r\n};\r\n"],"mappings":"AAAA,OAAO,WAAW;AAClB,SAAS,KAAK,YAAY;AAC1B,SAAS,sBAAsB;AAQxB,MAAM,eAA4C,CAAC,EAAE,OAAO,UAAU,eAAe,MAAM;AAC9F,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAS,EAAE;AAC3C,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,MAAM,SAAkE,IAAI;AAG5H,QAAM,eAAe,MAAM;AACvB,QAAI,CAAC,MAAM,KAAK,GAAG;AACf,0BAAoB,EAAE,OAAO,OAAO,OAAO,6CAA6C,CAAC;AACzF;AAAA,IACJ;AAGA,UAAM,SAAS,eAAe,MAAM,KAAK,CAAC;AAC1C,wBAAoB,MAAM;AAE1B,QAAI,OAAO,SAAS,OAAO,QAAQ;AAE/B,YAAM,OAAO,MAAM;AAAA,IACvB;AAAA,EACJ;AAEA,QAAM,oBAAoB,CAAC,UAAkB;AACzC,aAAS,KAAK;AAEd,QAAI,kBAAkB;AAClB,0BAAoB,IAAI;AAAA,IAC5B;AAAA,EACJ;AAEA,QAAM,gBAAgB;AAAA;AAAA;AAAA;AAKtB,SACI,oCAAC,OAAI,eAAc,UAAS,aAAY,SAAQ,aAAY,WAAU,UAAU,KAC5E,oCAAC,QAAK,OAAM,WAAU,MAAI,QAAC,gBAAc,GAEzC,oCAAC,OAAI,WAAW,KACZ,oCAAC,QAAK,OAAM,UAAO,iBAAe,CACtC,GAEA,oCAAC,OAAI,WAAW,GAAG,aAAY,SAAQ,aAAY,QAAO,UAAU,KAChE,oCAAC,QAAK,OAAM,aAAW,aAAc,CACzC,GAEA,oCAAC,OAAI,WAAW,KACZ,oCAAC,QAAK,OAAM,UAAO,+BAA6B,CACpD,GAEA,oCAAC,OAAI,WAAW,GAAG,aAAY,SAAQ,aAAa,kBAAkB,QAAQ,YAAa,kBAAkB,QAAQ,YAAY,WAAY,UAAU,KACnJ;AAAA,IAAC;AAAA;AAAA,MACG,OAAO;AAAA,MACP,UAAU;AAAA,MACV,UAAU;AAAA,MACV,aAAY;AAAA,MACZ,WAAW;AAAA,MACX,WAAW;AAAA;AAAA,EACf,CACJ,GAGA,oCAAC,OAAI,WAAW,KACX,CAAC,oBACE,oCAAC,QAAK,UAAQ,QAAC,+BAA6B,GAE/C,kBAAkB,SACf,oCAAC,QAAK,OAAM,aAAU,mBAAgB,iBAAiB,QAAQ,MAAK,MAAI,GAE3E,kBAAkB,SACf,oCAAC,QAAK,OAAM,aAAU,WAAQ,iBAAiB,KAAM,CAE7D,GAEA,oCAAC,OAAI,WAAW,KACZ,oCAAC,QAAK,UAAQ,QAAC,kCAAgC,CACnD,CACJ;AAER;","names":[]}
+{"version":3,"sources":["../../../src/ui/components/MCPAddScreen.tsx"],"sourcesContent":["import React, { useRef, useEffect, useCallback } from 'react';\r\nimport { Box, Text, useStdin } from 'ink';\r\nimport { TextEditor } from './TextEditor.js';\r\nimport { useTheme } from '../theme.js';\r\nimport * as readline from 'readline';\r\n\r\ninterface MCPAddScreenProps {\r\n    onAdd: (config: any) => void;\r\n    onCancel: () => void;\r\n    validateConfig: (jsonString: string) => { valid: boolean; config?: any; error?: string };\r\n}\r\n\r\nexport const MCPAddScreen: React.FC<MCPAddScreenProps> = ({ onAdd, onCancel, validateConfig }) => {\r\n    const theme = useTheme();\r\n    const { stdin, setRawMode } = useStdin();\r\n    const [input, setInput] = React.useState('');\r\n    const [validationResult, setValidationResult] = React.useState<{ valid: boolean; config?: any; error?: string } | null>(null);\r\n    const emitInitRef = useRef(false);\r\n    const inputRef = useRef(input);\r\n    const validationRef = useRef(validationResult);\r\n    const escTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\r\n\r\n    useEffect(() => { inputRef.current = input; }, [input]);\r\n    useEffect(() => { validationRef.current = validationResult; }, [validationResult]);\r\n\r\n    const handleSubmit = useCallback(() => {\r\n        const currentInput = inputRef.current;\r\n        if (!currentInput.trim()) {\r\n            setValidationResult({ valid: false, error: 'Please paste your MCP server configuration' });\r\n            return;\r\n        }\r\n\r\n        const result = validateConfig(currentInput.trim());\r\n        setValidationResult(result);\r\n\r\n        if (result.valid && result.config) {\r\n            onAdd(result.config);\r\n        }\r\n    }, [validateConfig, onAdd]);\r\n\r\n    const handleInputChange = (value: string) => {\r\n        setInput(value);\r\n        if (validationResult) {\r\n            setValidationResult(null);\r\n        }\r\n    };\r\n\r\n    // Raw stdin handler for Ctrl+S (submit) and ESC (cancel)\r\n    useEffect(() => {\r\n        if (!stdin) return;\r\n        setRawMode(true);\r\n\r\n        if (!emitInitRef.current) {\r\n            readline.emitKeypressEvents(stdin);\r\n            emitInitRef.current = true;\r\n        }\r\n\r\n        const handler = (_str: string | undefined, key: any) => {\r\n            if (!key) return;\r\n            const kname = key.name || '';\r\n            const ctrl = !!key.ctrl;\r\n\r\n            // Any non-escape keypress cancels a pending ESC (it was a meta combo like Option+Backspace)\r\n            if (kname !== 'escape' && escTimerRef.current) {\r\n                clearTimeout(escTimerRef.current);\r\n                escTimerRef.current = null;\r\n            }\r\n\r\n            // ESC — debounce to distinguish standalone ESC from meta sequences\r\n            if (kname === 'escape') {\r\n                if (escTimerRef.current) clearTimeout(escTimerRef.current);\r\n                escTimerRef.current = setTimeout(() => {\r\n                    escTimerRef.current = null;\r\n                    onCancel();\r\n                }, 50);\r\n                return;\r\n            }\r\n\r\n            // Ctrl+S — submit\r\n            if (ctrl && kname === 's') {\r\n                handleSubmit();\r\n                return;\r\n            }\r\n        };\r\n\r\n        stdin.on('keypress', handler);\r\n        return () => {\r\n            stdin.off('keypress', handler);\r\n            if (escTimerRef.current) clearTimeout(escTimerRef.current);\r\n        };\r\n    }, [stdin, setRawMode, onCancel, handleSubmit]);\r\n\r\n    const exampleConfig = `\"chrome-devtools\": {\r\n  \"command\": \"npx\",\r\n  \"args\": [\"-y\", \"chrome-devtools-mcp@latest\"]\r\n}`;\r\n\r\n    return (\r\n        <Box flexDirection=\"column\" borderStyle=\"round\" borderColor={theme.accent} paddingX={1}>\r\n            <Text color={theme.accent} bold>Add MCP Server</Text>\r\n\r\n            <Box marginTop={1}>\r\n                <Text color=\"gray\">Example format:</Text>\r\n            </Box>\r\n\r\n            <Box marginTop={1} borderStyle=\"round\" borderColor=\"gray\" paddingX={1}>\r\n                <Text color=\"#888888\">{exampleConfig}</Text>\r\n            </Box>\r\n\r\n            <Box marginTop={1}>\r\n                <Text color=\"gray\">Paste your MCP server config:</Text>\r\n            </Box>\r\n\r\n            <Box marginTop={1} borderStyle=\"round\" borderColor={validationResult?.valid ? '#00cc66' : (validationResult?.error ? '#ff6666' : '#555555')} paddingX={1}>\r\n                <TextEditor\r\n                    value={input}\r\n                    onChange={handleInputChange}\r\n                    minHeight={3}\r\n                    maxHeight={5}\r\n                    placeholder='{\"name\": \"...\", \"command\": \"...\", \"args\": [...]}'\r\n                    isActive={true}\r\n                    width={Math.max(20, (process.stdout.columns || 80) - 10)}\r\n                />\r\n            </Box>\r\n\r\n            {/* Validation result */}\r\n            <Box marginTop={1}>\r\n                {!validationResult && (\r\n                    <Text dimColor>Press <Text color=\"#ffd700\">Ctrl+S</Text> to add the server</Text>\r\n                )}\r\n                {validationResult?.valid && (\r\n                    <Text color=\"#00cc66\">Adding server \"{validationResult.config?.name}\"...</Text>\r\n                )}\r\n                {validationResult?.error && (\r\n                    <Text color=\"#ff6666\">Error: {validationResult.error}</Text>\r\n                )}\r\n            </Box>\r\n\r\n            <Box marginTop={1}>\r\n                <Text dimColor>[Ctrl+S] Add Server  [ESC] Cancel</Text>\r\n            </Box>\r\n        </Box>\r\n    );\r\n};\r\n"],"mappings":"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","names":[]}

package/dist/ui/components/MarkdownRenderer.js

@@ -1,7 +1,9 @@
 import React, { useMemo } from "react";
 import { Box, Text } from "ink";
 import { MarkdownParser, wrapText } from "../../utils/markdown-parser.js";
+import { useTheme } from "../theme.js";
 const MarkdownRenderer = ({ content, maxWidth = 100 }) => {
+  const theme = useTheme();
   const parser = useMemo(() => new MarkdownParser(), []);
   const elements = useMemo(() => parser.parse(content), [content, parser]);
   const renderInlineElements = (children) => {
@@ -15,7 +17,7 @@ const MarkdownRenderer = ({ content, maxWidth = 100 }) => {
         case "code-inline":
           return /* @__PURE__ */ React.createElement(Text, { key: idx, backgroundColor: "#2d2d2d", color: "#ff79c6" }, ` ${child.content} `);
         case "link":
-          return /* @__PURE__ */ React.createElement(Text, { key: idx, color: "#00ccff", underline: true }, child.content);
+          return /* @__PURE__ */ React.createElement(Text, { key: idx, color: theme.accent, underline: true }, child.content);
         case "text":
         default:
           return /* @__PURE__ */ React.createElement(Text, { key: idx, color: "#ffffff" }, child.content);

package/dist/ui/components/MarkdownRenderer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ui/components/MarkdownRenderer.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\r\nimport { Box, Text } from 'ink';\r\nimport { MarkdownParser, ParsedElement, wrapText } from '../../utils/markdown-parser.js';\r\n\r\ninterface MarkdownRendererProps {\r\n  content: string;\r\n  maxWidth?: number;\r\n}\r\n\r\nexport const MarkdownRenderer: React.FC<MarkdownRendererProps> = ({ content, maxWidth = 100 }) => {\r\n  const parser = useMemo(() => new MarkdownParser(), []);\r\n  const elements = useMemo(() => parser.parse(content), [content, parser]);\r\n\r\n  const renderInlineElements = (children?: ParsedElement[]): React.ReactNode => {\r\n    if (!children || children.length === 0) return null;\r\n\r\n    return children.map((child, idx) => {\r\n      switch (child.type) {\r\n        case 'bold':\r\n          return (\r\n            <Text key={idx} bold color=\"#00ffff\">\r\n              {child.content}\r\n            </Text>\r\n          );\r\n        case 'italic':\r\n          return (\r\n            <Text key={idx} italic color=\"#cccccc\">\r\n              {child.content}\r\n            </Text>\r\n          );\r\n        case 'code-inline':\r\n          return (\r\n            <Text key={idx} backgroundColor=\"#2d2d2d\" color=\"#ff79c6\">\r\n              {` ${child.content} `}\r\n            </Text>\r\n          );\r\n        case 'link':\r\n          return (\r\n            <Text key={idx} color=\"#00ccff\" underline>\r\n              {child.content}\r\n            </Text>\r\n          );\r\n        case 'text':\r\n        default:\r\n          return (\r\n            <Text key={idx} color=\"#ffffff\">\r\n              {child.content}\r\n            </Text>\r\n          );\r\n      }\r\n    });\r\n  };\r\n\r\n  const renderElement = (element: ParsedElement, index: number): React.ReactNode => {\r\n    switch (element.type) {\r\n      case 'heading': {\r\n        const level = element.level || 1;\r\n        const colors = ['#00ffff', '#00dddd', '#00bbbb', '#009999', '#007777', '#005555'];\r\n        const color = colors[level - 1] || '#ffffff';\r\n\r\n        // Wrap heading text if it's too long\r\n        const availableWidth = maxWidth - 2; // -2 for padding\r\n        const wrappedLines = wrapText(element.content, availableWidth, 0);\r\n\r\n        return (\r\n          <Box key={index} flexDirection=\"column\" marginTop={0} marginBottom={0}>\r\n            {wrappedLines.map((line, lineIdx) => (\r\n              <Text key={lineIdx} bold color={color}>\r\n                {line}\r\n              </Text>\r\n            ))}\r\n          </Box>\r\n        );\r\n      }\r\n\r\n      case 'code-block': {\r\n        const lines = element.content.split('\\n');\r\n\r\n        return (\r\n          <Box key={index} flexDirection=\"column\" marginBottom={0} marginTop={0}>\r\n            <Box borderStyle=\"round\" borderColor=\"#666666\" paddingX={1} paddingY={0}>\r\n              <Box flexDirection=\"column\">\r\n                {element.language && element.language !== 'text' && (\r\n                  <Text color=\"#888888\" dimColor>\r\n                    {element.language}\r\n                  </Text>\r\n                )}\r\n                {lines.map((line, lineIdx) => (\r\n                  <Text key={lineIdx} color=\"#f8f8f2\">\r\n                    {line || ' '}\r\n                  </Text>\r\n                ))}\r\n              </Box>\r\n            </Box>\r\n          </Box>\r\n        );\r\n      }\r\n\r\n      case 'list-item': {\r\n        const indent = (element.level || 0) * 2;\r\n        const bullet = element.ordered ? `${element.index}.` : '•';\r\n        const bulletColor = '#00cc66';\r\n        const bulletWidth = element.ordered ? 3 : 2; // \"1.\" or \"•\" + space\r\n        const availableWidth = maxWidth - indent - bulletWidth - 4; // Account for all padding\r\n\r\n        // Render list item with proper width constraints\r\n        return (\r\n          <Box key={index} flexDirection=\"row\" marginBottom={0}>\r\n            <Text color=\"#666666\">{' '.repeat(indent)}</Text>\r\n            <Text color={bulletColor} bold>\r\n              {bullet}{' '}\r\n            </Text>\r\n            <Box flexShrink={1} width={availableWidth}>\r\n              <Text wrap=\"wrap\">\r\n                {element.children && element.children.length > 0\r\n                  ? renderInlineElements(element.children)\r\n                  : <Text color=\"#ffffff\">{element.content}</Text>}\r\n              </Text>\r\n            </Box>\r\n          </Box>\r\n        );\r\n      }\r\n\r\n      case 'blockquote': {\r\n        return (\r\n          <Box key={index} flexDirection=\"row\" marginBottom={0}>\r\n            <Text color=\"#666666\" bold>\r\n              │{' '}\r\n            </Text>\r\n            <Text color=\"#cccccc\" italic>\r\n              {element.children && element.children.length > 0\r\n                ? renderInlineElements(element.children)\r\n                : element.content}\r\n            </Text>\r\n          </Box>\r\n        );\r\n      }\r\n\r\n      case 'horizontal-rule': {\r\n        return (\r\n          <Box key={index} marginY={0}>\r\n            <Text color=\"#444444\">{'─'.repeat(Math.min(maxWidth, 80))}</Text>\r\n          </Box>\r\n        );\r\n      }\r\n\r\n      case 'line-break': {\r\n        // Use a Text element with newline instead of Box with height={0}\r\n        // to prevent breaking the parent's border\r\n        return <Text key={index}>{' '}</Text>;\r\n      }\r\n\r\n      case 'text': {\r\n        // If we have inline children (formatted text), render them with proper wrapping\r\n        if (element.children && element.children.length > 0) {\r\n          return (\r\n            <Box key={index} flexDirection=\"column\" marginBottom={0}>\r\n              <Box paddingLeft={2} width={maxWidth - 2} flexWrap=\"wrap\">\r\n                <Text wrap=\"wrap\">{renderInlineElements(element.children)}</Text>\r\n              </Box>\r\n            </Box>\r\n          );\r\n        }\r\n\r\n        // Otherwise, wrap plain text if needed\r\n        // Account for paddingLeft={2} in the wrapping calculation\r\n        const wrappedLines = wrapText(element.content, maxWidth - 2, 0);\r\n\r\n        return (\r\n          <Box key={index} flexDirection=\"column\" marginBottom={0}>\r\n            {wrappedLines.map((line, lineIdx) => (\r\n              <Box key={lineIdx} paddingLeft={2}>\r\n                <Text color=\"#ffffff\">{line}</Text>\r\n              </Box>\r\n            ))}\r\n          </Box>\r\n        );\r\n      }\r\n\r\n      default:\r\n        return null;\r\n    }\r\n  };\r\n\r\n  return (\r\n    <Box flexDirection=\"column\">\r\n      {elements.map((element, index) => renderElement(element, index))}\r\n    </Box>\r\n  );\r\n};\r\n"],"mappings":"AAAA,OAAO,SAAS,eAAe;AAC/B,SAAS,KAAK,YAAY;AAC1B,SAAS,gBAA+B,gBAAgB;AAOjD,MAAM,mBAAoD,CAAC,EAAE,SAAS,WAAW,IAAI,MAAM;AAChG,QAAM,SAAS,QAAQ,MAAM,IAAI,eAAe,GAAG,CAAC,CAAC;AACrD,QAAM,WAAW,QAAQ,MAAM,OAAO,MAAM,OAAO,GAAG,CAAC,SAAS,MAAM,CAAC;AAEvE,QAAM,uBAAuB,CAAC,aAAgD;AAC5E,QAAI,CAAC,YAAY,SAAS,WAAW,EAAG,QAAO;AAE/C,WAAO,SAAS,IAAI,CAAC,OAAO,QAAQ;AAClC,cAAQ,MAAM,MAAM;AAAA,QAClB,KAAK;AACH,iBACE,oCAAC,QAAK,KAAK,KAAK,MAAI,MAAC,OAAM,aACxB,MAAM,OACT;AAAA,QAEJ,KAAK;AACH,iBACE,oCAAC,QAAK,KAAK,KAAK,QAAM,MAAC,OAAM,aAC1B,MAAM,OACT;AAAA,QAEJ,KAAK;AACH,iBACE,oCAAC,QAAK,KAAK,KAAK,iBAAgB,WAAU,OAAM,aAC7C,IAAI,MAAM,OAAO,GACpB;AAAA,QAEJ,KAAK;AACH,iBACE,oCAAC,QAAK,KAAK,KAAK,OAAM,WAAU,WAAS,QACtC,MAAM,OACT;AAAA,QAEJ,KAAK;AAAA,QACL;AACE,iBACE,oCAAC,QAAK,KAAK,KAAK,OAAM,aACnB,MAAM,OACT;AAAA,MAEN;AAAA,IACF,CAAC;AAAA,EACH;AAEA,QAAM,gBAAgB,CAAC,SAAwB,UAAmC;AAChF,YAAQ,QAAQ,MAAM;AAAA,MACpB,KAAK,WAAW;AACd,cAAM,QAAQ,QAAQ,SAAS;AAC/B,cAAM,SAAS,CAAC,WAAW,WAAW,WAAW,WAAW,WAAW,SAAS;AAChF,cAAM,QAAQ,OAAO,QAAQ,CAAC,KAAK;AAGnC,cAAM,iBAAiB,WAAW;AAClC,cAAM,eAAe,SAAS,QAAQ,SAAS,gBAAgB,CAAC;AAEhE,eACE,oCAAC,OAAI,KAAK,OAAO,eAAc,UAAS,WAAW,GAAG,cAAc,KACjE,aAAa,IAAI,CAAC,MAAM,YACvB,oCAAC,QAAK,KAAK,SAAS,MAAI,MAAC,SACtB,IACH,CACD,CACH;AAAA,MAEJ;AAAA,MAEA,KAAK,cAAc;AACjB,cAAM,QAAQ,QAAQ,QAAQ,MAAM,IAAI;AAExC,eACE,oCAAC,OAAI,KAAK,OAAO,eAAc,UAAS,cAAc,GAAG,WAAW,KAClE,oCAAC,OAAI,aAAY,SAAQ,aAAY,WAAU,UAAU,GAAG,UAAU,KACpE,oCAAC,OAAI,eAAc,YAChB,QAAQ,YAAY,QAAQ,aAAa,UACxC,oCAAC,QAAK,OAAM,WAAU,UAAQ,QAC3B,QAAQ,QACX,GAED,MAAM,IAAI,CAAC,MAAM,YAChB,oCAAC,QAAK,KAAK,SAAS,OAAM,aACvB,QAAQ,GACX,CACD,CACH,CACF,CACF;AAAA,MAEJ;AAAA,MAEA,KAAK,aAAa;AAChB,cAAM,UAAU,QAAQ,SAAS,KAAK;AACtC,cAAM,SAAS,QAAQ,UAAU,GAAG,QAAQ,KAAK,MAAM;AACvD,cAAM,cAAc;AACpB,cAAM,cAAc,QAAQ,UAAU,IAAI;AAC1C,cAAM,iBAAiB,WAAW,SAAS,cAAc;AAGzD,eACE,oCAAC,OAAI,KAAK,OAAO,eAAc,OAAM,cAAc,KACjD,oCAAC,QAAK,OAAM,aAAW,IAAI,OAAO,MAAM,CAAE,GAC1C,oCAAC,QAAK,OAAO,aAAa,MAAI,QAC3B,QAAQ,GACX,GACA,oCAAC,OAAI,YAAY,GAAG,OAAO,kBACzB,oCAAC,QAAK,MAAK,UACR,QAAQ,YAAY,QAAQ,SAAS,SAAS,IAC3C,qBAAqB,QAAQ,QAAQ,IACrC,oCAAC,QAAK,OAAM,aAAW,QAAQ,OAAQ,CAC7C,CACF,CACF;AAAA,MAEJ;AAAA,MAEA,KAAK,cAAc;AACjB,eACE,oCAAC,OAAI,KAAK,OAAO,eAAc,OAAM,cAAc,KACjD,oCAAC,QAAK,OAAM,WAAU,MAAI,QAAC,UACvB,GACJ,GACA,oCAAC,QAAK,OAAM,WAAU,QAAM,QACzB,QAAQ,YAAY,QAAQ,SAAS,SAAS,IAC3C,qBAAqB,QAAQ,QAAQ,IACrC,QAAQ,OACd,CACF;AAAA,MAEJ;AAAA,MAEA,KAAK,mBAAmB;AACtB,eACE,oCAAC,OAAI,KAAK,OAAO,SAAS,KACxB,oCAAC,QAAK,OAAM,aAAW,SAAI,OAAO,KAAK,IAAI,UAAU,EAAE,CAAC,CAAE,CAC5D;AAAA,MAEJ;AAAA,MAEA,KAAK,cAAc;AAGjB,eAAO,oCAAC,QAAK,KAAK,SAAQ,GAAI;AAAA,MAChC;AAAA,MAEA,KAAK,QAAQ;AAEX,YAAI,QAAQ,YAAY,QAAQ,SAAS,SAAS,GAAG;AACnD,iBACE,oCAAC,OAAI,KAAK,OAAO,eAAc,UAAS,cAAc,KACpD,oCAAC,OAAI,aAAa,GAAG,OAAO,WAAW,GAAG,UAAS,UACjD,oCAAC,QAAK,MAAK,UAAQ,qBAAqB,QAAQ,QAAQ,CAAE,CAC5D,CACF;AAAA,QAEJ;AAIA,cAAM,eAAe,SAAS,QAAQ,SAAS,WAAW,GAAG,CAAC;AAE9D,eACE,oCAAC,OAAI,KAAK,OAAO,eAAc,UAAS,cAAc,KACnD,aAAa,IAAI,CAAC,MAAM,YACvB,oCAAC,OAAI,KAAK,SAAS,aAAa,KAC9B,oCAAC,QAAK,OAAM,aAAW,IAAK,CAC9B,CACD,CACH;AAAA,MAEJ;AAAA,MAEA;AACE,eAAO;AAAA,IACX;AAAA,EACF;AAEA,SACE,oCAAC,OAAI,eAAc,YAChB,SAAS,IAAI,CAAC,SAAS,UAAU,cAAc,SAAS,KAAK,CAAC,CACjE;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/ui/components/MarkdownRenderer.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\r\nimport { Box, Text } from 'ink';\r\nimport { MarkdownParser, ParsedElement, wrapText } from '../../utils/markdown-parser.js';\r\nimport { useTheme } from '../theme.js';\r\n\r\ninterface MarkdownRendererProps {\r\n  content: string;\r\n  maxWidth?: number;\r\n}\r\n\r\nexport const MarkdownRenderer: React.FC<MarkdownRendererProps> = ({ content, maxWidth = 100 }) => {\r\n  const theme = useTheme();\r\n  const parser = useMemo(() => new MarkdownParser(), []);\r\n  const elements = useMemo(() => parser.parse(content), [content, parser]);\r\n\r\n  const renderInlineElements = (children?: ParsedElement[]): React.ReactNode => {\r\n    if (!children || children.length === 0) return null;\r\n\r\n    return children.map((child, idx) => {\r\n      switch (child.type) {\r\n        case 'bold':\r\n          return (\r\n            <Text key={idx} bold color=\"#00ffff\">\r\n              {child.content}\r\n            </Text>\r\n          );\r\n        case 'italic':\r\n          return (\r\n            <Text key={idx} italic color=\"#cccccc\">\r\n              {child.content}\r\n            </Text>\r\n          );\r\n        case 'code-inline':\r\n          return (\r\n            <Text key={idx} backgroundColor=\"#2d2d2d\" color=\"#ff79c6\">\r\n              {` ${child.content} `}\r\n            </Text>\r\n          );\r\n        case 'link':\r\n          return (\r\n            <Text key={idx} color={theme.accent} underline>\r\n              {child.content}\r\n            </Text>\r\n          );\r\n        case 'text':\r\n        default:\r\n          return (\r\n            <Text key={idx} color=\"#ffffff\">\r\n              {child.content}\r\n            </Text>\r\n          );\r\n      }\r\n    });\r\n  };\r\n\r\n  const renderElement = (element: ParsedElement, index: number): React.ReactNode => {\r\n    switch (element.type) {\r\n      case 'heading': {\r\n        const level = element.level || 1;\r\n        const colors = ['#00ffff', '#00dddd', '#00bbbb', '#009999', '#007777', '#005555'];\r\n        const color = colors[level - 1] || '#ffffff';\r\n\r\n        // Wrap heading text if it's too long\r\n        const availableWidth = maxWidth - 2; // -2 for padding\r\n        const wrappedLines = wrapText(element.content, availableWidth, 0);\r\n\r\n        return (\r\n          <Box key={index} flexDirection=\"column\" marginTop={0} marginBottom={0}>\r\n            {wrappedLines.map((line, lineIdx) => (\r\n              <Text key={lineIdx} bold color={color}>\r\n                {line}\r\n              </Text>\r\n            ))}\r\n          </Box>\r\n        );\r\n      }\r\n\r\n      case 'code-block': {\r\n        const lines = element.content.split('\\n');\r\n\r\n        return (\r\n          <Box key={index} flexDirection=\"column\" marginBottom={0} marginTop={0}>\r\n            <Box borderStyle=\"round\" borderColor=\"#666666\" paddingX={1} paddingY={0}>\r\n              <Box flexDirection=\"column\">\r\n                {element.language && element.language !== 'text' && (\r\n                  <Text color=\"#888888\" dimColor>\r\n                    {element.language}\r\n                  </Text>\r\n                )}\r\n                {lines.map((line, lineIdx) => (\r\n                  <Text key={lineIdx} color=\"#f8f8f2\">\r\n                    {line || ' '}\r\n                  </Text>\r\n                ))}\r\n              </Box>\r\n            </Box>\r\n          </Box>\r\n        );\r\n      }\r\n\r\n      case 'list-item': {\r\n        const indent = (element.level || 0) * 2;\r\n        const bullet = element.ordered ? `${element.index}.` : '•';\r\n        const bulletColor = '#00cc66';\r\n        const bulletWidth = element.ordered ? 3 : 2; // \"1.\" or \"•\" + space\r\n        const availableWidth = maxWidth - indent - bulletWidth - 4; // Account for all padding\r\n\r\n        // Render list item with proper width constraints\r\n        return (\r\n          <Box key={index} flexDirection=\"row\" marginBottom={0}>\r\n            <Text color=\"#666666\">{' '.repeat(indent)}</Text>\r\n            <Text color={bulletColor} bold>\r\n              {bullet}{' '}\r\n            </Text>\r\n            <Box flexShrink={1} width={availableWidth}>\r\n              <Text wrap=\"wrap\">\r\n                {element.children && element.children.length > 0\r\n                  ? renderInlineElements(element.children)\r\n                  : <Text color=\"#ffffff\">{element.content}</Text>}\r\n              </Text>\r\n            </Box>\r\n          </Box>\r\n        );\r\n      }\r\n\r\n      case 'blockquote': {\r\n        return (\r\n          <Box key={index} flexDirection=\"row\" marginBottom={0}>\r\n            <Text color=\"#666666\" bold>\r\n              │{' '}\r\n            </Text>\r\n            <Text color=\"#cccccc\" italic>\r\n              {element.children && element.children.length > 0\r\n                ? renderInlineElements(element.children)\r\n                : element.content}\r\n            </Text>\r\n          </Box>\r\n        );\r\n      }\r\n\r\n      case 'horizontal-rule': {\r\n        return (\r\n          <Box key={index} marginY={0}>\r\n            <Text color=\"#444444\">{'─'.repeat(Math.min(maxWidth, 80))}</Text>\r\n          </Box>\r\n        );\r\n      }\r\n\r\n      case 'line-break': {\r\n        // Use a Text element with newline instead of Box with height={0}\r\n        // to prevent breaking the parent's border\r\n        return <Text key={index}>{' '}</Text>;\r\n      }\r\n\r\n      case 'text': {\r\n        // If we have inline children (formatted text), render them with proper wrapping\r\n        if (element.children && element.children.length > 0) {\r\n          return (\r\n            <Box key={index} flexDirection=\"column\" marginBottom={0}>\r\n              <Box paddingLeft={2} width={maxWidth - 2} flexWrap=\"wrap\">\r\n                <Text wrap=\"wrap\">{renderInlineElements(element.children)}</Text>\r\n              </Box>\r\n            </Box>\r\n          );\r\n        }\r\n\r\n        // Otherwise, wrap plain text if needed\r\n        // Account for paddingLeft={2} in the wrapping calculation\r\n        const wrappedLines = wrapText(element.content, maxWidth - 2, 0);\r\n\r\n        return (\r\n          <Box key={index} flexDirection=\"column\" marginBottom={0}>\r\n            {wrappedLines.map((line, lineIdx) => (\r\n              <Box key={lineIdx} paddingLeft={2}>\r\n                <Text color=\"#ffffff\">{line}</Text>\r\n              </Box>\r\n            ))}\r\n          </Box>\r\n        );\r\n      }\r\n\r\n      default:\r\n        return null;\r\n    }\r\n  };\r\n\r\n  return (\r\n    <Box flexDirection=\"column\">\r\n      {elements.map((element, index) => renderElement(element, index))}\r\n    </Box>\r\n  );\r\n};\r\n"],"mappings":"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","names":[]}

package/dist/ui/components/MessageDisplay.js

@@ -3,6 +3,7 @@ import { Box, Text, useInput } from "ink";
 import { ToolExecutionMessage } from "./ToolExecutionMessage.js";
 import { MarkdownRenderer } from "./MarkdownRenderer.js";
 import { ConnectionStatusMessage } from "./ConnectionStatusMessage.js";
+import { useTheme } from "../theme.js";
 function parseFileMarkers(content) {
   const fileMarkerRegex = /\[(IMAGE|FILE):\s*([^\]]+?)\s*\((gs:\/\/[^\)]+|upload failed[^\)]*|uploading[^\)]*)\)\]/g;
   const files = [];
@@ -38,7 +39,7 @@ const FileAttachmentBadge = ({ fileNumber, type, format }) => {
     /* @__PURE__ */ React.createElement(Text, { color: "#666666" }, "[", format, "]")
   );
 };
-function renderTextWithFileTags(text) {
+function renderTextWithFileTags(text, accentColor) {
   const tagRegex = /(@[^\s@]+)/g;
   const parts = [];
   let lastIndex = 0;
@@ -51,7 +52,7 @@ function renderTextWithFileTags(text) {
       );
     }
     parts.push(
-      /* @__PURE__ */ React.createElement(Text, { key: key++, color: "#00ccff", bold: true }, match[1])
+      /* @__PURE__ */ React.createElement(Text, { key: key++, color: accentColor, bold: true }, match[1])
     );
     lastIndex = match.index + match[1].length;
   }
@@ -66,18 +67,19 @@ const MessageDisplay = React.memo(({
   message,
   fileCountBefore = 0
 }) => {
+  const theme = useTheme();
   const [selectedOption, setSelectedOption] = React.useState(0);
   const [isApproved, setIsApproved] = React.useState(null);
   const getRoleColor = (role) => {
     switch (role) {
       case "user":
-        return "#00ccff";
+        return theme.accent;
       case "assistant":
         return "#00cc66";
       case "system":
         return "#ffaa00";
       case "tool":
-        return "#00ccff";
+        return theme.accent;
       default:
         return "#ffffff";
     }
@@ -123,9 +125,9 @@ const MessageDisplay = React.memo(({
   }
   const getBorderColor = () => {
     if (message.isCommandMode) {
-      return message.role === "assistant" ? "#00cc66" : "#00ccff";
+      return message.role === "assistant" ? "#00cc66" : theme.accent;
     }
-    return message.role === "assistant" ? "#00ccff" : "#666666";
+    return message.role === "assistant" ? theme.accent : "#666666";
   };
   const borderColor = getBorderColor();
   const { textContent, files } = message.role === "user" && !message.isCommandMode ? parseFileMarkers(message.content) : { textContent: message.content, files: [] };
@@ -152,7 +154,7 @@ const MessageDisplay = React.memo(({
       width: "100%"
     },
     /* @__PURE__ */ React.createElement(MarkdownRenderer, { content: message.content, maxWidth: (process.stdout.columns || 120) - 6 })
-  ) : null : /* @__PURE__ */ React.createElement(React.Fragment, null, textContent.trim() ? /* @__PURE__ */ React.createElement(Box, { paddingLeft: 2 }, /* @__PURE__ */ React.createElement(Text, null, renderTextWithFileTags(textContent))) : null, fileBadges.length > 0 && /* @__PURE__ */ React.createElement(Box, { paddingLeft: 2, flexDirection: "row", flexWrap: "wrap" }, fileBadges)));
+  ) : null : /* @__PURE__ */ React.createElement(React.Fragment, null, textContent.trim() ? /* @__PURE__ */ React.createElement(Box, { paddingLeft: 2 }, /* @__PURE__ */ React.createElement(Text, null, renderTextWithFileTags(textContent, theme.accent))) : null, fileBadges.length > 0 && /* @__PURE__ */ React.createElement(Box, { paddingLeft: 2, flexDirection: "row", flexWrap: "wrap" }, fileBadges)));
 });
 export {
   MessageDisplay,