@ai-setting/roy-agent-cli 1.6.15 → 1.6.16

package/dist/bin/roy-agent.js

@@ -904,7 +904,7 @@ var init_status_bar = __esm(() => {
 var require_package = __commonJS((exports, module) => {
   module.exports = {
     name: "@ai-setting/roy-agent-cli",
-    version: "1.6.15",
+    version: "1.6.16",
     type: "module",
     description: "CLI for roy-agent - Non-interactive command execution",
     main: "./dist/index.js",
@@ -1066,10 +1066,187 @@ function execAsync(cmd, args) {
 }
 var init_clipboard_helper = () => {};
 
-// src/commands/markdown-renderer.tsx
+// src/commands/ui/commands-registry.ts
+function filterCommands(query) {
+  const q = query.trim().replace(/^\/+/, "").toLowerCase();
+  if (q === "") {
+    return [...COMMANDS];
+  }
+  return COMMANDS.filter((c) => {
+    const cmdName = c.cmd.replace(/^\/+/, "").toLowerCase();
+    if (cmdName.startsWith(q))
+      return true;
+    if (cmdName.includes(q))
+      return true;
+    if (c.aliases) {
+      for (const a of c.aliases) {
+        if (a.toLowerCase().startsWith(q))
+          return true;
+        if (a.toLowerCase().includes(q))
+          return true;
+      }
+    }
+    return false;
+  });
+}
+var COMMANDS, MAX_POPUP_ITEMS = 8;
+var init_commands_registry = __esm(() => {
+  COMMANDS = [
+    { cmd: "/help", desc: "Show all commands", category: "general", aliases: ["h"] },
+    { cmd: "/quit", desc: "Exit interactive mode", category: "general", aliases: ["q", "exit"] },
+    { cmd: "/init", desc: "Create memory file", category: "memory" },
+    { cmd: "/memory", desc: "Show memory", category: "memory" },
+    { cmd: "/model", desc: "Switch model", category: "model" },
+    { cmd: "/compact", desc: "Compress context", category: "session", aliases: ["c"] },
+    { cmd: "/sessions", desc: "List sessions", category: "session", aliases: ["s"] },
+    { cmd: "/attach", desc: "Add file/URL to attach", category: "attachment" },
+    { cmd: "/list", desc: "List attachments", category: "attachment" },
+    { cmd: "/paste", desc: "Paste from clipboard", category: "attachment" },
+    { cmd: "/clear", desc: "Clear attach list", category: "attachment", aliases: ["cls"] },
+    { cmd: "/status", desc: "Show session status", category: "system", aliases: ["st"] },
+    { cmd: "/abort", desc: "Abort in-flight request", category: "system" }
+  ];
+});
+
+// src/commands/ui/slash-command-popup.tsx
 import * as React from "react";
-import { Box, Text } from "ink";
+import { Box, Text, useInput } from "ink";
+import { jsxDEV } from "react/jsx-dev-runtime";
+function clampSelectedIndex(index, filteredLength) {
+  if (filteredLength === 0)
+    return 0;
+  return Math.max(0, Math.min(filteredLength - 1, index));
+}
+var CommandRow, SlashCommandPopup;
+var init_slash_command_popup = __esm(() => {
+  init_commands_registry();
+  CommandRow = React.memo(function CommandRow2({
+    cmd,
+    isSelected
+  }) {
+    const cmdPadded = cmd.cmd.padEnd(12, " ");
+    if (isSelected) {
+      return /* @__PURE__ */ jsxDEV(Text, {
+        inverse: true,
+        children: [
+          "▶ ",
+          cmdPadded,
+          cmd.desc
+        ]
+      }, cmd.cmd, true, undefined, this);
+    }
+    return /* @__PURE__ */ jsxDEV(Text, {
+      children: [
+        "  ",
+        cmdPadded,
+        /* @__PURE__ */ jsxDEV(Text, {
+          color: "gray",
+          children: cmd.desc
+        }, undefined, false, undefined, this)
+      ]
+    }, cmd.cmd, true, undefined, this);
+  });
+  SlashCommandPopup = React.memo(function SlashCommandPopup2({
+    query,
+    selectedIndex: externalSelectedIndex,
+    onIndexChange,
+    onSelect,
+    onClose
+  }) {
+    const filtered = React.useMemo(() => filterCommands(query), [query]);
+    const [internalSelectedIndex, setInternalSelectedIndex] = React.useState(() => externalSelectedIndex ?? 0);
+    React.useEffect(() => {
+      if (externalSelectedIndex !== undefined && externalSelectedIndex !== internalSelectedIndex) {
+        setInternalSelectedIndex(externalSelectedIndex);
+      }
+    }, [externalSelectedIndex, internalSelectedIndex]);
+    const updateIndex = React.useCallback((next) => {
+      setInternalSelectedIndex(next);
+      onIndexChange?.(next);
+    }, [onIndexChange]);
+    React.useEffect(() => {
+      if (filtered.length === 0)
+        return;
+      if (internalSelectedIndex >= filtered.length) {
+        updateIndex(0);
+      }
+    }, [filtered, internalSelectedIndex, updateIndex]);
+    useInput((input, key) => {
+      if (key.upArrow) {
+        if (filtered.length === 0)
+          return;
+        updateIndex((internalSelectedIndex - 1 + filtered.length) % filtered.length);
+        return;
+      }
+      if (key.downArrow) {
+        if (filtered.length === 0)
+          return;
+        updateIndex((internalSelectedIndex + 1) % filtered.length);
+        return;
+      }
+      if (key.return && !key.meta && !key.shift && !key.ctrl) {
+        const cmd = filtered[internalSelectedIndex];
+        if (cmd && onSelect) {
+          onSelect(cmd);
+        }
+        return;
+      }
+      if (key.tab) {
+        const cmd = filtered[internalSelectedIndex];
+        if (cmd && onSelect) {
+          onSelect(cmd);
+        }
+        return;
+      }
+      if (key.escape) {
+        if (onClose) {
+          onClose();
+        }
+        return;
+      }
+    }, { isActive: filtered.length > 0 });
+    if (filtered.length === 0) {
+      return null;
+    }
+    const selectedIndex = Math.max(0, Math.min(filtered.length - 1, internalSelectedIndex));
+    const filteredLength = filtered.length;
+    const scrollOffset = filteredLength <= MAX_POPUP_ITEMS ? 0 : Math.max(0, Math.min(filteredLength - MAX_POPUP_ITEMS, selectedIndex - 3));
+    const visible = filtered.slice(scrollOffset, scrollOffset + MAX_POPUP_ITEMS);
+    const hiddenBefore = scrollOffset;
+    const hiddenAfter = filteredLength - (scrollOffset + visible.length);
+    const windowedIndex = selectedIndex - scrollOffset;
+    return /* @__PURE__ */ jsxDEV(Box, {
+      flexDirection: "column",
+      borderStyle: "single",
+      borderColor: "cyan",
+      paddingX: 1,
+      marginBottom: 0,
+      children: [
+        /* @__PURE__ */ jsxDEV(Text, {
+          color: "gray",
+          dimColor: true,
+          children: [
+            "Commands (",
+            filteredLength,
+            ")",
+            hiddenBefore > 0 ? ` · ${hiddenBefore} more ↑` : "",
+            hiddenAfter > 0 ? ` · ${hiddenAfter} more ↓` : ""
+          ]
+        }, undefined, true, undefined, this),
+        visible.map((cmd, i) => /* @__PURE__ */ jsxDEV(CommandRow, {
+          cmd,
+          isSelected: i === windowedIndex
+        }, cmd.cmd, false, undefined, this))
+      ]
+    }, undefined, true, undefined, this);
+  });
+});
+
+// src/commands/markdown-renderer.tsx
+import * as React2 from "react";
+import { Box as Box2, Text as Text2 } from "ink";
 import chalk6 from "chalk";
+import { wrapFunction } from "@ai-setting/roy-agent-core";
 function parseInline(text, keyPrefix) {
   const nodes = [];
   const pattern = /(`([^`]+)`)|(\*\*([^*]+)\*\*)|(\*([^*]+)\*)|(~~([^~]+)~~)|(\[([^\]]+)\]\(([^)]+)\))/g;
@@ -1078,30 +1255,144 @@ function parseInline(text, keyPrefix) {
   let counter = 0;
   while ((match = pattern.exec(text)) !== null) {
     if (match.index > lastIndex) {
-      nodes.push(React.createElement(Text, { key: `${keyPrefix}-t-${counter++}` }, text.slice(lastIndex, match.index)));
+      nodes.push(React2.createElement(Text2, { key: `${keyPrefix}-t-${counter++}` }, text.slice(lastIndex, match.index)));
     }
     if (match[1] !== undefined) {
-      nodes.push(React.createElement(Text, { key: `${keyPrefix}-c-${counter++}`, color: "white", backgroundColor: "gray" }, ` ${match[2]} `));
+      nodes.push(React2.createElement(Text2, { key: `${keyPrefix}-c-${counter++}`, color: "white", backgroundColor: "gray" }, ` ${match[2]} `));
     } else if (match[3] !== undefined) {
-      nodes.push(React.createElement(Text, { key: `${keyPrefix}-b-${counter++}`, color: "yellow", bold: true }, match[4]));
+      nodes.push(React2.createElement(Text2, { key: `${keyPrefix}-b-${counter++}`, color: "yellow", bold: true }, match[4]));
     } else if (match[5] !== undefined) {
-      nodes.push(React.createElement(Text, { key: `${keyPrefix}-i-${counter++}`, color: "yellow" }, match[6]));
+      nodes.push(React2.createElement(Text2, { key: `${keyPrefix}-i-${counter++}`, color: "yellow" }, match[6]));
     } else if (match[7] !== undefined) {
-      nodes.push(React.createElement(Text, { key: `${keyPrefix}-s-${counter++}`, dimColor: true }, match[8]));
+      nodes.push(React2.createElement(Text2, { key: `${keyPrefix}-s-${counter++}`, dimColor: true }, match[8]));
     } else if (match[9] !== undefined) {
-      nodes.push(React.createElement(Text, { key: `${keyPrefix}-l-${counter++}`, color: "cyan", underline: true }, match[10]), React.createElement(Text, { key: `${keyPrefix}-u-${counter++}`, color: "blue", dimColor: true }, ` (${match[11]})`));
+      nodes.push(React2.createElement(Text2, { key: `${keyPrefix}-l-${counter++}`, color: "cyan", underline: true }, match[10]), React2.createElement(Text2, { key: `${keyPrefix}-u-${counter++}`, color: "blue", dimColor: true }, ` (${match[11]})`));
     }
     lastIndex = pattern.lastIndex;
   }
   if (lastIndex < text.length) {
-    nodes.push(React.createElement(Text, { key: `${keyPrefix}-e-${counter++}` }, text.slice(lastIndex)));
+    nodes.push(React2.createElement(Text2, { key: `${keyPrefix}-e-${counter++}` }, text.slice(lastIndex)));
   }
   if (nodes.length === 0) {
-    nodes.push(React.createElement(Text, { key: `${keyPrefix}-all` }, text));
+    nodes.push(React2.createElement(Text2, { key: `${keyPrefix}-all` }, text));
   }
   return nodes;
 }
-function renderMarkdown(content) {
+function splitTableRow(rawLine) {
+  let s = rawLine.trim();
+  if (s.startsWith("|"))
+    s = s.slice(1);
+  if (s.endsWith("|") && !s.endsWith("\\|"))
+    s = s.slice(0, -1);
+  return s.split("|").map((c) => c.trim());
+}
+function isTableSeparator(line) {
+  const trimmed = line.trim();
+  if (!trimmed.includes("|"))
+    return false;
+  const cells = splitTableRow(trimmed);
+  if (cells.length === 0)
+    return false;
+  return cells.every((c) => /^:?\s*-{1,}\s*:?$/.test(c));
+}
+function parseAlignments(sepCells) {
+  return sepCells.map((c) => {
+    const t = c.trim();
+    const startsColon = t.startsWith(":");
+    const endsColon = t.endsWith(":");
+    if (startsColon && endsColon)
+      return "center";
+    if (endsColon)
+      return "right";
+    if (startsColon)
+      return "left";
+    return "left";
+  });
+}
+function padCell(content, width, align) {
+  const len = content.length;
+  if (len >= width)
+    return content;
+  const totalPad = width - len;
+  if (align === "right")
+    return " ".repeat(totalPad) + content;
+  if (align === "center") {
+    const left = Math.floor(totalPad / 2);
+    const right = totalPad - left;
+    return " ".repeat(left) + content + " ".repeat(right);
+  }
+  return content + " ".repeat(totalPad);
+}
+function parseTableStart(lines, i) {
+  const header = lines[i] ?? "";
+  const sep = lines[i + 1] ?? "";
+  if (!header.trim().startsWith("|"))
+    return false;
+  if (!header.trim().includes("|"))
+    return false;
+  if (!isTableSeparator(sep))
+    return false;
+  return true;
+}
+function parseTableBlock(lines, startIndex) {
+  if (!parseTableStart(lines, startIndex))
+    return null;
+  const header = splitTableRow(lines[startIndex] ?? "");
+  const alignments = parseAlignments(splitTableRow(lines[startIndex + 1] ?? ""));
+  const rows = [];
+  let i = startIndex + 2;
+  while (i < lines.length) {
+    const ln = lines[i] ?? "";
+    if (ln.trim() === "")
+      break;
+    if (!ln.trim().startsWith("|"))
+      break;
+    rows.push(splitTableRow(ln));
+    i++;
+  }
+  return { header, rows, alignments, endIndex: i };
+}
+function renderTableBlock(tbl, key) {
+  const colCount = Math.max(tbl.header.length, ...tbl.rows.map((r) => r.length));
+  const widths = [];
+  for (let c = 0;c < colCount; c++) {
+    const headerW = (tbl.header[c] ?? "").length;
+    let dataW = 0;
+    for (const r of tbl.rows) {
+      const cell = r[c] ?? "";
+      if (cell.length > dataW)
+        dataW = cell.length;
+    }
+    widths.push(Math.max(headerW, dataW));
+  }
+  const alignments = [];
+  for (let c = 0;c < colCount; c++) {
+    alignments.push(tbl.alignments[c] ?? "left");
+  }
+  const renderRow = (cells, rowIdx) => {
+    const cellNodes = [];
+    for (let c = 0;c < colCount; c++) {
+      const raw = cells[c] ?? "";
+      const w = widths[c] ?? raw.length;
+      const align = alignments[c] ?? "left";
+      const padded = padCell(raw, w, align);
+      cellNodes.push(React2.createElement(Box2, { key: `tbl-${rowIdx}-c${c}`, flexDirection: "row" }, ...parseInline(padded, `tbl-${rowIdx}-c${c}`)));
+      if (c < colCount - 1) {
+        cellNodes.push(React2.createElement(Text2, { key: `tbl-${rowIdx}-sep${c}`, color: "gray" }, " │ "));
+      }
+    }
+    return React2.createElement(Box2, { key: `tbl-${rowIdx}`, flexDirection: "row" }, React2.createElement(Text2, { color: "gray" }, "│ "), ...cellNodes, React2.createElement(Text2, { color: "gray" }, " │"));
+  };
+  const children = [];
+  children.push(renderRow(tbl.header, 0));
+  const sepLine = "├" + widths.map((w) => "─".repeat(w + 2)).join("┼") + "┤";
+  children.push(React2.createElement(Text2, { key: "tbl-sep", color: "gray" }, sepLine));
+  tbl.rows.forEach((r, ri) => {
+    children.push(renderRow(r, ri + 1));
+  });
+  return React2.createElement(Box2, { key, flexDirection: "column", marginY: 1 }, ...children);
+}
+function renderMarkdownLegacyImpl(content) {
   const lines = content.split(`
 `);
   const blocks = [];
@@ -1117,19 +1408,19 @@ function renderMarkdown(content) {
         i++;
       }
       i++;
-      blocks.push(React.createElement(Box, {
+      blocks.push(React2.createElement(Box2, {
         key: `blk-code-${blockKey++}`,
         flexDirection: "column",
         borderStyle: "single",
         borderColor: "gray",
         paddingX: 1,
         marginY: 1
-      }, React.createElement(Text, { color: "white" }, codeLines.length === 0 ? " " : codeLines.join(`
+      }, React2.createElement(Text2, { color: "white" }, codeLines.length === 0 ? " " : codeLines.join(`
 `))));
       continue;
     }
     if (/^(-{3,}|\*{3,})$/.test(line.trim())) {
-      blocks.push(React.createElement(Box, { key: `blk-hr-${blockKey++}`, marginY: 1 }, React.createElement(Text, { color: "gray" }, "─".repeat(50))));
+      blocks.push(React2.createElement(Box2, { key: `blk-hr-${blockKey++}`, marginY: 1 }, React2.createElement(Text2, { color: "gray" }, "─".repeat(50))));
       i++;
       continue;
     }
@@ -1139,10 +1430,10 @@ function renderMarkdown(content) {
       const text = headingMatch[2];
       if (level === 1) {
         const styled = chalk6.cyan.bold.underline(`▌ ${text}`);
-        blocks.push(React.createElement(Box, { key: `blk-h1-${blockKey++}`, marginY: 1 }, React.createElement(Text, {}, styled)));
+        blocks.push(React2.createElement(Box2, { key: `blk-h1-${blockKey++}`, marginY: 1 }, React2.createElement(Text2, {}, styled)));
       } else if (level === 2) {
         const styled = chalk6.green.bold(`▶ ${text}`);
-        blocks.push(React.createElement(Box, { key: `blk-h2-${blockKey++}`, marginY: 1 }, React.createElement(Text, {}, styled)));
+        blocks.push(React2.createElement(Box2, { key: `blk-h2-${blockKey++}`, marginY: 1 }, React2.createElement(Text2, {}, styled)));
       } else {
         const colors = {
           3: "yellow",
@@ -1152,7 +1443,7 @@ function renderMarkdown(content) {
         };
         const color = colors[level] ?? "white";
         const prefix = "▶".repeat(level - 1) + " ";
-        blocks.push(React.createElement(Box, { key: `blk-h-${blockKey++}`, marginY: 1 }, React.createElement(Text, { color, bold: true }, `${prefix}${text}`)));
+        blocks.push(React2.createElement(Box2, { key: `blk-h-${blockKey++}`, marginY: 1 }, React2.createElement(Text2, { color, bold: true }, `${prefix}${text}`)));
       }
       i++;
       continue;
@@ -1163,7 +1454,7 @@ function renderMarkdown(content) {
         quoteLines.push((lines[i] ?? "").replace(/^>\s?/, ""));
         i++;
       }
-      blocks.push(React.createElement(Box, {
+      blocks.push(React2.createElement(Box2, {
         key: `blk-q-${blockKey++}`,
         flexDirection: "column",
         marginLeft: 2,
@@ -1174,7 +1465,7 @@ function renderMarkdown(content) {
         borderRight: false,
         borderBottom: false,
         paddingLeft: 1
-      }, ...quoteLines.map((ql, qi) => React.createElement(Box, { key: `q-${qi}` }, React.createElement(Text, { color: "gray", dimColor: true }, ql)))));
+      }, ...quoteLines.map((ql, qi) => React2.createElement(Box2, { key: `q-${qi}` }, React2.createElement(Text2, { color: "gray", dimColor: true }, ql)))));
       continue;
     }
     if (/^[-*]\s+/.test(line)) {
@@ -1183,7 +1474,7 @@ function renderMarkdown(content) {
         items.push((lines[i] ?? "").replace(/^[-*]\s+/, ""));
         i++;
       }
-      blocks.push(React.createElement(Box, { key: `blk-ul-${blockKey++}`, flexDirection: "column", marginLeft: 2 }, ...items.map((it, ii) => React.createElement(Box, { key: `ul-${ii}` }, React.createElement(Text, { color: "yellow", bold: true }, "▸ "), ...parseInline(it, `ul-${ii}`)))));
+      blocks.push(React2.createElement(Box2, { key: `blk-ul-${blockKey++}`, flexDirection: "column", marginLeft: 2 }, ...items.map((it, ii) => React2.createElement(Box2, { key: `ul-${ii}` }, React2.createElement(Text2, { color: "yellow", bold: true }, "▸ "), ...parseInline(it, `ul-${ii}`)))));
       continue;
     }
     if (/^\d+\.\s+/.test(line)) {
@@ -1192,9 +1483,17 @@ function renderMarkdown(content) {
         items.push((lines[i] ?? "").replace(/^\d+\.\s+/, ""));
         i++;
       }
-      blocks.push(React.createElement(Box, { key: `blk-ol-${blockKey++}`, flexDirection: "column", marginLeft: 2 }, ...items.map((it, ii) => React.createElement(Box, { key: `ol-${ii}` }, React.createElement(Text, { color: "cyan", bold: true }, `${(ii + 1).toString().padStart(2, " ")}. `), ...parseInline(it, `ol-${ii}`)))));
+      blocks.push(React2.createElement(Box2, { key: `blk-ol-${blockKey++}`, flexDirection: "column", marginLeft: 2 }, ...items.map((it, ii) => React2.createElement(Box2, { key: `ol-${ii}` }, React2.createElement(Text2, { color: "cyan", bold: true }, `${(ii + 1).toString().padStart(2, " ")}. `), ...parseInline(it, `ol-${ii}`)))));
       continue;
     }
+    if (parseTableStart(lines, i)) {
+      const tbl = parseTableBlock(lines, i);
+      if (tbl) {
+        i = tbl.endIndex;
+        blocks.push(renderTableBlock(tbl, `blk-table-${blockKey++}`));
+        continue;
+      }
+    }
     if (line.trim() === "") {
       i++;
       continue;
@@ -1205,11 +1504,22 @@ function renderMarkdown(content) {
       i++;
     }
     const paraText = paraLines.join(" ");
-    blocks.push(React.createElement(Box, { key: `blk-p-${blockKey++}`, marginY: 0 }, ...parseInline(paraText, `p-${blockKey}`)));
+    blocks.push(React2.createElement(Box2, { key: `blk-p-${blockKey++}`, marginY: 0 }, ...parseInline(paraText, `p-${blockKey}`)));
   }
   return blocks;
 }
-var init_markdown_renderer2 = () => {};
+var renderMarkdown;
+var init_markdown_renderer2 = __esm(() => {
+  renderMarkdown = wrapFunction(renderMarkdownLegacyImpl, "markdown.render", {
+    recordParams: true,
+    recordResult: false,
+    paramFilter: (args) => ({
+      "content.length": (args?.[0] && typeof args[0] === "string" ? args[0].length : 0) ?? 0,
+      "content.first-line": (args?.[0] && typeof args[0] === "string" ? args[0].split(`
+`)[0]?.slice(0, 60) : "") ?? ""
+    })
+  });
+});
 
 // src/commands/repl-ink.tsx
 var exports_repl_ink = {};
@@ -1218,10 +1528,10 @@ __export(exports_repl_ink, {
   REPLInk: () => REPLInk,
   MultilineInput: () => MultilineInput
 });
-import * as React2 from "react";
-import { Box as Box2, Text as Text2, useApp, useInput } from "ink";
+import * as React3 from "react";
+import { Box as Box3, Text as Text3, Static, useApp, useInput as useInput2 } from "ink";
 import { createLogger as createLogger4 } from "@ai-setting/roy-agent-core";
-import { jsxDEV } from "react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
 function REPLInk(props) {
   const {
     initialContext,
@@ -1234,19 +1544,55 @@ function REPLInk(props) {
     onEscape
   } = props;
   const { exit: appExit } = useApp();
-  const [messages, setMessages] = React2.useState(initialMessages);
-  const [mode, setMode] = React2.useState(initialMode);
-  const [statusBarCtx, setStatusBarCtxState] = React2.useState({
+  const [messages, setMessages] = React3.useState(() => [
+    {
+      role: "system",
+      kind: "welcome",
+      content: buildWelcomeCardText(initialContext)
+    },
+    ...initialMessages
+  ]);
+  const [mode, setMode] = React3.useState(initialMode);
+  const [statusBarCtx, setStatusBarCtxState] = React3.useState({
     mode: initialMode,
     cwd: initialStatusBarCtx.cwd ?? initialContext.cwd,
     gitBranch: initialStatusBarCtx.gitBranch,
     model: initialStatusBarCtx.model ?? initialContext.model
   });
-  const streamingIndexRef = React2.useRef(-1);
-  const multilineInputRef = React2.useRef(null);
-  const pendingDeltaRef = React2.useRef("");
-  const throttleTimerRef = React2.useRef(null);
-  const flushStreamingDelta = React2.useCallback(() => {
+  const [inputValue, setInputValue] = React3.useState("");
+  const [popupIndex, setPopupIndex] = React3.useState(0);
+  const filteredCmds = React3.useMemo(() => {
+    if (!/^\/\S*$/.test(inputValue))
+      return [];
+    return filterCommands(inputValue);
+  }, [inputValue]);
+  const showPopup = filteredCmds.length > 0;
+  React3.useEffect(() => {
+    setPopupIndex(0);
+  }, [filteredCmds]);
+  const safePopupIndex = clampSelectedIndex(popupIndex, filteredCmds.length);
+  const handlePopupSelect = React3.useCallback((cmd) => {
+    multilineInputRef.current?.setBuffer(cmd.cmd + " ");
+    setInputValue(cmd.cmd + " ");
+  }, []);
+  const handlePopupClose = React3.useCallback(() => {
+    const current = multilineInputRef.current?.getBuffer() ?? "";
+    const stripped = current.replace(/^\/+/, "");
+    multilineInputRef.current?.setBuffer(stripped);
+    setInputValue(stripped);
+  }, []);
+  const handlePopupIndexChange = React3.useCallback((idx) => {
+    setPopupIndex(idx);
+  }, []);
+  const streamingIndexRef = React3.useRef(-1);
+  const lastFlushTsRef = React3.useRef(0);
+  const STALE_STREAM_THRESHOLD_MS = 1000;
+  const multilineInputRef = React3.useRef(null);
+  const lastEscapeTsRef = React3.useRef(0);
+  const pendingDeltaRef = React3.useRef("");
+  const throttleTimerRef = React3.useRef(null);
+  const isFirstDeltaInStreamRef = React3.useRef(true);
+  const flushStreamingDelta = React3.useCallback(() => {
     const delta = pendingDeltaRef.current;
     pendingDeltaRef.current = "";
     throttleTimerRef.current = null;
@@ -1260,6 +1606,11 @@ function REPLInk(props) {
           break;
         }
       }
+      if (idx !== -1 && Date.now() - lastFlushTsRef.current > STALE_STREAM_THRESHOLD_MS) {
+        const updated2 = [...msgs];
+        updated2[idx] = { ...updated2[idx], streaming: false };
+        idx = -1;
+      }
       if (idx === -1) {
         streamingIndexRef.current = msgs.length;
         return [...msgs, { role: "assistant", content: delta, streaming: true }];
@@ -1268,8 +1619,9 @@ function REPLInk(props) {
       updated[idx] = { ...updated[idx], content: updated[idx].content + delta };
       return updated;
     });
+    lastFlushTsRef.current = Date.now();
   }, []);
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     return () => {
       if (throttleTimerRef.current !== null) {
         clearTimeout(throttleTimerRef.current);
@@ -1277,8 +1629,8 @@ function REPLInk(props) {
       }
     };
   }, []);
-  const apiRef = React2.useRef(null);
-  React2.useEffect(() => {
+  const apiRef = React3.useRef(null);
+  React3.useEffect(() => {
     const api = {
       appendMessage: (msg) => {
         setMessages((msgs) => [...msgs, msg]);
@@ -1288,7 +1640,12 @@ function REPLInk(props) {
           return;
         pendingDeltaRef.current += delta;
         if (throttleTimerRef.current === null) {
-          throttleTimerRef.current = setTimeout(flushStreamingDelta, 50);
+          if (isFirstDeltaInStreamRef.current) {
+            isFirstDeltaInStreamRef.current = false;
+            flushStreamingDelta();
+          } else {
+            throttleTimerRef.current = setTimeout(flushStreamingDelta, 50);
+          }
         }
       },
       finishAssistantStream: () => {
@@ -1312,6 +1669,7 @@ function REPLInk(props) {
           return updated;
         });
         streamingIndexRef.current = -1;
+        isFirstDeltaInStreamRef.current = true;
       },
       setMode: (newMode) => {
         setMode(newMode);
@@ -1321,7 +1679,13 @@ function REPLInk(props) {
         setStatusBarCtxState((s) => ({ ...s, ...ctx }));
       },
       clearMessages: () => {
-        setMessages([]);
+        setMessages([
+          {
+            role: "system",
+            kind: "welcome",
+            content: buildWelcomeCardText(initialContext)
+          }
+        ]);
       },
       exit: () => {
         appExit();
@@ -1330,19 +1694,42 @@ function REPLInk(props) {
         if (onCommand) {
           Promise.resolve(onCommand("compact")).catch(() => {});
         }
+      },
+      setInputBuffer: (value) => {
+        multilineInputRef.current?.setBuffer(value);
+        setInputValue(value);
+      },
+      getInputBuffer: () => {
+        return multilineInputRef.current?.getBuffer() ?? "";
       }
     };
     apiRef.current = api;
     onReady?.(api);
   }, [appExit, onCommand, onReady]);
-  useInput((_input, key) => {
+  const handleEscapeCascade = React3.useCallback(() => {
+    const now = Date.now();
+    if (now - lastEscapeTsRef.current < 100) {
+      return;
+    }
+    lastEscapeTsRef.current = now;
+    if (onEscape) {
+      Promise.resolve().then(() => onEscape()).catch((err) => {
+        inkLogger.warn(`[REPLInk] onEscape failed: ${err}`);
+      });
+    }
+  }, [onEscape]);
+  useInput2((_input, key) => {
+    if (showPopup) {
+      if (key.escape || key.upArrow || key.downArrow || key.tab) {
+        return;
+      }
+      if (key.return && !key.meta && !key.shift && !key.ctrl) {
+        return;
+      }
+    }
     if (key.escape) {
       multilineInputRef.current?.clearBuffer();
-      if (onEscape) {
-        Promise.resolve().then(() => onEscape()).catch((err) => {
-          inkLogger.warn(`[REPLInk] onEscape failed: ${err}`);
-        });
-      }
+      handleEscapeCascade();
     }
     if (key.ctrl && key.c === true) {
       if (onCommand) {
@@ -1363,7 +1750,7 @@ function REPLInk(props) {
       }
     }
   });
-  const handleSubmit = React2.useCallback(async (value) => {
+  const handleSubmit = React3.useCallback(async (value) => {
     if (!value || value.trim() === "") {
       return;
     }
@@ -1389,43 +1776,60 @@ function REPLInk(props) {
       setMessages((msgs) => [...msgs, { role: "system", content: `[Error] ${msg}` }]);
     }
   }, [onCommand, onSubmit]);
+  const staticItems = React3.useMemo(() => {
+    if (messages.length <= 1)
+      return [];
+    return messages.slice(0, -1);
+  }, [messages.length <= 1 ? 0 : messages.length - 1]);
   const statusBarText = buildStatusBar({
     mode,
     cwd: statusBarCtx.cwd,
     gitBranch: statusBarCtx.gitBranch,
     model: shortModel(statusBarCtx.model)
   });
-  return /* @__PURE__ */ jsxDEV(Box2, {
+  return /* @__PURE__ */ jsxDEV2(Box3, {
     flexDirection: "column",
     children: [
-      messages.length === 0 && /* @__PURE__ */ jsxDEV(Box2, {
-        flexDirection: "column",
-        marginBottom: 1,
-        children: /* @__PURE__ */ jsxDEV(Text2, {
-          children: buildWelcomeCardText(initialContext)
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this),
-      messages.map((msg, i) => /* @__PURE__ */ jsxDEV(MessageView, {
-        msg
-      }, i, false, undefined, this)),
-      /* @__PURE__ */ jsxDEV(Box2, {
+      staticItems.length > 0 ? /* @__PURE__ */ jsxDEV2(Static, {
+        items: staticItems,
+        children: (msg, i) => /* @__PURE__ */ jsxDEV2(MessageView, {
+          msg
+        }, `h-${i}`, false, undefined, this)
+      }, undefined, false, undefined, this) : null,
+      messages.length > 0 ? /* @__PURE__ */ jsxDEV2(MessageView, {
+        msg: messages[messages.length - 1]
+      }, undefined, false, undefined, this) : null,
+      /* @__PURE__ */ jsxDEV2(Box3, {
         flexDirection: "column",
         marginTop: 1,
-        children: /* @__PURE__ */ jsxDEV(Text2, {
+        children: /* @__PURE__ */ jsxDEV2(Text3, {
           children: statusBarText
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV(Box2, {
+      showPopup ? /* @__PURE__ */ jsxDEV2(Box3, {
+        marginBottom: 0,
+        children: /* @__PURE__ */ jsxDEV2(SlashCommandPopup, {
+          query: inputValue,
+          selectedIndex: safePopupIndex,
+          onIndexChange: handlePopupIndexChange,
+          onSelect: handlePopupSelect,
+          onClose: handlePopupClose
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this) : null,
+      /* @__PURE__ */ jsxDEV2(Box3, {
         flexDirection: "column",
         children: [
-          /* @__PURE__ */ jsxDEV(Text2, {
+          /* @__PURE__ */ jsxDEV2(Text3, {
             children: COLORS.muted("─".repeat(40))
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV(MultilineInput, {
+          /* @__PURE__ */ jsxDEV2(MultilineInput, {
             ref: multilineInputRef,
-            onSubmit: handleSubmit
+            onSubmit: handleSubmit,
+            onEscape: handleEscapeCascade,
+            popupActive: showPopup,
+            onChange: setInputValue
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV(Text2, {
+          /* @__PURE__ */ jsxDEV2(Text3, {
             children: COLORS.muted("─".repeat(40))
           }, undefined, false, undefined, this)
         ]
@@ -1444,7 +1848,7 @@ function shortModel(model) {
 }
 async function renderInkREPL(props) {
   const ink = await import("ink");
-  const { waitUntilExit } = ink.render(React2.createElement(REPLInk, props));
+  const { waitUntilExit } = ink.render(React3.createElement(REPLInk, props));
   await waitUntilExit();
 }
 var inkLogger, MultilineInput, MessageView;
@@ -1452,19 +1856,43 @@ var init_repl_ink = __esm(() => {
   init_stream_output_service();
   init_status_bar();
   init_welcome_card();
+  init_commands_registry();
+  init_slash_command_popup();
   init_markdown_renderer2();
   inkLogger = createLogger4("repl-ink");
-  MultilineInput = React2.memo(React2.forwardRef(function MultilineInput2(props, ref) {
-    const { onSubmit, placeholder } = props;
-    const [buffer, setBuffer] = React2.useState("");
-    const [cursor, setCursor] = React2.useState(0);
-    React2.useImperativeHandle(ref, () => ({
+  MultilineInput = React3.memo(React3.forwardRef(function MultilineInput2(props, ref) {
+    const { onSubmit, placeholder, popupActive, onChange, onEscape } = props;
+    const [buffer, setBuffer] = React3.useState("");
+    const [cursor, setCursor] = React3.useState(0);
+    React3.useEffect(() => {
+      onChange?.(buffer);
+    }, [buffer, onChange]);
+    React3.useImperativeHandle(ref, () => ({
       clearBuffer: () => {
         setBuffer("");
         setCursor(0);
+      },
+      getBuffer: () => {
+        return buffer;
+      },
+      setBuffer: (value) => {
+        setBuffer(value);
+        setCursor(value.length);
+      }
+    }), [buffer]);
+    useInput2((input, key) => {
+      if (key.escape) {
+        setBuffer("");
+        setCursor(0);
+        if (onEscape) {
+          try {
+            onEscape();
+          } catch (err) {
+            inkLogger.warn(`[MultilineInput] onEscape failed: ${err}`);
+          }
+        }
+        return;
       }
-    }), []);
-    useInput((input, key) => {
       if (key.return && (key.meta || key.shift || key.ctrl)) {
         setBuffer((b) => {
           const newBuf = b.slice(0, cursor) + `
@@ -1475,6 +1903,9 @@ var init_repl_ink = __esm(() => {
         return;
       }
       if (key.return) {
+        if (popupActive) {
+          return;
+        }
         if (buffer.trim() === "") {
           return;
         }
@@ -1624,12 +2055,12 @@ var init_repl_ink = __esm(() => {
       }
     }
     const showPlaceholder = buffer.length === 0 && placeholder;
-    return /* @__PURE__ */ jsxDEV(Box2, {
+    return /* @__PURE__ */ jsxDEV2(Box3, {
       flexDirection: "column",
       children: lines.map((line, i) => {
         const isFirst = i === 0;
         const isCursorRow = i === cursorRow;
-        const prefixEl = /* @__PURE__ */ jsxDEV(Text2, {
+        const prefixEl = /* @__PURE__ */ jsxDEV2(Text3, {
           color: isFirst ? "red" : "gray",
           children: isFirst ? "❯ " : "... "
         }, undefined, false, undefined, this);
@@ -1644,29 +2075,29 @@ var init_repl_ink = __esm(() => {
             atCursor = line[cursorCol] ?? " ";
             afterCursor = line.slice(cursorCol + 1);
           }
-          return /* @__PURE__ */ jsxDEV(Box2, {
+          return /* @__PURE__ */ jsxDEV2(Box3, {
             children: [
               prefixEl,
-              /* @__PURE__ */ jsxDEV(Text2, {
+              /* @__PURE__ */ jsxDEV2(Text3, {
                 children: beforeCursor
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV(Text2, {
+              /* @__PURE__ */ jsxDEV2(Text3, {
                 inverse: !showPlaceholder,
                 children: atCursor
               }, undefined, false, undefined, this),
-              showPlaceholder ? /* @__PURE__ */ jsxDEV(Text2, {
+              showPlaceholder ? /* @__PURE__ */ jsxDEV2(Text3, {
                 color: "gray",
                 children: placeholder?.slice(1) ?? ""
-              }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV(Text2, {
+              }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV2(Text3, {
                 children: afterCursor
               }, undefined, false, undefined, this)
             ]
           }, i, true, undefined, this);
         }
-        return /* @__PURE__ */ jsxDEV(Box2, {
+        return /* @__PURE__ */ jsxDEV2(Box3, {
           children: [
             prefixEl,
-            /* @__PURE__ */ jsxDEV(Text2, {
+            /* @__PURE__ */ jsxDEV2(Text3, {
               children: line
             }, undefined, false, undefined, this)
           ]
@@ -1674,7 +2105,15 @@ var init_repl_ink = __esm(() => {
       })
     }, undefined, false, undefined, this);
   }));
-  MessageView = React2.memo(function MessageView2({ msg }) {
+  MessageView = React3.memo(function MessageView2({ msg }) {
+    if (msg.kind === "welcome") {
+      return /* @__PURE__ */ jsxDEV2(Box3, {
+        flexDirection: "column",
+        children: /* @__PURE__ */ jsxDEV2(Text3, {
+          children: msg.content
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this);
+    }
     let prefix;
     let color;
     let contentColor;
@@ -1713,11 +2152,11 @@ var init_repl_ink = __esm(() => {
     }
     const displayContent = msg.role === "tool" || msg.role === "tool_result" ? `${msg.toolName ?? "tool"}: ${msg.content}` : msg.content;
     if (msg.role === "assistant") {
-      return /* @__PURE__ */ jsxDEV(Box2, {
+      return /* @__PURE__ */ jsxDEV2(Box3, {
         flexDirection: "column",
         children: [
-          /* @__PURE__ */ jsxDEV(Box2, {
-            children: /* @__PURE__ */ jsxDEV(Text2, {
+          /* @__PURE__ */ jsxDEV2(Box3, {
+            children: /* @__PURE__ */ jsxDEV2(Text3, {
               color: "green",
               bold: true,
               children: [
@@ -1726,12 +2165,12 @@ var init_repl_ink = __esm(() => {
               ]
             }, undefined, true, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV(Box2, {
+          /* @__PURE__ */ jsxDEV2(Box3, {
             flexDirection: "column",
             marginLeft: 2,
             children: [
               renderMarkdown(displayContent),
-              msg.streaming ? /* @__PURE__ */ jsxDEV(Text2, {
+              msg.streaming ? /* @__PURE__ */ jsxDEV2(Text3, {
                 color: "gray",
                 children: "▌"
               }, undefined, false, undefined, this) : null
@@ -1740,9 +2179,9 @@ var init_repl_ink = __esm(() => {
         ]
       }, undefined, true, undefined, this);
     }
-    return /* @__PURE__ */ jsxDEV(Box2, {
+    return /* @__PURE__ */ jsxDEV2(Box3, {
       children: [
-        /* @__PURE__ */ jsxDEV(Text2, {
+        /* @__PURE__ */ jsxDEV2(Text3, {
           color,
           bold: true,
           children: [
@@ -1750,7 +2189,7 @@ var init_repl_ink = __esm(() => {
             " "
           ]
         }, undefined, true, undefined, this),
-        /* @__PURE__ */ jsxDEV(Text2, {
+        /* @__PURE__ */ jsxDEV2(Text3, {
           color: contentColor,
           children: [
             displayContent,
@@ -12160,6 +12599,13 @@ ${COLORS.error("❌ 执行失败: " + error)}
       }
     }
     abortStream();
+    if (this.inkApi && typeof this.inkApi.finishAssistantStream === "function") {
+      try {
+        this.inkApi.finishAssistantStream();
+      } catch (err) {
+        logger4.warn("[Esc] finishAssistantStream failed", { error: String(err) });
+      }
+    }
     const mainSessionId = this.options.sessionId;
     if (this.env && mainSessionId) {
       let timer;
@@ -21973,9 +22419,9 @@ import chalk73 from "chalk";
 import fs5 from "fs";
 import path8 from "path";
 import { createRunWorkflowTool } from "@ai-setting/roy-agent-core/env/workflow/tools";
-import { getTracerProvider as getTracerProvider4, propagation, wrapFunction } from "@ai-setting/roy-agent-core";
+import { getTracerProvider as getTracerProvider4, propagation, wrapFunction as wrapFunction2 } from "@ai-setting/roy-agent-core";
 import { isValidSessionId } from "@ai-setting/roy-agent-core/env/session";
-var runWorkflow = wrapFunction(async function runWorkflowImpl(args) {
+var runWorkflow = wrapFunction2(async function runWorkflowImpl(args) {
   const output = new OutputService2;
   const envService = new EnvironmentService(output);
   const traceparent = process.env.TRACEPARENT;
@@ -22252,8 +22698,8 @@ var WorkflowRunCommand = {
 // src/commands/workflow/commands/stop.ts
 import chalk74 from "chalk";
 import { createWorkflowRunStopTool } from "@ai-setting/roy-agent-core/env/workflow/tools";
-import { wrapFunction as wrapFunction2 } from "@ai-setting/roy-agent-core";
-var stopWorkflow = wrapFunction2(async function stopWorkflowImpl(args) {
+import { wrapFunction as wrapFunction3 } from "@ai-setting/roy-agent-core";
+var stopWorkflow = wrapFunction3(async function stopWorkflowImpl(args) {
   const output = new OutputService2;
   const envService = new EnvironmentService(output);
   try {
@@ -22908,7 +23354,7 @@ Error: ${error.message}`));
 
 // src/commands/workflow/commands/search.ts
 import chalk78 from "chalk";
-import { wrapFunction as wrapFunction3 } from "@ai-setting/roy-agent-core";
+import { wrapFunction as wrapFunction4 } from "@ai-setting/roy-agent-core";
 var WorkflowSearchCommand = {
   command: "search",
   describe: "Search workflows by keyword and/or tags (multiple tags use AND filter). v2: returns available_tags.",
@@ -23083,14 +23529,14 @@ var _runWorkflowSearchImpl = async function(opts) {
     }
   }
 };
-var runWorkflowSearch = wrapFunction3(_runWorkflowSearchImpl, "workflow.cli.search", {
+var runWorkflowSearch = wrapFunction4(_runWorkflowSearchImpl, "workflow.cli.search", {
   recordParams: true,
   recordResult: false,
   log: false
 });
 
 // src/commands/workflow/commands/tag.ts
-import { wrapFunction as wrapFunction4 } from "@ai-setting/roy-agent-core";
+import { wrapFunction as wrapFunction5 } from "@ai-setting/roy-agent-core";
 import chalk79 from "chalk";
 var WorkflowTagListCommand = {
   command: "list",
@@ -23290,12 +23736,12 @@ function formatDate2(iso) {
     return iso;
   }
 }
-var runWorkflowTagList = wrapFunction4(_runWorkflowTagListImpl, "workflow.cli.tag.list", {
+var runWorkflowTagList = wrapFunction5(_runWorkflowTagListImpl, "workflow.cli.tag.list", {
   recordParams: true,
   recordResult: false,
   log: false
 });
-var runWorkflowTagGet = wrapFunction4(_runWorkflowTagGetImpl, "workflow.cli.tag.get", {
+var runWorkflowTagGet = wrapFunction5(_runWorkflowTagGetImpl, "workflow.cli.tag.get", {
   recordParams: true,
   recordResult: false,
   log: false