whale-code 6.5.5 → 6.5.7

package/dist/cli/chat/ChatInput.js

@@ -1,4 +1,3 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * ChatInput — Custom input with bracketed paste + image attachments
  *
@@ -15,6 +14,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * - Slash command menu preserved
  * - Multi-line input with ⎸ continuation markers
  */
+
 import { useState, useEffect, useRef } from "react";
 import { Box, Text, useStdin } from "ink";
 import { readFileSync, existsSync, statSync } from "fs";
@@ -22,832 +22,1173 @@ import { basename, extname } from "path";
 import { colors } from "../shared/Theme.js";
 import { loadKeybindings, bindingToControlChar } from "../services/keybinding-manager.js";
 import { SlashMenu, SLASH_COMMANDS as _SLASH_COMMANDS, getFilteredSelectableCount, getCommandAtIndex, getCategoryCount, getCategoryCommandCount, getCategoryCommand, getCategoryLabel, getCategoryColor } from "./SlashMenu.js";
+
+// ── Types ──
+
+// Re-export for consumers (e.g. useSlashCommands)
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const SLASH_COMMANDS = _SLASH_COMMANDS;
+
 // ── Constants ──
+
 const IMAGE_EXTENSIONS = {
-    ".png": "image/png",
-    ".jpg": "image/jpeg",
-    ".jpeg": "image/jpeg",
-    ".gif": "image/gif",
-    ".webp": "image/webp",
+  ".png": "image/png",
+  ".jpg": "image/jpeg",
+  ".jpeg": "image/jpeg",
+  ".gif": "image/gif",
+  ".webp": "image/webp"
 };
 const MAX_IMAGE_SIZE = 20 * 1024 * 1024; // 20MB
 const MAX_DISPLAY_LINES = 8;
+
 // ── Helpers ──
+
 const CONTEXT_TYPES = ["product", "customer", "order", "inventory", "media", "document", "location"];
 const CONTEXT_COLORS = {
-    product: "blue", customer: "#a855f7", order: "green",
-    inventory: "#f97316", media: "#ec4899", document: "cyan", location: "yellow",
+  product: colors.brand,
+  customer: colors.purple,
+  order: colors.success,
+  inventory: colors.warning,
+  media: colors.pink,
+  document: colors.info,
+  location: "yellow"
 };
