nou-cli 0.3.0 → 0.4.0

package/.env.example

@@ -29,6 +29,7 @@
 # A LiteLLM proxy, or any hosted OpenAI-compatible gateway (full cloud context, unlike NOU_BASE_URL):
 # LITELLM_BASE_URL=http://localhost:4000/v1
 # LITELLM_API_KEY=
+# (LITELLM_PROXY_API_BASE and LITELLM_PROXY_API_KEY, the names LiteLLM's SDK uses, work too.)
 # NOU_MODEL=litellm:<a model name from your proxy>
 # Or skip this file: /connect <provider> inside Nou saves keys to ~/.nou/credentials.json.
 

package/README.md

@@ -76,22 +76,25 @@ Every change is reviewed like a code review:
 
 | Key | Does |
 | --- | --- |
-| 🖱️ Mouse | wheel scrolls the pane under the pointer · click a pane to focus it · click a file to open it (hold <kbd>Shift</kbd> to select text; turn off in settings) |
+| 🖱️ Mouse | wheel scrolls the pane under the pointer · click a pane to focus it · click a file to open it · drag a border between panes to resize them (hold <kbd>Shift</kbd> to select text, or press <kbd>m</kbd> to turn the mouse off) |
 | <kbd>Shift</kbd>+<kbd>↑</kbd>/<kbd>↓</kbd>, <kbd>PgUp</kbd>/<kbd>PgDn</kbd> | scroll the chat history |
 | <kbd>Tab</kbd> | switch between files, code and chat |
+| <kbd>Shift</kbd>+<kbd>Tab</kbd> | ask → auto-edit (edits apply without asking) → auto (commands too); everything stays undoable |
 | <kbd>Ctrl</kbd>+<kbd>P</kbd> | fuzzy-find a file |
 | <kbd>e</kbd> | edit the open file (<kbd>Ctrl</kbd>+<kbd>S</kbd> save · <kbd>Ctrl</kbd>+<kbd>Z</kbd>/<kbd>Y</kbd> undo/redo · <kbd>Ctrl</kbd>+<kbd>K</kbd> info · <kbd>Ctrl</kbd>+<kbd>G</kbd> definition · <kbd>Esc</kbd> close) |
 | <kbd>p</kbd> | Problems panel: every error and warning, <kbd>Enter</kbd> jumps to it |
 | <kbd>u</kbd> | undo Nou's last edit |
 | <kbd>v</kbd> | diff the open file vs git `HEAD`, Nou's last edit, or this session · <kbd>n</kbd>/<kbd>N</kbd> jump between changes · <kbd>[</kbd>/<kbd>]</kbd> previous/next file in a session diff |
 | <kbd>c</kbd> | in the file tree: show only changed files |
-| <kbd>f</kbd> | follow mode: jump to files as Nou reads and edits them |
+| <kbd>f</kbd> | follow mode (off by default): jump to files as Nou reads and edits them |
+| <kbd>&lt;</kbd> / <kbd>&gt;</kbd> / <kbd>=</kbd> | make the focused pane narrower / wider / reset the layout |
+| <kbd>m</kbd> | mouse on/off, so you can select and copy text in the terminal |
 | <kbd>s</kbd> | settings: model, preferences, plugins |
-| <kbd>y</kbd> / <kbd>n</kbd> | accept / reject a proposed edit or command |
+| <kbd>y</kbd> / <kbd>n</kbd> | accept / reject a proposed edit or command, from any pane; the rest of Nou keeps working while it waits (<kbd>o</kbd> shows the edit) |
 | <kbd>Esc</kbd> | stop Nou · close a diff · back to chat |
 | <kbd>Ctrl</kbd>+<kbd>C</kbd> | stop Nou while it works · press twice to quit |
 
-Chat commands: `/settings` · `/model [provider:model]` · `/models [provider]` · `/pull <model>` · `/engine [name]` · `/undo` · `/rewind` · `/history` · `/diff [file or n]` · `/sessions` · `/problems` · `/compact` · `/clear` · `/help`
+Chat commands: `/settings` · `/model [provider:model]` · `/models [provider]` · `/pull <model>` · `/engine [name]` · `/auto [ask|auto-edit|auto]` · `/copy [code|file]` · `/undo` · `/rewind` · `/history` · `/diff [file or n]` · `/sessions` · `/problems` · `/compact` · `/clear` · `/help`
 
 ## 🧠 Models
 
@@ -108,9 +111,9 @@ If you haven't set a key, Nou uses the API key from Claude Code (`~/.claude/sett
 | 🖥️ LM Studio | 🟢 local | start its local server |
 | ⚙️ llama.cpp server | 🟢 local | start `llama-server` |
 | 🔧 Any OpenAI-compatible server | 🟢 local | `NOU_BASE_URL`, optional `NOU_API_KEY` |
-| 🚅 LiteLLM proxy or any hosted gateway | ☁️ cloud | `/connect litellm`, or `LITELLM_BASE_URL` + `LITELLM_API_KEY` |
+| 🚅 LiteLLM proxy or any hosted gateway | ☁️ cloud | `/connect litellm`, or `LITELLM_BASE_URL` + `LITELLM_API_KEY` (LiteLLM's `LITELLM_PROXY_API_BASE` + `LITELLM_PROXY_API_KEY` work too) |
 | 🟣 Anthropic (Claude) | ☁️ cloud | `ANTHROPIC_API_KEY` |
-| ⚪ OpenAI | ☁️ cloud | `OPENAI_API_KEY` |
+| ⚪ OpenAI | ☁️ cloud | `OPENAI_API_KEY`, optional `OPENAI_BASE_URL` |
 | 🔷 Google Gemini | ☁️ cloud | `GEMINI_API_KEY` |
 | 🔀 OpenRouter | ☁️ cloud | `OPENROUTER_API_KEY` |
 | ⚡ Groq | ☁️ cloud | `GROQ_API_KEY` |

package/dist/src/agent/index.js

@@ -1,7 +1,7 @@
 import { randomUUID } from "crypto";
 import { toolDefs } from "../tools/index.js";
 import { applyChange, capOutput, fileTree, isInProject, proposeEdit, proposeWrite, readForModel, runCommand, toRelative, } from "../commands/index.js";
-import { describe } from "../providers/index.js";
+import { describe, keyHint } from "../providers/index.js";
 import { newCallId } from "../providers/ids.js";
 import { globFiles, grep } from "../search/index.js";
 /** Model requests per user message before stopping; real tasks (explore, edit, test, fix) take a few dozen. */
@@ -272,7 +272,8 @@ export class Agent {
                 this.hooks.onEntry({ kind: "info", text: "Cancelled." });
             }
             else {
-                this.hooks.onEntry({ kind: "error", text: `${describe(this.choice)}: ${error.message}` });
+                const hint = keyHint(this.choice.provider, String(error.message));
+                this.hooks.onEntry({ kind: "error", text: `${describe(this.choice)}: ${error.message}${hint ? `\n${hint}` : ""}` });
             }
             this.dropUnansweredCalls();
         }

package/dist/src/config/index.js

@@ -9,13 +9,14 @@ export const DEFAULT_SETTINGS = {
     model: "",
     engine: "nou",
     effort: "high",
-    followMode: true,
+    followMode: false,
     autoApproveEdits: false,
     autoApproveCommands: false,
     gitContext: true,
     autoSave: "delay",
     mouse: true,
     reuseToolConfig: true,
+    paneWidths: null,
     plugins: {},
     trustedPlugins: {},
 };

package/dist/src/providers/index.js

@@ -1,4 +1,5 @@
 import { loadSettings, saveSettings } from "../config/index.js";
+import { originOf } from "../config/origins.js";
 import { anthropicProvider } from "./anthropic.js";
 import { ollamaProvider } from "./ollama.js";
 import { OPENAI_COMPATIBLE, openAICompatibleProvider } from "./openai.js";
@@ -24,6 +25,21 @@ export function resolveModel(spec) {
     return { provider: providers[0], model: trimmed };
 }
 export const describe = (choice) => `${choice.provider.id}:${choice.model}`;
