nou-cli 0.5.0 → 0.5.2

package/dist/src/ui/QuickOpen.js

@@ -32,7 +32,7 @@ export function listAllFiles(limit = 5000) {
     return files;
 }
 /** Subsequence fuzzy match; higher is better, null if no match. Returns matched indexes for highlighting. */
-function score(file, query) {
+export function score(file, query) {
     if (!query)
         return { score: 0, hits: [] };
     const lower = file.toLowerCase();
@@ -57,35 +57,74 @@ function score(file, query) {
     }
     return { score: total - file.length * 0.05, hits };
 }
-export function QuickOpen({ width, top, files, onPick, onClose }) {
-    const [query, setQuery] = useState("");
+/** 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 = "", onPick, onRun, onClose }) {
+    const [query, setQuery] = useState(initialQuery);
     const [cursor, setCursor] = useState(0);
     const boxWidth = Math.min(80, Math.max(40, width - 10));
     const inner = boxWidth - 2; // fill every cell so the screen underneath doesn't show through
+    const commandMode = query.startsWith(">");
+    const rowsShown = 12;
     const results = useMemo(() => {
+        if (commandMode)
+            return [];
+        // Recent files first when nothing's typed; a small boost otherwise, so the one you just had wins a tie.
+        const rank = new Map(recent.map((f, i) => [f, i]));
+        const boost = (f) => (rank.has(f) ? (query ? 3 : 1000) - rank.get(f) * 0.01 : 0);
         return files
             .map((f) => ({ file: f, m: score(f, query) }))
             .filter((r) => r.m !== null)
-            .sort((a, b) => b.m.score - a.m.score)
-            .slice(0, 12);
-    }, [files, query]);
+            .sort((a, b) => b.m.score + boost(b.file) - (a.m.score + boost(a.file)))
+            .slice(0, rowsShown);
+    }, [files, recent, query, commandMode]);
+    const found = useMemo(() => {
+        if (!commandMode)
+            return [];
+        const q = query.slice(1).trim();
+        return actions
+            .map((a, order) => ({ action: a, m: score(a.title, q), order }))
+            .filter((r) => r.m !== null)
+            .sort((a, b) => (q ? b.m.score - a.m.score : a.order - b.order));
+    }, [actions, query, commandMode]);
+    const count = commandMode ? found.length : results.length;
+    const first = Math.max(0, Math.min(cursor - rowsShown + 1, count - rowsShown));
     useInput((_input, key) => {
         if (key.escape)
             onClose();
         else if (key.upArrow)
-            setCursor((c) => Math.max(0, c - 1));
+            setCursor((c) => (c - 1 + Math.max(1, count)) % Math.max(1, count));
         else if (key.downArrow)
-            setCursor((c) => Math.min(results.length - 1, c + 1));
+            setCursor((c) => (c + 1) % Math.max(1, count));
+        else if (key.pageUp)
+            setCursor((c) => Math.max(0, c - rowsShown));
+        else if (key.pageDown)
+            setCursor((c) => Math.min(count - 1, c + rowsShown));
     });
+    const recentSet = useMemo(() => new Set(recent), [recent]);
     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) => {
                             setQuery(v);
                             setCursor(0);
-                        }, onSubmit: () => results[cursor] && onPick(results[cursor].file), placeholder: "Go to file\u2026" }), _jsx(Text, { children: " ".repeat(Math.max(0, inner - 4 - Math.max(query.length, 11))) })] }), _jsx(Text, { color: C.dim, children: "─".repeat(inner) }), results.length === 0 && _jsx(Text, { color: C.dim, children: pad("  No matching files") }), results.map((r, i) => {
+                        }, onSubmit: () => {
+                            if (commandMode) {
+                                if (found[cursor])
+                                    onRun(found[cursor].action);
+                            }
+                            else if (results[cursor])
+                                onPick(results[cursor].file);
+                        }, placeholder: "Go to file\u2026  (> for commands)" }), _jsx(Text, { children: " ".repeat(Math.max(0, inner - 4 - Math.max(query.length, 29))) })] }), _jsx(Text, { color: C.dim, children: "─".repeat(inner) }), commandMode && found.length === 0 && _jsx(Text, { color: C.dim, children: pad("  No matching commands") }), commandMode && found.slice(first, first + rowsShown).map((r, i) => {
+                const selected = first + i === cursor;
+                const keys = r.action.keys ?? "";
+                const room = inner - 3 - keys.length - 1;
+                const title = r.action.title.length > room ? `${r.action.title.slice(0, room - 1)}…` : r.action.title.padEnd(room);
+                const hits = new Set(r.m.hits);
+                return (_jsxs(Text, { ...(selected ? { backgroundColor: C.panel } : {}), children: [_jsx(Text, { color: selected ? C.accent2 : C.dim, children: selected ? "▌" : " " }), _jsx(Text, { color: C.accent2, children: "\u203A " }), [...title].map((ch, j) => (_jsx(Text, { color: hits.has(j) ? C.yellow : selected ? C.text : C.dim, bold: hits.has(j), children: ch }, j))), _jsxs(Text, { color: C.accent, children: [" ", keys] })] }, r.action.title));
+            }), !commandMode && results.length === 0 && _jsx(Text, { color: C.dim, children: pad("  No matching files") }), results.map((r, i) => {
                 const selected = i === cursor;
                 const { icon, color } = fileIcon(r.file);
-                const label = pad(` ${r.file}`).slice(0, inner - 2);
+                const tag = recentSet.has(r.file) ? " recent" : "";
+                const label = pad(` ${r.file}`).slice(0, inner - 2 - tag.length);
                 const hits = new Set(r.m.hits.map((h) => h + 1));
-                return (_jsxs(Text, { ...(selected ? { backgroundColor: C.panel } : {}), children: [_jsx(Text, { color: selected ? C.accent2 : C.dim, children: selected ? "▌" : " " }), _jsx(Text, { color: color, children: icon }), [...label].map((ch, j) => (_jsx(Text, { color: hits.has(j) ? C.yellow : selected ? C.text : C.dim, bold: hits.has(j), children: ch }, j)))] }, r.file));
-            }), _jsx(Text, { color: C.dim, children: pad(" ↑↓ select · Enter open · Esc close") })] }));
+                return (_jsxs(Text, { ...(selected ? { backgroundColor: C.panel } : {}), children: [_jsx(Text, { color: selected ? C.accent2 : C.dim, children: selected ? "▌" : " " }), _jsx(Text, { color: color, children: icon }), [...label].map((ch, j) => (_jsx(Text, { color: hits.has(j) ? C.yellow : selected ? C.text : C.dim, bold: hits.has(j), children: ch }, j))), _jsx(Text, { color: C.dim, children: tag })] }, r.file));
+            }), _jsx(Text, { color: C.dim, children: pad(commandMode ? ` ↑↓ select · Enter run · Esc close   ${found.length} commands` : " ↑↓ select · Enter open · > commands · Esc close") })] }));
 }

package/dist/src/ui/Settings.js

@@ -2,7 +2,9 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useEffect, useState } from "react";
 import { Box, Text, useAnimation, useInput } from "ink";
 import TextInput from "ink-text-input";
-import { AUTO_SAVE, EFFORTS } from "../config/index.js";
+import { AUTO_SAVE, CODE_THEMES, EFFORTS, FOLLOW_SPEEDS } from "../config/index.js";
+import { highlightLines } from "./text.js";
+import { GAMES } from "../games/index.js";
 import { saveCredentials } from "../config/credentials.js";
 import { originOf, setOutsideNou } from "../config/origins.js";
 import { PLUGIN_DIRS, isEnabled, trustState } from "../plugins/index.js";
@@ -10,9 +12,16 @@ import { currentVersion } from "../update/index.js";
 import { describe, providers, rejectedKey } from "../providers/index.js";
 import { ENGINES, isInstalled } from "../engines/index.js";
 import { C, SPINNER } from "./theme.js";
-const TABS = ["Model", "Engine", "Preferences", "Plugins"];
+/** A few lines of code to show what a code theme looks like. */
+const THEME_PREVIEW = `// Greets someone, politely
+export function greet(name: string, times = 2): string {
+  return \`Hello \${name}!\`.repeat(times) || null;
+}`;
+const TABS = ["Model", "Engine", "Preferences", "Plugins", "Games"];
 const PREFS = [
     { key: "effort", label: "Reasoning effort", help: "How hard Claude thinks (low → max). Higher is smarter but slower and pricier." },
+    { key: "followSpeed", label: "Follow mode speed", help: "How long each file Nou reads stays on screen in follow mode (f): slow, normal, fast, or as it happens." },
+    { key: "codeTheme", label: "Code colors", help: "The theme for code. ←/→ to try them; github-light is for light terminals." },
     { key: "autoSave", label: "Auto-save", help: "delay: a second after you stop typing · focus: when you leave the editor · off: only Ctrl+S." },
     { key: "mouse", label: "Mouse", help: "Wheel scrolls the pane under the pointer; click to focus or open files. Hold Shift to select text." },
     { key: "followMode", label: "Follow mode on start", help: "The code view jumps to files Nou reads and edits." },
@@ -21,7 +30,7 @@ const PREFS = [
     { key: "autoApproveEdits", label: "Auto-approve edits", help: "Apply file edits without asking (diffs are still shown).", warn: true },
     { key: "autoApproveCommands", label: "Auto-approve commands", help: "Run shell commands without asking. Only turn on if you trust the model.", warn: true },
 ];
-export function Settings({ width, height, settings, choice, plugins, connectTo, onModel, onEngine, onChange, onTogglePlugin, onRescanPlugins, onClose }) {
+export function Settings({ width, height, settings, choice, plugins, connectTo, reason, onModel, onEngine, onChange, onTogglePlugin, onRescanPlugins, onClose }) {
     const [tab, setTab] = useState("Model");
     const [row, setRow] = useState(() => Math.max(0, providers.indexOf(connectTo ?? choice.provider)));
     const [column, setColumn] = useState("providers");
@@ -72,7 +81,7 @@ export function Settings({ width, height, settings, choice, plugins, connectTo,
         }
     };
     const modelItems = Array.isArray(listed) ? listed : [];
-    const rowsFor = (t) => (t === "Model" ? providers.length : t === "Engine" ? ENGINES.length : t === "Preferences" ? PREFS.length : plugins.length);
+    const rowsFor = (t) => (t === "Model" ? providers.length : t === "Engine" ? ENGINES.length : t === "Preferences" ? PREFS.length : t === "Games" ? GAMES.length : plugins.length);
     useInput((input, key) => {
         if (connecting) {
             if (key.escape)
@@ -142,6 +151,12 @@ export function Settings({ width, height, settings, choice, plugins, connectTo,
             if (pref.key === "effort") {
                 onChange({ effort: EFFORTS[(EFFORTS.indexOf(settings.effort) + step + EFFORTS.length) % EFFORTS.length] });
             }
+            else if (pref.key === "followSpeed") {
+                onChange({ followSpeed: FOLLOW_SPEEDS[(FOLLOW_SPEEDS.indexOf(settings.followSpeed) + step + FOLLOW_SPEEDS.length) % FOLLOW_SPEEDS.length] });
+            }
+            else if (pref.key === "codeTheme") {
+                onChange({ codeTheme: CODE_THEMES[(CODE_THEMES.indexOf(settings.codeTheme) + step + CODE_THEMES.length) % CODE_THEMES.length] });
+            }
             else if (pref.key === "autoSave") {
                 onChange({ autoSave: AUTO_SAVE[(AUTO_SAVE.indexOf(settings.autoSave) + step + AUTO_SAVE.length) % AUTO_SAVE.length] });
             }
@@ -149,6 +164,10 @@ export function Settings({ width, height, settings, choice, plugins, connectTo,
                 onChange({ [pref.key]: !settings[pref.key] });
             }
         }
+        else if (tab === "Games" && (key.return || input === " ") && GAMES[row]) {
+            const id = GAMES[row].id;
+            onChange({ games: settings.games.includes(id) ? settings.games.filter((g) => g !== id) : [...settings.games, id] });
+        }
         else if (tab === "Plugins") {
             if (input === "r")
                 onRescanPlugins();
@@ -157,6 +176,20 @@ export function Settings({ width, height, settings, choice, plugins, connectTo,
         }
     });
     const boxHeight = height - 6;
+    // Preferences take three rows each (label, help, gap), the code theme's preview four more: show the ones
+    // around the selected one that fit.
+    const prefWindow = (() => {
+        const room = Math.max(3, boxHeight - 4);
+        const cost = (i) => 3 + (tab === "Preferences" && i === row && PREFS[i]?.key === "codeTheme" ? 4 : 0);
+        let first = tab === "Preferences" ? row : 0;
+        let last = first + 1;
+        let used = cost(first);
+        while (last < PREFS.length && used + cost(last) <= room)
+            used += cost(last++);
+        while (first > 0 && used + cost(first - 1) <= room)
+            used += cost(--first);
+        return { first, last };
+    })();
     const toggle = (on, warn) => (_jsx(Text, { color: on ? (warn ? C.orange : C.green) : C.dim, bold: true, children: on ? "● ON " : "○ OFF" }));
     const body = () => {
         if (tab === "Model") {
@@ -168,7 +201,7 @@ export function Settings({ width, height, settings, choice, plugins, connectTo,
                                 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));
-                            })] }), _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] }), connecting && provider.connect ? (_jsxs(_Fragment, { children: [_jsxs(Text, { color: C.accent2, bold: true, children: ["Connect ", provider.label] }), provider.connect.map((f, i) => {
+                            })] }), _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: ["\u2716 ", 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);
                                         if (i < connecting.step) {
@@ -205,13 +238,25 @@ export function Settings({ width, height, settings, choice, plugins, connectTo,
                     }), _jsx(Text, { color: C.dim, wrap: "truncate-end", children: "The engine is the agent that answers in the chat. Diffs, approvals, undo and problems work with each one." })] }));
         }
         if (tab === "Preferences") {
-            return (_jsx(Box, { flexDirection: "column", height: boxHeight, borderStyle: "round", borderColor: C.accent, paddingX: 1, children: PREFS.map((pref, i) => {
-                    const selected = i === row;
-                    const value = settings[pref.key];
-                    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 ? "▸ " : "  " }), _jsx(Text, { color: C.text, bold: selected, children: pref.label.padEnd(26) }), pref.key === "effort" || pref.key === "autoSave"
-                                        ? _jsx(Text, { children: (pref.key === "effort" ? EFFORTS : AUTO_SAVE).map((e) => _jsx(Text, { color: e === value ? C.accent2 : C.dim, bold: e === value, children: e === value ? `[${e}]` : ` ${e} ` }, e)) })
-                                        : toggle(value, pref.warn)] }), _jsxs(Text, { color: C.dim, children: ["    ", pref.help] })] }, pref.key));
-                }) }));
+            return (_jsxs(Box, { flexDirection: "column", height: boxHeight, borderStyle: "round", borderColor: C.accent, paddingX: 1, overflow: "hidden", children: [prefWindow.first > 0 ? _jsxs(Text, { color: C.dim, children: ["  \u2191 ", prefWindow.first, " more"] }) : null, PREFS.slice(prefWindow.first, prefWindow.last).map((pref, at) => {
+                        const i = prefWindow.first + at;
+                        const selected = i === row;
+                        const value = settings[pref.key];
+                        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 ? "▸ " : "  " }), _jsx(Text, { color: C.text, bold: selected, children: pref.label.padEnd(26) }), pref.key === "codeTheme"
+                                            ? _jsxs(Text, { children: [_jsx(Text, { color: C.dim, children: "\u2039 " }), _jsx(Text, { color: C.accent2, bold: true, children: String(value) }), _jsxs(Text, { color: C.dim, children: [" \u203A  ", CODE_THEMES.indexOf(value) + 1, "/", CODE_THEMES.length] })] })
+                                            : pref.key === "effort" || pref.key === "autoSave" || pref.key === "followSpeed"
+                                                ? _jsx(Text, { children: (pref.key === "effort" ? EFFORTS : pref.key === "autoSave" ? AUTO_SAVE : FOLLOW_SPEEDS).map((e) => _jsx(Text, { color: e === value ? C.accent2 : C.dim, bold: e === value, children: e === value ? `[${e}]` : ` ${e} ` }, e)) })
+                                                : toggle(value, pref.warn)] }), _jsxs(Text, { color: C.dim, wrap: "truncate-end", children: ["    ", pref.help] }), pref.key === "codeTheme" && selected
+                                    ? highlightLines("preview.ts", THEME_PREVIEW).map((line, n) => _jsxs(Text, { wrap: "truncate-end", children: ["    ", line] }, n))
+                                    : null] }, pref.key));
+                    }), prefWindow.last < PREFS.length ? _jsxs(Text, { color: C.dim, children: ["  \u2193 ", PREFS.length - prefWindow.last, " more"] }) : null] }));
+        }
+        if (tab === "Games") {
+            return (_jsxs(Box, { flexDirection: "column", height: boxHeight, borderStyle: "round", borderColor: C.accent, paddingX: 1, children: [_jsx(Text, { color: C.dim, children: "Little games for a break while Nou works. Added ones show in the Games panel: /games, or ? then \"games\"." }), _jsx(Text, { children: " " }), GAMES.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", height: boxHeight, borderStyle: "round", borderColor: C.accent, paddingX: 1, children: [plugins.map((p, i) => {
                     const selected = i === row;
@@ -233,7 +278,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" : "↑↓ move · Enter toggle · r rescan";
+        : 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" })] })] }));
 }
 /** What a connect field starts with: the current URL to edit (keys stay hidden, so they start empty). */

package/dist/src/ui/Tabs.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment } from "react";
+import path from "path";
+import { Text } from "ink";
+import { C, fileIcon } from "./theme.js";
+/** Tab labels: file names, with the folder added when two open files share a name. */
+function labels(tabs) {
+    return tabs.map((file) => {
+        const name = path.posix.basename(file);
+        const twin = tabs.some((other) => other !== file && path.posix.basename(other) === name);
+        return twin ? `${path.posix.basename(path.posix.dirname(file))}/${name}` : name;
+    });
+}
+/**
+ * Lays out the tabs that fit in `width` columns, keeping the active one in view: the ones that don't fit
+ * are left out at the ends, marked with ‹ ›.
+ */
+export function layoutTabs(tabs, active, width) {
+    const all = labels(tabs).map((label, i) => ({ file: tabs[i], label }));
+    const size = (t) => t.label.length + 4 + (t.file === active ? 2 : 0) + 1; // " ◆ name × " and "│"
+    const at = Math.max(0, all.findIndex((t) => t.file === active));
+    let from = at;
+    let to = at + 1;
+    let used = all[at] ? size(all[at]) : 0;
+    // Grow to the right, then to the left, while there's room (2 columns kept for ‹ ›).
+    for (let grew = true; grew;) {
+        grew = false;
+        if (to < all.length && used + size(all[to]) <= width - 2) {
+            used += size(all[to++]);
+            grew = true;
+        }
+        if (from > 0 && used + size(all[from - 1]) <= width - 2) {
+            used += size(all[--from]);
+            grew = true;
+        }
+    }
+    const shown = all.slice(from, to);
+    const zones = [];
+    let x = from > 0 ? 1 : 0;
+    for (const t of shown) {
+        const w = size(t) - 1;
+        zones.push({ file: t.file, from: x, to: x + w, close: t.file === active ? x + w - 2 : null });
+        x += w + 1;
+    }
+    return { shown, before: from > 0, after: to < all.length, zones };
+}
+/** The open files as tabs, for a pane's title row: the active one highlighted, with × to close it. */
+export function Tabs({ tabs, active, width, dirty }) {
+    const { shown, before, after } = layoutTabs(tabs, active, width);
+    return (_jsxs(_Fragment, { children: [before ? _jsx(Text, { color: C.dim, children: "\u2039" }) : null, shown.map((t) => {
+                const on = t.file === active;
+                const { icon, color } = fileIcon(t.file);
+                return (_jsxs(Fragment, { children: [_jsxs(Text, { ...(on ? { backgroundColor: C.panel } : {}), children: [_jsx(Text, { children: " " }), _jsx(Text, { color: color, children: icon }), _jsxs(Text, { color: on ? C.text : C.dim, bold: on, children: [" ", t.label] }), on ? _jsxs(Text, { color: dirty ? C.yellow : C.dim, children: [" ", dirty ? "●" : "×"] }) : null, _jsx(Text, { children: " " })] }), _jsx(Text, { color: C.dim, children: "\u2502" })] }, t.file));
+            }), after ? _jsx(Text, { color: C.dim, children: "\u203A" }) : null] }));
+}

package/dist/src/ui/clipboard.js

@@ -1,18 +1,20 @@
 import { spawn } from "child_process";
 /** Native clipboard commands to try, in order, for this platform. */
 function commands() {
+    // clip.exe is built in and instant; PowerShell can take seconds to start, so it's only the fallback.
     if (process.platform === "win32")
-        return [["powershell", ["-NoProfile", "-Command", "Set-Clipboard -Value ([Console]::In.ReadToEnd())"]]];
+        return [["clip", [], "utf16"], ["powershell", ["-NoProfile", "-Command", "Set-Clipboard -Value ([Console]::In.ReadToEnd())"], "utf8"]];
     if (process.platform === "darwin")
-        return [["pbcopy", []]];
-    return [["wl-copy", []], ["xclip", ["-selection", "clipboard"]], ["xsel", ["--clipboard", "--input"]]];
+        return [["pbcopy", [], "utf8"]];
+    return [["wl-copy", [], "utf8"], ["xclip", ["-selection", "clipboard"], "utf8"], ["xsel", ["--clipboard", "--input"], "utf8"]];
 }
-function run(cmd, args, text) {
+function run(cmd, args, text, encoding) {
     return new Promise((resolve) => {
         const child = spawn(cmd, args, { stdio: ["pipe", "ignore", "ignore"] });
         child.on("error", () => resolve(false));
         child.on("close", (code) => resolve(code === 0));
-        child.stdin.end(text);
+        child.stdin.on("error", () => { }); // the command is missing: "error" above answers
+        child.stdin.end(encoding === "utf16" ? Buffer.concat([Buffer.from([0xff, 0xfe]), Buffer.from(text, "utf16le")]) : text);
     });
 }
 /**
@@ -22,8 +24,8 @@ function run(cmd, args, text) {
 export async function copyToClipboard(text) {
     if (process.stdout.isTTY)
         process.stdout.write(`\x1b]52;c;${Buffer.from(text).toString("base64")}\x07`);
-    for (const [cmd, args] of commands())
-        if (await run(cmd, args, text))
+    for (const [cmd, args, encoding] of commands())
+        if (await run(cmd, args, text, encoding))
             return true;
     return process.stdout.isTTY === true;
 }

package/dist/src/ui/commands.js

@@ -0,0 +1,33 @@
+export const SLASH_COMMANDS = [
+    { name: "model", args: "[provider:model]", description: "show or switch the model" },
+    { name: "models", args: "[provider]", description: "list the models a provider offers" },
+    { name: "connect", args: "<provider>", description: "enter an API key (and URL) for a provider" },
+    { name: "open", args: "<file>[:line]", description: "open a file in the code view (part of its name is enough)" },
+    { name: "settings", description: "models, engine, preferences and plugins" },
+    { name: "auto", args: "[ask|auto-edit|auto]", description: "how much Nou does without asking" },
+    { name: "engine", args: "[name]", description: "which agent answers: nou, claude-code, codex or pi" },
+    { name: "undo", description: "undo Nou's last change" },
+    { name: "rewind", description: "undo everything from Nou's last turn" },
+    { name: "diff", args: "[file|n]", description: "everything changed this session (or session n)" },
+    { name: "sessions", description: "earlier sessions with changes" },
+    { name: "history", description: "recent changes, yours and Nou's" },
+    { name: "problems", description: "every error and warning in the project" },
+    { name: "copy", args: "[code|file]", description: "copy the last reply, its last code block, or the open file" },
+    { name: "compact", description: "summarize the conversation to free up context" },
+    { name: "clear", description: "start a fresh conversation" },
+    { name: "pull", args: "<model>", description: "download an Ollama model" },
+    { name: "plugins", args: "[add|new <name>]", description: "your plugins and the starter ones" },
+    { name: "mcp", args: "[add|remove|import]", description: "MCP servers: tools from other programs (/mcp add browser for a browser)" },
+    { name: "games", description: "open or close the Games panel (Pong, Snake, Breakout)" },
+    { name: "version", description: "which version of Nou this is" },
+    { name: "help", description: "all commands and keys" },
+];
+/** Commands whose name starts with what's typed after the slash (exact match first), plus plugin commands. */
+export function matchCommands(typed, extra = []) {
+    const query = typed.replace(/^\//, "").toLowerCase();
+    const all = [...SLASH_COMMANDS, ...extra];
+    const starts = all.filter((c) => c.name.startsWith(query));
+    // Then ones that merely contain it, so "/conn" and "/key"-style guesses still find something.
+    const contains = query ? all.filter((c) => !c.name.startsWith(query) && (c.name.includes(query) || c.description.includes(query))) : [];
+    return [...starts.sort((a, b) => Number(b.name === query) - Number(a.name === query)), ...contains];
+}

package/dist/src/ui/definition.js

@@ -0,0 +1,135 @@
+import { existsSync, readFileSync, statSync } from "fs";
+import path from "path";
+import { projectFiles } from "../search/index.js";
+const IDENT = /[A-Za-z_$][\w$]*/g;
+/** Lines that bring names in from another file, with the module path as group 1 (or 2 for Python's from). */
+const IMPORT_LINE = /^\s*(?:import\b.*?from\s+["']([^"']+)["']|import\s+["']([^"']+)["']|export\b.*?from\s+["']([^"']+)["']|.*\brequire\(\s*["']([^"']+)["']\s*\)|from\s+([\w.]+)\s+import\b|import\s+([\w.]+))/;
+const STRING = /(["'`])((?:\\.|(?!\1).)*)\1/g;
+/** The identifier at column `col` (1-based) of a line, if any. */
+export function wordAt(text, col) {
+    for (const m of text.matchAll(IDENT)) {
+        if (col - 1 >= m.index && col - 1 < m.index + m[0].length)
+            return { word: m[0], start: m.index + 1 };
+    }
+    return null;
+}
+/** The module an import line names, e.g. "./b.js" or "pkg.mod". */
+function importedModule(line) {
+    const m = line.match(IMPORT_LINE);
+    return m ? m.slice(1).find((g) => g) ?? null : null;
+}
+/** The file a module path resolves to from `fromFile`: relative imports and Python modules in the project. */
+export function resolveModule(fromFile, spec) {
+    const dir = path.dirname(fromFile);
+    const candidates = [];
+    if (spec.startsWith(".") || spec.startsWith("/")) {
+        const base = path.join(dir, spec);
+        // TypeScript imports name the .js the .ts compiles to.
+        const stripped = base.replace(/\.(m|c)?js$/, "");
+        for (const b of [base, stripped]) {
+            candidates.push(b);
+            for (const ext of [".ts", ".tsx", ".mts", ".cts", ".js", ".jsx", ".mjs", ".cjs", ".json", ".py"])
+                candidates.push(b + ext);
+            for (const ext of [".ts", ".tsx", ".js", ".jsx", ".py"])
+                candidates.push(path.join(b, `index${ext}`));
+        }
+        if (spec.startsWith(".") && /^\.+[\w.]/.test(spec) && fromFile.endsWith(".py")) {
+            // Python relative: from .mod import x / from ..pkg.mod import x
+            const dots = spec.match(/^\.+/)[0].length;
+            const up = path.join(dir, ...Array(dots - 1).fill(".."), ...spec.slice(dots).split("."));
+            candidates.push(`${up}.py`, path.join(up, "__init__.py"));
+        }
+    }
+    else if (/^[\w.]+$/.test(spec)) {
+        const parts = spec.split(".");
+        for (const root of [".", "src", dir])
+            candidates.push(path.join(root, ...parts) + ".py", path.join(root, ...parts, "__init__.py"));
+    }
+    const found = candidates.find((c) => {
+        try {
+            return statSync(c).isFile();
+        }
+        catch {
+            return false;
+        }
+    });
+    return found ? path.normalize(found).replace(/\\/g, "/") : null;
+}
+const escape = (s) => s.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+/** Lines that declare `name`, most specific first. */
+function declares(name) {
+    const n = escape(name);
+    return new RegExp("^\\s*(?:export\\s+)?(?:default\\s+)?(?:declare\\s+)?(?:async\\s+)?(?:" +
+        `function\\*?\\s+${n}\\b|(?:abstract\\s+)?class\\s+${n}\\b|interface\\s+${n}\\b|type\\s+${n}\\b|enum\\s+${n}\\b|` +
+        `(?:const|let|var)\\s+${n}\\b|(?:const|let|var)\\s*\\{[^}]*\\b${n}\\b[^}]*\\}\\s*=|def\\s+${n}\\b|class\\s+${n}\\b|func\\s+(?:\\([^)]*\\)\\s*)?${n}\\b|fn\\s+${n}\\b|${n}\\s*=[^=])` +
+        `|^\\s*(?:public|private|protected|static|readonly|async|\\s)*${n}\\s*\\([^)]*\\)\\s*(?::[^{;]*)?\\{`);
+}
+function declarationIn(lines, name, skip = -1) {
+    const re = declares(name);
+    return lines.findIndex((l, i) => i !== skip && re.test(l));
+}
+function readLines(file) {
+    try {
+        const text = readFileSync(file, "utf-8");
+        return text.length > 2_000_000 ? null : text.split(/\r?\n/);
+    }
+    catch {
+        return null;
+    }
+}
+/** Where to go for a Ctrl+click at `line`:`col` (1-based) in `file`, whose current text is `text`. */
+export function findDefinition(file, text, line, col) {
+    const lines = text.split(/\r?\n/);
+    const here = lines[line - 1] ?? "";
+    const spec = importedModule(here);
+    // On the path of an import: open that file.
+    if (spec) {
+        for (const m of here.matchAll(STRING)) {
+            if (col - 1 >= m.index && col - 1 < m.index + m[0].length) {
+                const target = resolveModule(file, m[2]);
+                return target ? { file: target, line: 1 } : null;
+            }
+        }
+    }
+    const at = wordAt(here, col);
+    if (!at)
+        return null;
+    const { word } = at;
+    // On a name in an import line: where that file declares it (or just the file).
+    if (spec) {
+        const target = resolveModule(file, spec);
+        if (!target)
+            return null;
+        const theirs = readLines(target);
+        const index = theirs ? declarationIn(theirs, word) : -1;
+        return { file: target, line: index + 1 || 1 };
+    }
+    // Imported here: its import line, where the path is a click away.
+    const importLine = lines.findIndex((l) => importedModule(l) && new RegExp(`\\b${escape(word)}\\b`).test(l.replace(STRING, "")));
+    if (importLine >= 0 && importLine !== line - 1)
+        return { file, line: importLine + 1, col: lines[importLine].search(new RegExp(`\\b${escape(word)}\\b`)) + 1 };
+    // Declared in this file.
+    const local = declarationIn(lines, word, line - 1);
+    if (local >= 0)
+        return { file, line: local + 1 };
+    // Declared somewhere else in the project.
+    const ext = path.extname(file);
+    // A click waits on this, so it reads at most a few megabytes before giving up.
+    const files = projectFiles().filter((f) => f !== file && path.extname(f) === ext).slice(0, 3000);
+    let budget = 8_000_000;
+    for (const other of files) {
+        if (!existsSync(other) || budget <= 0)
+            continue;
+        const size = statSync(other).size;
+        if (size > 1_000_000)
+            continue;
+        budget -= size;
+        const theirs = readLines(other);
+        if (!theirs)
+            continue;
+        const index = declarationIn(theirs, word);
+        if (index >= 0)
+            return { file: other, line: index + 1 };
+    }
+    return null;
+}

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

@@ -0,0 +1,62 @@
+/**
+ * A faster `string-width` for Ink. Ink measures every line of text on screen each frame (to wrap it, and
+ * again to work out how much of a changed line it can leave on screen), and string-width splits each one
+ * into graphemes and runs emoji regexes over them: a fifth of all rendering time, mostly spent on lines
+ * of plain text and box-drawing characters whose width is simply their length.
+ *
+ * This answers those with one regex test, remembers the rest, and hands anything unusual to the real
+ * string-width. Ink and its dependencies import string-width by name, so a module hook points that name
+ * here; it has to be installed before Ink loads (index.ts does it first).
+ */
+// A namespace import: Node before 22.15 has no registerHooks, and a named import of it would fail to load.
+import * as nodeModule from "module";
+/**
+ * Characters string-width counts as one column each and that never combine with what's next to them:
+ * ASCII, Latin, Greek, Cyrillic, punctuation, arrows, math, box drawing and the symbols Nou's UI uses.
+ * Emoji, combining marks and invisible characters are left out. The unit tests check every one.
+ */
+export const NARROW = /^[\u0020-\u007e\u00a0-\u00ac\u00ae-\u02ff\u0370-\u0482\u048a-\u04ff\u2010-\u2027\u202f-\u205e\u2190-\u2319\u231c-\u2328\u232b-\u23e8\u23ed-\u23ef\u23f1-\u23f2\u23f4-\u25fc\u25ff-\u2613\u2616-\u262f\u2638-\u2647\u2654-\u267e\u2680-\u2689\u2690-\u2692\u2694-\u26a0\u26a2-\u26a9\u26ac-\u26bc\u26bf-\u26c3\u26c6-\u26cd\u26cf-\u26d3\u26d5-\u26e9\u26eb-\u26f1\u26f4\u26f6-\u26f9\u26fb-\u26fc\u26fe-\u2704\u2706-\u2709\u270c-\u2727\u2729-\u274b\u274d\u274f-\u2752\u2756\u2758-\u2794\u2798-\u27af\u27b1-\u27be\u2b00-\u2b1a\u2b1d-\u2b4f\u2b51-\u2b54\u2b56-\u2bff]*$/;
+/** Plenty for every line on screen and in scrollback; cleared rather than evicted one by one. */
+const MAX_CACHED = 20_000;
+/** Wraps a string-width function with the fast path and a cache. Same answers, exported for tests. */
+export function fastStringWidth(real) {
+    const cache = new Map();
+    return (text, options) => {
+        if (options && (options.ambiguousIsNarrow === false || options.countAnsiEscapeCodes))
+            return real(text, options);
+        if (typeof text !== "string")
+            return real(text, options);
+        if (NARROW.test(text))
+            return text.length;
+        let width = cache.get(text);
+        if (width === undefined) {
+            if (cache.size > MAX_CACHED)
+                cache.clear();
+            width = real(text, options);
+            cache.set(text, width);
+        }
+        return width;
+    };
+}
+let installed = false;
+/** Points every `import "string-width"` that loads from now on at the fast version. Returns whether it could. */
+export function installFastWidth() {
+    if (installed)
+        return true;
+    // registerHooks runs in-thread and synchronously (Node 22.15+); older versions keep the original.
+    const { registerHooks } = nodeModule;
+    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;
+    registerHooks({
+        resolve(specifier, context, nextResolve) {
+            const resolved = nextResolve(specifier, context);
+            if (specifier !== "string-width" || context.parentURL?.startsWith(shim))
+                return resolved;
+            // Each copy of string-width (Ink may have its own) gets its own wrapper.
+            return { ...resolved, url: `${shim}?of=${encodeURIComponent(resolved.url)}` };
+        },
+    });
+    installed = true;
+    return true;
+}

package/dist/src/ui/mouse.js

@@ -1,8 +1,10 @@
 import { useEffect, useRef } from "react";
 import { useStdin } from "ink";
-// Report clicks and wheel (1000) using SGR coordinates (1006), which work past column 223.
-const ENABLE = "\x1b[?1000h\x1b[?1006h";
-const DISABLE = "\x1b[?1000l\x1b[?1006l";
+// Report clicks and wheel (1000), and movement while a button is held (1002, without it terminals never
+// send drags: no resizing panes, dragging scrollbars or selecting), using SGR coordinates (1006), which
+// work past column 223.
+export const ENABLE = "\x1b[?1000h\x1b[?1002h\x1b[?1006h";
+const DISABLE = "\x1b[?1006l\x1b[?1002l\x1b[?1000l";
 /** Mouse events in a chunk of terminal input (SGR format: ESC [ < button ; x ; y M|m). */
 export function parseMouse(chunk) {
     const events = [];
@@ -13,6 +15,7 @@ export function parseMouse(chunk) {
         const y = Number(m[3]) - 1;
         const button = code & 0b11000011; // drop the shift/alt/ctrl bits
         const shift = (code & 4) !== 0;
+        const modified = (code & (8 | 16)) !== 0; // Alt (Option) or Ctrl
         if (button === 64 || button === 65)
             events.push({ kind: "wheel", dir: button === 64 ? -1 : 1, x, y, horizontal: shift });
         else if (button === 66 || button === 67)
@@ -20,7 +23,9 @@ export function parseMouse(chunk) {
         else if (button === 0 && code & 32)
             events.push({ kind: "drag", x, y }); // 32: moved with the left button held
         else if (button === 0)
-            events.push({ kind: m[4] === "M" ? "click" : "release", x, y });
+            events.push(m[4] === "M" ? { kind: "click", x, y, ...(modified ? { define: true } : {}) } : { kind: "release", x, y });
+        else if (button === 2 && m[4] === "M")
+            events.push({ kind: "click", x, y, define: true }); // right-click
     }
     return events;
 }