nou-cli 0.5.11 → 0.5.13

package/dist/src/ui/Chat.js

@@ -9,8 +9,8 @@ import { copyToClipboard } from "./clipboard.js";
 import { C, SPINNER, ANIMATION_MS } from "./theme.js";
 import { useTerminalFocused } from "./focus.js";
 import { Pane } from "./Pane.js";
-import { matchCommands } from "./commands.js";
-import { Scrollbar, topFor } from "./scroll.js";
+import { SLASH_COMMANDS, matchCommands } from "./commands.js";
+import { Scrollbar, topFor, usePaneWheel } from "./scroll.js";
 /**
  * What the agent did between replies (files read, commands run...) folds into one line, like Claude's
  * "▸ 5 steps": click it (or Ctrl+O for all of them) to see each step. `open` holds the runs shown open.
@@ -18,8 +18,8 @@ import { Scrollbar, topFor } from "./scroll.js";
 function stepLines(steps, open, live, inner) {
     const last = steps[steps.length - 1].text.replace(/\s+/g, " ");
     const summary = `${open ? "▾" : "▸"} ${steps.length} steps${open ? "" : ` · ${live ? "now: " : "last: "}${last}`}`;
-    const head = { text: ` ${summary.length > inner - 4 ? `${summary.slice(0, inner - 5)}…` : summary}`, color: open ? C.accent2 : C.dim, lead: " ⚙", leadColor: C.dim, toggle: steps[0] };
-    return open ? [head, ...steps.flatMap((e) => cachedLines(e, inner).map((l) => (l.lead === " ⚙" ? { ...l, lead: "  " } : l)))] : [head];
+    const head = { text: ` ${summary.length > inner - 4 ? `${summary.slice(0, inner - 5)}…` : summary}`, color: open ? C.accent2 : C.dim, lead: " ◇", leadColor: C.dim, toggle: steps[0] };
+    return open ? [head, ...steps.flatMap((e) => cachedLines(e, inner).map((l) => (l.lead === " ◇" ? { ...l, lead: "  " } : l)))] : [head];
 }
 const BAR = "▌ ";
 // Whether a path in a message is a file in the project, remembered so each one is checked once.
@@ -62,8 +62,8 @@ function entryLines(entry, inner, links = true) {
     }
     else {
         const style = entry.kind === "tool"
-            ? { icon: "⚙", color: C.dim }
-            : entry.kind === "error" ? { icon: "✗", color: C.red } : { icon: "ℹ", color: C.accent };
+            ? { icon: "◇", color: C.dim }
+            : entry.kind === "error" ? { icon: "✗", color: C.red } : { icon: "ⓘ", color: C.accent };
         wrap(entry.text, inner - 4).forEach((line, i) => {
             const spans = links && entry.kind !== "user" ? linkFileRefs(linkUrls([{ text: ` ${line}` }]), isProjectFile) : [];
             out.push({ text: ` ${line}`, color: style.color, lead: i === 0 ? ` ${style.icon}` : "  ", leadColor: style.color, ...(spans.some((sp) => sp.link) ? { spans } : {}) });
@@ -91,19 +91,22 @@ export function chatTabZones(tabs) {
     if (tabs.length === 1)
         return { zones: [{ id: tabs[0].id, from: 3, to: 7 }], plus: 8, width: 9 };
     let x = 3; // " ◆ "
-    const zones = tabs.map((t) => {
+    // Each tab, then its × (which closes it).
+    const zones = tabs.flatMap((t) => {
         const w = tabText(t).length;
-        const zone = { id: t.id, from: x, to: x + w };
-        x += w + 1;
-        return zone;
+        const both = [{ id: t.id, from: x, to: x + w }, { id: t.id, from: x + w, to: x + w + TAB_CLOSE.length, close: true }];
+        x += w + TAB_CLOSE.length + 1;
+        return both;
     });
     return { zones, plus: x + 1, width: x + 3 };
 }
+const TAB_CLOSE = "× ";
 const tabText = (t) => ` ${t.state === "busy" ? "● " : t.state === "waiting" ? "! " : ""}${t.label} `;
 /** Characters of a word for a double-click: paths and web addresses come whole (src/a.ts, https://x.io/y). */
 const WORD_CHAR = /[\p{L}\p{N}_.\-/@:~#%?=&+]/u;
 const lineText = (line) => (line.spans ? line.spans.map((s) => s.text).join("") : line.text ?? "");
-export const Chat = memo(function Chat({ width, height, focused, entries, streaming, busy, approval, approvalNote, contextChip, wheel, scrollTo, prefill, extraCommands, onMenu, onSubmit, onAnswer, click, onOpenRef, select, tabs, queued = [], sendNowFirst = false, onSendNow }) {
+export const Chat = memo(function Chat({ width, height, focused, entries, streaming, busy, approval, approvalNote, contextChip, wheelPane, scrollTo, prefill, extraCommands, onMenu, onSubmit, onAnswer, click, onOpenRef, select, tabs, queued = [], sendNowFirst = false, onSendNow }) {
+    const wheel = usePaneWheel(wheelPane);
     const [input, setInputText] = useState("");
     // Whether the chat has the keyboard right now: a key handler from a render before focus moved away can
     // still be attached for a moment (on a busy machine), and its keys belong to the pane that has focus.
@@ -171,21 +174,21 @@ export const Chat = memo(function Chat({ width, height, focused, entries, stream
     }, [scrollBack]);
     const footer = [];
     if (approval?.kind === "command") {
-        footer.push({ text: "⚡ Run this command?", color: C.yellow, bold: true });
+        footer.push({ text: "› Run this command?", color: C.yellow, bold: true });
         for (const line of wrap(`$ ${approval.command}`, inner - 2))
             footer.push({ text: ` ${line}`, color: C.text });
         footer.push({ text: " [y] allow   [n] deny   [Esc] stop", color: C.yellow });
     }
     else if (approval?.kind === "tool") {
-        footer.push({ text: `🔌 ${approval.name.startsWith("mcp__") ? `MCP tool ${approval.name.split("__")[1]} → ${approval.name.split("__").slice(2).join("__")}` : `Plugin tool: ${approval.name}`}`, color: C.yellow, bold: true });
+        footer.push({ text: `◇ ${approval.name.startsWith("mcp__") ? `MCP tool ${approval.name.split("__")[1]} → ${approval.name.split("__").slice(2).join("__")}` : `Plugin tool: ${approval.name}`}`, color: C.yellow, bold: true });
         for (const line of wrap(JSON.stringify(approval.args), inner - 2).slice(0, 4))
             footer.push({ text: ` ${line}`, color: C.text });
         footer.push({ text: " [y] allow   [n] deny   [Esc] stop", color: C.yellow });
     }
     else if (approval?.kind === "change") {
-        footer.push({ text: `✎ Nou wants to ${approval.change.isNew ? "create" : "edit"} ${approval.change.path}`, color: C.yellow, bold: true });
+        footer.push({ text: `± Nou wants to ${approval.change.isNew ? "create" : "edit"} ${approval.change.path}`, color: C.yellow, bold: true });
         if (approvalNote) {
-            footer.push({ text: "⚠ This edit adds problems:", color: C.red, bold: true });
+            footer.push({ text: "▲ This edit adds problems:", color: C.red, bold: true });
             for (const line of wrap(approvalNote, inner - 2).slice(0, 6))
                 footer.push({ text: ` ${line}`, color: C.red });
         }
@@ -196,13 +199,21 @@ export const Chat = memo(function Chat({ width, height, focused, entries, stream
     }
     // Click what's queued (or /now) to stop Nou and send it right away.
     for (const text of queued)
-        footer.push({ text: `⏳ next: ${text.replace(/\s+/g, " ")}`, color: C.dim, sendNow: true });
+        footer.push({ text: `⧗ next: ${text.replace(/\s+/g, " ")}`, color: C.dim, sendNow: true });
     if (queued.length && busy)
         footer.push({ text: "   ↳ click to send now, or /now", color: C.accent2, sendNow: true });
     // Typing "/" opens a menu of commands with what each does; ↑↓ pick one, Tab completes, Enter runs it.
     const menuOpen = focused && !approval && input.startsWith("/") && !input.includes(" ") && !input.includes("\n");
     const matches = useMemo(() => (menuOpen ? matchCommands(input, extraCommands) : []), [menuOpen, input, extraCommands]);
     const showMenu = matches.length > 0;
+    // A known command typed at the start of the input ("/zoom in") is drawn in the command color.
+    const commandLength = useMemo(() => {
+        const name = /^\/(\S+)/.exec(input)?.[1];
+        if (!name)
+            return 0;
+        const known = SLASH_COMMANDS.some((c) => c.name === name) || !!extraCommands?.some((c) => c.name === name);
+        return known ? name.length + 1 : 0;
+    }, [input, extraCommands]);
     useEffect(() => onMenu?.(showMenu), [showMenu]);
     const menuRows = Math.min(matches.length, Math.max(1, Math.min(7, height - 12)));
     const menuStart = Math.max(0, Math.min(menuRow - menuRows + 1, matches.length - menuRows));
@@ -392,7 +403,7 @@ export const Chat = memo(function Chat({ width, height, focused, entries, stream
                 ? line.spans.map((span, i) => (_jsx(Text, { bold: !!span.bold || !!line.bold, italic: !!span.italic, dimColor: !!span.dim && !span.link, underline: !!span.link, ...(span.link ? { color: C.cyan } : span.code ? { color: C.yellow } : line.color ? { color: line.color } : { color: C.text }), children: span.text }, i)))
                 : _jsx(Text, { bold: !!line.bold, dimColor: !!line.dim, ...(line.color ? { color: line.color } : {}), children: line.text || " " })] }, key));
     const empty = entries.length === 0 && !streaming;
-    const title = (_jsxs(_Fragment, { children: [" ", _jsx(Text, { color: C.accent2, children: "\u25C6" }), " ", tabs && tabs.items.length > 1 ? (_jsxs(_Fragment, { children: [tabs.items.map((t) => (_jsxs(Text, { children: [_jsx(Text, { ...(t.id === tabs.active ? { backgroundColor: C.panel, color: C.text, bold: true } : { color: t.state === "waiting" ? C.yellow : C.dim }), children: tabText(t) }), " "] }, t.id))), _jsx(Text, { color: C.accent2, bold: true, children: " + " })] })) : _jsxs(_Fragment, { children: ["Chat", tabs ? _jsx(Text, { color: C.accent2, bold: true, children: " +" }) : null] }), flash ? _jsxs(Text, { color: C.green, bold: true, children: ["  ", flash] }) : back
+    const title = (_jsxs(_Fragment, { children: [" ", _jsx(Text, { color: C.accent2, children: "\u25C6" }), " ", tabs && tabs.items.length > 1 ? (_jsxs(_Fragment, { children: [tabs.items.map((t) => (_jsxs(Text, { children: [_jsx(Text, { ...(t.id === tabs.active ? { backgroundColor: C.panel, color: C.text, bold: true } : { color: t.state === "waiting" ? C.yellow : C.dim }), children: tabText(t) }), _jsx(Text, { color: C.dim, ...(t.id === tabs.active ? { backgroundColor: C.panel } : {}), children: TAB_CLOSE }), " "] }, t.id))), _jsx(Text, { color: C.accent2, bold: true, children: " + " })] })) : _jsxs(_Fragment, { children: ["Chat", tabs ? _jsx(Text, { color: C.accent2, bold: true, children: " +" }) : null] }), flash ? _jsxs(Text, { color: C.green, bold: true, children: ["  ", flash] }) : back
                 ? unread
                     ? _jsxs(Text, { color: C.green, bold: true, children: ["  \u2193 ", unread, " new lines below", _jsx(Text, { color: C.dim, children: " \u00B7 PgDn / wheel / Ctrl+End" })] })
                     : _jsxs(Text, { color: C.yellow, children: ["  \u2191 scrolled ", back, " lines", _jsx(Text, { color: C.dim, children: " \u00B7 PgDn / wheel / Ctrl+End" })] })
@@ -408,6 +419,11 @@ export const Chat = memo(function Chat({ width, height, focused, entries, stream
                     }) })] })) })), [lines, firstShown, visible.length, selection, inner, empty]);
     return (_jsxs(Pane, { title: title, width: width, height: height, focused: focused, children: [_jsxs(Box, { flexDirection: "row", height: rows, children: [_jsx(Box, { flexDirection: "column", width: inner, flexShrink: 0, children: messages }), _jsx(Scrollbar, { total: lines.length, top: firstShown, rows: rows, focused: focused })] }), _jsx(Box, { flexDirection: "column", children: footer.map((line, i) => render(line, `f${i}`)) }), showMenu ? (_jsx(Box, { flexDirection: "column", children: matches.slice(menuStart, menuStart + menuRows).map((c, i) => {
                     const selected = menuStart + i === menuRow;
-                    return (_jsxs(Text, { wrap: "truncate-end", ...(selected ? { backgroundColor: C.panel } : {}), children: [_jsx(Text, { color: selected ? C.accent2 : C.dim, children: selected ? "▸" : " " }), _jsxs(Text, { color: selected ? C.accent : C.text, bold: selected, children: ["/", c.name] }), c.args && inner >= 56 ? _jsxs(Text, { color: C.dim, children: [" ", c.args] }) : null /* narrow: the description matters more */, _jsxs(Text, { color: C.dim, children: ["  ", c.description] })] }, c.name));
-                }) })) : (_jsx(Text, { wrap: "truncate-end", color: C.dim, children: contextChip ? _jsxs(_Fragment, { children: [_jsx(Text, { color: C.cyan, children: "@" }), " ", contextChip] }) : " " })), _jsx(Text, { color: focused ? C.accent : C.dim, children: "─".repeat(Math.max(0, inner + 1)) }), _jsx(ChatInput, { value: input, onChange: (text) => focusedNow.current && setInput(text), onSubmit: submit, focus: focused && !(approval && !input), width: inner + 1, history: sent, arrowsTaken: showMenu, placeholder: busy ? (inner >= 44 ? (sendNowFirst ? "Enter sends now · Alt+Enter queues · Esc stops" : "Enter queues · Alt+Enter sends now · Esc stops") : sendNowFirst ? "Enter sends now · Esc stops" : "Enter queues · Esc stops") : showMenu ? "↑↓ choose · Tab complete · Enter run" : inner >= 44 ? "Ask anything · / for commands · ↑ history" : "Ask anything · / commands" })] }));
+                    // What's typed so far shows in the command color; the rest of the name follows. A plugin's
+                    // command says so, so Nou's own stand apart.
+                    const typed = input.slice(1).toLowerCase();
+                    const typedLen = typed && c.name.startsWith(typed) ? typed.length : 0;
+                    const fromPlugin = !!extraCommands?.some((e) => e.name === c.name);
+                    return (_jsxs(Text, { wrap: "truncate-end", ...(selected ? { backgroundColor: C.panel } : {}), children: [_jsx(Text, { color: selected ? C.accent2 : C.dim, children: selected ? "▸" : " " }), _jsx(Text, { color: C.accent2, bold: true, children: "/" }), _jsx(Text, { color: C.yellow, bold: true, children: c.name.slice(0, typedLen) }), _jsx(Text, { color: C.accent2, bold: selected, children: c.name.slice(typedLen) }), fromPlugin && _jsx(Text, { color: C.cyan, children: " plugin" }), c.args && inner >= 56 ? _jsxs(Text, { color: C.dim, children: [" ", c.args] }) : null /* narrow: the description matters more */, _jsxs(Text, { color: C.dim, children: ["  ", c.description] })] }, c.name));
+                }) })) : (_jsx(Text, { wrap: "truncate-end", color: C.dim, children: contextChip ? _jsxs(_Fragment, { children: [_jsx(Text, { color: C.cyan, children: "@" }), " ", contextChip] }) : " " })), _jsx(Text, { color: focused ? C.accent : C.dim, children: "─".repeat(Math.max(0, inner + 1)) }), _jsx(ChatInput, { value: input, onChange: (text) => focusedNow.current && setInput(text), onSubmit: submit, focus: focused && !(approval && !input), width: inner + 1, history: sent, arrowsTaken: showMenu, command: commandLength, placeholder: busy ? (inner >= 44 ? (sendNowFirst ? "Enter sends now · Alt+Enter queues · Esc stops" : "Enter queues · Alt+Enter sends now · Esc stops") : sendNowFirst ? "Enter sends now · Esc stops" : "Enter queues · Esc stops") : showMenu ? "↑↓ choose · Tab complete · Enter run" : inner >= 44 ? "Ask anything · / for commands · ↑ history" : "Ask anything · / commands" })] }));
 });