+/** Whether a provider error means the API key is wrong (rather than, say, the server being down). */
+export const rejectedKey = (error) => /\b(401|403)\b|api key|unauthori[sz]ed|authentication/i.test(error);
+/**
+ * For an error that says the key was rejected: which key, where it was set, and how to fix it.
+ * The usual cause is a project's .env holding a key for the app rather than for Nou.
+ */
+export function keyHint(provider, error) {
+    const key = provider.connect?.find((f) => f.secret)?.env;
+    if (!key || !rejectedKey(error))
+        return null;
+    const origin = originOf(key);
+    const others = providers.filter((p) => p !== provider && !p.local && !p.unavailable()).map((p) => p.id);
+    return `The ${key}${origin ? ` from ${origin}` : ""} was rejected. Enter another with /connect ${provider.id}`
+        + (others.length ? `, or switch with /model ${others.join(" · /model ")}.` : ", or connect another provider (e.g. /connect litellm).");
+}
 /** NOU_MODEL wins, then the model saved in settings, then local Ollama. */
 export function initialModel() {
     if (process.env.NOU_MODEL)

package/dist/src/providers/openai.js

@@ -2,14 +2,16 @@ import OpenAI from "openai";
 import { newCallId } from "./ids.js";
 /** Everything that speaks the OpenAI chat completions API. */
 export const OPENAI_COMPATIBLE = [
-    { id: "openai", label: "OpenAI", baseURL: "https://api.openai.com/v1", keyEnv: "OPENAI_API_KEY", defaultModel: "gpt-5", local: false },
+    { id: "openai", label: "OpenAI", baseURL: "https://api.openai.com/v1", urlEnv: "OPENAI_BASE_URL", keyEnv: "OPENAI_API_KEY", defaultModel: "gpt-5", local: false },
     { id: "gemini", label: "Google Gemini", baseURL: "https://generativelanguage.googleapis.com/v1beta/openai/", keyEnv: "GEMINI_API_KEY", defaultModel: "gemini-2.5-pro", local: false },
     { id: "openrouter", label: "OpenRouter", baseURL: "https://openrouter.ai/api/v1", keyEnv: "OPENROUTER_API_KEY", defaultModel: "anthropic/claude-opus-5-5", local: false },
     { id: "groq", label: "Groq", baseURL: "https://api.groq.com/openai/v1", keyEnv: "GROQ_API_KEY", defaultModel: "llama-3.3-70b-versatile", local: false },
     { id: "deepseek", label: "DeepSeek", baseURL: "https://api.deepseek.com/v1", keyEnv: "DEEPSEEK_API_KEY", defaultModel: "deepseek-chat", local: false },
     { id: "fireworks", label: "Fireworks AI", baseURL: "https://api.fireworks.ai/inference/v1", keyEnv: "FIREWORKS_API_KEY", defaultModel: "accounts/fireworks/models/kimi-k2-instruct", local: false, keyHint: "fireworks.ai/account/api-keys" },
     // A LiteLLM proxy, or any hosted OpenAI-compatible gateway: cloud-sized context, unlike "custom".
-    { id: "litellm", label: "LiteLLM / gateway", baseURL: "", urlEnv: "LITELLM_BASE_URL", keyEnv: "LITELLM_API_KEY", defaultModel: "gpt-5", local: false, keyHint: "your proxy's virtual key or master key" },
+    { id: "litellm", label: "LiteLLM / gateway", baseURL: "", urlEnv: "LITELLM_BASE_URL", keyEnv: "LITELLM_API_KEY", defaultModel: "gpt-5", local: false, keyHint: "your proxy's virtual key or master key",
+        // The names LiteLLM's own SDK uses for a proxy (its litellm_proxy provider).
+        aliases: { url: ["LITELLM_PROXY_API_BASE"], key: ["LITELLM_PROXY_API_KEY"] } },
     { id: "lmstudio", label: "LM Studio", baseURL: "http://localhost:1234/v1", urlEnv: "LMSTUDIO_BASE_URL", defaultModel: "local-model", local: true },
     { id: "llamacpp", label: "llama.cpp server", baseURL: "http://localhost:8080/v1", urlEnv: "LLAMACPP_BASE_URL", defaultModel: "local-model", local: true },
     { id: "custom", label: "Custom OpenAI-compatible", baseURL: "", urlEnv: "NOU_BASE_URL", keyEnv: "NOU_API_KEY", defaultModel: "default", local: true },
@@ -41,8 +43,9 @@ function toOpenAI(system, messages) {
 }
 export function openAICompatibleProvider(preset) {
     // Read when used, not when loaded: keys found in other tools' config (see setup/) are added at startup.
-    const baseURL = () => (preset.urlEnv && process.env[preset.urlEnv]) || preset.baseURL;
-    const apiKey = () => (preset.keyEnv && process.env[preset.keyEnv]) || (preset.local ? "not-needed" : "");
+    const first = (names) => names.map((n) => n && process.env[n]).find(Boolean);
+    const baseURL = () => first([preset.urlEnv, ...(preset.aliases?.url ?? [])]) || preset.baseURL;
+    const apiKey = () => first([preset.keyEnv, ...(preset.aliases?.key ?? [])]) || (preset.local ? "not-needed" : "");
     // Rebuilt when the URL or key changes (they can be entered while Nou runs).
     let client = null;
     const getClient = () => {

package/dist/src/syntax/index.js

@@ -66,8 +66,17 @@ function parse(file, text) {
         load(name);
     if (!lang || typeof lang === "string" || !parser)
         return null;
-    parser.setLanguage(lang);
-    return parser.parse(text);
+    try {
+        parser.setLanguage(lang);
+        return parser.parse(text);
+    }
+    catch {
+        // Some shipped grammars call into the runtime with functions it doesn't have (e.g. YAML's scanner).
+        // Don't use that grammar again; callers fall back to highlight.js.
+        languages.set(name, "failed");
+        parser = new Parser();
+        return null;
+    }
 }
 export function hasGrammar(file) {
     return grammarFor(file) !== undefined;

package/dist/src/ui/App.js

@@ -24,10 +24,14 @@ import { FileTree } from "./FileTree.js";
 import { CodeView } from "./CodeView.js";
 import { Editor } from "./Editor.js";
 import { Chat } from "./Chat.js";
+import { copyToClipboard } from "./clipboard.js";
 import { Header } from "./Header.js";
 import { QuickOpen, listAllFiles } from "./QuickOpen.js";
 import { Settings } from "./Settings.js";
 const FOCUS_ORDER = ["tree", "code", "chat"];
+const MIN_TREE = 14;
+const MIN_CODE = 20;
+const MIN_CHAT = 24;
 const NO_LINES = new Set();
 const HELP = `Commands:
   /settings            models, preferences and plugins
@@ -37,6 +41,8 @@ const HELP = `Commands:
   /connect <provider>  enter an API key (and URL), e.g. /connect fireworks  /connect litellm
   /pull <model>        download an Ollama model
   /engine [name]       which agent answers: nou, claude-code, codex or pi
+  /auto [ask|auto-edit|auto]  how much Nou does without asking (also: Shift+Tab)
+  /copy [code|file]    copy the last reply, its last code block, or the open file
   /plugins             your plugins and the starter ones you can add
   /plugins add <name>  add a starter plugin (copied to ~/.nou/plugins to edit)
   /plugins new <name>  start your own plugin in .nou/plugins/
@@ -50,6 +56,8 @@ const HELP = `Commands:
   /version             which version of Nou this is
 Keys:
   Ctrl+P  find a file      Tab  switch pane      Esc  stop / back
+  Shift+Tab  ask / auto-edit / auto                < > resize pane  = reset
+  m  mouse on/off (off: select text to copy; Shift+drag also works in most terminals)
   e  edit open file        v    diff (git / Nou / session)  f   follow mode
   p  problems              u    undo Nou's edit   s   settings
   c  (in files) show only changed files            Ctrl+C twice  quit
@@ -124,6 +132,11 @@ export function App({ initialModel, permContext }) {
     const [treeClick, setTreeClick] = useState(null);
     // Pane geometry from the last render, so mouse events can be mapped to the pane under the pointer.
     const layout = useRef({ treeWidth: 0, codeWidth: 0, paneHeight: 0 });
+    /** Pane widths while a border is dragged (saved on release); the saved ones otherwise. */
+    const [paneWidths, setPaneWidths] = useState(settings.paneWidths);
+    const paneWidthsRef = useRef(paneWidths);
+    paneWidthsRef.current = paneWidths;
+    const dragging = useRef(null);
     const pullAbort = useRef(null);
     const diagnosticsRef = useRef(null);
     diagnosticsRef.current ??= new DiagnosticsManager();
@@ -132,6 +145,8 @@ export function App({ initialModel, permContext }) {
     timelineRef.current ??= new Timeline(() => setHistoryVersion((v) => v + 1));
     const timeline = timelineRef.current;
     const followRef = useRef(follow);
+    /** Whether the editor is open, for the agent hooks (which outlive renders). */
+    const draftActiveRef = useRef(false);
     followRef.current = follow;
     const settingsRef = useRef(settings);
     settingsRef.current = settings;
@@ -169,8 +184,8 @@ export function App({ initialModel, permContext }) {
                 }
                 const lines = status === "applied" ? changedLines(change.before, change.after) : NO_LINES;
                 setChanges((prev) => new Map(prev).set(change.path, { change, status, lines }));
-                // Diffs awaiting approval are always shown, follow mode or not.
-                if (status === "pending" || followRef.current) {
+                // Diffs awaiting approval are shown unless you're in the middle of editing a file (the chat says what's waiting).
+                if ((status === "pending" && !draftActiveRef.current) || followRef.current) {
                     setOpenFile(change.path);
                     setContent(status === "applied" ? change.after : readText(change.path));
                     setDiffMode("off");
@@ -280,18 +295,19 @@ export function App({ initialModel, permContext }) {
         if (!isInstalled(target)) {
             const controller = new AbortController();
             pullAbort.current = controller;
-            info(`Installing ${target.label} (${target.package}) into ~/.nou/engines. Esc to stop.`);
-            setBusy(`Installing ${target.label}...`);
+            info(`${target.label} isn't installed yet, so Nou is installing it now: npm install ${target.package} into ~/.nou/engines. This happens once and can take a minute. Esc to stop.`);
+            setBusy(`Installing the ${target.label} engine (npm)...`);
             try {
-                await installEngine(target, (line) => setBusy(`Installing ${target.label}: ${line.slice(0, 80)}`), controller.signal);
+                await installEngine(target, (line) => setBusy(`Installing the ${target.label} engine (npm): ${line.slice(0, 70)}`), controller.signal);
             }
             catch (error) {
-                return info(controller.signal.aborted ? `Stopped installing ${target.label}.` : `Couldn't install ${target.label}: ${error.message}`, "error");
+                return info(controller.signal.aborted ? `Stopped installing ${target.label}. Nothing changed; you're still on ${engineInfo(agentRef.current.id).label}.` : `Couldn't install ${target.label}: ${error.message}`, "error");
             }
             finally {
                 pullAbort.current = null;
                 setBusy(null);
             }
+            info(`Installed ${target.label} (${target.package}).`);
         }
         agentRef.current.dispose?.();
         const engine = createEngine(id, choice, engineConfig.current.system ?? buildSystemPrompt(permContext), hooksRef.current);
@@ -365,16 +381,40 @@ export function App({ initialModel, permContext }) {
         approval?.resolve(ok);
         setApproval(null);
     };
+    /** Shows the edit waiting for approval in the code view. */
+    const openPending = () => {
+        const file = approval?.request.kind === "change" ? approval.request.change.path : null;
+        if (!file || !settleDraft(file))
+            return;
+        setEditing(false);
+        open(file);
+        setReveal(file);
+        setFocus("code");
+    };
+    /** Ask → Auto-edit (edits apply without asking) → Auto (commands too) → Ask. Undo and diffs work the same in each. */
+    const autoMode = settings.autoApproveCommands ? "auto" : settings.autoApproveEdits ? "auto-edit" : "ask";
+    const cycleAutoMode = (to) => {
+        const next = to ?? (autoMode === "ask" ? "auto-edit" : autoMode === "auto-edit" ? "auto" : "ask");
+        updateSettings({ autoApproveEdits: next !== "ask", autoApproveCommands: next === "auto" });
+        // Whatever is waiting now falls under the new mode too.
+        const kind = approval?.request.kind;
+        if (kind && (next === "auto" || (next === "auto-edit" && kind === "change")))
+            answer(true);
+        info(next === "ask" ? "Ask mode: Nou asks before every edit and command."
+            : next === "auto-edit" ? "Auto-edit mode: edits apply without asking; Nou still asks before commands. Review with the diff view, u to undo."
+                : "Auto mode: edits and commands run without asking. Review with the diff view, u to undo. Shift+Tab to change.");
+    };
     const record = openFile ? changes.get(openFile) : undefined;
     const pendingChange = approval?.request.kind === "change" ? approval.request.change : null;
     const gitChange = useMemo(() => (diffMode === "git" && openFile ? diffAgainstHead(openFile, content) : null), [diffMode, openFile, content]);
     const sessionId = sessionView?.id ?? agentRef.current.session;
     const sessionFiles = useMemo(() => timeline.sessionChanges(sessionId), [sessionId, historyVersion]);
     const sessionChange = openFile ? sessionFiles.find((c) => c.path === openFile) ?? null : null;
-    const diff = pendingChange ?? (diffMode === "git" ? gitChange
+    const diff = (pendingChange && pendingChange.path === openFile ? pendingChange : null) ?? (diffMode === "git" ? gitChange
         : diffMode === "nou" && record ? record.change
             : diffMode === "session" ? sessionChange : null);
-    const showEditor = editing && !!openFile && !pendingChange;
+    const showEditor = editing && !!openFile && !(pendingChange && pendingChange.path === openFile);
+    draftActiveRef.current = showEditor;
     // Check Nou's proposed edit before you approve it: does it add problems?
     useEffect(() => {
         setPendingNote(null);
@@ -415,14 +455,37 @@ export function App({ initialModel, permContext }) {
         setExitArmed(true);
         setTimeout(() => setExitArmed(false), 2000);
     };
+    /** Moves a pane border to column `x` and keeps every pane usable. */
+    const moveBorder = (border, x) => {
+        const { treeWidth, codeWidth } = layout.current;
+        const chatWidth = columns - treeWidth - codeWidth;
+        const tree = border === "tree" ? Math.min(Math.max(x + 1, MIN_TREE), columns - chatWidth - MIN_CODE) : treeWidth;
+        const chat = border === "chat" ? Math.min(Math.max(columns - x, MIN_CHAT), columns - treeWidth - MIN_CODE) : chatWidth;
+        const next = { tree: tree / columns, chat: chat / columns };
+        setPaneWidths(next);
+        return next;
+    };
     // Mouse: the wheel scrolls whatever pane is under the pointer; a click focuses that pane
-    // (and in the file tree, opens the clicked file).
+    // (and in the file tree, opens the clicked file). Dragging a border between panes resizes them.
     useMouse((event) => {
         if (view !== "main" || quickOpen)
             return;
         const { treeWidth, codeWidth, paneHeight } = layout.current;
+        if (event.kind === "drag")
+            return void (dragging.current && moveBorder(dragging.current, event.x));
+        if (event.kind === "release") {
+            if (dragging.current)
+                updateSettings({ paneWidths: paneWidthsRef.current });
+            dragging.current = null;
+            return;
+        }
         if (event.y < 1 || event.y > paneHeight)
             return; // header or status bar
+        // Each border is two columns: the left pane's edge and the right pane's.
+        if (event.kind === "click" && Math.abs(event.x - (treeWidth - 0.5)) <= 1)
+            return void (dragging.current = "tree");
+        if (event.kind === "click" && Math.abs(event.x - (treeWidth + codeWidth - 0.5)) <= 1)
+            return void (dragging.current = "chat");
         const pane = event.x < treeWidth ? "tree" : event.x < treeWidth + codeWidth ? "code" : "chat";
         if (event.kind === "wheel") {
             setWheel((w) => ({ pane, dir: event.dir, nonce: (w?.nonce ?? 0) + 1 }));
@@ -611,16 +674,17 @@ export function App({ initialModel, permContext }) {
         setDiffMode((m) => order[(order.indexOf(m) + 1) % order.length]);
     };
     useInput((input, key) => {
-        if (approval) {
-            if (input === "y" || input === "Y")
-                answer(true);
-            else if (input === "n" || input === "N")
-                answer(false);
-            else if (key.escape) {
+        // A waiting approval doesn't freeze anything: y/n answer it from the tree or code view (the chat
+        // handles them itself when its input is empty), Esc stops the turn, and every other key works as usual.
+        if (approval && !(showEditor && focus === "code")) {
+            if (key.escape) {
                 agentRef.current?.cancel();
-                answer(false);
+                return answer(false);
             }
-            return;
+            if (focus !== "chat" && /^[yYnN]$/.test(input))
+                return answer(/[yY]/.test(input));
+            if (focus !== "chat" && input === "o" && pendingChange)
+                return openPending();
         }
         if (key.ctrl && input === "p") {
             setQuickOpen(true);
@@ -628,9 +692,10 @@ export function App({ initialModel, permContext }) {
         }
         if (showEditor && focus === "code")
             return; // the editor owns the keyboard
+        if (key.tab && key.shift)
+            return cycleAutoMode();
         if (key.tab) {
-            const step = key.shift ? -1 : 1;
-            setFocus((f) => FOCUS_ORDER[(FOCUS_ORDER.indexOf(f) + step + FOCUS_ORDER.length) % FOCUS_ORDER.length]);
+            setFocus((f) => FOCUS_ORDER[(FOCUS_ORDER.indexOf(f) + 1) % FOCUS_ORDER.length]);
             return;
         }
         if (key.escape) {
@@ -650,6 +715,10 @@ export function App({ initialModel, permContext }) {
             return; // letters belong to the text box
         if (input === "f")
             setFollow((f) => !f);
+        else if (input === "m") {
+            updateSettings({ mouse: !settings.mouse });
+            info(settings.mouse ? "Mouse off: drag to select text and copy it as usual in your terminal. m turns it back on." : "Mouse on: wheel scrolls, click focuses, drag borders to resize.");
+        }
         else if (input === "p") {
             setCodePanel((p) => (p === "problems" ? "code" : "problems"));
             setEditing(false);
@@ -657,6 +726,16 @@ export function App({ initialModel, permContext }) {
         }
         else if (input === "u")
             undoLast();
+        else if (input === "<" || input === ">") {
+            // Moves the focused pane's inner border: the tree's right edge, or the code view's edge with the chat.
+            const { treeWidth, codeWidth } = layout.current;
+            const step = input === ">" ? 2 : -2;
+            updateSettings({ paneWidths: moveBorder(focus === "tree" ? "tree" : "chat", (focus === "tree" ? treeWidth - 1 : treeWidth + codeWidth) + step) });
+        }
+        else if (input === "=") {
+            setPaneWidths(null);
+            updateSettings({ paneWidths: null });
+        }
         else if (input === "v")
             cycleDiff();
         else if ((input === "]" || input === "[") && diffMode === "session")
@@ -774,13 +853,31 @@ ${snippet}
                 }
                 return chooseModel(resolveModel(arg));
             }
+            case "copy": {
+                const reply = [...entries].reverse().find((e) => e.kind === "assistant")?.text;
+                const blocks = reply ? [...reply.matchAll(/```[^\n]*\n([\s\S]*?)```/g)].map((m) => m[1]) : [];
+                const what = arg === "file" ? (openFile ? readText(openFile) : null) : arg === "code" ? blocks[blocks.length - 1] ?? null : reply ?? null;
+                if (arg && arg !== "file" && arg !== "code")
+                    return info("Usage: /copy (the last reply) · /copy code (its last code block) · /copy file (the open file)", "error");
+                if (!what)
+                    return info(arg === "file" ? "No file is open." : arg === "code" ? "The last reply has no code block." : "Nothing to copy yet.", "error");
+                const ok = await copyToClipboard(what);
+                return info(ok ? `Copied ${arg === "file" ? openFile : arg === "code" ? "the code block" : "the last reply"} (${what.split("\n").length} lines).` : "Couldn't reach the clipboard. Press m to turn off the mouse and select the text yourself.", ok ? "info" : "error");
+            }
+            case "auto": {
+                if (!arg)
+                    return cycleAutoMode();
+                if (arg === "ask" || arg === "auto-edit" || arg === "auto")
+                    return cycleAutoMode(arg);
+                return info("Usage: /auto [ask|auto-edit|auto]", "error");
+            }
             case "engine": {
                 if (arg && isEngineId(arg))
                     return switchEngine(arg);
                 if (arg)
                     return info(`Unknown engine ${arg}. Choose one of: ${ENGINES.map((e) => e.id).join(", ")}`, "error");
                 const current = agentRef.current.id;
-                const lines = ENGINES.map((e) => `  ${e.id === current ? "●" : "○"} ${e.id.padEnd(12)} ${e.description}${isInstalled(e) ? "" : " (installs on first use)"}`);
+                const lines = ENGINES.map((e) => `  ${e.id === current ? "●" : "○"} ${e.id.padEnd(12)} ${e.description}${isInstalled(e) ? "" : ` (not installed: switching runs npm install ${e.package})`}`);
                 return info(`Engines (/engine <name> to switch, or /settings → Engine):\n${lines.join("\n")}`);
             }
             case "pull": {
@@ -892,9 +989,9 @@ ${snippet}
             } }));
     }
     const height = Math.max(10, rows - 2);
-    const treeWidth = Math.max(24, Math.floor(columns * 0.2));
-    const chatWidth = Math.max(34, Math.floor(columns * 0.3));
-    const codeWidth = Math.max(20, columns - treeWidth - chatWidth);
+    const treeWidth = paneWidths ? Math.max(MIN_TREE, Math.round(columns * paneWidths.tree)) : Math.max(24, Math.floor(columns * 0.2));
+    const chatWidth = paneWidths ? Math.max(MIN_CHAT, Math.min(Math.round(columns * paneWidths.chat), columns - treeWidth - MIN_CODE)) : Math.max(34, Math.floor(columns * 0.3));
+    const codeWidth = Math.max(MIN_CODE, columns - treeWidth - chatWidth);
     layout.current = { treeWidth, codeWidth, paneHeight: height };
     const wheelFor = (pane) => (wheel?.pane === pane ? wheel : null);
     const edited = new Set([...changes].filter(([, c]) => c.status === "applied").map(([p]) => p));
@@ -908,19 +1005,32 @@ ${snippet}
             : diff ? { label: "DIFF", color: C.accent2 }
                 : busy ? { label: "WORKING", color: C.accent2 }
                     : { label: focus.toUpperCase(), color: C.accent };
-    const hints = approval
-        ? "y accept · n reject · Esc stop"
+    // Shortcuts for the status bar, most useful first; the ones that don't fit are left out (all of them are in /help).
+    const hints = approval && !(showEditor && focus === "code")
+        ? [["y", "accept"], ["n", "reject"], ...(pendingChange && diff !== pendingChange ? [["o", "show the edit"]] : []), ["Esc", "stop"], ["Shift+Tab", "auto mode"]]
         : showEditor && focus === "code"
-            ? `Ctrl+S save${settings.autoSave === "off" ? "" : " (auto-save on)"} · Ctrl+Z/Y undo/redo · Ctrl+K info · Ctrl+G definition · Esc close`
+            ? [["Esc", "done"], ["Ctrl+S", settings.autoSave === "off" ? "save" : "save (auto-save on)"], ["Ctrl+Z", "undo"], ["Ctrl+Y", "redo"], ["Ctrl+K", "info"], ["Ctrl+G", "definition"]]
             : focus === "chat"
-                ? busy ? "Esc stop · Shift+↑↓ scroll chat · Tab switch pane" : "Enter send · Shift+↑↓ / PgUp scroll · / commands · Ctrl+P find file · Tab switch pane"
+                ? busy
+                    ? [["Esc", "stop"], ["Shift+↑↓", "scroll"], ["Tab", "next pane"]]
+                    : [["Enter", "send"], ["/", "commands"], ["Tab", "next pane"], ["Ctrl+P", "find file"], ["Shift+↑↓", "scroll"]]
                 : focus === "tree"
-                    ? "↑↓ move · Enter open · c changes · e edit · p problems · u undo · Ctrl+P find · s settings"
-                    : diff ? `n/N next/prev change${diffMode === "session" ? " · [ ] prev/next file" : ""} · v cycle diff · Esc close diff` : "↑↓ scroll · e edit · v diff · p problems · u undo · s settings";
-    return (_jsxs(Box, { flexDirection: "column", width: columns, height: rows, children: [_jsx(Header, { width: columns, branch: branch, changes: git.size, model: agentRef.current.id === "nou" ? describe(choice) : `${engineInfo(agentRef.current.id).label} · ${engineInfo(agentRef.current.id).model(choice)}`, local: choice.provider.local, busy: busy, update: update }), _jsxs(Box, { flexDirection: "row", height: height, children: [_jsx(FileTree, { width: treeWidth, height: height, focused: focus === "tree" && !approval, openFile: openFile, reveal: reveal, version: treeVersion, changed: edited, git: git, problemCounts: diagnostics.fileCounts(), wheel: wheelFor("tree"), click: treeClick, onOpen: (filePath) => {
+                    ? [["Enter", "open"], ["e", "edit"], ["c", "changes"], ["Ctrl+P", "find"], ["u", "undo"], ["p", "problems"], ["< >", "resize"], ["m", "select text"], ["s", "settings"]]
+                    : diff
+                        ? [["Esc", "close diff"], ["n/N", "next/prev change"], ...(diffMode === "session" ? [["[ ]", "prev/next file"]] : []), ["v", "cycle diff"]]
+                        : [["e", "edit"], ["v", "diff"], ["u", "undo"], ["p", "problems"], ["< >", "resize"], ["m", "select text"], ["s", "settings"]];
+    const statusUsed = mode.label.length + 2 + autoMode.length + 2 + 10 + ` ✖ ${totals.errors} ▲ ${totals.warnings} `.length + (checking.length ? 4 + checking.join(", ").length : 0) + 2;
+    const shownHints = [];
+    for (let used = statusUsed, i = 0; i < hints.length; i++) {
+        used += hints[i][0].length + hints[i][1].length + 4;
+        if (used > columns)
+            break;
+        shownHints.push(hints[i]);
+    }
+    return (_jsxs(Box, { flexDirection: "column", width: columns, height: rows, children: [_jsx(Header, { width: columns, branch: branch, changes: git.size, model: agentRef.current.id === "nou" ? describe(choice) : `${engineInfo(agentRef.current.id).label} · ${engineInfo(agentRef.current.id).model(choice)}`, local: choice.provider.local, busy: busy, update: update }), _jsxs(Box, { flexDirection: "row", height: height, children: [_jsx(FileTree, { width: treeWidth, height: height, focused: focus === "tree", openFile: openFile, reveal: reveal, version: treeVersion, changed: edited, git: git, problemCounts: diagnostics.fileCounts(), wheel: wheelFor("tree"), click: treeClick, onOpen: (filePath) => {
                             open(filePath);
                             setFocus("code");
-                        }, onHover: () => { } }), codePanel === "problems" && !pendingChange ? (_jsx(ProblemsView, { width: codeWidth, height: height, focused: focus === "code" && !approval, problems: diagnostics.all(), checking: checking, wheel: wheelFor("code"), onJump: (file, line) => openAt(file, line), onClose: () => setCodePanel("code") })) : showEditor ? (_jsx(Editor, { width: codeWidth, height: height, focused: focus === "code", filePath: openFile, initial: draft.current?.path === openFile ? draft.current.text : content, baseline: draft.current?.path === openFile ? draft.current.baseline : content, startLine: editorStart.line, problems: fileProblems, autoSave: settings.autoSave, syntaxVersion: syntaxVersion, wheel: wheelFor("code"), onHover: (text, line, col) => (lspEnabled ? lsp.hover(openFile, text, line, col) : Promise.resolve(null)), onDefinition: (text, line, col) => {
+                        }, onHover: () => { } }), codePanel === "problems" && !pendingChange ? (_jsx(ProblemsView, { width: codeWidth, height: height, focused: focus === "code", problems: diagnostics.all(), checking: checking, wheel: wheelFor("code"), onJump: (file, line) => openAt(file, line), onClose: () => setCodePanel("code") })) : showEditor ? (_jsx(Editor, { width: codeWidth, height: height, focused: focus === "code", filePath: openFile, initial: draft.current?.path === openFile ? draft.current.text : content, baseline: draft.current?.path === openFile ? draft.current.baseline : content, startLine: editorStart.line, problems: fileProblems, autoSave: settings.autoSave, syntaxVersion: syntaxVersion, wheel: wheelFor("code"), onHover: (text, line, col) => (lspEnabled ? lsp.hover(openFile, text, line, col) : Promise.resolve(null)), onDefinition: (text, line, col) => {
                             if (!lspEnabled)
                                 return info("Go to definition needs a language server (see /settings → Plugins).", "error");
                             void lsp.definition(openFile, text, line, col).then((target) => {
@@ -939,9 +1049,9 @@ ${snippet}
                             draft.current = state.dirty
                                 ? { path: openFile, text: state.lines.join("\n"), baseline: draft.current?.path === openFile ? draft.current.baseline : content }
                                 : null;
-                        } }, `${openFile}:${editorStart.nonce}`)) : (_jsx(CodeView, { width: codeWidth, height: height, focused: focus === "code" && !approval, filePath: openFile, content: content, diff: diff, diffLabel: diffMode === "git" ? "vs HEAD" : diffMode === "session" ? sessionView?.label ?? "this session" : "Nou's edit", pending: !!pendingChange, marked: record?.lines ?? NO_LINES, problems: fileProblems, focusLine: focusLine, syntaxVersion: syntaxVersion, diffNote: pendingChange ? pendingNote?.short ?? (checking.length ? "checking…" : null) : null, wheel: wheelFor("code"), onViewport: (top, bottom) => setViewport((v) => (v?.top === top && v.bottom === bottom ? v : { top, bottom })) })), _jsx(Chat, { width: chatWidth, height: height, focused: focus === "chat", entries: entries, streaming: streaming, busy: busy, approval: approval?.request ?? null, approvalNote: pendingChange ? pendingNote?.detail ?? null : null, contextChip: contextChip, wheel: wheelFor("chat"), onSubmit: send })] }), _jsx(Box, { children: _jsxs(Text, { wrap: "truncate-end", children: [_jsx(Text, { backgroundColor: mode.color, color: "black", bold: true, children: ` ${mode.label} ` }), _jsx(Text, { backgroundColor: C.panel, color: follow ? C.green : C.dim, children: follow ? " ◉ follow " : " ○ follow " }), _jsx(Text, { backgroundColor: C.panel, color: totals.errors ? C.red : C.dim, children: ` ✖ ${totals.errors}` }), _jsx(Text, { backgroundColor: C.panel, color: totals.warnings ? C.yellow : C.dim, children: ` ▲ ${totals.warnings} ` }), checking.length > 0 && _jsxs(Text, { color: C.accent2, children: [" \u27F3 ", checking.join(", ")] }), exitArmed
+                        } }, `${openFile}:${editorStart.nonce}`)) : (_jsx(CodeView, { width: codeWidth, height: height, focused: focus === "code", filePath: openFile, content: content, diff: diff, diffLabel: diffMode === "git" ? "vs HEAD" : diffMode === "session" ? sessionView?.label ?? "this session" : "Nou's edit", pending: !!pendingChange && diff === pendingChange, marked: record?.lines ?? NO_LINES, problems: fileProblems, focusLine: focusLine, syntaxVersion: syntaxVersion, diffNote: pendingChange && diff === pendingChange ? pendingNote?.short ?? (checking.length ? "checking…" : null) : null, wheel: wheelFor("code"), onViewport: (top, bottom) => setViewport((v) => (v?.top === top && v.bottom === bottom ? v : { top, bottom })) })), _jsx(Chat, { width: chatWidth, height: height, focused: focus === "chat", entries: entries, streaming: streaming, busy: busy, approval: approval?.request ?? null, approvalNote: pendingChange ? pendingNote?.detail ?? null : null, contextChip: contextChip, wheel: wheelFor("chat"), onSubmit: send, onAnswer: answer })] }), _jsx(Box, { children: _jsxs(Text, { wrap: "truncate-end", children: [_jsx(Text, { backgroundColor: mode.color, color: "black", bold: true, children: ` ${mode.label} ` }), _jsx(Text, { backgroundColor: C.panel, color: autoMode === "ask" ? C.dim : C.orange, bold: autoMode !== "ask", children: ` ${autoMode === "ask" ? "ask" : autoMode} ` }), _jsx(Text, { backgroundColor: C.panel, color: follow ? C.green : C.dim, children: follow ? " ◉ follow " : " ○ follow " }), _jsx(Text, { backgroundColor: C.panel, color: totals.errors ? C.red : C.dim, children: ` ✖ ${totals.errors}` }), _jsx(Text, { backgroundColor: C.panel, color: totals.warnings ? C.yellow : C.dim, children: ` ▲ ${totals.warnings} ` }), checking.length > 0 && _jsxs(Text, { color: C.accent2, children: [" \u27F3 ", checking.join(", ")] }), exitArmed
                             ? _jsxs(Text, { color: C.yellow, bold: true, children: ["  ", "Press again to quit", draft.current && settings.autoSave === "off" ? ` (unsaved changes in ${draft.current.path} will be lost)` : ""] })
-                            : _jsxs(Text, { color: C.dim, children: ["  ", hints] })] }) }), quickOpen && (_jsx(QuickOpen, { width: columns, top: 3, files: allFiles, onPick: (file) => {
+                            : shownHints.map(([key, action], i) => (_jsxs(Text, { children: [i === 0 ? "  " : _jsx(Text, { color: C.dim, children: " \u00B7 " }), _jsx(Text, { color: C.text, children: key }), _jsxs(Text, { color: C.dim, children: [" ", action] })] }, key)))] }) }), quickOpen && (_jsx(QuickOpen, { width: columns, top: 3, files: allFiles, onPick: (file) => {
                     setQuickOpen(false);
                     open(file);
                     setReveal(file);

package/dist/src/ui/Chat.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useMemo, useState } from "react";
 import { Box, Text, useAnimation, useInput } from "ink";
-import { wrap } from "./text.js";
+import { renderMarkdown, wrap } from "./text.js";
 import { ChatInput, inputHeight } from "./ChatInput.js";
 import { C, SPINNER } from "./theme.js";
 import { Pane } from "./Pane.js";
-export const COMMANDS = ["/model", "/models", "/settings", "/undo", "/rewind", "/history", "/problems", "/version", "/clear", "/help"];
-export function Chat({ width, height, focused, entries, streaming, busy, approval, approvalNote, contextChip, wheel, onSubmit }) {
+export const COMMANDS = ["/model", "/models", "/settings", "/auto", "/engine", "/copy", "/undo", "/rewind", "/history", "/problems", "/version", "/clear", "/help"];
+export function Chat({ width, height, focused, entries, streaming, busy, approval, approvalNote, contextChip, wheel, onSubmit, onAnswer }) {
     const [input, setInput] = useState("");
     const [scrollBack, setScrollBack] = useState(0);
     const { frame } = useAnimation({ interval: 80, isActive: !!busy });
@@ -23,9 +23,9 @@ export function Chat({ width, height, focused, entries, streaming, busy, approva
             }
             else if (entry.kind === "assistant") {
                 out.push({ text: "◆ nou", color: C.accent2, bold: true, bar: C.accent2 });
-                for (const line of wrap(entry.text, inner - 3)) {
-                    const isCode = /^\s{2,}|^```|^\s*[{}();]/.test(line);
-                    out.push({ text: line, ...(isCode ? { color: C.yellow } : {}), bar: C.accent2 });
+                for (const line of renderMarkdown(entry.text, inner - 3)) {
+                    const color = line.kind === "heading" ? C.accent2 : line.kind === "quote" ? C.dim : undefined;
+                    out.push({ text: "", spans: line.spans, ...(color ? { color } : {}), bar: C.accent2 });
                 }
                 out.push({ text: "" });
             }
@@ -54,13 +54,13 @@ export function Chat({ width, height, focused, entries, streaming, busy, approva
         footer.push({ text: " [y] allow   [n] deny   [Esc] stop", color: C.yellow });
     }
     else if (approval?.kind === "change") {
-        footer.push({ text: `✎ Review ${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 });
             for (const line of wrap(approvalNote, inner - 2).slice(0, 6))
                 footer.push({ text: ` ${line}`, color: C.red });
         }
-        footer.push({ text: " [y] accept   [n] reject   [Esc] stop", color: C.yellow });
+        footer.push({ text: " [y] accept   [n] reject   [o] show it   [Esc] stop", color: C.yellow });
     }
     else if (busy) {
         footer.push({ text: `${SPINNER[frame % SPINNER.length]} ${busy}`, color: C.accent2 });
@@ -78,6 +78,13 @@ export function Chat({ width, height, focused, entries, streaming, busy, approva
         if (wheel)
             setScrollBack((b) => Math.max(0, Math.min(maxBack, b - wheel.dir * 3)));
     }, [wheel?.nonce]);
+    // While something waits for approval, y/n into an empty input answer it; any other key starts a message.
+    useInput((typed) => {
+        if (/^[yYnN]$/.test(typed))
+            onAnswer(/[yY]/.test(typed));
+        else if (typed && typed >= " ")
+            setInput(typed); // printable, not a control key
+    }, { isActive: focused && !!approval && !input });
     useInput((_input, key) => {
         if (key.pageUp || (key.upArrow && key.shift))
             setScrollBack((b) => Math.min(maxBack, b + Math.max(1, rows - 2)));
@@ -92,12 +99,14 @@ export function Chat({ width, height, focused, entries, streaming, busy, approva
         setInput("");
         onSubmit(command);
     };
-    const render = (line, key) => (_jsxs(Text, { wrap: "truncate-end", children: [line.bar ? _jsx(Text, { color: line.bar, children: "\u258C " }) : null, _jsx(Text, { bold: !!line.bold, dimColor: !!line.dim, ...(line.color ? { color: line.color } : {}), children: line.text || " " })] }, key));
+    const render = (line, key) => (_jsxs(Text, { wrap: "truncate-end", children: [line.bar ? _jsx(Text, { color: line.bar, children: "\u258C " }) : null, line.spans?.length
+                ? line.spans.map((span, i) => (_jsx(Text, { bold: !!span.bold || !!line.bold, italic: !!span.italic, dimColor: !!span.dim, ...(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" }), " Chat", back
                 ? _jsxs(Text, { color: C.yellow, children: ["  \u2191 scrolled ", back, " lines \u00B7 Shift+\u2193 / PgDn / wheel to go back"] })
                 : maxBack > 0 ? _jsx(Text, { color: C.dim, children: "  Shift+\u2191 / PgUp / wheel to scroll" }) : null] }));
     return (_jsxs(Pane, { title: title, width: width, height: height, focused: focused, children: [_jsx(Box, { flexDirection: "column", height: rows, children: empty ? (_jsxs(Box, { flexDirection: "column", paddingX: 1, children: [_jsx(Text, { color: C.dim, children: "Try:" }), _jsx(Text, { color: C.text, children: "  \u201Cexplain this file\u201D" }), _jsx(Text, { color: C.text, children: "  \u201Cwhat changed since my last commit?\u201D" }), _jsx(Text, { color: C.text, children: "  \u201Cadd error handling here\u201D" }), _jsx(Text, { children: " " }), _jsx(Text, { color: C.dim, children: "I can see the file you have open." })] })) : visible.map((line, i) => render(line, i)) }), _jsx(Box, { flexDirection: "column", children: footer.map((line, i) => render(line, `f${i}`)) }), _jsx(Text, { wrap: "truncate-end", color: C.dim, children: suggestions.length
                     ? _jsxs(Text, { color: C.accent, children: [suggestions.join("  "), "  ", _jsx(Text, { color: C.dim, children: suggestions.length === 1 ? "Enter ↵" : "" })] })
-                    : 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)) }), _jsx(ChatInput, { value: input, onChange: setInput, onSubmit: submit, focus: focused && !approval, width: inner, history: history, placeholder: busy ? "working… Esc to stop" : "Ask anything · / for commands · ↑ history" })] }));
+                    : 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)) }), _jsx(ChatInput, { value: input, onChange: setInput, onSubmit: submit, focus: focused && !(approval && !input), width: inner, history: history, placeholder: busy ? "working… Esc to stop" : "Ask anything · / for commands · ↑ history" })] }));
 }

package/dist/src/ui/CodeView.js

@@ -53,7 +53,7 @@ export function CodeView({ width, height, focused, filePath, content, diff, diff
             setTop(0);
         else if (input === "G")
             setTop(maxTop);
-        else if (diff && (input === "n" || input === "N")) {
+        else if (diff && !pending && (input === "n" || input === "N")) {
             // Jump between change hunks.
             const starts = diffRows.flatMap((r, i) => (r.changed && !diffRows[i - 1]?.changed ? [i] : []));
             const target = input === "n" ? starts.find((s) => s - 3 > start) : [...starts].reverse().find((s) => s - 3 < start);

package/dist/src/ui/Editor.js

@@ -234,5 +234,5 @@ export function Editor({ width, height, focused, filePath, initial, baseline, st
                     const shown = expand(line).slice(v.left, v.left + textWidth);
                     const at = cursorX - v.left;
                     return (_jsxs(Text, { wrap: "truncate-end", children: [num, _jsx(Text, { color: C.text, children: shown.slice(0, at) }), _jsx(Text, { inverse: true, color: C.green, children: shown[at] ?? " " }), _jsx(Text, { color: C.text, children: shown.slice(at + 1) })] }, n));
-                }) }), hoverLines.length > 0 && (_jsx(Box, { position: "absolute", top: Math.max(1, rows - hoverLines.length - 1), left: gutter + 1, flexDirection: "column", borderStyle: "round", borderColor: C.accent2, width: Math.min(width - gutter - 3, 2 + Math.max(...hoverLines.map((l) => l.length))), children: hoverLines.map((l, i) => _jsx(Text, { color: C.text, wrap: "truncate-end", children: l.padEnd(width) }, i)) })), _jsxs(Text, { wrap: "truncate-end", color: statusColor, children: [` ${status}`, _jsx(Text, { color: C.dim, children: confirmExit ? "" : `   Ctrl+S save${autoSave === "off" ? "" : " (auto)"} · Ctrl+Z/Y undo/redo · Ctrl+K info · Ctrl+G definition · Esc close` })] })] }));
+                }) }), hoverLines.length > 0 && (_jsx(Box, { position: "absolute", top: Math.max(1, rows - hoverLines.length - 1), left: gutter + 1, flexDirection: "column", borderStyle: "round", borderColor: C.accent2, width: Math.min(width - gutter - 3, 2 + Math.max(...hoverLines.map((l) => l.length))), children: hoverLines.map((l, i) => _jsx(Text, { color: C.text, wrap: "truncate-end", children: l.padEnd(width) }, i)) })), _jsx(Text, { wrap: "truncate-end", color: statusColor, children: ` ${status}` })] }));
 }

package/dist/src/ui/FileTree.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useEffect, useMemo, useState } from "react";
+import { useEffect, useMemo, useRef, useState } from "react";
 import { readdirSync } from "fs";
 import path from "path";
 import { Box, Text, useInput } from "ink";
@@ -50,10 +50,13 @@ export function FileTree({ width, height, focused, openFile, reveal, version, ch
         }
         return dirs;
     }, [git]);
-    // Expand the folders leading to whatever the agent is touching and move to it.
+    // Expand the folders leading to whatever the agent is touching and move to it, once per reveal:
+    // later changes to the list (expanding folders, git refreshes) must not pull the cursor back.
+    const pendingReveal = useRef(null);
     useEffect(() => {
         if (!reveal)
             return;
+        pendingReveal.current = reveal;
         const parts = reveal.split("/");
         setExpanded((prev) => {
             const next = new Set(prev);
@@ -63,12 +66,14 @@ export function FileTree({ width, height, focused, openFile, reveal, version, ch
         });
     }, [reveal, version]);
     useEffect(() => {
-        if (!reveal)
+        if (!pendingReveal.current)
+            return;
+        const index = nodes.findIndex((n) => n.path === pendingReveal.current);
+        if (index < 0)
             return;
-        const index = nodes.findIndex((n) => n.path === reveal);
-        if (index >= 0)
-            setCursor(index);
-    }, [nodes, reveal]);
+        setCursor(index);
+        pendingReveal.current = null;
+    }, [nodes]);
     useEffect(() => {
         setCursor((c) => Math.min(c, Math.max(0, nodes.length - 1)));
     }, [nodes.length]);

package/dist/src/ui/Settings.js

@@ -7,7 +7,7 @@ import { saveCredentials } from "../config/credentials.js";
 import { originOf, setOutsideNou } from "../config/origins.js";
 import { PLUGIN_DIRS, isEnabled, trustState } from "../plugins/index.js";
 import { currentVersion } from "../update/index.js";
-import { describe, providers } from "../providers/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"];
@@ -201,7 +201,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: [ENGINES.map((engine, i) => {
                         const selected = i === row;
                         const active = engine.id === settings.engine;
-                        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: active ? C.green : C.dim, bold: true, children: active ? "● " : "○ " }), _jsx(Text, { color: C.text, bold: selected, children: engine.label.padEnd(14) }), _jsxs(Text, { color: C.dim, children: [active ? "in use · " : "", isInstalled(engine) ? "" : "installs on first use · ", "model: ", engine.model(choice)] })] }), _jsxs(Text, { color: C.dim, wrap: "truncate-end", children: ["    ", engine.description] }), engine.approvals === "after" && _jsx(Text, { color: C.orange, wrap: "truncate-end", children: "    Nou can't ask before its edits; it shows them afterwards so you can undo them." })] }, engine.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 ? "▸ " : "  " }), _jsx(Text, { color: active ? C.green : C.dim, bold: true, children: active ? "● " : "○ " }), _jsx(Text, { color: C.text, bold: selected, children: engine.label.padEnd(14) }), _jsxs(Text, { color: C.dim, children: [active ? "in use · " : "", "model: ", engine.model(choice)] })] }), !isInstalled(engine) && _jsxs(Text, { color: C.orange, wrap: "truncate-end", children: ["    Not installed. Enter installs it with npm (", engine.package, ") into ~/.nou/engines."] }), _jsxs(Text, { color: C.dim, wrap: "truncate-end", children: ["    ", engine.description] }), engine.approvals === "after" && _jsx(Text, { color: C.orange, wrap: "truncate-end", children: "    Nou can't ask before its edits; it shows them afterwards so you can undo them." })] }, engine.id));
                     }), _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") {
