@datalabrotterdam/nova-ai-cli 1.2.0-alpha.14 → 1.2.0-alpha.16

package/CHANGELOG.md

@@ -1,3 +1,23 @@
+# [@datalabrotterdam/nova-ai-cli-v1.2.0-alpha.16](https://github.com/Datalab-Rotterdam/nova-ai-cli/compare/@datalabrotterdam/nova-ai-cli@1.2.0-alpha.15...@datalabrotterdam/nova-ai-cli@1.2.0-alpha.16) (2026-10-25)
+
+
+### Features
+
+* **cli:** Ctrl+C clears the prompt; Esc asks about running background tasks ([a7cb854](https://github.com/Datalab-Rotterdam/nova-ai-cli/commit/a7cb854f4494d88851b672af913d7a1dee666684))
+
+# [@datalabrotterdam/nova-ai-cli-v1.2.0-alpha.15](https://github.com/Datalab-Rotterdam/nova-ai-cli/compare/@datalabrotterdam/nova-ai-cli@1.2.0-alpha.14...@datalabrotterdam/nova-ai-cli@1.2.0-alpha.15) (2026-10-25)
+
+
+### Bug Fixes
+
+* **cli:** Markdown rules span the row in a streamed block of their own ([7ab846c](https://github.com/Datalab-Rotterdam/nova-ai-cli/commit/7ab846c86ff83ce07046f8c366dbab8d019b17b8))
+
+
+### Features
+
+* **cli:** compact permission dialog with a details view ([63e0d97](https://github.com/Datalab-Rotterdam/nova-ai-cli/commit/63e0d9740152b8e2874ecde62b2ba2dd88899423))
+* **cli:** drag to select text, click to copy; paste markers delete as one unit ([160238e](https://github.com/Datalab-Rotterdam/nova-ai-cli/commit/160238eb8b02cfcb209bc92ee81a7c508932e4ba)), closes [#ImageN](https://github.com/Datalab-Rotterdam/nova-ai-cli/issues/ImageN)
+
 # [@datalabrotterdam/nova-ai-cli-v1.2.0-alpha.14](https://github.com/Datalab-Rotterdam/nova-ai-cli/compare/@datalabrotterdam/nova-ai-cli@1.2.0-alpha.13...@datalabrotterdam/nova-ai-cli@1.2.0-alpha.14) (2026-10-24)
 
 

package/dist/index.js

@@ -185,7 +185,7 @@ ${MAIN_HELP}
         );
         return 2;
       }
-      const { default: runChat } = await import("./tui-NBVDJQIA.js");
+      const { default: runChat } = await import("./tui-UHITDRFM.js");
       return runChat(options);
     }
   }

package/dist/{tui-NBVDJQIA.js → tui-UHITDRFM.js}

@@ -1183,18 +1183,137 @@ function kittyKeyboardOverride(env = process.env) {
 function isLateTerminalReply(input) {
   return /^\u001b?\[\?[\d;]*[uc]$/.test(input);
 }
-var MOUSE_REPORTING_ON = "\x1B[?1000h\x1B[?1006h";
-var MOUSE_REPORTING_OFF = "\x1B[?1000l\x1B[?1006l";
-var MOUSE_INPUT = /^\u001b?\[<(\d+);\d+;\d+[Mm]$/;
+var MOUSE_REPORTING_ON = "\x1B[?1000h\x1B[?1002h\x1B[?1006h";
+var MOUSE_REPORTING_OFF = "\x1B[?1000l\x1B[?1002l\x1B[?1006l";
+var MOUSE_INPUT = /^\u001b?\[<(\d+);(\d+);(\d+)([Mm])$/;
 function isMouseInput(input) {
   return MOUSE_INPUT.test(input);
 }
+function parseMouse(input) {
+  const match = MOUSE_INPUT.exec(input);
+  if (!match) return null;
+  return {
+    button: Number(match[1]),
+    col: Number(match[2]) - 1,
+    row: Number(match[3]) - 1,
+    release: match[4] === "m"
+  };
+}
 function wheelRows(input) {
   const button = Number(MOUSE_INPUT.exec(input)?.[1] ?? -1);
   if (button < 0 || (button & 64) === 0) return 0;
   return button & 1 ? -3 : 3;
 }
 
+// src/tui/ink/screen-selection.ts
+import { stripVTControlCharacters } from "util";
+import stringWidth from "string-width";
+var CONTROL_RUN = "(?:\\u001b\\[[\\d;?]*[A-LN-Za-ln-z]|\\u001b[78c])*";
+var LEADING_CONTROLS = new RegExp(`^${CONTROL_RUN}`);
+var TRAILING_CONTROLS = new RegExp(`${CONTROL_RUN}$`);
+var graphemes = new Intl.Segmenter();
+var ScreenSelection = class {
+  constructor(out) {
+    this.out = out;
+  }
+  out;
+  rawLines = [];
+  plainLines = [];
+  anchor = null;
+  focus = { row: 0, col: 0 };
+  /** The stream to hand Ink: writes go through, frames are kept and painted over. */
+  wrap(stdout) {
+    return new Proxy(stdout, {
+      get: (target, key) => {
+        if (key === "write") return this.write(target);
+        const value = Reflect.get(target, key, target);
+        return typeof value === "function" ? value.bind(target) : value;
+      }
+    });
+  }
+  get active() {
+    return this.anchor !== null;
+  }
+  set(anchor, focus) {
+    this.repaint(() => {
+      this.anchor = anchor;
+      this.focus = focus;
+    });
+  }
+  /** Shift+arrows: moves the selection's moving end, wrapping at the row edges. */
+  extend(rows, cols) {
+    if (!this.anchor) return;
+    const width = this.out.columns ?? 80;
+    let { row, col } = this.focus;
+    col += cols;
+    if (col < 0) [row, col] = [row - 1, width - 1];
+    if (col >= width) [row, col] = [row + 1, 0];
+    row = Math.max(0, Math.min(row + rows, this.plainLines.length - 1));
+    this.set(this.anchor, { row, col });
+  }
+  clear() {
+    if (this.anchor) this.repaint(() => this.anchor = null);
+  }
+  text() {
+    return this.segments().map(({ text }) => text.trimEnd()).join("\n");
+  }
+  write(target) {
+    return (chunk, ...rest) => {
+      const result = target.write.call(target, chunk, ...rest);
+      if (typeof chunk === "string" && this.capture(chunk) && this.anchor) this.out.write(this.overlay());
+      return result;
+    };
+  }
+  capture(chunk) {
+    const frame = chunk.replace(LEADING_CONTROLS, "").replace(TRAILING_CONTROLS, "");
+    const plain = stripVTControlCharacters(frame);
+    if (!plain.trim()) return false;
+    this.rawLines = frame.split("\n");
+    this.plainLines = plain.split("\n");
+    return true;
+  }
+  /** Restores the rows under the old selection, then paints the new one. */
+  repaint(change) {
+    const restore = this.segments().map(({ row }) => `\x1B[${row + 1};1H\x1B[0m${this.rawLines[row] ?? ""}\x1B[0m`).join("");
+    change();
+    this.out.write(`\x1B7${restore}${this.overlay(false)}\x1B8`);
+  }
+  overlay(saveCursor = true) {
+    const paint = this.segments().filter(({ text }) => text).map(({ row, col, text }) => `\x1B[${row + 1};${col + 1}H\x1B[7m${text}\x1B[27m`).join("");
+    return saveCursor ? `\x1B7${paint}\x1B8` : paint;
+  }
+  /** Each selected row's text and the cell it starts at, top to bottom. */
+  segments() {
+    if (!this.anchor) return [];
+    const [start, end] = before(this.anchor, this.focus) ? [this.anchor, this.focus] : [this.focus, this.anchor];
+    const segments = [];
+    for (let row = start.row; row <= Math.min(end.row, this.plainLines.length - 1); row++) {
+      const from = row === start.row ? start.col : 0;
+      const to = row === end.row ? end.col : Infinity;
+      segments.push({ row, ...sliceCells(this.plainLines[row] ?? "", from, to) });
+    }
+    return segments;
+  }
+};
+function before(a, b) {
+  return a.row < b.row || a.row === b.row && a.col <= b.col;
+}
+function sliceCells(line, from, to) {
+  let col = 0;
+  let start = -1;
+  let text = "";
+  for (const { segment } of graphemes.segment(line)) {
+    if (col > to) break;
+    const width = stringWidth(segment);
+    if (col + Math.max(width, 1) - 1 >= from) {
+      if (start < 0) start = col;
+      text += segment;
+    }
+    col += width;
+  }
+  return { col: start < 0 ? from : start, text };
+}
+
 // src/tui/ink/components/prompt-input.tsx
 import { Box, Text, useInput, usePaste } from "ink";
 import { useSyncExternalStore } from "react";
@@ -1292,13 +1411,13 @@ function Suggestions({ view }) {
   ] });
 }
 function withCursor(line, col) {
-  const before = line.slice(0, col);
+  const before2 = line.slice(0, col);
   const rest = line.slice(col);
   const first = segmenter.segment(rest)[Symbol.iterator]().next();
   const current = first.done ? " " : first.value.segment;
   const after = first.done ? "" : rest.slice(current.length);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    before,
+    before2,
     /* @__PURE__ */ jsx(Text, { inverse: true, children: current }),
     after
   ] });
@@ -1554,10 +1673,6 @@ function StatusLine({
       ui.permissionMode,
       separator,
       ui.busy ? /* @__PURE__ */ jsx2(Text2, { color: palette.warning, children: "working" }) : /* @__PURE__ */ jsx2(Text2, { color: palette.success, children: "ready" }),
-      ui.selectMode ? /* @__PURE__ */ jsxs2(Fragment2, { children: [
-        separator,
-        /* @__PURE__ */ jsx2(Text2, { color: palette.warning, children: "select \xB7 Ctrl+S" })
-      ] }) : null,
       usage ? /* @__PURE__ */ jsxs2(Fragment2, { children: [
         separator,
         usage
@@ -1594,7 +1709,7 @@ import { Box as Box4, Text as Text4 } from "ink";
 import chalk2 from "chalk";
 import { Box as Box3, Text as Text3 } from "ink";
 import { marked } from "marked";
-import stringWidth from "string-width";
+import stringWidth2 from "string-width";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function Markdown({ text }) {
   const tokens = marked.lexer(text, { gfm: true });
@@ -1679,12 +1794,12 @@ function Table({ table }) {
   const rows = table.rows.map((row) => row.map((cell) => inline(cell.tokens)));
   const widths = header.map(
     (cell, column) => Math.max(
-      stringWidth(cell),
-      ...rows.map((row) => stringWidth(row[column] ?? ""))
+      stringWidth2(cell),
+      ...rows.map((row) => stringWidth2(row[column] ?? ""))
     )
   );
   const pad = (value, column) => {
-    const space = Math.max(0, widths[column] - stringWidth(value));
+    const space = Math.max(0, widths[column] - stringWidth2(value));
     const align = table.align[column];
     if (align === "right") return " ".repeat(space) + value;
     if (align === "center") {
@@ -1794,7 +1909,7 @@ function Prefixed({
   color,
   children
 }) {
-  return /* @__PURE__ */ jsxs4(Box4, { paddingLeft: 1, children: [
+  return /* @__PURE__ */ jsxs4(Box4, { paddingLeft: 1, flexGrow: 1, children: [
     /* @__PURE__ */ jsx4(Box4, { flexShrink: 0, children: /* @__PURE__ */ jsx4(Text4, { color, children: prefix }) }),
     /* @__PURE__ */ jsx4(Box4, { flexDirection: "column", flexGrow: 1, flexShrink: 1, children })
   ] });
@@ -2098,7 +2213,7 @@ var builtinCommands = [
   },
   {
     name: "copy",
-    description: "Copy the last answer to the clipboard (Ctrl+S selects text with the mouse)",
+    description: "Copy the last answer to the clipboard (or drag over text with the mouse, then click)",
     async run(ctx) {
       ctx.print(await ctx.copyLastAnswer());
     }
@@ -2513,23 +2628,23 @@ var WorkspaceAutocompleteProvider = class {
   fdPath;
   triggerCharacters = ["@", "/"];
   async getSuggestions(lines, cursorLine, cursorCol, options) {
-    const before = (lines[cursorLine] ?? "").slice(0, cursorCol);
-    const mention = extractMentionPrefix(before);
+    const before2 = (lines[cursorLine] ?? "").slice(0, cursorCol);
+    const mention = extractMentionPrefix(before2);
     if (mention) return this.mentionSuggestions(mention, options.signal);
-    if (cursorLine === 0 && before.startsWith("/") && !/\s/.test(before)) {
+    if (cursorLine === 0 && before2.startsWith("/") && !/\s/.test(before2)) {
       const commands = typeof this.commands === "function" ? this.commands() : this.commands;
-      const items2 = filterCommands(commands, before.slice(1));
-      return items2.length ? { items: items2, prefix: before } : null;
+      const items2 = filterCommands(commands, before2.slice(1));
+      return items2.length ? { items: items2, prefix: before2 } : null;
     }
     if (!options.force) return null;
-    const pathPrefix = extractPathPrefix(before);
+    const pathPrefix = extractPathPrefix(before2);
     if (pathPrefix === null) return null;
     const items = this.pathSuggestions(pathPrefix);
     return items.length ? { items, prefix: pathPrefix } : null;
   }
   shouldTriggerFileCompletion(lines, cursorLine, cursorCol) {
-    const before = (lines[cursorLine] ?? "").slice(0, cursorCol).trim();
-    return !(before.startsWith("/") && !before.includes(" "));
+    const before2 = (lines[cursorLine] ?? "").slice(0, cursorCol).trim();
+    return !(before2.startsWith("/") && !before2.includes(" "));
   }
   applyCompletion(lines, cursorLine, cursorCol, item, prefix) {
     const line = lines[cursorLine] ?? "";
@@ -2805,6 +2920,14 @@ function previousBoundary(text, offset) {
   }
   return previous;
 }
+var MARKER = /\[Pasted from clipboard #\d+: \d+ (?:lines|characters)\]|\[#Image\d+\]/g;
+function markerAt(text, offset) {
+  for (const match of text.matchAll(MARKER)) {
+    const end = match.index + match[0].length;
+    if (match.index <= offset && offset < end) return [match.index, end];
+  }
+  return null;
+}
 function nextBoundary(text, offset) {
   for (const boundary of boundaries(text)) {
     if (boundary > offset) return boundary;
@@ -2846,15 +2969,15 @@ var TextBuffer = class {
   insert(text) {
     if (!text) return;
     const line = this.lines[this.row];
-    const before = line.slice(0, this.col);
+    const before2 = line.slice(0, this.col);
     const after = line.slice(this.col);
     const parts = text.split("\n");
     if (parts.length === 1) {
-      this.lines[this.row] = before + text + after;
+      this.lines[this.row] = before2 + text + after;
       this.col += text.length;
     } else {
       const last = parts.at(-1);
-      const inserted = [before + parts[0], ...parts.slice(1, -1), last + after];
+      const inserted = [before2 + parts[0], ...parts.slice(1, -1), last + after];
       this.lines.splice(this.row, 1, ...inserted);
       this.row += parts.length - 1;
       this.col = last.length;
@@ -2867,8 +2990,8 @@ var TextBuffer = class {
   backspace() {
     if (this.col > 0) {
       const line = this.lines[this.row];
-      const start = previousBoundary(line, this.col);
-      this.lines[this.row] = line.slice(0, start) + line.slice(this.col);
+      const [start, end] = markerAt(line, this.col - 1) ?? [previousBoundary(line, this.col), this.col];
+      this.lines[this.row] = line.slice(0, start) + line.slice(end);
       this.col = start;
     } else if (this.row > 0) {
       const previous = this.lines[this.row - 1];
@@ -2884,8 +3007,9 @@ var TextBuffer = class {
   deleteForward() {
     const line = this.lines[this.row];
     if (this.col < line.length) {
-      const end = nextBoundary(line, this.col);
-      this.lines[this.row] = line.slice(0, this.col) + line.slice(end);
+      const [start, end] = markerAt(line, this.col) ?? [this.col, nextBoundary(line, this.col)];
+      this.lines[this.row] = line.slice(0, start) + line.slice(end);
+      this.col = start;
     } else if (this.row < this.lines.length - 1) {
       this.lines.splice(this.row, 2, line + this.lines[this.row + 1]);
     } else {
@@ -3087,7 +3211,7 @@ var ScrollState = class {
       return "closed";
     }
     const page = Math.max(1, pageRows);
-    const before = this.offset;
+    const before2 = this.offset;
     if (key.upArrow) this.offset = Math.max(0, this.offset - 1);
     else if (key.downArrow) this.offset += 1;
     else if (key.pageUp) this.offset = Math.max(0, this.offset - page);
@@ -3095,7 +3219,7 @@ var ScrollState = class {
     else if (key.home) this.offset = 0;
     else if (key.end) this.offset = Number.MAX_SAFE_INTEGER;
     else return "ignored";
-    return this.offset === before ? "ignored" : "changed";
+    return this.offset === before2 ? "ignored" : "changed";
   }
   /** Clamps the offset to the content; call before rendering. */
   clamp(totalRows, visibleRows) {
@@ -3125,7 +3249,7 @@ var ToolInspectorState = class {
     }
     const calls = this.calls();
     if (calls.length === 0) return "ignored";
-    const before = `${this.selected}:${this.expanded}:${this.detailOffset}`;
+    const before2 = `${this.selected}:${this.expanded}:${this.detailOffset}`;
     if (key.upArrow) this.select(this.selected === 0 ? calls.length - 1 : this.selected - 1);
     else if (key.downArrow)
       this.select(this.selected === calls.length - 1 ? 0 : this.selected + 1);
@@ -3145,7 +3269,7 @@ var ToolInspectorState = class {
       if (this.expanded) this.detailOffset = Number.MAX_SAFE_INTEGER;
       else this.select(calls.length - 1);
     } else return "ignored";
-    return before === `${this.selected}:${this.expanded}:${this.detailOffset}` ? "ignored" : "changed";
+    return before2 === `${this.selected}:${this.expanded}:${this.detailOffset}` ? "ignored" : "changed";
   }
   select(index) {
     if (index === this.selected) return;
@@ -3513,8 +3637,8 @@ var PromptEditor = class {
     if (key.return && !key.meta && !key.shift) {
       const item = state.items[state.selected];
       const { row, col } = this.buffer.cursor;
-      const before = (this.buffer.lineList[row] ?? "").slice(0, col);
-      if (item && before === `/${item.value}`) {
+      const before2 = (this.buffer.lineList[row] ?? "").slice(0, col);
+      if (item && before2 === `/${item.value}`) {
         this.closeAutocomplete();
         return false;
       }
@@ -3552,8 +3676,8 @@ var PromptEditor = class {
     const provider = this.autocompleteProvider;
     const { row, col } = this.buffer.cursor;
     const lines = [...this.buffer.lineList];
-    const before = (lines[row] ?? "").slice(0, col);
-    const relevant = force || extractMentionPrefix(before) !== null || row === 0 && before.startsWith("/") && !/\s/.test(before);
+    const before2 = (lines[row] ?? "").slice(0, col);
+    const relevant = force || extractMentionPrefix(before2) !== null || row === 0 && before2.startsWith("/") && !/\s/.test(before2);
     if (!provider || !relevant) {
       if (this.autocompleteState) {
         this.closeAutocomplete();
@@ -4004,6 +4128,8 @@ var TuiController = class {
   windowTitleBusy = false;
   windowTitleFrame = 0;
   imagePasteActive = false;
+  pressedAt = null;
+  dragging = false;
   stopped = false;
   unsubscribeStore;
   resolveExit = () => {
@@ -4045,6 +4171,7 @@ var TuiController = class {
   // ---------------------------------------------------------------- keys
   /** Shortcuts that work while the prompt has focus; false lets the editor have the key. */
   handlePromptKey(input, key) {
+    if (this.io.selection.active && this.handleSelectionKey(input, key)) return true;
     if (key.ctrl && input === "c") {
       this.pressCtrlC();
       return true;
@@ -4052,7 +4179,7 @@ var TuiController = class {
     if (key.escape) {
       if (this.editor.autocomplete) return false;
       if (this.store.getState().busy) {
-        this.runner.cancel();
+        void this.interrupt();
         return true;
       }
       if (this.scroll > 0) {
@@ -4091,9 +4218,6 @@ var TuiController = class {
       case "o":
         this.toggleToolDetails();
         return true;
-      case "s":
-        this.toggleSelectMode();
-        return true;
       case "t":
         this.openToolInspector();
         return true;
@@ -4101,7 +4225,12 @@ var TuiController = class {
         return false;
     }
   }
+  /** Ctrl+C clears a typed prompt first; on an empty one it arms exit. */
   pressCtrlC() {
+    if (this.editor.getText()) {
+      this.editor.setText("");
+      return;
+    }
     if (this.exitArmed) {
       this.requestExit();
       return;
@@ -4245,6 +4374,32 @@ var TuiController = class {
       (value) => this.setPermissionMode(value)
     );
   };
+  /** Esc during a turn: stop it, then ask whether background tasks it started keep running. */
+  async interrupt() {
+    this.runner.cancel();
+    const running = (await this.runner.listBackgroundJobs().catch(() => [])).filter(
+      (job) => job.status === "running"
+    );
+    if (running.length === 0) return;
+    const titles = running.map((job) => job.title).join(", ");
+    this.showSelection(
+      `Interrupted. ${running.length === 1 ? "1 background task is" : `${running.length} background tasks are`} still running.`,
+      [
+        { value: "keep", label: "Keep running", description: titles },
+        { value: "stop", label: running.length === 1 ? "Stop it" : "Stop them", description: titles }
+      ],
+      "background-tasks",
+      (value) => {
+        if (value !== "stop") return;
+        void Promise.allSettled(running.map((job) => this.runner.killBackgroundJob(job.jobId))).then(
+          (results) => {
+            const stopped = results.filter((result) => result.status === "fulfilled").length;
+            this.store.setState({ statusLine: `Stopped ${stopped} of ${running.length} background tasks.` });
+          }
+        );
+      }
+    );
+  }
   openBackgroundTasks = async () => {
     try {
       const jobs = await this.runner.listBackgroundJobs();
@@ -4368,17 +4523,60 @@ ${skill.path}`
     this.scroll = next;
     this.refresh();
   }
-  /**
-   * Select mode: mouse reporting off, so the terminal selects and copies text
-   * natively (the wheel no longer scrolls the transcript; PgUp/PgDn still do).
-   * For terminals where Shift/Option + drag does not get past mouse reporting.
-   */
-  toggleSelectMode() {
-    const selectMode = !this.store.getState().selectMode;
-    this.io.write(selectMode ? MOUSE_REPORTING_OFF : MOUSE_REPORTING_ON);
+  /** Wheel scrolls; press + drag selects text; a click while text is selected copies it. */
+  handleMouse(input) {
+    const mouse = parseMouse(input);
+    if (!mouse) return;
+    const rows = wheelRows(input);
+    if (rows) {
+      this.dropSelection();
+      this.scrollBy(rows);
+      return;
+    }
+    const button = mouse.button & ~28;
+    const cell = { row: mouse.row, col: mouse.col };
+    if (button === 0 && !mouse.release) {
+      this.pressedAt = cell;
+      this.dragging = false;
+    } else if (button === 32 && this.pressedAt) {
+      if (!this.dragging)
+        this.store.setState({
+          statusLine: "Selecting: click, Enter or Ctrl+C copies \xB7 Shift+arrows extend \xB7 Esc cancels"
+        });
+      this.dragging = true;
+      this.io.selection.set(this.pressedAt, cell);
+    } else if (button === 0 && mouse.release) {
+      if (!this.dragging && this.io.selection.active) void this.copySelection();
+      this.pressedAt = null;
+    }
+  }
+  /** Keys while text is selected: Shift+arrows extend, Enter/Ctrl+C copy, Esc cancels; any other key drops it. */
+  handleSelectionKey(input, key) {
+    if (key.shift && (key.leftArrow || key.rightArrow || key.upArrow || key.downArrow)) {
+      this.io.selection.extend(
+        key.upArrow ? -1 : key.downArrow ? 1 : 0,
+        key.leftArrow ? -1 : key.rightArrow ? 1 : 0
+      );
+      return true;
+    }
+    if (key.return || key.ctrl && input === "c") {
+      void this.copySelection();
+      return true;
+    }
+    this.dropSelection();
+    return Boolean(key.escape);
+  }
+  dropSelection() {
+    this.io.selection.clear();
+    if (this.store.getState().statusLine?.startsWith("Selecting:")) this.store.setState({ statusLine: null });
+  }
+  async copySelection() {
+    const text = this.io.selection.text();
+    this.dropSelection();
+    if (!text) return;
+    const tool = await copyText(text, (data) => this.io.write(data));
     this.store.setState({
-      selectMode,
-      statusLine: selectMode ? "Select mode: drag to select text, your terminal copies it. PgUp/PgDn scroll; Ctrl+S turns the mouse wheel back on." : "Mouse wheel scrolls the transcript again. Ctrl+S to select text."
+      statusLine: tool ? `Copied ${text.length} characters.` : `Sent ${text.length} characters to the terminal's clipboard.`
     });
   }
   /** /copy: the last answer (not its thinking) to the clipboard. */
@@ -4387,7 +4585,7 @@ ${skill.path}`
     if (answer?.role !== "assistant") return "There is no answer to copy yet.";
     const tool = await copyText(answer.text.trim(), (data) => this.io.write(data));
     const size = `${answer.text.trim().length} characters`;
-    return tool ? `Copied the last answer (${size}).` : `Sent the last answer (${size}) to the terminal's clipboard; if nothing was copied, use Ctrl+S to select it.`;
+    return tool ? `Copied the last answer (${size}).` : `Sent the last answer (${size}) to the terminal's clipboard; if nothing was copied, drag over it with the mouse and click to copy.`;
   }
   toggleToolDetails() {
     this.expandedTools = !this.expandedTools;
@@ -4697,7 +4895,7 @@ function errorMessage(error, fallback) {
 
 // src/tui/ink/dialogs/views.tsx
 import { Box as Box5, Text as Text5, useInput as useInput2, usePaste as usePaste2 } from "ink";
-import stringWidth2 from "string-width";
+import stringWidth3 from "string-width";
 import { useMemo, useState } from "react";
 import { OTHER_OPTION_ID as OTHER_OPTION_ID2 } from "@datalabrotterdam/nova-ai-agent/core/user-questions.js";
 import { Fragment as Fragment3, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
@@ -4748,7 +4946,7 @@ function SelectionDialog({
   const visible = state.items.slice(start, start + rows);
   const leadingWidth = Math.min(
     14,
-    Math.max(0, ...state.items.map((item) => item.columns ? stringWidth2(item.columns.leading) : 0))
+    Math.max(0, ...state.items.map((item) => item.columns ? stringWidth3(item.columns.leading) : 0))
   );
   return /* @__PURE__ */ jsx5(
     Frame,
@@ -4768,7 +4966,7 @@ function SelectionDialog({
         }
         return /* @__PURE__ */ jsxs5(Box5, { children: [
           marker,
-          /* @__PURE__ */ jsx5(Box5, { flexShrink: 0, minWidth: Math.min(32, stringWidth2(item.label)), children: /* @__PURE__ */ jsx5(Text5, { bold: selected, wrap: "truncate-end", children: item.label || item.value }) }),
+          /* @__PURE__ */ jsx5(Box5, { flexShrink: 0, minWidth: Math.min(32, stringWidth3(item.label)), children: /* @__PURE__ */ jsx5(Text5, { bold: selected, wrap: "truncate-end", children: item.label || item.value }) }),
           item.description ? /* @__PURE__ */ jsx5(Box5, { flexGrow: 1, flexShrink: 1, marginLeft: 2, children: /* @__PURE__ */ jsx5(Text5, { color: palette.muted, wrap: "truncate-end", children: item.description.replace(/[\r\n]+/g, " ").trim() }) }) : null
         ] }, item.value);
       })
@@ -4944,23 +5142,42 @@ function QuestionDialog({
 function PermissionDialog({
   request,
   onClose,
+  cwd,
+  height = 24,
+  width = 80,
   isActive = true
 }) {
+  const [details, setDetails] = useState(null);
   useInput2(
     (input, key) => {
-      if (!isMouseInput(input) && permissionKey(request, input, key) === "closed") onClose();
+      if (isMouseInput(input)) return;
+      if (input === "v") setDetails(new ScrollState(() => setDetails(null)));
+      else if (permissionKey(request, input, key) === "closed") onClose();
     },
-    { isActive }
+    { isActive: isActive && !details }
   );
-  const args = JSON.stringify(request.args, null, 2).split("\n");
-  const shown = args.slice(0, 12);
+  const title = request.title ?? `Permission requested: ${request.toolName}`;
+  if (details)
+    return /* @__PURE__ */ jsx5(
+      ScrollPanel,
+      {
+        title,
+        content: argumentsText(request.args),
+        state: details,
+        height,
+        width,
+        isActive
+      }
+    );
+  const entries = Object.entries(request.args);
+  const nameWidth = Math.max(0, ...entries.map(([name]) => name.length));
   return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", borderStyle: "round", borderColor: palette.warning, paddingX: 1, children: [
-    /* @__PURE__ */ jsx5(Text5, { color: palette.warning, bold: true, children: request.title ?? `Permission requested: ${request.toolName}` }),
+    /* @__PURE__ */ jsx5(Text5, { color: palette.warning, bold: true, wrap: "truncate-end", children: title }),
     /* @__PURE__ */ jsx5(Text5, { color: palette.muted, children: `${request.toolName} \xB7 ${request.kind} tool` }),
-    /* @__PURE__ */ jsxs5(Box5, { marginTop: 1, paddingLeft: 1, flexDirection: "column", children: [
-      /* @__PURE__ */ jsx5(Text5, { children: shown.join("\n") }),
-      args.length > shown.length ? /* @__PURE__ */ jsx5(Text5, { color: palette.faint, children: `\u2026 ${args.length - shown.length} more lines` }) : null
-    ] }),
+    entries.length ? /* @__PURE__ */ jsx5(Box5, { marginTop: 1, paddingLeft: 1, flexDirection: "column", children: entries.map(([name, value]) => /* @__PURE__ */ jsxs5(Text5, { wrap: "truncate-end", children: [
+      /* @__PURE__ */ jsx5(Text5, { color: palette.muted, children: name.padEnd(nameWidth) }),
+      `  ${summarizeArgument(value, cwd)}`
+    ] }, name)) }) : null,
     /* @__PURE__ */ jsx5(Box5, { marginTop: 1, children: /* @__PURE__ */ jsxs5(Text5, { children: [
       /* @__PURE__ */ jsx5(Text5, { color: palette.primary, children: "[a]" }),
       " once  ",
@@ -4970,10 +5187,23 @@ function PermissionDialog({
       /* @__PURE__ */ jsx5(Text5, { color: palette.primary, children: "[w]" }),
       " always  ",
       /* @__PURE__ */ jsx5(Text5, { color: palette.danger, children: "[d]" }),
-      " deny"
+      " deny",
+      "  ",
+      /* @__PURE__ */ jsx5(Text5, { color: palette.primary, children: "[v]" }),
+      " view details"
     ] }) })
   ] });
 }
+function summarizeArgument(value, cwd) {
+  if (typeof value !== "string") return JSON.stringify(value) ?? String(value);
+  if (cwd && value.startsWith(`${cwd}/`)) return value.slice(cwd.length + 1);
+  const lines = value.split("\n").length;
+  return lines > 1 ? `${lines} lines` : value;
+}
+function argumentsText(args) {
+  return Object.entries(args).map(([name, value]) => `${name}:
+${typeof value === "string" ? value : JSON.stringify(value, null, 2)}`).join("\n\n");
+}
 function wrapPlain(text, width) {
   const rows = [];
   for (const line of text.split(/\r?\n/)) {
@@ -4984,7 +5214,7 @@ function wrapPlain(text, width) {
     let current = "";
     let currentWidth = 0;
     for (const character of line) {
-      const characterWidth = stringWidth2(character);
+      const characterWidth = stringWidth3(character);
       if (currentWidth + characterWidth > width && current) {
         rows.push(current);
         current = "";
@@ -5029,13 +5259,15 @@ async function runInkTui(credentials, cwd, args, options = {}) {
   const stdout = options.stdout ?? process.stdout;
   const stdin = options.stdin ?? process.stdin;
   const kittyKeyboard = options.kittyKeyboard ?? kittyKeyboardOverride() ?? await detectKittyKeyboard(stdin, stdout);
+  const selection = new ScreenSelection(stdout);
   const controller = new TuiController(store, runner, {
     write: (data) => {
       stdout.write(data);
-    }
+    },
+    selection
   });
   const instance = render(/* @__PURE__ */ jsx6(App, { controller }), {
-    stdout,
+    stdout: selection.wrap(stdout),
     stdin,
     exitOnCtrlC: false,
     patchConsole: true,
@@ -5078,10 +5310,7 @@ function App({ controller }) {
   const content = useBoxMetrics(contentRef);
   const working = useWorking(view);
   const [userTops, setUserTops] = useState2(/* @__PURE__ */ new Map());
-  useInput3((input) => {
-    const rows2 = wheelRows(input);
-    if (rows2) controller.scrollBy(rows2);
-  });
+  useInput3((input) => controller.handleMouse(input));
   const height = Math.max(4, rows - 1);
   const viewportRows = Math.max(3, height - (bottom.hasMeasured ? bottom.height : 6));
   useEffect(() => {
@@ -5136,7 +5365,7 @@ var CommittedBlock = memo(function CommittedBlock2({
     return /* @__PURE__ */ jsx6(Box6, { marginTop: 1, children: /* @__PURE__ */ jsx6(TranscriptBlockView, { block }) });
   }
   return /* @__PURE__ */ jsx6(UserAnchor, { block, onUserTop, children: /* @__PURE__ */ jsx6(TranscriptBlockView, { block }) });
-}, (before, after) => before.block === after.block);
+}, (before2, after) => before2.block === after.block);
 function UserAnchor({
   block,
   onUserTop,
@@ -5162,8 +5391,18 @@ function Surface({
   if (view.question) return /* @__PURE__ */ jsx6(QuestionDialog, { state: view.question }, view.question.pending.id);
   const permission = view.ui.pendingPermission;
   if (permission)
-    return /* @__PURE__ */ jsx6(PermissionDialog, { request: permission, onClose: () => {
-    } }, permission.toolCallId);
+    return /* @__PURE__ */ jsx6(
+      PermissionDialog,
+      {
+        request: permission,
+        onClose: () => {
+        },
+        cwd: view.ui.cwd,
+        height: rows,
+        width: columns
+      },
+      permission.toolCallId
+    );
   const overlay = view.overlay;
   if (overlay?.kind === "selection")
     return /* @__PURE__ */ jsx6(SelectionDialog, { title: overlay.title, state: overlay.state, height: rows });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datalabrotterdam/nova-ai-cli",
-  "version": "1.2.0-alpha.14",
+  "version": "1.2.0-alpha.16",
   "description": "Agentic coding with DataLab Rotterdam's Nova AI in your terminal: interactive TUI, headless mode, and an ACP agent for editors",
   "license": "Apache-2.0",
   "author": "DataLab Rotterdam",