package/dist/src/ui/ChatInput.js

@@ -1,6 +1,6 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
-import { Box, Text, useInput, usePaste } from "ink";
+import { Box, Text, useInput, usePaste, useStdin } from "ink";
 import { C } from "./theme.js";
 /** Word-wraps `text` into segments of at most `width` characters, honoring newlines. */
 export function layout(text, width) {
@@ -35,7 +35,7 @@ function cursorLine(segments, cursor) {
     }
     return segments.length - 1;
 }
-export function ChatInput({ value, onChange, onSubmit, focus, width, placeholder, history, maxLines = 6, arrowsTaken = false }) {
+export function ChatInput({ value, onChange, onSubmit, focus, width, placeholder, history, maxLines = 6, arrowsTaken = false, command = 0 }) {
     const [cursor, setCursor] = useState(value.length);
     const [recall, setRecall] = useState(null);
     const stash = useRef("");
@@ -57,6 +57,24 @@ export function ChatInput({ value, onChange, onSubmit, focus, width, placeholder
         setCursor(Math.max(0, Math.min(next.length, nextCursor)));
     };
     const insert = (text) => set(value.slice(0, pos) + text + value.slice(pos), pos + text.length);
+    // Shift/Ctrl/Cmd+Enter as xterm's modifyOtherKeys sends them (ESC [27;<mods>;13~, from terminals set up that
+    // way): Ink drops these, so they're caught here and add a line, like the kitty protocol's form does.
+    const { stdin } = useStdin();
+    const insertLine = useRef(() => { });
+    insertLine.current = () => insert("\n");
+    useEffect(() => {
+        if (!focus || !stdin)
+            return;
+        const onData = (data) => {
+            // eslint-disable-next-line no-control-regex -- the sequence starts with ESC
+            if (/\x1b\[27;([2-9]|1[0-6]);13~/.test(String(data)))
+                insertLine.current();
+        };
+        stdin.on("data", onData);
+        return () => {
+            stdin.off("data", onData);
+        };
+    }, [focus, stdin]);
     const recallHistory = (step) => {
         if (!history.length)
             return false;
@@ -131,11 +149,16 @@ export function ChatInput({ value, onChange, onSubmit, focus, width, placeholder
     return (_jsx(Box, { flexDirection: "column", children: shown.map((s, i) => {
             const text = value.slice(s.start, s.end).replace(/\n/g, "");
             const isCursor = focus && first + i === line;
+            // A known command at the start ("/zoom in") in the command color, the rest as typed.
+            const paint = (from, to) => {
+                const cmdEnd = Math.max(from, Math.min(to, command - s.start));
+                return (_jsxs(_Fragment, { children: [cmdEnd > from && _jsx(Text, { color: C.accent2, bold: true, children: text.slice(from, cmdEnd) }), _jsx(Text, { color: C.text, children: text.slice(cmdEnd, to) })] }));
+            };
             if (!isCursor) {
-                return _jsxs(Text, { children: [prompt(i), _jsx(Text, { color: C.text, children: text || " " })] }, first + i);
+                return _jsxs(Text, { children: [prompt(i), text ? paint(0, text.length) : " "] }, first + i);
             }
             const at = pos - s.start;
-            return (_jsxs(Text, { children: [prompt(i), _jsx(Text, { color: C.text, children: text.slice(0, at) }), _jsx(Text, { inverse: true, children: text[at] ?? " " }), _jsx(Text, { color: C.text, children: text.slice(at + 1) })] }, first + i));
+            return (_jsxs(Text, { children: [prompt(i), paint(0, at), _jsx(Text, { inverse: true, children: text[at] ?? " " }), paint(at + 1, text.length)] }, first + i));
         }) }));
 }
 /** How many rows the input will take, so the chat can size its history above it. */

package/dist/src/ui/CodeView.js

@@ -7,13 +7,14 @@ import { foldRanges, highlightLines, markAnsi, sideBySide, sliceAnsi, splitLines
 import { C, fileIcon, gradient } from "./theme.js";
 import { isFind } from "./keys.js";
 import { Pane } from "./Pane.js";
-import { Scrollbar, topFor } from "./scroll.js";
+import { Scrollbar, topFor, usePaneWheel } from "./scroll.js";
 /** The current match: a yellow background; the others are shown inverted. */
 const CURRENT_MATCH = ["\x1b[43m\x1b[30m", "\x1b[49m\x1b[39m"];
 /** Columns ←/→ and Shift+wheel move sideways. */
 const SIDE_STEP = 8;
 const EDIT_HINT = "   double-click or e to edit · v diff";
-export const CodeView = memo(function CodeView({ showing, width, height, focused, filePath, content, diff, diffLabel, pending, marked, problems, focusLine, syntaxVersion, diffNote, wheel, scrollTo, onViewport, defineAt, onDefine, tabs, onFinding, findRequest, foldClick, foldAll }) {
+export const CodeView = memo(function CodeView({ showing, width, height, focused, filePath, content, diff, diffLabel, pending, marked, problems, focusLine, syntaxVersion, diffNote, wheelPane, scrollTo, onViewport, defineAt, onDefine, tabs, onFinding, findRequest, foldClick, foldAll }) {
+    const wheel = usePaneWheel(wheelPane);
     const [top, setTop] = useState(0);
     // Columns scrolled sideways (colors are kept: see sliceAnsi).
     const [left, setLeft] = useState(0);
@@ -231,7 +232,7 @@ export const CodeView = memo(function CodeView({ showing, width, height, focused
             ["drag", "a pane's border to resize it"],
             ["s", "settings: models, keys, plugins"],
         ];
-        return (_jsx(Pane, { title: _jsxs(_Fragment, { children: [" ", _jsx(Text, { color: C.accent2, children: "\u2726" }), " Welcome"] }), width: width, height: height, focused: focused, children: _jsxs(Box, { flexDirection: "column", paddingX: 2, paddingY: 1, flexShrink: 0, children: [inner > 62 && artWork.split("\n").filter((l) => l.trim()).map((line, i) => (_jsx(Text, { children: gradient(line, i).map((g, j) => _jsx(Text, { color: g.color, children: g.ch }, j)) }, i))), _jsx(Text, { children: " " }), _jsx(Text, { bold: true, color: C.text, children: "Hello, I am Nou! \uD83C\uDF1E  Your terminal coding companion." }), _jsx(Text, { color: C.dim, children: "Ask in the chat on the right. Files I read or edit open here as I work." }), _jsx(Text, { children: " " }), tips.map(([k, d]) => (_jsxs(Text, { children: ["  ", _jsx(Text, { color: C.accent, bold: true, children: k.padEnd(10) }), _jsx(Text, { color: C.dim, children: d })] }, k)))] }) }));
+        return (_jsx(Pane, { title: _jsxs(_Fragment, { children: [" ", _jsx(Text, { color: C.accent2, children: "\u2726" }), " Welcome"] }), width: width, height: height, focused: focused, children: _jsxs(Box, { flexDirection: "column", paddingX: 2, paddingY: 1, flexShrink: 0, children: [inner > 62 && artWork.split("\n").filter((l) => l.trim()).map((line, i) => (_jsx(Text, { children: gradient(line, i).map((g, j) => _jsx(Text, { color: g.color, children: g.ch }, j)) }, i))), _jsx(Text, { children: " " }), _jsx(Text, { bold: true, color: C.text, children: "Hello, I am Nou!  Your terminal coding companion." }), _jsx(Text, { color: C.dim, children: "Ask in the chat on the right. Files I read or edit open here as I work." }), _jsx(Text, { children: " " }), tips.map(([k, d]) => (_jsxs(Text, { children: ["  ", _jsx(Text, { color: C.accent, bold: true, children: k.padEnd(10) }), _jsx(Text, { color: C.dim, children: d })] }, k)))] }) }));
     }
     const gutter = String(lines.length).length;
     const { icon, color } = fileIcon(filePath);

package/dist/src/ui/Editor.js

@@ -7,7 +7,7 @@ import { C, fileIcon } from "./theme.js";
 import { FIND_KEY, isFind } from "./keys.js";
 import { SEVERITY_STYLE } from "./ProblemsView.js";
 import { Pane } from "./Pane.js";
-import { Scrollbar, topFor } from "./scroll.js";
+import { Scrollbar, topFor, usePaneWheel } from "./scroll.js";
 import { copyToClipboard, readClipboard } from "./clipboard.js";
 import { guideProgress } from "../guide/index.js";
 const TAB = "  ";
@@ -94,7 +94,8 @@ const PlainRow = memo(function PlainRow({ num, numColor, text }) {
     return _jsxs(Text, { wrap: "truncate-end", children: [_jsx(Text, { color: numColor, children: num }), text || " "] });
 });
 /** A text editor: arrows and the mouse to move, Shift to select, Ctrl+C/X/V clipboard, Ctrl+S save, Ctrl+Z undo, Esc leave. */
-export const Editor = memo(function Editor({ width, height, focused, filePath, initial, baseline, startLine, startCol, problems, autoSave, syntaxVersion, wheel, scrollTo, mouse, onSave, onExit, onState, onHover, onDefinition, tabs, guide, onGuideDone }) {
+export const Editor = memo(function Editor({ width, height, focused, filePath, initial, baseline, startLine, startCol, problems, autoSave, syntaxVersion, wheelPane, scrollTo, mouse, onSave, onExit, onState, onHover, onDefinition, tabs, guide, onGuideDone }) {
+    const wheel = usePaneWheel(wheelPane);
     const eol = useMemo(() => (baseline.includes("\r\n") ? "\r\n" : "\n"), [baseline]);
     const indentUnit = useMemo(() => (/^\t/m.test(initial) ? "\t" : "  "), [initial]);
     const comment = useMemo(() => commentFor(filePath), [filePath]);
@@ -636,7 +637,7 @@ export const Editor = memo(function Editor({ width, height, focused, filePath, i
     const statusColor = guideStatus && !confirmExit && !prompt ? (progress < 0 ? C.red : C.accent2) : confirmExit ? C.red : prompt ? C.accent : flash ? C.green : cursorProblem ? SEVERITY_STYLE[cursorProblem.severity].color : C.dim;
     const hoverLines = hover ? hover.split("\n").filter((l) => l.trim()).slice(0, 6) : [];
     const cursorVisible = buf.row >= v.top && buf.row < v.top + rows;
-    return (_jsxs(Pane, { title: _jsxs(_Fragment, { children: [tabs ?? _jsxs(_Fragment, { children: [" ", _jsx(Text, { color: color, children: icon }), " ", filePath, dirty ? _jsx(Text, { color: C.yellow, children: " \u25CF" }) : ""] }), "  ", _jsx(Text, { backgroundColor: C.green, color: C.onBadge, children: " \u270E EDITING " }), !cursorVisible ? _jsxs(Text, { color: C.dim, children: ["  cursor on line ", buf.row + 1, " \u00B7 \u2191\u2193 to go back"] }) : null] }), width: width, height: height, focused: focused, accent: C.green, children: [_jsxs(Box, { flexDirection: "row", height: rows, children: [_jsx(Box, { flexDirection: "column", width: width - 3, flexShrink: 0, children: visible.map((line, i) => {
+    return (_jsxs(Pane, { title: _jsxs(_Fragment, { children: [tabs ?? _jsxs(_Fragment, { children: [" ", _jsx(Text, { color: color, children: icon }), " ", filePath, dirty ? _jsx(Text, { color: C.yellow, children: " \u25CF" }) : ""] }), "  ", _jsx(Text, { backgroundColor: C.green, color: C.onBadge, children: " \u00B1 EDITING " }), !cursorVisible ? _jsxs(Text, { color: C.dim, children: ["  cursor on line ", buf.row + 1, " \u00B7 \u2191\u2193 to go back"] }) : null] }), width: width, height: height, focused: focused, accent: C.green, children: [_jsxs(Box, { flexDirection: "row", height: rows, children: [_jsx(Box, { flexDirection: "column", width: width - 3, flexShrink: 0, children: visible.map((line, i) => {
                             const n = v.top + i;
                             const isCursorLine = n === buf.row;
                             const problem = byLine.get(n + 1)?.[0];

package/dist/src/ui/FileTree.js

@@ -7,7 +7,7 @@ import { IGNORED } from "../commands/index.js";
 import { C, GIT_COLORS, fileIcon, gradient, ANIMATION_MS } from "./theme.js";
 import { useTerminalFocused } from "./focus.js";
 import { Pane } from "./Pane.js";
-import { Scrollbar, topFor } from "./scroll.js";
+import { Scrollbar, topFor, usePaneWheel } from "./scroll.js";
 function listDir(dir) {
     try {
         return readdirSync(path.resolve(process.cwd(), dir), { withFileTypes: true })
@@ -32,7 +32,8 @@ function flatten(expanded) {
     walk(".", 0);
     return nodes;
 }
-export const FileTree = memo(function FileTree({ width, height, focused, openFile, reveal, version, changed, working, showing, git, problemCounts, wheel, scrollTo, click, onOpen, onHover }) {
+export const FileTree = memo(function FileTree({ width, height, focused, openFile, reveal, version, changed, working, showing, git, problemCounts, wheelPane, scrollTo, click, onOpen, onHover }) {
+    const wheel = usePaneWheel(wheelPane);
     const [expanded, setExpanded] = useState(() => new Set(["src"]));
     const [cursor, setCursor] = useState(0);
     // The first row shown. The wheel moves it on its own; the keyboard moves the cursor and the view follows.

package/dist/src/ui/Header.js

@@ -9,6 +9,8 @@ const VERSION = `v${currentVersion()}`;
 /** What comes before the project (or the workspace tabs): " ◆ NOU v1.2.3  │  ". */
 const LEAD = ` ◆ NOU ${VERSION}  │  `;
 const tabLabel = (t, i) => ` ${i + 1} ${t.name}${t.busy ? " ●" : ""} `;
+/** Each workspace tab ends with a × that closes it. */
+const CLOSE = "× ";
 /**
  * Where each workspace tab, and the + that opens one, sits in the header row: for clicks. With one workspace
  * (not hosted) there's just the project's name and the +.
@@ -23,7 +25,8 @@ export function headerZones(tabs) {
         tabs.forEach((t, i) => {
             const w = tabLabel(t, i).length;
             zones.push({ from: x, to: x + w, tab: i });
-            x += w + 1;
+            zones.push({ from: x + w, to: x + w + CLOSE.length, tab: i, close: true });
+            x += w + CLOSE.length + 1;
         });
     }
     zones.push({ from: x, to: x + 3, tab: "new" });
@@ -46,6 +49,6 @@ export const Header = memo(function Header({ width, branch, changes, model, loca
     const right = rightSide(width, model, local, update);
     const rightWidth = right.notice.length + right.badge.length + right.model.length + 1;
     return (_jsxs(Box, { width: width, justifyContent: "space-between", children: [_jsx(Box, { width: Math.max(0, width - rightWidth - 4), flexShrink: 0, overflow: "hidden", children: _jsxs(Text, { wrap: "truncate-end", children: [" ", gradient("◆ NOU", busy ? frame : 0).map((g, i) => _jsx(Text, { bold: true, color: g.color, children: g.ch }, i)), _jsxs(Text, { color: C.dim, children: [" ", VERSION] }), _jsx(Text, { color: C.dim, children: "  \u2502  " }), tabs.length
-                            ? tabs.map((t, i) => (_jsxs(Text, { children: [_jsx(Text, { ...(t.active ? { backgroundColor: C.panel } : {}), color: t.active ? C.accent : C.text, bold: t.active, children: tabLabel(t, i) }), " "] }, t.id)))
+                            ? tabs.map((t, i) => (_jsxs(Text, { children: [_jsx(Text, { ...(t.active ? { backgroundColor: C.panel } : {}), color: t.active ? C.accent : C.text, bold: t.active, children: tabLabel(t, i) }), _jsx(Text, { ...(t.active ? { backgroundColor: C.panel } : {}), color: C.dim, children: CLOSE }), " "] }, t.id)))
                             : _jsxs(Text, { color: C.text, children: [project, " "] }), _jsx(Text, { color: C.accent2, children: " + " }), branch && (_jsxs(_Fragment, { children: [_jsx(Text, { color: C.dim, children: "  \u2502  " }), _jsxs(Text, { color: C.accent2, children: ["\u2387 ", branch] }), changes > 0 && _jsxs(Text, { color: C.yellow, children: [" \u00B1", changes] })] }))] }) }), _jsx(Box, { flexShrink: 0, children: _jsxs(Text, { wrap: "truncate-end", children: [right.notice && _jsx(Text, { color: C.green, bold: true, children: right.notice }), _jsx(Text, { backgroundColor: local ? C.green : C.accent2, color: C.onBadge, bold: true, children: right.badge }), _jsx(Text, { backgroundColor: C.panel, color: C.text, children: right.model }), " "] }) })] }));
 });

package/dist/src/ui/ProblemsView.js

@@ -4,12 +4,14 @@ import { Box, Text, useAnimation, useInput } from "ink";
 import { C, SPINNER, fileIcon, ANIMATION_MS } from "./theme.js";
 import { useTerminalFocused } from "./focus.js";
 import { Pane } from "./Pane.js";
+import { usePaneWheel } from "./scroll.js";
 export const SEVERITY_STYLE = {
     error: { icon: "✗", color: C.red },
     warning: { icon: "▲", color: C.yellow },
-    info: { icon: "ℹ", color: C.accent },
+    info: { icon: "ⓘ", color: C.accent },
 };
-export function ProblemsView({ width, height, focused, problems, checking, wheel, onJump, onClose }) {
+export function ProblemsView({ width, height, focused, problems, checking, wheelPane, onJump, onClose }) {
+    const wheel = usePaneWheel(wheelPane);
     const [cursor, setCursor] = useState(0);
     const [onlyErrors, setOnlyErrors] = useState(false);
     const windowFocused = useTerminalFocused();

package/dist/src/ui/QuickOpen.js

@@ -58,7 +58,7 @@ export function score(file, query) {
     return { score: total - file.length * 0.05, hits };
 }
 /** Ctrl+P: find a file. Start with ">" (or press ?) for every action Nou has, with its shortcut. */
-export function QuickOpen({ width, top, files, recent = [], actions, initialQuery = "", placeholder = "Go to file…  (> for commands)", onPick, onRun, onClose }) {
+export function QuickOpen({ width, top, files, recent = [], actions, initialQuery = "", placeholder = "Go to file…  (> for commands)", title, onPick, onRun, onClose }) {
     const [query, setQuery] = useState(initialQuery);
     const [cursor, setCursor] = useState(0);
     const boxWidth = Math.min(80, Math.max(40, width - 10));
@@ -101,8 +101,10 @@ export function QuickOpen({ width, top, files, recent = [], actions, initialQuer
             setCursor((c) => Math.min(count - 1, c + rowsShown));
     });
     const recentSet = useMemo(() => new Set(recent), [recent]);
+    /** Cut at the end (a title reads from the start). */
+    const fit = (s, n) => (s.length > n ? `${s.slice(0, n - 1)}…` : s.padEnd(n));
     const pad = (s) => (s.length > inner ? `…${s.slice(-(inner - 1))}` : s.padEnd(inner));
-    return (_jsxs(Box, { position: "absolute", top: top, left: Math.floor((width - boxWidth) / 2), width: boxWidth, flexDirection: "column", borderStyle: "round", borderColor: C.accent2, children: [_jsxs(Text, { backgroundColor: C.panel, children: [_jsx(Text, { color: C.accent2, bold: true, children: " \u2315 " }), _jsx(TextInput, { value: query, onChange: (v) => {
+    return (_jsxs(Box, { position: "absolute", top: top, left: Math.floor((width - boxWidth) / 2), width: boxWidth, flexDirection: "column", borderStyle: "round", borderColor: C.accent2, children: [_jsxs(Text, { backgroundColor: C.panel, children: [_jsx(Text, { color: C.accent2, bold: true, children: fit(` ${title ?? (commandMode ? "Every action · type to filter (? or /actions)" : "Find a file · type part of its name (Ctrl+P or /files)")}`, inner - 6) }), _jsx(Text, { color: C.dim, children: "Esc ×".padStart(6) })] }), _jsxs(Text, { backgroundColor: C.panel, children: [_jsx(Text, { color: C.accent2, bold: true, children: " \u2315 " }), _jsx(TextInput, { value: query, onChange: (v) => {
                             setQuery(v);
                             setCursor(0);
                         }, onSubmit: () => {

package/dist/src/ui/Settings.js

@@ -212,7 +212,7 @@ export function Settings({ width, height, settings, choice, plugins, connectTo,
                                 const problem = p.unavailable();
                                 const selected = i === row;
                                 const current = p.id === choice.provider.id;
-                                return (_jsxs(Text, { wrap: "truncate-end", ...(selected && column === "providers" ? { backgroundColor: C.panel } : {}), children: [_jsx(Text, { color: current ? C.green : C.dim, children: current ? " ● " : "   " }), _jsx(Text, { color: problem ? C.dim : C.text, bold: selected, children: p.label.padEnd(labelWidth).slice(0, labelWidth) }), _jsx(Text, { color: p.local ? C.green : C.accent2, children: p.local ? " local" : " cloud" }), problem ? _jsx(Text, { color: C.dim, children: " \uD83D\uDD12" }) : null] }, p.id));
+                                return (_jsxs(Text, { wrap: "truncate-end", ...(selected && column === "providers" ? { backgroundColor: C.panel } : {}), children: [_jsx(Text, { color: current ? C.green : C.dim, children: current ? " ● " : "   " }), _jsx(Text, { color: problem ? C.dim : C.text, bold: selected, children: p.label.padEnd(labelWidth).slice(0, labelWidth) }), _jsx(Text, { color: p.local ? C.green : C.accent2, children: p.local ? " local" : " cloud" }), problem ? _jsx(Text, { color: C.dim, children: " \u25A3" }) : null] }, p.id));
                             })] }), _jsxs(Box, { flexDirection: "column", flexGrow: 1, borderStyle: "round", borderColor: column === "models" ? C.accent : C.dim, paddingX: 1, children: [_jsxs(Text, { color: C.dim, bold: true, children: ["MODELS \u00B7 ", provider.label] }), reason ? _jsxs(Text, { color: C.red, wrap: "wrap", children: ["\u2717 ", reason] }) : null, connecting && provider.connect ? (_jsxs(_Fragment, { children: [_jsxs(Text, { color: C.accent2, bold: true, children: ["Connect ", provider.label] }), provider.connect.map((f, i) => {
                                         const entered = connecting.values[f.env];
                                         const shown = (v) => (f.secret ? "•".repeat(Math.min(v.length, 12)) : v);
@@ -221,14 +221,14 @@ export function Settings({ width, height, settings, choice, plugins, connectTo,
                                         }
                                         if (i > connecting.step)
                                             return _jsxs(Text, { color: C.dim, children: ["  ", f.label, f.optional ? " (optional)" : ""] }, f.env);
-                                        return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { children: [_jsxs(Text, { color: C.accent2, children: ["\u270E ", f.label, f.optional ? " (optional)" : "", ": "] }), _jsx(TextInput, { value: field, onChange: setField, onSubmit: submitField, ...(f.secret ? { mask: "•" } : {}), ...(f.placeholder ? { placeholder: f.placeholder } : {}) })] }), _jsxs(Text, { color: C.dim, wrap: "truncate-end", children: ["  ", f.env, process.env[f.env] ? (f.secret ? ` is set (from ${originOf(f.env)}); Enter keeps it` : "") : f.optional ? "; Enter skips" : ""] }), setOutsideNou(f.env) && (_jsxs(Text, { color: C.yellow, wrap: "wrap", children: ["  A new one works now, but ", originOf(f.env), " sets ", f.env, " too and wins when Nou restarts: change or remove it there."] }))] }, f.env));
+                                        return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { children: [_jsxs(Text, { color: C.accent2, children: ["\u00B1 ", f.label, f.optional ? " (optional)" : "", ": "] }), _jsx(TextInput, { value: field, onChange: setField, onSubmit: submitField, ...(f.secret ? { mask: "•" } : {}), ...(f.placeholder ? { placeholder: f.placeholder } : {}) })] }), _jsxs(Text, { color: C.dim, wrap: "truncate-end", children: ["  ", f.env, process.env[f.env] ? (f.secret ? ` is set (from ${originOf(f.env)}); Enter keeps it` : "") : f.optional ? "; Enter skips" : ""] }), setOutsideNou(f.env) && (_jsxs(Text, { color: C.yellow, wrap: "wrap", children: ["  A new one works now, but ", originOf(f.env), " sets ", f.env, " too and wins when Nou restarts: change or remove it there."] }))] }, f.env));
                                     }), _jsx(Text, { children: " " }), _jsx(Text, { color: C.dim, wrap: "truncate-end", children: "Saved to ~/.nou/credentials.json (only you can read it). Your environment and .env still win." })] })) : provider.unavailable() ? (_jsxs(_Fragment, { children: [_jsxs(Text, { color: C.yellow, children: ["Not set up: ", provider.unavailable()] }), provider.connect
                                         ? _jsx(Text, { color: C.accent2, children: "Press Enter to connect it: paste your key here, no restart needed." })
-                                        : null, _jsx(Text, { color: C.dim, children: "Or add it to a .env file in your project (see .env.example) or your environment." })] })) : (_jsxs(_Fragment, { children: [typing ? (_jsxs(Text, { children: [_jsx(Text, { color: C.accent2, children: "\u270E " }), _jsx(TextInput, { value: custom, onChange: setCustom, onSubmit: (v) => {
+                                        : null, _jsx(Text, { color: C.dim, children: "Or add it to a .env file in your project (see .env.example) or your environment." })] })) : (_jsxs(_Fragment, { children: [typing ? (_jsxs(Text, { children: [_jsx(Text, { color: C.accent2, children: "\u00B1 " }), _jsx(TextInput, { value: custom, onChange: setCustom, onSubmit: (v) => {
                                                     setTyping(false);
                                                     if (v.trim())
                                                         onModel({ provider, model: v.trim() });
-                                                }, placeholder: `e.g. ${provider.defaultModel}` })] })) : (_jsx(Text, { ...(column === "models" && modelRow === 0 ? { backgroundColor: C.panel } : {}), color: C.accent2, children: "\u270E Type a model name\u2026" })), listed === "loading" && _jsxs(Text, { color: C.accent2, children: [SPINNER[frame % SPINNER.length], " loading models\u2026"] }), listed && typeof listed === "object" && !Array.isArray(listed) && (_jsxs(_Fragment, { children: [_jsxs(Text, { color: C.red, children: ["Couldn't list models: ", listed.error] }), rejectedKey(listed.error) && provider.connect?.some((f) => f.secret) && (() => {
+                                                }, placeholder: `e.g. ${provider.defaultModel}` })] })) : (_jsx(Text, { ...(column === "models" && modelRow === 0 ? { backgroundColor: C.panel } : {}), color: C.accent2, children: "\u00B1 Type a model name\u2026" })), listed === "loading" && _jsxs(Text, { color: C.accent2, children: [SPINNER[frame % SPINNER.length], " loading models\u2026"] }), listed && typeof listed === "object" && !Array.isArray(listed) && (_jsxs(_Fragment, { children: [_jsxs(Text, { color: C.red, children: ["Couldn't list models: ", listed.error] }), rejectedKey(listed.error) && provider.connect?.some((f) => f.secret) && (() => {
                                                 const key = provider.connect.find((f) => f.secret).env;
                                                 return _jsxs(Text, { color: C.yellow, wrap: "wrap", children: ["The ", key, " ", originOf(key) ? `from ${originOf(key)} ` : "", "was rejected. Press k to enter a different key."] });
                                             })()] })), (() => {
@@ -269,7 +269,7 @@ export function Settings({ width, height, settings, choice, plugins, connectTo,
             return (_jsxs(Box, { flexDirection: "column", height: boxHeight, borderStyle: "round", borderColor: C.accent, paddingX: 1, children: [_jsx(Text, { color: C.dim, wrap: "truncate-end", children: "Little games for a break while Nou works. Added ones show in the Games panel: /games." }), _jsx(Text, { children: " " }), GAMES.map((g, i) => ({ g, i })).slice(gameWindow.first, gameWindow.last).map(({ g, i }) => {
                         const selected = i === row;
                         const added = settings.games.includes(g.id);
-                        return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Text, { ...(selected ? { backgroundColor: C.panel } : {}), children: [_jsx(Text, { color: selected ? C.accent2 : C.dim, children: selected ? "▸ " : "  " }), added ? _jsx(Text, { color: C.green, bold: true, children: "\u2713 ADDED" }) : _jsx(Text, { color: C.accent2, bold: true, children: "\u2B07 GET  " }), _jsxs(Text, { color: C.text, bold: true, children: [" ", g.title] }), _jsxs(Text, { color: C.dim, children: ["  ", g.controls] })] }), _jsxs(Text, { color: C.dim, wrap: "truncate-end", children: ["    ", g.blurb] })] }, g.id));
+                        return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Text, { ...(selected ? { backgroundColor: C.panel } : {}), children: [_jsx(Text, { color: selected ? C.accent2 : C.dim, children: selected ? "▸ " : "  " }), added ? _jsx(Text, { color: C.green, bold: true, children: "\u2713 ADDED" }) : _jsx(Text, { color: C.accent2, bold: true, children: "\u2193 GET  " }), _jsxs(Text, { color: C.text, bold: true, children: [" ", g.title] }), _jsxs(Text, { color: C.dim, children: ["  ", g.controls] })] }), _jsxs(Text, { color: C.dim, wrap: "truncate-end", children: ["    ", g.blurb] })] }, g.id));
                     })] }));
         }
         return (_jsxs(Box, { flexDirection: "column", height: boxHeight, borderStyle: "round", borderColor: C.accent, paddingX: 1, children: [plugins.map((p, i) => {
@@ -284,7 +284,7 @@ export function Settings({ width, height, settings, choice, plugins, connectTo,
                         ].filter(Boolean)
                         : [];
                     return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { ...(selected ? { backgroundColor: C.panel } : {}), children: [_jsx(Text, { color: selected ? C.accent2 : C.dim, children: selected ? "▸ " : "  " }), p.scope === "starter" ? _jsx(Text, { color: C.accent2, bold: true, children: "+ ADD" }) : toggle(enabled), _jsxs(Text, { color: C.text, bold: true, children: [" ", p.plugin?.name ?? p.id] }), _jsxs(Text, { color: C.dim, children: [" ", p.plugin?.version ? `v${p.plugin.version} · ` : "", p.scope === "starter" ? "starter, optional" : p.scope, parts.length ? ` · ${parts.join(", ")}` : ""] })] }), state === "changed"
-                                ? _jsx(Text, { color: C.yellow, wrap: "truncate-end", children: "    \u26A0 Changed since you enabled it. Review the code, then press Enter to enable again." })
+                                ? _jsx(Text, { color: C.yellow, wrap: "truncate-end", children: "    \u25B2 Changed since you enabled it. Review the code, then press Enter to enable again." })
                                 : p.error
                                     ? _jsxs(Text, { color: C.red, wrap: "truncate-end", children: ["    \u2717 ", p.error] })
                                     : _jsxs(Text, { color: C.dim, wrap: "truncate-end", children: ["    ", p.plugin?.description ?? (enabled ? "" : "Enable to load it.")] })] }, p.id));
@@ -293,7 +293,7 @@ export function Settings({ width, height, settings, choice, plugins, connectTo,
     const hints = tab === "Model"
         ? connecting ? "Enter next · Esc cancel" : column === "models" ? `↑↓ choose · Enter use model · ← providers${provider.connect ? " · k change key" : ""}` : `↑↓ provider · Enter/→ ${provider.unavailable() ? "connect" : "pick a model"}${provider.connect ? " · k change key" : ""}`
         : tab === "Engine" ? "↑↓ move · Enter use this engine" : tab === "Preferences" ? "↑↓ move · Enter/Space toggle · ←→ change option" : tab === "Games" ? "↑↓ move · Enter add / remove · /games opens the panel" : "↑↓ move · Enter toggle · r rescan";
-    return (_jsxs(Box, { flexDirection: "column", width: width, height: height, paddingX: 1, children: [_jsxs(Text, { children: [_jsx(Text, { color: C.accent2, bold: true, children: "\u2699 Settings  " }), TABS.map((t) => (_jsx(Text, { ...(t === tab ? { backgroundColor: C.accent2, color: "black" } : { color: C.dim }), bold: t === tab, children: ` ${t} ` }, t))), _jsx(Text, { color: C.dim, children: "   current: " }), _jsx(Text, { color: C.green, children: describe(choice) }), _jsxs(Text, { color: C.dim, children: ["   nou v", currentVersion()] })] }), _jsx(Text, { children: " " }), body(), _jsxs(Text, { color: C.dim, children: [" Tab next section \u00B7 ", hints, " \u00B7 Esc close   ", _jsx(Text, { color: C.dim, children: "saved to ~/.nou/config.json" })] })] }));
+    return (_jsxs(Box, { flexDirection: "column", width: width, height: height, paddingX: 1, children: [_jsxs(Text, { children: [_jsx(Text, { color: C.accent2, bold: true, children: "\u25C7 Settings  " }), TABS.map((t) => (_jsx(Text, { ...(t === tab ? { backgroundColor: C.accent2, color: "black" } : { color: C.dim }), bold: t === tab, children: ` ${t} ` }, t))), _jsx(Text, { color: C.dim, children: "   current: " }), _jsx(Text, { color: C.green, children: describe(choice) }), _jsxs(Text, { color: C.dim, children: ["   nou v", currentVersion()] })] }), _jsx(Text, { children: " " }), body(), _jsxs(Text, { color: C.dim, children: [" Tab next section \u00B7 ", hints, " \u00B7 Esc close   ", _jsx(Text, { color: C.dim, children: "saved to ~/.nou/config.json" })] })] }));
 }
 /** What a connect field starts with: the current URL to edit (keys stay hidden, so they start empty). */
 function initialValue(f) {

package/dist/src/ui/Terminal.js

@@ -2,13 +2,15 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { memo, useEffect, useState } from "react";
 import { Box, Text, useInput } from "ink";
 import { C } from "./theme.js";
+import { usePaneWheel } from "./scroll.js";
 const COLORS = { out: C.text, command: C.accent, info: C.dim, error: C.red };
 /**
  * The terminal panel, under the code like VS Code's: type a command and Enter runs it. While one runs,
  * what you type goes to it; Ctrl+C stops it. ↑↓ go through what you ran, Ctrl+L clears, Esc leaves.
  * Drag its top border (or Alt+↑/↓) to make it taller or shorter.
  */
-export const Terminal = memo(function Terminal({ shell, version, width, height, focused, wheel, onLeave, onClose, onResize }) {
+export const Terminal = memo(function Terminal({ shell, version, width, height, focused, wheelPane, onLeave, onClose, onResize }) {
+    const wheel = usePaneWheel(wheelPane);
     const [input, setInput] = useState("");
     const [history, setHistory] = useState([]);
     const [back, setBack] = useState(-1);

package/dist/src/ui/background.js

@@ -1,42 +1,51 @@
 /**
- * Whether the terminal's background is light or dark, so Nou can pick colors that are readable on it.
- *
- * COLORFGBG (set by rxvt, Konsole and others: "foreground;background" as color numbers) answers at once.
- * Otherwise Nou asks the terminal for its background color (OSC 11, answered by iTerm2, Terminal.app,
- * kitty, Ghostty, WezTerm, Alacritty, foot, GNOME's and VS Code's terminals and recent Windows Terminal).
- * A terminal that doesn't answer within `timeoutMs` gets null, and Nou keeps its dark colors.
+ * Asks the terminal, once, before Nou draws anything:
+ * - its background color (OSC 11), so the colors are readable on it (COLORFGBG answers that without asking);
+ * - whether it speaks the kitty keyboard protocol (CSI ? u), which tells Shift/Ctrl/Cmd+Enter, Cmd+F and
+ *   Ctrl+= apart from plain keys. Ink can ask too, but only after the first frame is drawn, and with a big
+ *   project the answer lands after its 200 ms timeout, so the protocol never came on (Shift+Enter sent).
+ * Then DA1 (CSI c), which every terminal answers, and in order: once its answer is in, so are the others.
  */
-export async function detectBackground(timeoutMs = 150) {
+export async function detectTerminal(timeoutMs = 400) {
     const fromEnv = paletteFromColorFgBg(process.env.COLORFGBG);
-    if (fromEnv)
-        return fromEnv;
     const stdin = process.stdin;
     if (!stdin.isTTY || !process.stdout.isTTY || typeof stdin.setRawMode !== "function")
-        return null;
+        return { palette: fromEnv, kitty: null };
     return new Promise((resolve) => {
         let reply = "";
         const wasRaw = stdin.isRaw;
-        const finish = (result) => {
+        const finish = () => {
             clearTimeout(timer);
             stdin.off("data", onData);
             stdin.setRawMode(wasRaw);
             stdin.pause();
-            resolve(result);
+            resolve(readTerminalReply(reply, fromEnv));
         };
         const onData = (data) => {
             reply += data.toString("latin1");
-            const palette = paletteFromOsc11(reply);
-            if (palette)
-                finish(palette);
+            if (DA1.test(reply))
+                finish();
         };
-        const timer = setTimeout(() => finish(null), timeoutMs);
+        const timer = setTimeout(finish, timeoutMs);
         stdin.setRawMode(true);
         stdin.resume();
         stdin.on("data", onData);
-        // ST-terminated (ESC \): the form most terminals answer in kind.
-        process.stdout.write("\x1b]11;?\x1b\\");
+        // OSC 11 is ST-terminated (ESC \): the form most terminals answer in kind.
+        process.stdout.write(`${fromEnv ? "" : "\x1b]11;?\x1b\\"}\x1b[?u\x1b[c`);
     });
 }
+// eslint-disable-next-line no-control-regex -- terminal answers start with ESC
+const KITTY = /\x1b\[\?\d+u/;
+// eslint-disable-next-line no-control-regex -- terminal answers start with ESC
+const DA1 = /\x1b\[\?[\d;]*c/;
+/** What the terminal's answers say (see detectTerminal); `fromEnv` is the background COLORFGBG gave, if any. */
+export function readTerminalReply(reply, fromEnv = null) {
+    return { palette: fromEnv ?? paletteFromOsc11(reply), kitty: KITTY.test(reply) ? true : DA1.test(reply) ? false : null };
+}
+/** Just the background (see detectTerminal). */
+export async function detectBackground(timeoutMs = 400) {
+    return (await detectTerminal(timeoutMs)).palette;
+}
 /** "15;0" (light text on black) → dark; "0;15" → light. The last number is the background's color index. */
 export function paletteFromColorFgBg(value) {
     const bg = Number(value?.split(";").at(-1));

package/dist/src/ui/commands.js

@@ -2,7 +2,7 @@
  * Commands that only change what's on screen (or handle a busy Nou themselves): they run right away
  * while Nou works instead of waiting in the queue behind it.
  */
-const INSTANT = new Set(["zoom", "now", "fold", "unfold", "redraw", "new", "tab", "close", "terminal", "games", "open", "settings", "auto", "diff", "sessions", "history", "problems", "copy", "help", "version", "cancel"]);
+const INSTANT = new Set(["files", "actions", "palette", "zoom", "now", "fold", "unfold", "redraw", "new", "tab", "close", "terminal", "games", "open", "settings", "auto", "diff", "sessions", "history", "problems", "copy", "help", "version", "cancel"]);
 /** Whether a typed command runs right away while Nou works (see INSTANT); `/showme` counts only to look or step. */
 /**
  * The command a mistyped name means: the same letters in another order ("/termnial"), or one letter off
@@ -53,6 +53,8 @@ export const SLASH_COMMANDS = [
     { name: "open", args: "<file>[:line]", description: "open a file in the code view (part of its name is enough)" },
     { name: "effort", args: "[fastest|fast|balanced|smarter|smartest]", description: "speed vs smarts: how hard the model thinks (cheaper + faster, or smarter)" },
     { name: "workspace", args: "[new <folder> | n]", description: "several projects in this window, a tab each in the header: open one, or switch" },
+    { name: "files", description: "find a file by part of its name (also Ctrl+P)" },
+    { name: "actions", description: "every action Nou has, searchable, with its key (also ?)" },
     { name: "zoom", args: "in|out|reset", description: "make the code panel bigger or smaller (+ and - with the code focused, = resets)" },
     { name: "now", description: "stop Nou and send your queued messages right away (or click them)" },
     { name: "settings", description: "models, engine, preferences and plugins" },

package/dist/src/ui/fast-width.js

@@ -48,9 +48,14 @@ export function installFastWidth() {
     if (typeof registerHooks !== "function" || process.env.NOU_NO_FAST_WIDTH)
         return false;
     const shim = new URL(`./width-shim${import.meta.url.endsWith(".ts") ? ".ts" : ".js"}`, import.meta.url).href;
+    const lineShim = new URL(`./line-update-shim${import.meta.url.endsWith(".ts") ? ".ts" : ".js"}`, import.meta.url).href;
     registerHooks({
         resolve(specifier, context, nextResolve) {
             const resolved = nextResolve(specifier, context);
+            // Ink's line-update gets a fast path too (see line-update-shim.ts).
+            if (specifier === "./line-update.js" && /[\\/]ink[\\/]build[\\/]log-update\.js$/.test(context.parentURL ?? "")) {
+                return { ...resolved, url: `${lineShim}?of=${encodeURIComponent(resolved.url)}` };
+            }
             if (specifier !== "string-width" || context.parentURL?.startsWith(shim))
                 return resolved;
             // Each copy of string-width (Ink may have its own) gets its own wrapper.

package/dist/src/ui/keys.js

@@ -1,8 +1,7 @@
 /**
- * Keys named the way the platform names them. On a Mac, Find is Cmd+F: terminals that report the Cmd key
- * (kitty's keyboard protocol, which Nou asks for: Ghostty, kitty, WezTerm, iTerm2) send it as "super". Ctrl+F
- * works everywhere too, for terminals that keep Cmd for themselves.
+ * Find is shown as Ctrl+F everywhere (it works in every terminal). On a Mac, Cmd+F works too where the
+ * terminal reports Cmd (the kitty keyboard protocol, which Nou asks for: Ghostty, kitty, WezTerm, iTerm2).
  */
-export const FIND_KEY = process.platform === "darwin" ? "Cmd+F" : "Ctrl+F";
+export const FIND_KEY = "Ctrl+F";
 /** Ctrl+F, or Cmd+F where the terminal reports Cmd. */
 export const isFind = (input, key) => input === "f" && (!!key.ctrl || !!key.super);