@@ -240,5 +240,3 @@ export function Settings({ width, height, settings, choice, plugins, connectTo,
 function initialValue(f) {
     return f.secret ? "" : process.env[f.env] ?? "";
 }
-/** Whether a provider error means the API key is wrong (rather than, say, the server being down). */
-const rejectedKey = (error) => /\b(401|403)\b|api key|unauthori[sz]ed|authentication/i.test(error);

package/dist/src/ui/clipboard.js

@@ -0,0 +1,29 @@
+import { spawn } from "child_process";
+/** Native clipboard commands to try, in order, for this platform. */
+function commands() {
+    if (process.platform === "win32")
+        return [["powershell", ["-NoProfile", "-Command", "Set-Clipboard -Value ([Console]::In.ReadToEnd())"]]];
+    if (process.platform === "darwin")
+        return [["pbcopy", []]];
+    return [["wl-copy", []], ["xclip", ["-selection", "clipboard"]], ["xsel", ["--clipboard", "--input"]]];
+}
+function run(cmd, args, text) {
+    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);
+    });
+}
+/**
+ * Copies text to the system clipboard. Also sends it as an OSC 52 escape, which terminals that
+ * support it (Windows Terminal, iTerm2, kitty, WezTerm...) put on the clipboard even over SSH.
+ */
+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))
+            return true;
+    return process.stdout.isTTY === true;
+}