+
 /** Detect if pasted text is a valid WhaleContextItem JSON object */
 function parseWhaleContext(text) {
-    const trimmed = text.trim();
-    if (!trimmed.startsWith("{") || !trimmed.endsWith("}"))
-        return null;
-    try {
-        const obj = JSON.parse(trimmed);
-        if (obj && typeof obj.id === "string" && typeof obj.type === "string" &&
-            CONTEXT_TYPES.includes(obj.type) && typeof obj.title === "string" &&
-            typeof obj.sourceApp === "string") {
-            return obj;
-        }
+  const trimmed = text.trim();
+  if (!trimmed.startsWith("{") || !trimmed.endsWith("}")) return null;
+  try {
+    const obj = JSON.parse(trimmed);
+    if (obj && typeof obj.id === "string" && typeof obj.type === "string" && CONTEXT_TYPES.includes(obj.type) && typeof obj.title === "string" && typeof obj.sourceApp === "string") {
+      return obj;
     }
-    catch { /* not JSON */ }
-    return null;
+  } catch {/* not JSON */}
+  return null;
 }
+
 /** Format a context attachment into an XML context block for AI prompt */
 function contextToBlock(ctx) {
-    const lines = [];
-    lines.push(`<context type="${ctx.type}" source="${ctx.sourceApp}">`);
-    lines.push(`  ${ctx.title}`);
-    if (ctx.subtitle)
-        lines.push(`  ${ctx.subtitle}`);
-    if (ctx.data) {
-        for (const [key, value] of Object.entries(ctx.data).sort(([a], [b]) => a.localeCompare(b))) {
-            lines.push(`  ${key}: ${value}`);
-        }
+  const lines = [];
+  lines.push(`<context type="${ctx.type}" source="${ctx.sourceApp}">`);
+  lines.push(`  ${ctx.title}`);
+  if (ctx.subtitle) lines.push(`  ${ctx.subtitle}`);
+  if (ctx.data) {
+    for (const [key, value] of Object.entries(ctx.data).sort(([a], [b]) => a.localeCompare(b))) {
+      lines.push(`  ${key}: ${value}`);
     }
-    lines.push("</context>");
-    return lines.join("\n");
+  }
+  lines.push("</context>");
+  return lines.join("\n");
 }
 function isImagePath(text) {
-    const p = normalizePath(text);
-    if (!p || p.includes("\n"))
-        return false;
-    const ext = extname(p).toLowerCase();
-    return ext in IMAGE_EXTENSIONS && existsSync(p);
+  const p = normalizePath(text);
+  if (!p || p.includes("\n")) return false;
+  const ext = extname(p).toLowerCase();
+  return ext in IMAGE_EXTENSIONS && existsSync(p);
 }
+
 /** Normalize a terminal-pasted path (handles escapes, file:// URLs, quotes) */
 function normalizePath(raw) {
-    let p = raw.trim();
-    // Strip file:// URL prefix + percent-decode
-    if (p.startsWith("file://")) {
-        p = decodeURIComponent(p.replace(/^file:\/\//, ""));
-    }
-    // Strip surrounding quotes
-    p = p.replace(/^['"]|['"]$/g, "");
-    // Unescape backslash-escaped characters (spaces, parens, etc.)
-    p = p.replace(/\\(.)/g, "$1");
-    return p;
+  let p = raw.trim();
+  // Strip file:// URL prefix + percent-decode
+  if (p.startsWith("file://")) {
+    p = decodeURIComponent(p.replace(/^file:\/\//, ""));
+  }
+  // Strip surrounding quotes
+  p = p.replace(/^['"]|['"]$/g, "");
+  // Unescape backslash-escaped characters (spaces, parens, etc.)
+  p = p.replace(/\\(.)/g, "$1");
+  return p;
 }
 function isFilePath(text) {
-    const p = normalizePath(text);
-    if (!p || p.includes("\n"))
-        return false;
-    // Skip image paths — handled separately
-    const ext = extname(p).toLowerCase();
-    if (ext in IMAGE_EXTENSIONS)
-        return false;
-    try {
-        return existsSync(p) && statSync(p).isFile();
-    }
-    catch {
-        return false;
-    }
+  const p = normalizePath(text);
+  if (!p || p.includes("\n")) return false;
+  // Skip image paths — handled separately
+  const ext = extname(p).toLowerCase();
+  if (ext in IMAGE_EXTENSIONS) return false;
+  try {
+    return existsSync(p) && statSync(p).isFile();
+  } catch {
+    return false;
+  }
 }
 function loadImage(filePath) {
-    try {
-        const p = normalizePath(filePath);
-        const ext = extname(p).toLowerCase();
-        const mediaType = IMAGE_EXTENSIONS[ext];
-        if (!mediaType)
-            return null;
-        const stat = statSync(p);
-        if (stat.size > MAX_IMAGE_SIZE)
-            return null;
-        const data = readFileSync(p);
-        return { path: p, name: basename(p), base64: data.toString("base64"), mediaType };
-    }
-    catch {
-        return null;
-    }
+  try {
+    const p = normalizePath(filePath);
+    const ext = extname(p).toLowerCase();
+    const mediaType = IMAGE_EXTENSIONS[ext];
+    if (!mediaType) return null;
+    const stat = statSync(p);
+    if (stat.size > MAX_IMAGE_SIZE) return null;
+    const data = readFileSync(p);
+    return {
+      path: p,
+      name: basename(p),
+      base64: data.toString("base64"),
+      mediaType
+    };
+  } catch {
+    return null;
+  }
 }
 function getCursorLineCol(text, cursor) {
-    let pos = 0;
-    const lines = text.split("\n");
-    for (let i = 0; i < lines.length; i++) {
-        if (cursor <= pos + lines[i].length) {
-            return { line: i, col: cursor - pos };
-        }
-        pos += lines[i].length + 1;
+  let pos = 0;
+  const lines = text.split("\n");
+  for (let i = 0; i < lines.length; i++) {
+    if (cursor <= pos + lines[i].length) {
+      return {
+        line: i,
+        col: cursor - pos
+      };
     }
-    return { line: lines.length - 1, col: lines[lines.length - 1].length };
+    pos += lines[i].length + 1;
+  }
+  return {
+    line: lines.length - 1,
+    col: lines[lines.length - 1].length
+  };
 }
+
+// ── Props ──
+
 // ── Component ──
-export function ChatInput({ onSubmit, onCommand, disabled, agentName, onInterrupt }) {
-    const { stdin } = useStdin();
-    // Input state — ref for synchronous handler access, state for render
-    const inputRef = useRef({ value: "", cursor: 0 });
-    const [displayValue, setDisplayValue] = useState("");
-    const [displayCursor, setDisplayCursor] = useState(0);
-    // Stable refs for callbacks — prevents stale closures in stdin handler
-    const onSubmitRef = useRef(onSubmit);
-    const onCommandRef = useRef(onCommand);
-    const onInterruptRef = useRef(onInterrupt);
-    const disabledRef = useRef(disabled);
-    useEffect(() => { onSubmitRef.current = onSubmit; }, [onSubmit]);
-    useEffect(() => { onCommandRef.current = onCommand; }, [onCommand]);
-    useEffect(() => { onInterruptRef.current = onInterrupt; }, [onInterrupt]);
-    useEffect(() => { disabledRef.current = disabled; }, [disabled]);
-    // Queued message — typed during streaming, auto-submitted when streaming ends
-    const [queued, setQueued] = useState(false);
-    const queuedRef = useRef(false);
-    // Auto-submit queued input when streaming ends (disabled goes from true → false)
-    const prevDisabledRef = useRef(disabled);
-    useEffect(() => {
-        if (prevDisabledRef.current && !disabled && queuedRef.current) {
-            // Streaming just ended and we have queued input — submit it
-            queuedRef.current = false;
-            setQueued(false);
-            handleSubmit();
-        }
-        prevDisabledRef.current = disabled;
-    }, [disabled]);
-    // Mode & attachments
-    const [menuMode, setMenuMode] = useState(false);
-    const menuModeRef = useRef(false);
-    const [menuFilter, setMenuFilter] = useState("");
-    const menuFilterRef = useRef("");
-    const [menuIndex, setMenuIndex] = useState(0);
-    const menuIndexRef = useRef(0);
-    const [images, setImages] = useState([]);
-    const imagesRef = useRef([]);
-    const [files, setFiles] = useState([]);
-    const filesRef = useRef([]);
-    const [contextItems, setContextItems] = useState([]);
-    const contextItemsRef = useRef([]);
-    // Two-level menu: null = Level 1 (categories), number = Level 2 (drilled into that category)
-    const [selectedCategory, setSelectedCategory] = useState(null);
-    const selectedCategoryRef = useRef(null);
-    function setSelectedCategorySync(val) {
-        selectedCategoryRef.current = val;
-        setSelectedCategory(val);
+
+export function ChatInput({
+  onSubmit,
+  onCommand,
+  disabled,
+  overlayActive,
+  agentName,
+  onInterrupt
+}) {
+  const {
+    stdin
+  } = useStdin();
+
+  // Input state — ref for synchronous handler access, state for render
+  const inputRef = useRef({
+    value: "",
+    cursor: 0
+  });
+  const [displayValue, setDisplayValue] = useState("");
+  const [displayCursor, setDisplayCursor] = useState(0);
+
+  // Stable refs for callbacks — prevents stale closures in stdin handler
+  const onSubmitRef = useRef(onSubmit);
+  const onCommandRef = useRef(onCommand);
+  const onInterruptRef = useRef(onInterrupt);
+  const disabledRef = useRef(disabled);
+  useEffect(() => {
+    onSubmitRef.current = onSubmit;
+  }, [onSubmit]);
+  useEffect(() => {
+    onCommandRef.current = onCommand;
+  }, [onCommand]);
+  useEffect(() => {
+    onInterruptRef.current = onInterrupt;
+  }, [onInterrupt]);
+  useEffect(() => {
+    disabledRef.current = disabled;
+  }, [disabled]);
+
+  // Queued message — typed during streaming, auto-submitted when streaming ends
+  const [queued, setQueued] = useState(false);
+  const queuedRef = useRef(false);
+
+  // Guard against double-submission (BUG-1 fix)
+  const submittingRef = useRef(false);
+
+  // Auto-submit queued input when streaming ends (disabled goes from true → false)
+  const prevDisabledRef = useRef(disabled);
+  useEffect(() => {
+    if (prevDisabledRef.current && !disabled && queuedRef.current) {
+      // Streaming just ended and we have queued input — submit it
+      queuedRef.current = false;
+      setQueued(false);
+      handleSubmit();
     }
-    // Input history (up/down arrow recall)
-    const historyRef = useRef([]);
-    const historyIndexRef = useRef(-1);
-    const savedInputRef = useRef("");
-    const MAX_HISTORY = 50;
-    // Paste tracking
-    const isPasting = useRef(false);
-    const pasteBuffer = useRef("");
-    // Multi-line paste — stored separately, displayed as chip
-    const [pastedText, setPastedText] = useState(null);
-    const pastedTextRef = useRef(null);
-    // Sync refs
-    useEffect(() => { imagesRef.current = images; }, [images]);
-    useEffect(() => { filesRef.current = files; }, [files]);
-    useEffect(() => { contextItemsRef.current = contextItems; }, [contextItems]);
-    useEffect(() => { pastedTextRef.current = pastedText; }, [pastedText]);
-    // ── Sync helpers: update ref THEN state (fixes race conditions) ──
-    function setMenuModeSync(val) {
-        menuModeRef.current = val;
-        setMenuMode(val);
+    prevDisabledRef.current = disabled;
+  }, [disabled]);
+
+  // Mode & attachments
+  const [menuMode, setMenuMode] = useState(false);
+  const menuModeRef = useRef(false);
+  const [menuFilter, setMenuFilter] = useState("");
+  const menuFilterRef = useRef("");
+  const [menuIndex, setMenuIndex] = useState(0);
+  const menuIndexRef = useRef(0);
+  const [images, setImages] = useState([]);
+  const imagesRef = useRef([]);
+  const [files, setFiles] = useState([]);
+  const filesRef = useRef([]);
+  const [contextItems, setContextItems] = useState([]);
+  const contextItemsRef = useRef([]);
+
+  // Two-level menu: null = Level 1 (categories), number = Level 2 (drilled into that category)
+  const [selectedCategory, setSelectedCategory] = useState(null);
+  const selectedCategoryRef = useRef(null);
+  function setSelectedCategorySync(val) {
+    selectedCategoryRef.current = val;
+    setSelectedCategory(val);
+  }
+
+  // Input history (up/down arrow recall)
+  const historyRef = useRef([]);
+  const historyIndexRef = useRef(-1);
+  const savedInputRef = useRef("");
+  const MAX_HISTORY = 50;
+
+  // Paste tracking
+  const isPasting = useRef(false);
+  const pasteBuffer = useRef("");
+
+  // Multi-line paste — stored separately, displayed as chip
+  const [pastedText, setPastedText] = useState(null);
+  const pastedTextRef = useRef(null);
+
+  // Sync refs
+  useEffect(() => {
+    imagesRef.current = images;
+  }, [images]);
+  useEffect(() => {
+    filesRef.current = files;
+  }, [files]);
+  useEffect(() => {
+    contextItemsRef.current = contextItems;
+  }, [contextItems]);
+  useEffect(() => {
+    pastedTextRef.current = pastedText;
+  }, [pastedText]);
+  // ── Sync helpers: update ref THEN state (fixes race conditions) ──
+  function setMenuModeSync(val_0) {
+    menuModeRef.current = val_0;
+    setMenuMode(val_0);
+  }
+  function setMenuFilterSync(val_1) {
+    menuFilterRef.current = val_1;
+    setMenuFilter(val_1);
+  }
+  function setMenuIndexSync(val_2) {
+    menuIndexRef.current = val_2;
+    setMenuIndex(val_2);
+  }
+
+  // ── Enable bracketed paste mode ──
+  useEffect(() => {
+    process.stdout.write("\x1b[?2004h");
+    return () => {
+      process.stdout.write("\x1b[?2004l");
+    };
+  }, []);
+
+  // ── Update helper ──
+  function update(value, cursor) {
+    inputRef.current = {
+      value,
+      cursor
+    };
+    setDisplayValue(value);
+    setDisplayCursor(cursor);
+  }
+
+  // ── Process paste content ──
+  function processPaste(text) {
+    const clean = text.replace(/\r\n/g, "\n").replace(/\r/g, "\n");
+
+    // Check for WhaleContext JSON → attach as context chip
+    const ctx = parseWhaleContext(clean);
+    if (ctx) {
+      // Avoid duplicates
+      if (!contextItemsRef.current.some(c => c.id === ctx.id)) {
+        setContextItems(prev => [...prev, ctx]);
+      }
+      return;
     }
-    function setMenuFilterSync(val) {
-        menuFilterRef.current = val;
-        setMenuFilter(val);
+
+    // Check if ALL non-empty lines are image paths → attach them
+    const lines = clean.split("\n").map(l => l.trim()).filter(Boolean);
+    if (lines.length > 0 && lines.every(l_0 => isImagePath(l_0))) {
+      const newImages = [];
+      for (const line of lines) {
+        const img = loadImage(line);
+        if (img) newImages.push(img);
+      }
+      if (newImages.length > 0) {
+        setImages(prev_0 => [...prev_0, ...newImages]);
+        return;
+      }
     }
-    function setMenuIndexSync(val) {
-        menuIndexRef.current = val;
-        setMenuIndex(val);
+
+    // Check for non-image file paths → attach as file chips
+    if (lines.length > 0 && lines.length <= 4 && lines.every(l_2 => isFilePath(l_2))) {
+      const newFiles = lines.map(l_1 => {
+        const p = normalizePath(l_1);
+        return {
+          path: p,
+          name: basename(p)
+        };
+      });
+      setFiles(prev_1 => [...prev_1, ...newFiles]);
+      return;
     }
-    // ── Enable bracketed paste mode ──
-    useEffect(() => {
-        process.stdout.write("\x1b[?2004h");
-        return () => { process.stdout.write("\x1b[?2004l"); };
-    }, []);
-    // ── Update helper ──
-    function update(value, cursor) {
-        inputRef.current = { value, cursor };
-        setDisplayValue(value);
-        setDisplayCursor(cursor);
+
+    // Slash command pasted directly (must look like /word, not an absolute path)
+    if (clean.startsWith("/") && !clean.includes("\n") && !clean.includes("/", 1) && inputRef.current.value === "") {
+      onCommandRef.current(clean.trim());
+      update("", 0);
+      return;
     }
-    // ── Process paste content ──
-    function processPaste(text) {
-        const clean = text.replace(/\r\n/g, "\n").replace(/\r/g, "\n");
-        // Check for WhaleContext JSON → attach as context chip
-        const ctx = parseWhaleContext(clean);
-        if (ctx) {
-            // Avoid duplicates
-            if (!contextItemsRef.current.some(c => c.id === ctx.id)) {
-                setContextItems(prev => [...prev, ctx]);
-            }
-            return;
+
+    // Multi-line paste → store as chip, don't spam input
+    const pasteLines = clean.split("\n");
+    if (pasteLines.length >= 4) {
+      setPastedText(clean);
+      return;
+    }
+
+    // Short paste — insert inline as before
+    const {
+      value: val_3,
+      cursor: cur
+    } = inputRef.current;
+    const newValue = val_3.slice(0, cur) + clean + val_3.slice(cur);
+    update(newValue, cur + clean.length);
+  }
+
+  // ── Handle submit ──
+  function handleSubmit() {
+    // Prevent double-submission from queued auto-submit racing with manual submit
+    if (submittingRef.current) {
+      return;
+    }
+    submittingRef.current = true;
+    const typed = inputRef.current.value.trim();
+    const paste = pastedTextRef.current;
+    const imgs = imagesRef.current;
+    const fls = filesRef.current;
+    const ctxs = contextItemsRef.current;
+    if (!typed && !paste && imgs.length === 0 && fls.length === 0 && ctxs.length === 0) {
+      submittingRef.current = false;
+      return;
+    }
+
+    // Slash command — must start with / and NOT contain a second /
+    // (prevents file paths like /Users/whale/file.txt from being misidentified)
+    if (typed.startsWith("/") && !typed.includes("/", 1) && !paste && imgs.length === 0 && fls.length === 0 && ctxs.length === 0) {
+      update("", 0);
+      submittingRef.current = false;
+      onCommandRef.current(typed);
+      return;
+    }
+
+    // Build context blocks prefix
+    const contextPrefix = ctxs.length > 0 ? ctxs.map(c_0 => contextToBlock(c_0)).join("\n\n") + "\n\n" : "";
+
+    // Build file context prefix
+    const filePrefix = fls.length > 0 ? fls.map(f => f.path).join("\n") + "\n\n" : "";
+
+    // Combine context + file prefix + typed text + pasted content
+    const body = paste ? typed ? `${typed}\n\n${paste}` : paste : typed || (ctxs.length > 0 ? "Tell me about this" : "");
+    const fullText = contextPrefix + filePrefix + body;
+
+    // Record in history
+    if (fullText.trim()) {
+      historyRef.current.push(fullText.trim());
+      if (historyRef.current.length > MAX_HISTORY) historyRef.current.shift();
+    }
+    historyIndexRef.current = -1;
+    onSubmitRef.current(fullText, imgs.length > 0 ? imgs : undefined);
+    update("", 0);
+    setImages([]);
+    setFiles([]);
+    setContextItems([]);
+    setPastedText(null);
+
+    // Release guard after state is cleared (next tick ensures no re-entry)
+    setTimeout(() => {
+      submittingRef.current = false;
+    }, 0);
+  }
+
+  // ── Raw stdin handler (handles both normal input and menu mode) ──
+  useEffect(() => {
+    if (!stdin) return;
+
+    // When an overlay with its own useInput is active (PlanApproval, etc.),
+    // detach our data listener entirely so Ink's readable handler can deliver
+    // keystrokes to the overlay's useInput hooks.
+    if (overlayActive) return;
+    const onData = data => {
+      const str = data.toString("utf-8");
+
+      // ══════════════════════════════════════════════
+      // DISABLED MODE — accept typing, block commands, handle Esc
+      // ══════════════════════════════════════════════
+      if (disabledRef.current) {
+        // Escape → interrupt streaming
+        if (str === "\x1b") {
+          onInterruptRef.current?.();
+          return;
         }
-        // Check if ALL non-empty lines are image paths → attach them
-        const lines = clean.split("\n").map(l => l.trim()).filter(Boolean);
-        if (lines.length > 0 && lines.every(l => isImagePath(l))) {
-            const newImages = [];
-            for (const line of lines) {
-                const img = loadImage(line);
-                if (img)
-                    newImages.push(img);
+
+        // Control chars handled by ChatApp (exit, expand, thinking toggle)
+        const _kb = loadKeybindings();
+        const exitChar = bindingToControlChar(_kb.exit);
+        const expandChar = bindingToControlChar(_kb.toggle_expand);
+        const thinkingChar = bindingToControlChar(_kb.toggle_thinking);
+        if (str === exitChar || str === expandChar || str === thinkingChar) return;
+
+        // Arrow keys — cursor movement within buffer while disabled
+        if (str.startsWith("\x1b[")) {
+          const {
+            value: val_4,
+            cursor: cur_0
+          } = inputRef.current;
+          if (str === "\x1b[C") {
+            // Right
+            update(val_4, Math.min(cur_0 + 1, val_4.length));
+          } else if (str === "\x1b[D") {
+            // Left
+            update(val_4, Math.max(cur_0 - 1, 0));
+          } else if (str === "\x1b[A" || str === "\x1b[B") {
+            // Up/Down
+            const lines_0 = val_4.split("\n");
+            if (lines_0.length > 1) {
+              const {
+                line: curLine,
+                col: curCol
+              } = getCursorLineCol(val_4, cur_0);
+              const targetLine = str === "\x1b[A" ? Math.max(0, curLine - 1) : Math.min(lines_0.length - 1, curLine + 1);
+              if (targetLine !== curLine) {
+                const targetCol = Math.min(curCol, lines_0[targetLine].length);
+                let newCursor = 0;
+                for (let i = 0; i < targetLine; i++) newCursor += lines_0[i].length + 1;
+                newCursor += targetCol;
+                update(val_4, newCursor);
+              }
             }
-            if (newImages.length > 0) {
-                setImages(prev => [...prev, ...newImages]);
-                return;
+          } else if (str === "\x1b[H" || str === "\x1b[1~") {
+            // Home
+            update(val_4, 0);
+          } else if (str === "\x1b[F" || str === "\x1b[4~") {
+            // End
+            update(val_4, val_4.length);
+          }
+          return;
+        }
+
+        // Bracketed paste while disabled — accept into buffer
+        if (str.includes("\x1b[200~")) {
+          isPasting.current = true;
+          let text_0 = str.replace(/\x1b\[200~/g, "").replace(/\x1b\[201~/g, "");
+          pasteBuffer.current += text_0;
+          if (str.includes("\x1b[201~")) {
+            isPasting.current = false;
+            const paste_0 = pasteBuffer.current;
+            pasteBuffer.current = "";
+            processPaste(paste_0);
+          }
+          return;
+        }
+        if (isPasting.current) {
+          if (str.includes("\x1b[201~")) {
+            isPasting.current = false;
+            pasteBuffer.current += str.replace(/\x1b\[201~/g, "");
+            const paste_1 = pasteBuffer.current;
+            pasteBuffer.current = "";
+            processPaste(paste_1);
+          } else {
+            pasteBuffer.current += str;
+          }
+          return;
+        }
+
+        // Enter → queue the current input for auto-submit
+        if (str === "\r" || str === "\n") {
+          const typed_0 = inputRef.current.value.trim();
+          if (typed_0) {
+            queuedRef.current = true;
+            setQueued(true);
+          }
+          return;
+        }
+
+        // Backspace
+        if (str === "\x7f" || str === "\b") {
+          const {
+            value: val_5,
+            cursor: cur_1
+          } = inputRef.current;
+          if (cur_1 > 0) {
+            update(val_5.slice(0, cur_1 - 1) + val_5.slice(cur_1), cur_1 - 1);
+            // Un-queue if editing
+            if (queuedRef.current) {
+              queuedRef.current = false;
+              setQueued(false);
             }
+          }
+          return;
         }
-        // Check for non-image file paths → attach as file chips
-        if (lines.length > 0 && lines.length <= 4 && lines.every(l => isFilePath(l))) {
-            const newFiles = lines.map(l => {
-                const p = normalizePath(l);
-                return { path: p, name: basename(p) };
-            });
-            setFiles(prev => [...prev, ...newFiles]);
-            return;
+
+        // Slash — block menu mode while streaming
+        if (str === "/" && inputRef.current.value === "") return;
+
+        // Printable char — type into buffer
+        if (str.length === 1 && str.charCodeAt(0) >= 0x20) {
+          const {
+            value: val_6,
+            cursor: cur_2
+          } = inputRef.current;
+          update(val_6.slice(0, cur_2) + str + val_6.slice(cur_2), cur_2 + 1);
+          // Un-queue if editing after queuing
+          if (queuedRef.current) {
+            queuedRef.current = false;
+            setQueued(false);
+          }
+          return;
         }
-        // Slash command pasted directly (must look like /word, not an absolute path)
-        if (clean.startsWith("/") && !clean.includes("\n") && !clean.includes("/", 1) && inputRef.current.value === "") {
-            onCommandRef.current(clean.trim());
-            update("", 0);
-            return;
+
+        // Multi-character non-escape (unbracketted paste)
+        if (str.length > 1 && !str.startsWith("\x1b")) {
+          const codePoints = [...str];
+          if (codePoints.length === 1) {
+            const {
+              value: val_7,
+              cursor: cur_3
+            } = inputRef.current;
+            update(val_7.slice(0, cur_3) + str + val_7.slice(cur_3), cur_3 + str.length);
+          } else {
+            processPaste(str);
+          }
+          if (queuedRef.current) {
+            queuedRef.current = false;
+            setQueued(false);
+          }
+          return;
+        }
+        return;
+      }
+
+      // ══════════════════════════════════════════════
+      // MENU MODE — two-level navigation
+      // ══════════════════════════════════════════════
+      if (menuModeRef.current) {
+        const hasFilter = menuFilterRef.current.length > 0;
+        const inCategory = selectedCategoryRef.current !== null;
+
+        // Escape or Ctrl+C → dismiss menu entirely
+        if (str === "\x1b" || str === "\x03") {
+          setMenuModeSync(false);
+          setMenuFilterSync("");
+          setMenuIndexSync(0);
+          setSelectedCategorySync(null);
+          update("", 0);
+          return;
         }
-        // Multi-line paste → store as chip, don't spam input
-        const pasteLines = clean.split("\n");
-        if (pasteLines.length >= 4) {
-            setPastedText(clean);
+
+        // Tab → no-op
+        if (str === "\t") return;
+
+        // ── Filter mode (has filter text) ──
+        if (hasFilter) {
+          if (str === "\r" || str === "\n") {
+            const cmd = getCommandAtIndex(menuFilterRef.current, menuIndexRef.current);
+            if (cmd) {
+              setMenuModeSync(false);
+              setMenuFilterSync("");
+              setMenuIndexSync(0);
+              setSelectedCategorySync(null);
+              update("", 0);
+              onCommandRef.current(cmd.name);
+            }
+            return;
+          }
+          if (str === "\x1b[A") {
+            setMenuIndexSync(Math.max(0, menuIndexRef.current - 1));
+            return;
+          }
+          if (str === "\x1b[B") {
+            const count = getFilteredSelectableCount(menuFilterRef.current);
+            setMenuIndexSync(Math.min(count - 1, menuIndexRef.current + 1));
+            return;
+          }
+          if (str === "\x7f" || str === "\b") {
+            const f_0 = menuFilterRef.current;
+            if (f_0.length > 1) {
+              setMenuFilterSync(f_0.slice(0, -1));
+              setMenuIndexSync(0);
+            } else {
+              // Clearing filter → back to Level 1
+              setMenuFilterSync("");
+              setMenuIndexSync(0);
+              setSelectedCategorySync(null);
+            }
             return;
+          }
+          if (str.startsWith("\x1b")) return;
+          if (str.length === 1 && str.charCodeAt(0) >= 0x20) {
+            setMenuFilterSync(menuFilterRef.current + str);
+            setMenuIndexSync(0);
+            return;
+          }
+          return;
         }
-        // Short paste — insert inline as before
-        const { value: val, cursor: cur } = inputRef.current;
-        const newValue = val.slice(0, cur) + clean + val.slice(cur);
-        update(newValue, cur + clean.length);
-    }
-    // ── Handle submit ──
-    function handleSubmit() {
-        const typed = inputRef.current.value.trim();
-        const paste = pastedTextRef.current;
-        const imgs = imagesRef.current;
-        const fls = filesRef.current;
-        const ctxs = contextItemsRef.current;
-        if (!typed && !paste && imgs.length === 0 && fls.length === 0 && ctxs.length === 0)
+
+        // ── Level 2: inside a category ──
+        if (inCategory) {
+          const catIdx = selectedCategoryRef.current;
+          if (str === "\r" || str === "\n") {
+            const cmd_0 = getCategoryCommand(catIdx, menuIndexRef.current);
+            if (cmd_0) {
+              setMenuModeSync(false);
+              setMenuFilterSync("");
+              setMenuIndexSync(0);
+              setSelectedCategorySync(null);
+              update("", 0);
+              onCommandRef.current(cmd_0.name);
+            }
+            return;
+          }
+          if (str === "\x1b[A") {
+            setMenuIndexSync(Math.max(0, menuIndexRef.current - 1));
             return;
-        // Slash command — must start with / and NOT contain a second /
-        // (prevents file paths like /Users/whale/file.txt from being misidentified)
-        if (typed.startsWith("/") && !typed.includes("/", 1) && !paste && imgs.length === 0 && fls.length === 0 && ctxs.length === 0) {
-            update("", 0);
-            onCommandRef.current(typed);
+          }
+          if (str === "\x1b[B") {
+            const count_0 = getCategoryCommandCount(catIdx);
+            setMenuIndexSync(Math.min(count_0 - 1, menuIndexRef.current + 1));
             return;
+          }
+          // Left arrow or Backspace → back to Level 1
+          if (str === "\x1b[D" || str === "\x7f" || str === "\b") {
+            setMenuIndexSync(catIdx); // restore highlight to the category we were in
+            setSelectedCategorySync(null);
+            return;
+          }
+          if (str.startsWith("\x1b")) return;
+          // Printable → switch to filter mode
+          if (str.length === 1 && str.charCodeAt(0) >= 0x20) {
+            setSelectedCategorySync(null);
+            setMenuFilterSync(str);
+            setMenuIndexSync(0);
+            return;
+          }
+          return;
+        }
+
+        // ── Level 1: category list ──
+        if (str === "\r" || str === "\n" || str === "\x1b[C") {
+          // Enter or Right → drill into selected category
+          const catIdx_0 = menuIndexRef.current;
+          if (catIdx_0 >= 0 && catIdx_0 < getCategoryCount()) {
+            setSelectedCategorySync(catIdx_0);
+            setMenuIndexSync(0);
+          }
+          return;
+        }
+        if (str === "\x1b[A") {
+          setMenuIndexSync(Math.max(0, menuIndexRef.current - 1));
+          return;
+        }
+        if (str === "\x1b[B") {
+          setMenuIndexSync(Math.min(getCategoryCount() - 1, menuIndexRef.current + 1));
+          return;
+        }
+        if (str === "\x7f" || str === "\b") {
+          // Backspace on Level 1 → dismiss menu
+          setMenuModeSync(false);
+          setMenuFilterSync("");
+          setMenuIndexSync(0);
+          setSelectedCategorySync(null);
+          update("", 0);
+          return;
+        }
+        if (str.startsWith("\x1b")) return;
+        // Printable → switch to filter mode
+        if (str.length === 1 && str.charCodeAt(0) >= 0x20) {
+          setMenuFilterSync(str);
+          setMenuIndexSync(0);
+          return;
+        }
+        return;
+      }
+
+      // ══════════════════════════════════════════════
+      // NORMAL INPUT MODE
+      // ══════════════════════════════════════════════
+
+      // ── Bracketed paste detection ──
+      if (str.includes("\x1b[200~")) {
+        isPasting.current = true;
+        let text_1 = str.replace(/\x1b\[200~/g, "").replace(/\x1b\[201~/g, "");
+        pasteBuffer.current += text_1;
+        if (str.includes("\x1b[201~")) {
+          isPasting.current = false;
+          const paste_2 = pasteBuffer.current;
+          pasteBuffer.current = "";
+          processPaste(paste_2);
         }
-        // Build context blocks prefix
-        const contextPrefix = ctxs.length > 0
-            ? ctxs.map(c => contextToBlock(c)).join("\n\n") + "\n\n"
-            : "";
-        // Build file context prefix
-        const filePrefix = fls.length > 0
-            ? fls.map(f => f.path).join("\n") + "\n\n"
-            : "";
-        // Combine context + file prefix + typed text + pasted content
-        const body = paste
-            ? (typed ? `${typed}\n\n${paste}` : paste)
-            : (typed || (ctxs.length > 0 ? "Tell me about this" : ""));
-        const fullText = contextPrefix + filePrefix + body;
-        // Record in history
-        if (fullText.trim()) {
-            historyRef.current.push(fullText.trim());
-            if (historyRef.current.length > MAX_HISTORY)
-                historyRef.current.shift();
+        return;
+      }
+      if (isPasting.current) {
+        if (str.includes("\x1b[201~")) {
+          isPasting.current = false;
+          pasteBuffer.current += str.replace(/\x1b\[201~/g, "");
+          const paste_3 = pasteBuffer.current;
+          pasteBuffer.current = "";
+          processPaste(paste_3);
+        } else {
+          pasteBuffer.current += str;
         }
-        historyIndexRef.current = -1;
-        onSubmitRef.current(fullText, imgs.length > 0 ? imgs : undefined);
+        return;
+      }
+
+      // ── Control chars handled by ChatApp (keybinding-aware) ──
+      const _kb_0 = loadKeybindings();
+      const exitChar_0 = bindingToControlChar(_kb_0.exit);
+      const expandChar_0 = bindingToControlChar(_kb_0.toggle_expand);
+      const thinkingChar_0 = bindingToControlChar(_kb_0.toggle_thinking);
+      if (str === exitChar_0 || str === expandChar_0 || str === thinkingChar_0) return;
+
+      // ── Enter ──
+      if (str === "\r" || str === "\n") {
+        handleSubmit();
+        return;
+      }
+
+      // ── Tab ── (no-op in input)
+      if (str === "\t") return;
+
+      // ── Backspace ──
+      if (str === "\x7f" || str === "\b") {
+        const {
+          value: val_8,
+          cursor: cur_4
+        } = inputRef.current;
+        if (cur_4 > 0) {
+          update(val_8.slice(0, cur_4 - 1) + val_8.slice(cur_4), cur_4 - 1);
+        } else if (val_8 === "") {
+          // Empty input + backspace → remove paste chip, then context, then files, then images
+          if (pastedTextRef.current) {
+            setPastedText(null);
+          } else if (contextItemsRef.current.length > 0) {
+            setContextItems(prev_2 => prev_2.slice(0, -1));
+          } else if (filesRef.current.length > 0) {
+            setFiles(prev_3 => prev_3.slice(0, -1));
+          } else if (imagesRef.current.length > 0) {
+            setImages(prev_4 => prev_4.slice(0, -1));
+          }
+        }
+        return;
+      }
+
+      // ── Clear line (default: Ctrl+U) ──
+      if (str === bindingToControlChar(_kb_0.clear_line)) {
         update("", 0);
         setImages([]);
         setFiles([]);
-        setContextItems([]);
         setPastedText(null);
-    }
-    // ── Raw stdin handler (handles both normal input and menu mode) ──
-    useEffect(() => {
-        if (!stdin)
-            return;
-        const onData = (data) => {
-            const str = data.toString("utf-8");
-            // ══════════════════════════════════════════════
-            // DISABLED MODE — accept typing, block commands, handle Esc
-            // ══════════════════════════════════════════════
-            if (disabledRef.current) {
-                // Escape → interrupt streaming
-                if (str === "\x1b") {
-                    onInterruptRef.current?.();
-                    return;
-                }
-                // Control chars handled by ChatApp (exit, expand, thinking toggle)
-                const _kb = loadKeybindings();
-                const exitChar = bindingToControlChar(_kb.exit);
-                const expandChar = bindingToControlChar(_kb.toggle_expand);
-                const thinkingChar = bindingToControlChar(_kb.toggle_thinking);
-                if (str === exitChar || str === expandChar || str === thinkingChar)
-                    return;
-                // Arrow keys — cursor movement within buffer while disabled
-                if (str.startsWith("\x1b[")) {
-                    const { value: val, cursor: cur } = inputRef.current;
-                    if (str === "\x1b[C") { // Right
-                        update(val, Math.min(cur + 1, val.length));
-                    }
-                    else if (str === "\x1b[D") { // Left
-                        update(val, Math.max(cur - 1, 0));
-                    }
-                    else if (str === "\x1b[A" || str === "\x1b[B") { // Up/Down
-                        const lines = val.split("\n");
-                        if (lines.length > 1) {
-                            const { line: curLine, col: curCol } = getCursorLineCol(val, cur);
-                            const targetLine = str === "\x1b[A"
-                                ? Math.max(0, curLine - 1)
-                                : Math.min(lines.length - 1, curLine + 1);
-                            if (targetLine !== curLine) {
-                                const targetCol = Math.min(curCol, lines[targetLine].length);
-                                let newCursor = 0;
-                                for (let i = 0; i < targetLine; i++)
-                                    newCursor += lines[i].length + 1;
-                                newCursor += targetCol;
-                                update(val, newCursor);
-                            }
-                        }
-                    }
-                    else if (str === "\x1b[H" || str === "\x1b[1~") { // Home
-                        update(val, 0);
-                    }
-                    else if (str === "\x1b[F" || str === "\x1b[4~") { // End
-                        update(val, val.length);
-                    }
-                    return;
-                }
-                // Bracketed paste while disabled — accept into buffer
-                if (str.includes("\x1b[200~")) {
-                    isPasting.current = true;
-                    let text = str.replace(/\x1b\[200~/g, "").replace(/\x1b\[201~/g, "");
-                    pasteBuffer.current += text;
-                    if (str.includes("\x1b[201~")) {
-                        isPasting.current = false;
-                        const paste = pasteBuffer.current;
-                        pasteBuffer.current = "";
-                        processPaste(paste);
-                    }
-                    return;
-                }
-                if (isPasting.current) {
-                    if (str.includes("\x1b[201~")) {
-                        isPasting.current = false;
-                        pasteBuffer.current += str.replace(/\x1b\[201~/g, "");
-                        const paste = pasteBuffer.current;
-                        pasteBuffer.current = "";
-                        processPaste(paste);
-                    }
-                    else {
-                        pasteBuffer.current += str;
-                    }
-                    return;
-                }
-                // Enter → queue the current input for auto-submit
-                if (str === "\r" || str === "\n") {
-                    const typed = inputRef.current.value.trim();
-                    if (typed) {
-                        queuedRef.current = true;
-                        setQueued(true);
-                    }
-                    return;
-                }
-                // Backspace
-                if (str === "\x7f" || str === "\b") {
-                    const { value: val, cursor: cur } = inputRef.current;
-                    if (cur > 0) {
-                        update(val.slice(0, cur - 1) + val.slice(cur), cur - 1);
-                        // Un-queue if editing
-                        if (queuedRef.current) {
-                            queuedRef.current = false;
-                            setQueued(false);
-                        }
-                    }
-                    return;
-                }
-                // Slash — block menu mode while streaming
-                if (str === "/" && inputRef.current.value === "")
-                    return;
-                // Printable char — type into buffer
-                if (str.length === 1 && str.charCodeAt(0) >= 0x20) {
-                    const { value: val, cursor: cur } = inputRef.current;
-                    update(val.slice(0, cur) + str + val.slice(cur), cur + 1);
-                    // Un-queue if editing after queuing
-                    if (queuedRef.current) {
-                        queuedRef.current = false;
-                        setQueued(false);
-                    }
-                    return;
-                }
-                // Multi-character non-escape (unbracketted paste)
-                if (str.length > 1 && !str.startsWith("\x1b")) {
-                    const codePoints = [...str];
-                    if (codePoints.length === 1) {
-                        const { value: val, cursor: cur } = inputRef.current;
-                        update(val.slice(0, cur) + str + val.slice(cur), cur + str.length);
-                    }
-                    else {
-                        processPaste(str);
-                    }
-                    if (queuedRef.current) {
-                        queuedRef.current = false;
-                        setQueued(false);
-                    }
-                    return;
-                }
-                return;
-            }
-            // ══════════════════════════════════════════════
-            // MENU MODE — two-level navigation
-            // ══════════════════════════════════════════════
-            if (menuModeRef.current) {
-                const hasFilter = menuFilterRef.current.length > 0;
-                const inCategory = selectedCategoryRef.current !== null;
-                // Escape or Ctrl+C → dismiss menu entirely
-                if (str === "\x1b" || str === "\x03") {
-                    setMenuModeSync(false);
-                    setMenuFilterSync("");
-                    setMenuIndexSync(0);
-                    setSelectedCategorySync(null);
-                    update("", 0);
-                    return;
-                }
-                // Tab → no-op
-                if (str === "\t")
-                    return;
-                // ── Filter mode (has filter text) ──
-                if (hasFilter) {
-                    if (str === "\r" || str === "\n") {
-                        const cmd = getCommandAtIndex(menuFilterRef.current, menuIndexRef.current);
-                        if (cmd) {
-                            setMenuModeSync(false);
-                            setMenuFilterSync("");
-                            setMenuIndexSync(0);
-                            setSelectedCategorySync(null);
-                            update("", 0);
-                            onCommandRef.current(cmd.name);
-                        }
-                        return;
-                    }
-                    if (str === "\x1b[A") {
-                        setMenuIndexSync(Math.max(0, menuIndexRef.current - 1));
-                        return;
-                    }
-                    if (str === "\x1b[B") {
-                        const count = getFilteredSelectableCount(menuFilterRef.current);
-                        setMenuIndexSync(Math.min(count - 1, menuIndexRef.current + 1));
-                        return;
-                    }
-                    if (str === "\x7f" || str === "\b") {
-                        const f = menuFilterRef.current;
-                        if (f.length > 1) {
-                            setMenuFilterSync(f.slice(0, -1));
-                            setMenuIndexSync(0);
-                        }
-                        else {
-                            // Clearing filter → back to Level 1
-                            setMenuFilterSync("");
-                            setMenuIndexSync(0);
-                            setSelectedCategorySync(null);
-                        }
-                        return;
-                    }
-                    if (str.startsWith("\x1b"))
-                        return;
-                    if (str.length === 1 && str.charCodeAt(0) >= 0x20) {
-                        setMenuFilterSync(menuFilterRef.current + str);
-                        setMenuIndexSync(0);
-                        return;
-                    }
-                    return;
-                }
-                // ── Level 2: inside a category ──
-                if (inCategory) {
-                    const catIdx = selectedCategoryRef.current;
-                    if (str === "\r" || str === "\n") {
-                        const cmd = getCategoryCommand(catIdx, menuIndexRef.current);
-                        if (cmd) {
-                            setMenuModeSync(false);
-                            setMenuFilterSync("");
-                            setMenuIndexSync(0);
-                            setSelectedCategorySync(null);
-                            update("", 0);
-                            onCommandRef.current(cmd.name);
-                        }
-                        return;
-                    }
-                    if (str === "\x1b[A") {
-                        setMenuIndexSync(Math.max(0, menuIndexRef.current - 1));
-                        return;
-                    }
-                    if (str === "\x1b[B") {
-                        const count = getCategoryCommandCount(catIdx);
-                        setMenuIndexSync(Math.min(count - 1, menuIndexRef.current + 1));
-                        return;
-                    }
-                    // Left arrow or Backspace → back to Level 1
-                    if (str === "\x1b[D" || str === "\x7f" || str === "\b") {
-                        setMenuIndexSync(catIdx); // restore highlight to the category we were in
-                        setSelectedCategorySync(null);
-                        return;
-                    }
-                    if (str.startsWith("\x1b"))
-                        return;
-                    // Printable → switch to filter mode
-                    if (str.length === 1 && str.charCodeAt(0) >= 0x20) {
-                        setSelectedCategorySync(null);
-                        setMenuFilterSync(str);
-                        setMenuIndexSync(0);
-                        return;
-                    }
-                    return;
-                }
-                // ── Level 1: category list ──
-                if (str === "\r" || str === "\n" || str === "\x1b[C") {
-                    // Enter or Right → drill into selected category
-                    const catIdx = menuIndexRef.current;
-                    if (catIdx >= 0 && catIdx < getCategoryCount()) {
-                        setSelectedCategorySync(catIdx);
-                        setMenuIndexSync(0);
-                    }
-                    return;
-                }
-                if (str === "\x1b[A") {
-                    setMenuIndexSync(Math.max(0, menuIndexRef.current - 1));
-                    return;
-                }
-                if (str === "\x1b[B") {
-                    setMenuIndexSync(Math.min(getCategoryCount() - 1, menuIndexRef.current + 1));
-                    return;
-                }
-                if (str === "\x7f" || str === "\b") {
-                    // Backspace on Level 1 → dismiss menu
-                    setMenuModeSync(false);
-                    setMenuFilterSync("");
-                    setMenuIndexSync(0);
-                    setSelectedCategorySync(null);
-                    update("", 0);
-                    return;
-                }
-                if (str.startsWith("\x1b"))
-                    return;
-                // Printable → switch to filter mode
-                if (str.length === 1 && str.charCodeAt(0) >= 0x20) {
-                    setMenuFilterSync(str);
-                    setMenuIndexSync(0);
-                    return;
-                }
-                return;
-            }
-            // ══════════════════════════════════════════════
-            // NORMAL INPUT MODE
-            // ══════════════════════════════════════════════
-            // ── Bracketed paste detection ──
-            if (str.includes("\x1b[200~")) {
-                isPasting.current = true;
-                let text = str.replace(/\x1b\[200~/g, "").replace(/\x1b\[201~/g, "");
-                pasteBuffer.current += text;
-                if (str.includes("\x1b[201~")) {
-                    isPasting.current = false;
-                    const paste = pasteBuffer.current;
-                    pasteBuffer.current = "";
-                    processPaste(paste);
-                }
-                return;
-            }
-            if (isPasting.current) {
-                if (str.includes("\x1b[201~")) {
-                    isPasting.current = false;
-                    pasteBuffer.current += str.replace(/\x1b\[201~/g, "");
-                    const paste = pasteBuffer.current;
-                    pasteBuffer.current = "";
-                    processPaste(paste);
-                }
-                else {
-                    pasteBuffer.current += str;
-                }
-                return;
-            }
-            // ── Control chars handled by ChatApp (keybinding-aware) ──
-            const _kb = loadKeybindings();
-            const exitChar = bindingToControlChar(_kb.exit);
-            const expandChar = bindingToControlChar(_kb.toggle_expand);
-            const thinkingChar = bindingToControlChar(_kb.toggle_thinking);
-            if (str === exitChar || str === expandChar || str === thinkingChar)
-                return;
-            // ── Enter ──
-            if (str === "\r" || str === "\n") {
-                handleSubmit();
-                return;
-            }
-            // ── Tab ── (no-op in input)
-            if (str === "\t")
-                return;
-            // ── Backspace ──
-            if (str === "\x7f" || str === "\b") {
-                const { value: val, cursor: cur } = inputRef.current;
-                if (cur > 0) {
-                    update(val.slice(0, cur - 1) + val.slice(cur), cur - 1);
-                }
-                else if (val === "") {
-                    // Empty input + backspace → remove paste chip, then context, then files, then images
-                    if (pastedTextRef.current) {
-                        setPastedText(null);
-                    }
-                    else if (contextItemsRef.current.length > 0) {
-                        setContextItems(prev => prev.slice(0, -1));
-                    }
-                    else if (filesRef.current.length > 0) {
-                        setFiles(prev => prev.slice(0, -1));
-                    }
-                    else if (imagesRef.current.length > 0) {
-                        setImages(prev => prev.slice(0, -1));
-                    }
-                }
-                return;
-            }
-            // ── Clear line (default: Ctrl+U) ──
-            if (str === bindingToControlChar(_kb.clear_line)) {
-                update("", 0);
-                setImages([]);
-                setFiles([]);
-                setPastedText(null);
-                return;
-            }
-            // ── Delete word (default: Ctrl+W) ──
-            if (str === bindingToControlChar(_kb.delete_word)) {
-                const { value: val, cursor: cur } = inputRef.current;
-                const before = val.slice(0, cur);
-                const match = before.match(/\S+\s*$/);
-                if (match) {
-                    const len = match[0].length;
-                    update(val.slice(0, cur - len) + val.slice(cur), cur - len);
-                }
-                return;
-            }
-            // ── Home (default: Ctrl+A) ──
-            if (str === bindingToControlChar(_kb.home)) {
-                update(inputRef.current.value, 0);
-                return;
-            }
-            // ── Escape sequences ──
-            if (str.startsWith("\x1b[")) {
-                const { value: val, cursor: cur } = inputRef.current;
-                if (str === "\x1b[C") { // Right
-                    update(val, Math.min(cur + 1, val.length));
-                }
-                else if (str === "\x1b[D") { // Left
-                    update(val, Math.max(cur - 1, 0));
-                }
-                else if (str === "\x1b[H" || str === "\x1b[1~") { // Home
-                    update(val, 0);
-                }
-                else if (str === "\x1b[F" || str === "\x1b[4~") { // End
-                    update(val, val.length);
-                }
-                else if (str === "\x1b[3~") { // Delete
-                    if (cur < val.length) {
-                        update(val.slice(0, cur) + val.slice(cur + 1), cur);
-                    }
-                }
-                else if (str === "\x1b[A" || str === "\x1b[B") { // Up/Down
-                    const lines = val.split("\n");
-                    if (lines.length > 1) {
-                        // Multi-line: navigate lines
-                        const { line: curLine, col: curCol } = getCursorLineCol(val, cur);
-                        const targetLine = str === "\x1b[A"
-                            ? Math.max(0, curLine - 1)
-                            : Math.min(lines.length - 1, curLine + 1);
-                        if (targetLine !== curLine) {
-                            const targetCol = Math.min(curCol, lines[targetLine].length);
-                            let newCursor = 0;
-                            for (let i = 0; i < targetLine; i++)
-                                newCursor += lines[i].length + 1;
-                            newCursor += targetCol;
-                            update(val, newCursor);
-                        }
-                    }
-                    else if (str === "\x1b[A") {
-                        // Up arrow — history recall
-                        if (historyRef.current.length === 0) { /* no history */ }
-                        else {
-                            if (historyIndexRef.current === -1)
-                                savedInputRef.current = val;
-                            const newIdx = Math.min(historyIndexRef.current + 1, historyRef.current.length - 1);
-                            historyIndexRef.current = newIdx;
-                            const hist = historyRef.current[historyRef.current.length - 1 - newIdx];
-                            update(hist, hist.length);
-                        }
-                    }
-                    else {
-                        // Down arrow — forward in history
-                        if (historyIndexRef.current <= -1) { /* already at current */ }
-                        else {
-                            const newIdx = historyIndexRef.current - 1;
-                            historyIndexRef.current = newIdx;
-                            if (newIdx < 0) {
-                                update(savedInputRef.current, savedInputRef.current.length);
-                            }
-                            else {
-                                const hist = historyRef.current[historyRef.current.length - 1 - newIdx];
-                                update(hist, hist.length);
-                            }
-                        }
-                    }
-                }
-                // Ignore unrecognized escape sequences
-                return;
-            }
-            // ── Standalone escape — clear input if non-empty ──
-            if (str === "\x1b") {
-                const { value } = inputRef.current;
-                if (value || filesRef.current.length > 0) {
-                    update("", 0);
-                    setImages([]);
-                    setFiles([]);
-                    setPastedText(null);
-                }
-                return;
+        return;
+      }
+
+      // ── Delete word (default: Ctrl+W) ──
+      if (str === bindingToControlChar(_kb_0.delete_word)) {
+        const {
+          value: val_9,
+          cursor: cur_5
+        } = inputRef.current;
+        const before = val_9.slice(0, cur_5);
+        const match = before.match(/\S+\s*$/);
+        if (match) {
+          const len = match[0].length;
+          update(val_9.slice(0, cur_5 - len) + val_9.slice(cur_5), cur_5 - len);
+        }
+        return;
+      }
+
+      // ── Home (default: Ctrl+A) ──
+      if (str === bindingToControlChar(_kb_0.home)) {
+        update(inputRef.current.value, 0);
+        return;
+      }
+
+      // ── Escape sequences ──
+      if (str.startsWith("\x1b[")) {
+        const {
+          value: val_10,
+          cursor: cur_6
+        } = inputRef.current;
+        if (str === "\x1b[C") {
+          // Right
+          update(val_10, Math.min(cur_6 + 1, val_10.length));
+        } else if (str === "\x1b[D") {
+          // Left
+          update(val_10, Math.max(cur_6 - 1, 0));
+        } else if (str === "\x1b[H" || str === "\x1b[1~") {
+          // Home
+          update(val_10, 0);
+        } else if (str === "\x1b[F" || str === "\x1b[4~") {
+          // End
+          update(val_10, val_10.length);
+        } else if (str === "\x1b[3~") {
+          // Delete
+          if (cur_6 < val_10.length) {
+            update(val_10.slice(0, cur_6) + val_10.slice(cur_6 + 1), cur_6);
+          }
+        } else if (str === "\x1b[A" || str === "\x1b[B") {
+          // Up/Down
+          const lines_1 = val_10.split("\n");
+          if (lines_1.length > 1) {
+            // Multi-line: navigate lines
+            const {
+              line: curLine_0,
+              col: curCol_0
+            } = getCursorLineCol(val_10, cur_6);
+            const targetLine_0 = str === "\x1b[A" ? Math.max(0, curLine_0 - 1) : Math.min(lines_1.length - 1, curLine_0 + 1);
+            if (targetLine_0 !== curLine_0) {
+              const targetCol_0 = Math.min(curCol_0, lines_1[targetLine_0].length);
+              let newCursor_0 = 0;
+              for (let i_0 = 0; i_0 < targetLine_0; i_0++) newCursor_0 += lines_1[i_0].length + 1;
+              newCursor_0 += targetCol_0;
+              update(val_10, newCursor_0);
             }
-            // ── Multi-character non-escape = paste without brackets ──
-            if (str.length > 1 && !str.startsWith("\x1b")) {
-                const codePoints = [...str];
-                if (codePoints.length === 1) {
-                    // Single code point (emoji etc.)
-                    const { value: val, cursor: cur } = inputRef.current;
-                    update(val.slice(0, cur) + str + val.slice(cur), cur + str.length);
-                }
-                else {
-                    processPaste(str);
-                }
-                return;
+          } else if (str === "\x1b[A") {
+            // Up arrow — history recall
+            if (historyRef.current.length === 0) {/* no history */} else {
+              if (historyIndexRef.current === -1) savedInputRef.current = val_10;
+              const newIdx = Math.min(historyIndexRef.current + 1, historyRef.current.length - 1);
+              historyIndexRef.current = newIdx;
+              const hist = historyRef.current[historyRef.current.length - 1 - newIdx];
+              update(hist, hist.length);
             }
-            // ── Single printable character ──
-            if (str.length === 1 && str.charCodeAt(0) >= 0x20) {
-                const { value: val, cursor: cur } = inputRef.current;
-                // Slash menu trigger
-                if (str === "/" && val === "") {
-                    setMenuModeSync(true);
-                    setMenuFilterSync("");
-                    setMenuIndexSync(0);
-                    return;
-                }
-                update(val.slice(0, cur) + str + val.slice(cur), cur + 1);
+          } else {
+            // Down arrow — forward in history
+            if (historyIndexRef.current <= -1) {/* already at current */} else {
+              const newIdx_0 = historyIndexRef.current - 1;
+              historyIndexRef.current = newIdx_0;
+              if (newIdx_0 < 0) {
+                update(savedInputRef.current, savedInputRef.current.length);
+              } else {
+                const hist_0 = historyRef.current[historyRef.current.length - 1 - newIdx_0];
+                update(hist_0, hist_0.length);
+              }
             }
-        };
-        stdin.on("data", onData);
-        return () => { stdin.off("data", onData); };
-    }, [stdin]); // eslint-disable-line react-hooks/exhaustive-deps
-    // ── Render ──
-    // Disabled — dimmed but visible input (accept typing to queue)
-    if (disabled) {
-        const disabledLines = displayValue.split("\n");
-        const { line: dCursorLine, col: dCursorCol } = displayValue
-            ? getCursorLineCol(displayValue, displayCursor)
-            : { line: 0, col: 0 };
-        return (_jsx(Box, { flexDirection: "column", children: disabledLines.length <= 1 ? (_jsxs(Box, { children: [_jsx(Text, { color: colors.quaternary, bold: true, children: "❯ " }), !displayValue ? (_jsx(Text, { color: colors.quaternary, wrap: "truncate", children: queued ? "queued — will send when done" : "type to queue a message..." })) : (_jsxs(Box, { children: [_jsxs(Text, { color: colors.dim, children: [displayValue.slice(0, displayCursor), _jsx(Text, { inverse: true, children: displayCursor < displayValue.length ? displayValue[displayCursor] : " " }), displayCursor < displayValue.length ? displayValue.slice(displayCursor + 1) : ""] }), queued && _jsx(Text, { color: colors.warning, children: " [queued]" })] }))] })) : (
-            /* Multi-line disabled */
-            _jsxs(Box, { flexDirection: "column", children: [disabledLines.map((line, i) => {
-                        const isCursorOnLine = i === dCursorLine;
-                        return (_jsxs(Box, { children: [_jsx(Text, { color: colors.quaternary, bold: true, children: i === 0 ? "❯ " : "⎸ " }), isCursorOnLine ? (_jsxs(Text, { color: colors.dim, children: [line.slice(0, dCursorCol), _jsx(Text, { inverse: true, children: dCursorCol < line.length ? line[dCursorCol] : " " }), dCursorCol < line.length ? line.slice(dCursorCol + 1) : ""] })) : (_jsx(Text, { color: colors.dim, children: line }))] }, i));
-                    }), queued && (_jsx(Box, { marginLeft: 2, children: _jsx(Text, { color: colors.warning, children: "[queued]" }) }))] })) }));
-    }
-    // Slash command menu — two-level categorized via SlashMenu component
-    if (menuMode) {
-        // Prompt line varies by level
-        let promptLine;
-        if (menuFilter) {
-            // Filter mode
-            promptLine = (_jsxs(Box, { children: [_jsx(Text, { color: colors.brand, bold: true, children: "/ " }), _jsxs(Text, { children: [menuFilter, _jsx(Text, { inverse: true, children: " " })] })] }));
+          }
+        }
+        // Ignore unrecognized escape sequences
+        return;
+      }
+
+      // ── Standalone escape — clear input if non-empty ──
+      if (str === "\x1b") {
+        const {
+          value: value_0
+        } = inputRef.current;
+        if (value_0 || filesRef.current.length > 0) {
+          update("", 0);
+          setImages([]);
+          setFiles([]);
+          setPastedText(null);
         }
-        else if (selectedCategory !== null) {
-            // Level 2: show category name
-            const catLabel = getCategoryLabel(selectedCategory);
-            const catColor = getCategoryColor(selectedCategory);
-            promptLine = (_jsxs(Box, { children: [_jsx(Text, { color: colors.brand, bold: true, children: "/ " }), _jsx(Text, { color: catColor, bold: true, children: catLabel }), _jsx(Text, { color: colors.tertiary, children: " > " }), _jsx(Text, { inverse: true, children: " " })] }));
+        return;
+      }
+
+      // ── Multi-character non-escape = paste without brackets ──
+      if (str.length > 1 && !str.startsWith("\x1b")) {
+        const codePoints_0 = [...str];
+        if (codePoints_0.length === 1) {
+          // Single code point (emoji etc.)
+          const {
+            value: val_11,
+            cursor: cur_7
+          } = inputRef.current;
+          update(val_11.slice(0, cur_7) + str + val_11.slice(cur_7), cur_7 + str.length);
+        } else {
+          processPaste(str);
         }
-        else {
-            // Level 1
-            promptLine = (_jsxs(Box, { children: [_jsx(Text, { color: colors.brand, bold: true, children: "/ " }), _jsxs(Text, { children: [_jsx(Text, { inverse: true, children: " " }), _jsx(Text, { color: colors.dim, children: " type to filter" })] })] }));
+        return;
+      }
+
+      // ── Single printable character ──
+      if (str.length === 1 && str.charCodeAt(0) >= 0x20) {
+        const {
+          value: val_12,
+          cursor: cur_8
+        } = inputRef.current;
+
+        // Slash menu trigger
+        if (str === "/" && val_12 === "") {
+          setMenuModeSync(true);
+          setMenuFilterSync("");
+          setMenuIndexSync(0);
+          return;
         }
-        // Hint line varies by level
-        const hint = selectedCategory !== null && !menuFilter
-            ? "  \u2190 back  esc dismiss"
-            : "  esc to dismiss";
-        return (_jsxs(Box, { flexDirection: "column", children: [promptLine, _jsx(SlashMenu, { filter: menuFilter, selectedIndex: menuIndex, selectedCategory: selectedCategory }), _jsx(Text, { color: colors.quaternary, children: hint })] }));
+        update(val_12.slice(0, cur_8) + str + val_12.slice(cur_8), cur_8 + 1);
+      }
+    };
+    stdin.on("data", onData);
+    return () => {
+      stdin.off("data", onData);
+    };
+  }, [stdin, overlayActive]); // eslint-disable-line react-hooks/exhaustive-deps
+
+  // ── Render ──
+
+  // Disabled — dimmed but visible input (accept typing to queue)
+  if (disabled) {
+    // No input and not queued — render empty (eliminates dot line but keeps component mounted)
+    if (!displayValue.trim() && !queued) return /*#__PURE__*/_jsx(_Fragment, {});
+    const disabledLines = displayValue.split("\n");
+    const {
+      line: dCursorLine,
+      col: dCursorCol
+    } = displayValue ? getCursorLineCol(displayValue, displayCursor) : {
+      line: 0,
+      col: 0
+    };
+    return /*#__PURE__*/_jsx(Box, {
+      flexDirection: "column",
+      children: disabledLines.length <= 1 ? /*#__PURE__*/_jsxs(Box, {
+        children: [/*#__PURE__*/_jsx(Text, {
+          color: colors.quaternary,
+          children: "· "
+        }), !displayValue ? /*#__PURE__*/_jsx(Text, {
+          color: colors.quaternary,
+          wrap: "truncate",
+          children: queued ? "queued — will send when done" : " "
+        }) : /*#__PURE__*/_jsxs(Box, {
+          children: [/*#__PURE__*/_jsxs(Text, {
+            color: colors.dim,
+            children: [displayValue.slice(0, displayCursor), /*#__PURE__*/_jsx(Text, {
+              inverse: true,
+              children: displayCursor < displayValue.length ? displayValue[displayCursor] : " "
+            }), displayCursor < displayValue.length ? displayValue.slice(displayCursor + 1) : ""]
+          }), queued && /*#__PURE__*/_jsx(Text, {
+            color: colors.warning,
+            children: " [queued]"
+          })]
+        })]
+      }) :
+      /*#__PURE__*/
+      /* Multi-line disabled */
+      _jsxs(Box, {
+        flexDirection: "column",
+        children: [disabledLines.map((line_0, i_1) => {
+          const isCursorOnLine = i_1 === dCursorLine;
+          return /*#__PURE__*/_jsxs(Box, {
+            children: [/*#__PURE__*/_jsx(Text, {
+              color: colors.quaternary,
+              children: i_1 === 0 ? "· " : "⎸ "
+            }), isCursorOnLine ? /*#__PURE__*/_jsxs(Text, {
+              color: colors.dim,
+              children: [line_0.slice(0, dCursorCol), /*#__PURE__*/_jsx(Text, {
+                inverse: true,
+                children: dCursorCol < line_0.length ? line_0[dCursorCol] : " "
+              }), dCursorCol < line_0.length ? line_0.slice(dCursorCol + 1) : ""]
+            }) : /*#__PURE__*/_jsx(Text, {
+              color: colors.dim,
+              children: line_0
+            })]
+          }, i_1);
+        }), queued && /*#__PURE__*/_jsx(Box, {
+          marginLeft: 2,
+          children: /*#__PURE__*/_jsx(Text, {
+            color: colors.warning,
+            children: "[queued]"
+          })
+        })]
+      })
+    });
+  }
+
+  // Slash command menu — two-level categorized via SlashMenu component
+  if (menuMode) {
+    // Prompt line varies by level
+    let promptLine;
+    if (menuFilter) {
+      // Filter mode
+      promptLine = /*#__PURE__*/_jsxs(Box, {
+        children: [/*#__PURE__*/_jsx(Text, {
+          color: colors.brand,
+          bold: true,
+          children: "/ "
+        }), /*#__PURE__*/_jsxs(Text, {
+          children: [menuFilter, /*#__PURE__*/_jsx(Text, {
+            inverse: true,
+            children: " "
+          })]
+        })]
+      });
+    } else if (selectedCategory !== null) {
+      // Level 2: show category name
+      const catLabel = getCategoryLabel(selectedCategory);
+      const catColor = getCategoryColor(selectedCategory);
+      promptLine = /*#__PURE__*/_jsxs(Box, {
+        children: [/*#__PURE__*/_jsx(Text, {
+          color: colors.brand,
+          bold: true,
+          children: "/ "
+        }), /*#__PURE__*/_jsx(Text, {
+          color: catColor,
+          bold: true,
+          children: catLabel
+        }), /*#__PURE__*/_jsx(Text, {
+          color: colors.tertiary,
+          children: " > "
+        }), /*#__PURE__*/_jsx(Text, {
+          inverse: true,
+          children: " "
+        })]
+      });
+    } else {
+      // Level 1
+      promptLine = /*#__PURE__*/_jsxs(Box, {
+        children: [/*#__PURE__*/_jsx(Text, {
+          color: colors.brand,
+          bold: true,
+          children: "/ "
+        }), /*#__PURE__*/_jsxs(Text, {
+          children: [/*#__PURE__*/_jsx(Text, {
+            inverse: true,
+            children: " "
+          }), /*#__PURE__*/_jsx(Text, {
+            color: colors.dim,
+            children: " type to filter"
+          })]
+        })]
+      });
     }
-    // ── Normal input rendering ──
-    const lines = displayValue.split("\n");
-    const { line: cursorLine, col: cursorCol } = displayValue
-        ? getCursorLineCol(displayValue, displayCursor)
-        : { line: 0, col: 0 };
-    // Truncate display for very long pastes
-    const isTruncated = lines.length > MAX_DISPLAY_LINES;
-    const visibleLines = isTruncated
-        ? [...lines.slice(0, MAX_DISPLAY_LINES - 1), `… ${lines.length - MAX_DISPLAY_LINES + 1} more lines`]
-        : lines;
-    return (_jsxs(Box, { flexDirection: "column", children: [(images.length > 0 || files.length > 0 || contextItems.length > 0 || pastedText) && (_jsxs(Box, { children: [_jsx(Text, { children: "  " }), contextItems.map((ctx, i) => (_jsxs(Text, { children: [_jsx(Text, { color: CONTEXT_COLORS[ctx.type] || "cyan", children: "[" }), _jsxs(Text, { color: colors.secondary, children: [ctx.type, ": ", ctx.title] }), _jsx(Text, { color: CONTEXT_COLORS[ctx.type] || "cyan", children: "]" }), _jsx(Text, { children: " " })] }, `ctx-${i}`))), images.map((img, i) => (_jsxs(Text, { children: [_jsx(Text, { color: colors.indigo, children: "[" }), _jsx(Text, { color: colors.secondary, children: img.name }), _jsx(Text, { color: colors.indigo, children: "]" }), _jsx(Text, { children: " " })] }, `img-${i}`))), files.map((f, i) => (_jsxs(Text, { children: [_jsx(Text, { color: colors.purple, children: "[" }), _jsx(Text, { color: colors.secondary, children: f.name }), _jsx(Text, { color: colors.purple, children: "]" }), _jsx(Text, { children: " " })] }, `file-${i}`))), pastedText && (_jsxs(Text, { children: [_jsx(Text, { color: colors.indigo, children: "[" }), _jsxs(Text, { color: colors.secondary, children: ["pasted ", pastedText.split("\n").length, " lines"] }), _jsx(Text, { color: colors.indigo, children: "]" })] }))] })), lines.length <= 1 ? (_jsxs(Box, { children: [_jsx(Text, { color: colors.brand, bold: true, children: "❯ " }), !displayValue ? (_jsxs(Text, { wrap: "truncate", children: [_jsx(Text, { inverse: true, children: " " }), _jsx(Text, { color: colors.dim, children: `Message ${agentName || "whale"}, or type / for commands` })] })) : (_jsxs(Text, { children: [displayValue.slice(0, displayCursor), _jsx(Text, { inverse: true, children: displayCursor < displayValue.length ? displayValue[displayCursor] : " " }), displayCursor < displayValue.length ? displayValue.slice(displayCursor + 1) : ""] }))] })) : (
-            /* Multi-line input */
-            _jsx(Box, { flexDirection: "column", children: visibleLines.map((line, i) => {
-                    const isRealLine = !isTruncated || i < MAX_DISPLAY_LINES - 1;
-                    const isCursorOnLine = isRealLine && i === cursorLine;
-                    return (_jsxs(Box, { children: [_jsx(Text, { color: colors.brand, bold: true, children: i === 0 ? "❯ " : "⎸ " }), isCursorOnLine ? (_jsxs(Text, { children: [line.slice(0, cursorCol), _jsx(Text, { inverse: true, children: cursorCol < line.length ? line[cursorCol] : " " }), cursorCol < line.length ? line.slice(cursorCol + 1) : ""] })) : (_jsx(Text, { color: isRealLine ? undefined : colors.tertiary, children: line }))] }, i));
-                }) }))] }));
+
+    // Hint line varies by level
+    const hint = selectedCategory !== null && !menuFilter ? "  \u2190 back  esc dismiss" : "  esc to dismiss";
+    return /*#__PURE__*/_jsxs(Box, {
+      flexDirection: "column",
+      children: [promptLine, /*#__PURE__*/_jsx(SlashMenu, {
+        filter: menuFilter,
+        selectedIndex: menuIndex,
+        selectedCategory: selectedCategory
+      }), /*#__PURE__*/_jsx(Text, {
+        color: colors.quaternary,
+        children: hint
+      })]
+    });
+  }
+
+  // ── Normal input rendering ──
+
+  const lines_2 = displayValue.split("\n");
+  const {
+    line: cursorLine,
+    col: cursorCol
+  } = displayValue ? getCursorLineCol(displayValue, displayCursor) : {
+    line: 0,
+    col: 0
+  };
+
+  // Truncate display for very long pastes
+  const isTruncated = lines_2.length > MAX_DISPLAY_LINES;
+  const visibleLines = isTruncated ? [...lines_2.slice(0, MAX_DISPLAY_LINES - 1), `… ${lines_2.length - MAX_DISPLAY_LINES + 1} more lines`] : lines_2;
+  return /*#__PURE__*/_jsxs(Box, {
+    flexDirection: "column",
+    children: [(images.length > 0 || files.length > 0 || contextItems.length > 0 || pastedText) && /*#__PURE__*/_jsxs(Box, {
+      children: [/*#__PURE__*/_jsx(Text, {
+        children: "  "
+      }), contextItems.map((ctx_0, i_2) => /*#__PURE__*/_jsxs(Text, {
+        children: [/*#__PURE__*/_jsx(Text, {
+          color: CONTEXT_COLORS[ctx_0.type] || "cyan",
+          children: "["
+        }), /*#__PURE__*/_jsxs(Text, {
+          color: colors.secondary,
+          children: [ctx_0.type, ": ", ctx_0.title]
+        }), /*#__PURE__*/_jsx(Text, {
+          color: CONTEXT_COLORS[ctx_0.type] || "cyan",
+          children: "]"
+        }), /*#__PURE__*/_jsx(Text, {
+          children: " "
+        })]
+      }, `ctx-${i_2}`)), images.map((img_0, i_3) => /*#__PURE__*/_jsxs(Text, {
+        children: [/*#__PURE__*/_jsx(Text, {
+          color: colors.indigo,
+          children: "["
+        }), /*#__PURE__*/_jsx(Text, {
+          color: colors.secondary,
+          children: img_0.name
+        }), /*#__PURE__*/_jsx(Text, {
+          color: colors.indigo,
+          children: "]"
+        }), /*#__PURE__*/_jsx(Text, {
+          children: " "
+        })]
+      }, `img-${i_3}`)), files.map((f_1, i_4) => /*#__PURE__*/_jsxs(Text, {
+        children: [/*#__PURE__*/_jsx(Text, {
+          color: colors.purple,
+          children: "["
+        }), /*#__PURE__*/_jsx(Text, {
+          color: colors.secondary,
+          children: f_1.name
+        }), /*#__PURE__*/_jsx(Text, {
+          color: colors.purple,
+          children: "]"
+        }), /*#__PURE__*/_jsx(Text, {
+          children: " "
+        })]
+      }, `file-${i_4}`)), pastedText && /*#__PURE__*/_jsxs(Text, {
+        children: [/*#__PURE__*/_jsx(Text, {
+          color: colors.indigo,
+          children: "["
+        }), /*#__PURE__*/_jsxs(Text, {
+          color: colors.secondary,
+          children: ["pasted ", pastedText.split("\n").length, " lines"]
+        }), /*#__PURE__*/_jsx(Text, {
+          color: colors.indigo,
+          children: "]"
+        })]
+      })]
+    }), lines_2.length <= 1 ? /*#__PURE__*/_jsxs(Box, {
+      children: [/*#__PURE__*/_jsx(Text, {
+        color: colors.brand,
+        bold: true,
+        children: "❯ "
+      }), !displayValue ? /*#__PURE__*/_jsxs(Text, {
+        wrap: "truncate",
+        children: [/*#__PURE__*/_jsx(Text, {
+          inverse: true,
+          children: " "
+        }), /*#__PURE__*/_jsx(Text, {
+          color: colors.dim,
+          children: `Message ${agentName || "whale"}, or type / for commands`
+        })]
+      }) : /*#__PURE__*/_jsxs(Text, {
+        children: [displayValue.slice(0, displayCursor), /*#__PURE__*/_jsx(Text, {
+          inverse: true,
+          children: displayCursor < displayValue.length ? displayValue[displayCursor] : " "
+        }), displayCursor < displayValue.length ? displayValue.slice(displayCursor + 1) : ""]
+      })]
+    }) :
+    /*#__PURE__*/
+    /* Multi-line input */
+    _jsx(Box, {
+      flexDirection: "column",
+      children: visibleLines.map((line_1, i_5) => {
+        const isRealLine = !isTruncated || i_5 < MAX_DISPLAY_LINES - 1;
+        const isCursorOnLine_0 = isRealLine && i_5 === cursorLine;
+        return /*#__PURE__*/_jsxs(Box, {
+          children: [/*#__PURE__*/_jsx(Text, {
+            color: colors.brand,
+            bold: true,
+            children: i_5 === 0 ? "❯ " : "⎸ "
+          }), isCursorOnLine_0 ? /*#__PURE__*/_jsxs(Text, {
+            children: [line_1.slice(0, cursorCol), /*#__PURE__*/_jsx(Text, {
+              inverse: true,
+              children: cursorCol < line_1.length ? line_1[cursorCol] : " "
+            }), cursorCol < line_1.length ? line_1.slice(cursorCol + 1) : ""]
+          }) : /*#__PURE__*/_jsx(Text, {
+            color: isRealLine ? undefined : colors.tertiary,
+            children: line_1
+          })]
+        }, i_5);
+      })
+    })]
+  });
 }
+//# sourceMappingURL=ChatInput.js.map