package/dist/src/ui/mouse.js

@@ -14,8 +14,10 @@ export function parseMouse(chunk) {
         const button = code & 0b11000011; // drop the shift/alt/ctrl bits
         if (button === 64 || button === 65)
             events.push({ kind: "wheel", dir: button === 64 ? -1 : 1, x, y });
-        else if (button === 0 && m[4] === "M")
-            events.push({ kind: "click", x, y });
+        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 });
     }
     return events;
 }

package/dist/src/ui/text.js

@@ -110,3 +110,158 @@ export function lineCounts(before, after) {
     }
     return { added, removed };
 }
+const INLINE = /(`+)([^`]+?)\1|\*\*(.+?)\*\*|__(.+?)__|(?<![\w*])\*(?!\s)(.+?)(?<!\s)\*(?![\w*])|(?<!\w)_(?!\s)(.+?)(?<!\s)_(?!\w)|\[([^\]]+)\]\(([^)\s]+)\)/g;
+/** Splits a line of markdown into styled spans: `code`, **bold**, *italic*, [links](url). */
+export function inlineSpans(text, base = { text: "" }) {
+    const out = [];
+    let pos = 0;
+    for (const m of text.matchAll(INLINE)) {
+        if (m.index > pos)
+            out.push({ ...base, text: text.slice(pos, m.index) });
+        if (m[2] !== undefined)
+            out.push({ ...base, text: m[2], code: true });
+        else if (m[3] !== undefined || m[4] !== undefined)
+            out.push(...inlineSpans(m[3] ?? m[4], { ...base, bold: true }));
+        else if (m[5] !== undefined || m[6] !== undefined)
+            out.push(...inlineSpans(m[5] ?? m[6], { ...base, italic: true }));
+        else {
+            out.push(...inlineSpans(m[7], base));
+            if (m[8] !== m[7])
+                out.push({ ...base, text: ` (${m[8]})`, dim: true });
+        }
+        pos = m.index + m[0].length;
+    }
+    if (pos < text.length)
+        out.push({ ...base, text: text.slice(pos) });
+    return out.filter((s) => s.text);
+}
+const sameStyle = (a, b) => !!a.bold === !!b.bold && !!a.italic === !!b.italic && !!a.code === !!b.code && !!a.dim === !!b.dim;
+/** Word-wraps styled spans; continuation lines start with `indent` spaces. */
+function wrapSpans(spans, width, indent = 0) {
+    const max = Math.max(1, width);
+    const lines = [[]];
+    let len = 0;
+    const push = (span) => {
+        const line = lines[lines.length - 1];
+        const last = line[line.length - 1];
+        if (last && sameStyle(last, span))
+            last.text += span.text;
+        else
+            line.push({ ...span });
+        len += span.text.length;
+    };
+    const newLine = () => {
+        const line = lines[lines.length - 1];
+        const last = line[line.length - 1];
+        if (last)
+            last.text = last.text.trimEnd();
+        lines.push(indent ? [{ text: " ".repeat(indent) }] : []);
+        len = indent;
+    };
+    for (const span of spans) {
+        for (const word of span.text.split(/(\s+)/)) {
+            if (!word)
+                continue;
+            if (len + word.length <= max) {
+                push({ ...span, text: word });
+                continue;
+            }
+            if (/^\s+$/.test(word)) {
+                newLine();
+                continue;
+            }
+            if (len > indent)
+                newLine();
+            let rest = word;
+            while (len + rest.length > max) {
+                const room = Math.max(1, max - len);
+                push({ ...span, text: rest.slice(0, room) });
+                rest = rest.slice(room);
+                newLine();
+            }
+            push({ ...span, text: rest });
+        }
+    }
+    return lines;
+}
+const cells = (row) => row.trim().replace(/^\|/, "").replace(/\|$/, "").split("|").map((c) => c.trim());
+/** Renders markdown for the terminal: headings, lists, quotes, code blocks, tables and inline styles, wrapped to `width`. */
+export function renderMarkdown(text, width) {
+    const out = [];
+    const src = splitLines(text);
+    let fence = null;
+    for (let i = 0; i < src.length; i++) {
+        const raw = src[i];
+        const opener = raw.match(/^\s*(`{3,}|~{3,})\s*(\S*)/);
+        if (fence !== null) {
+            if (opener && raw.trim().startsWith(fence)) {
+                fence = null;
+                continue;
+            }
+            for (const line of wrap(raw, width))
+                out.push({ kind: "code", spans: [{ text: line, code: true }] });
+            continue;
+        }
+        if (opener) {
+            fence = opener[1];
+            if (opener[2])
+                out.push({ kind: "code", spans: [{ text: opener[2], dim: true }] });
+            continue;
+        }
+        // Tables: a header row, a |---| row, then body rows.
+        if (/^\s*\|/.test(raw) && /^\s*\|?\s*:?-{2,}/.test(src[i + 1] ?? "")) {
+            const rows = [cells(raw)];
+            let j = i + 2;
+            for (; j < src.length && /^\s*\|/.test(src[j]); j++)
+                rows.push(cells(src[j]));
+            i = j - 1;
+            const plain = rows.map((r) => r.map((c) => inlineSpans(c).map((s) => s.text).join("")));
+            const columns = Math.max(...plain.map((r) => r.length));
+            const widths = Array.from({ length: columns }, (_, c) => Math.max(...plain.map((r) => (r[c] ?? "").length)));
+            const fits = widths.reduce((a, b) => a + b, 0) + 3 * (columns - 1) <= width;
+            rows.forEach((row, r) => {
+                const spans = [];
+                row.forEach((cell, c) => {
+                    if (c > 0)
+                        spans.push({ text: " │ ", dim: true });
+                    spans.push(...inlineSpans(cell, r === 0 ? { text: "", bold: true } : { text: "" }));
+                    if (fits && c < columns - 1)
+                        spans.push({ text: " ".repeat(widths[c] - plain[r][c].length) });
+                });
+                for (const line of wrapSpans(spans, width, 2))
+                    out.push({ kind: "text", spans: line });
+                if (r === 0)
+                    out.push({ kind: "rule", spans: [{ text: fits ? widths.map((w) => "─".repeat(w)).join("─┼─") : "─".repeat(Math.min(width, 40)), dim: true }] });
+            });
+            continue;
+        }
+        const heading = raw.match(/^\s{0,3}(#{1,6})\s+(.*?)\s*#*\s*$/);
+        if (heading) {
+            for (const line of wrapSpans(inlineSpans(heading[2], { text: "", bold: true }), width))
+                out.push({ kind: "heading", spans: line });
+            continue;
+        }
+        if (/^\s{0,3}([-*_])(\s*\1){2,}\s*$/.test(raw)) {
+            out.push({ kind: "rule", spans: [{ text: "─".repeat(Math.min(width, 40)), dim: true }] });
+            continue;
+        }
+        const quote = raw.match(/^\s*>\s?(.*)/);
+        if (quote) {
+            for (const line of wrapSpans(inlineSpans(quote[1], { text: "", italic: true }), width - 2))
+                out.push({ kind: "quote", spans: [{ text: "│ ", dim: true }, ...line] });
+            continue;
+        }
+        const item = raw.match(/^(\s*)([-*+]|\d+[.)])\s+(\[[ xX]\]\s+)?(.*)/);
+        if (item) {
+            const depth = Math.floor(item[1].length / 2) * 2;
+            const task = item[3] ? (/x/i.test(item[3]) ? "☑ " : "☐ ") : "";
+            const bullet = `${" ".repeat(depth)}${/\d/.test(item[2]) ? item[2] : "•"} ${task}`;
+            for (const line of wrapSpans([{ text: bullet }, ...inlineSpans(item[4])], width, bullet.length))
+                out.push({ kind: "text", spans: line });
+            continue;
+        }
+        for (const line of wrapSpans(inlineSpans(raw), width))
+            out.push({ kind: "text", spans: line });
+    }
+    return out;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nou-cli",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "Nou: an IDE-style AI coding assistant for your terminal. Local (Ollama, LM Studio) and cloud (Claude, OpenAI, Gemini...) models, live diffs, git-aware, built-in editor.",
   "type": "module",
   "bin": {