nou-cli 0.5.2 → 0.5.4

package/dist/src/ui/Terminal.js

@@ -0,0 +1,87 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useEffect, useState } from "react";
+import { Box, Text, useInput } from "ink";
+import { C } from "./theme.js";
+const COLORS = { out: C.text, command: C.accent, info: C.dim, error: C.red };
+/**
+ * The terminal panel, under the code like VS Code's: type a command and Enter runs it. While one runs,
+ * what you type goes to it; Ctrl+C stops it. ↑↓ go through what you ran, Ctrl+L clears, Esc leaves.
+ * Drag its top border (or Alt+↑/↓) to make it taller or shorter.
+ */
+export const Terminal = memo(function Terminal({ shell, version, width, height, focused, wheel, onLeave, onResize }) {
+    const [input, setInput] = useState("");
+    const [history, setHistory] = useState([]);
+    const [back, setBack] = useState(-1);
+    const [scroll, setScroll] = useState(0);
+    const inner = width - 2;
+    const rows = Math.max(1, height - 3); // borders and the title
+    const lines = shell.view();
+    // Fit long lines by wrapping them, newest at the bottom.
+    const wrapped = [];
+    for (const line of lines.slice(-rows * 4)) {
+        const text = line.text || " ";
+        for (let i = 0; i < text.length; i += inner)
+            wrapped.push({ text: text.slice(i, i + inner), color: COLORS[line.kind] });
+    }
+    const promptText = shell.running ? "› " : shell.prompt();
+    const shownPrompt = `${promptText}${input}`;
+    const promptRows = Math.max(1, Math.ceil((shownPrompt.length + 1) / inner));
+    const outRows = Math.max(0, rows - promptRows);
+    const maxScroll = Math.max(0, wrapped.length - outRows);
+    const at = Math.min(scroll, maxScroll);
+    const shown = wrapped.slice(Math.max(0, wrapped.length - outRows - at), wrapped.length - at);
+    useEffect(() => setScroll(0), [version]); // new output: back to the bottom
+    useEffect(() => {
+        if (wheel?.lines)
+            setScroll((s) => Math.max(0, Math.min(maxScroll, s - wheel.lines)));
+    }, [wheel?.nonce]);
+    useInput((typed, key) => {
+        if (key.escape)
+            return onLeave();
+        if (key.ctrl && typed === "c") {
+            if (shell.running)
+                shell.interrupt();
+            else
+                setInput("");
+            return;
+        }
+        if (key.ctrl && typed === "l")
+            return shell.clear();
+        if (key.return) {
+            if (!shell.running && input.trim())
+                setHistory((h) => [...h.filter((c) => c !== input.trim()), input.trim()].slice(-100));
+            if (shell.running)
+                shell.input(input);
+            else
+                shell.run(input);
+            setInput("");
+            setBack(-1);
+            return;
+        }
+        if (key.meta && (key.upArrow || key.downArrow))
+            return onResize(key.upArrow ? 2 : -2);
+        if (key.upArrow || key.downArrow) {
+            if (!history.length)
+                return;
+            const next = key.upArrow ? Math.min(history.length - 1, back + 1) : back - 1;
+            setBack(next);
+            setInput(next < 0 ? "" : history[history.length - 1 - next]);
+            return;
+        }
+        if (key.pageUp)
+            return setScroll((s) => Math.min(maxScroll, s + outRows - 1));
+        if (key.pageDown)
+            return setScroll((s) => Math.max(0, s - outRows + 1));
+        if (key.backspace || key.delete)
+            return setInput((v) => v.slice(0, -1));
+        if (key.ctrl && typed === "u")
+            return setInput("");
+        if (key.ctrl || key.meta || key.tab)
+            return;
+        if (typed)
+            setInput((v) => v + typed.replace(/[\r\n]+/g, " "));
+    }, { isActive: focused });
+    const color = focused ? C.accent : C.dim;
+    const title = ` ▸ Terminal${shell.running ? "  ● running · Ctrl+C stops" : ""}${at ? `  ↑ ${at} lines` : ""}${focused && !shell.running && !at ? "  ⇕ drag this edge or Alt+↑↓ to resize" : ""}`;
+    return (_jsxs(Box, { width: width, height: height, flexDirection: "column", borderStyle: focused ? "round" : "single", borderColor: color, overflow: "hidden", children: [_jsxs(Text, { wrap: "truncate-end", children: [_jsx(Text, { color: color, bold: true, children: title.slice(0, inner - 3).padEnd(inner - 3) }), _jsx(Text, { color: C.text, bold: true, children: " \u00D7 " })] }), _jsx(Box, { flexDirection: "column", height: outRows, flexShrink: 0, children: shown.map((l, i) => _jsx(Text, { color: l.color, wrap: "truncate-end", children: l.text }, i)) }), _jsxs(Text, { wrap: "wrap", children: [_jsx(Text, { color: shell.running ? C.yellow : C.green, children: promptText }), _jsx(Text, { color: C.text, children: input }), focused ? _jsx(Text, { inverse: true, children: " " }) : null] })] }));
+});

package/dist/src/ui/clipboard.js

@@ -59,3 +59,22 @@ export async function readClipboard() {
     }
     return null;
 }
+/** Opens a web address in the default browser (the terminal's own link handling can't: Nou has the mouse). */
+export function openInBrowser(url) {
+    if (!/^https?:\/\//.test(url))
+        return false;
+    if (process.env.NOU_TEST_OPEN)
+        return (globalThis.__opened = url), true; // tests: note it, open nothing
+    const [cmd, args] = process.platform === "darwin" ? ["open", [url]]
+        : process.platform === "win32" ? ["cmd", ["/c", "start", "", url.replace(/&/g, "^&")]]
+            : ["xdg-open", [url]];
+    try {
+        const child = spawn(cmd, args, { stdio: "ignore", detached: true });
+        child.on("error", () => { });
+        child.unref();
+        return true;
+    }
+    catch {
+        return false;
+    }
+}

package/dist/src/ui/commands.js

@@ -1,3 +1,15 @@
+/**
+ * Commands that only change what's on screen (or handle a busy Nou themselves): they run right away
+ * while Nou works instead of waiting in the queue behind it.
+ */
+const INSTANT = new Set(["new", "tab", "close", "terminal", "games", "open", "settings", "auto", "diff", "sessions", "history", "problems", "copy", "help", "version", "cancel"]);
+/** Whether a typed command runs right away while Nou works (see INSTANT); `/showme` counts only to look or step. */
+export function runsWhileBusy(text) {
+    const [name, ...rest] = text.slice(1).trim().split(/\s+/);
+    if (name === "showme" || name === "teach")
+        return !rest.length || /^(next|skip|stop|end)$/.test(rest.join(" "));
+    return text.startsWith("/") && INSTANT.has(name ?? "");
+}
 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" },
@@ -6,6 +18,7 @@ export const SLASH_COMMANDS = [
     { 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: "cancel", description: "take back your last message (stops Nou; edit it and resend)" },
     { 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)" },
@@ -15,6 +28,13 @@ export const SLASH_COMMANDS = [
     { 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: "showme", args: "<what you want>", description: "Nou shows you how, step by step, and you type it (with the code shown ahead of your cursor)" },
+    { name: "teach", args: "<what you want>", description: "same as /showme: Nou teaches you to make the change yourself, step by step" },
+    { name: "new", description: "a new conversation tab: another agent, working alongside this one" },
+    { name: "tab", args: "[n]", description: "list the conversation tabs, or switch to tab n" },
+    { name: "close", description: "close this conversation tab (it stays saved for /resume)" },
+    { name: "terminal", description: "a terminal under the code, like VS Code's (or press `)" },
+    { name: "resume", args: "[number|last]", description: "pick up an earlier conversation in this folder (any engine)" },
     { 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)" },

package/dist/src/ui/render-options.js

@@ -8,4 +8,8 @@ export const RENDER_OPTIONS = {
     incrementalRendering: true,
     // Up to 60 frames a second, so scrolling and typing keep up with the keyboard and mouse.
     maxFps: 60,
+    // Terminals that speak the kitty keyboard protocol (kitty, Ghostty, WezTerm, iTerm2, foot...) then tell
+    // Enter from Ctrl+Enter, Cmd+Enter and Shift+Enter, so those can add a line in the chat. Others just
+    // don't answer the query and keys work as before.
+    kittyKeyboard: { mode: "auto", flags: ["disambiguateEscapeCodes"] },
 };

package/dist/src/ui/text.js

@@ -140,9 +140,11 @@ export function inlineSpans(text, base = { text: "" }) {
         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));
+            // [text](https://...) links to the page; [text](file) is left for the file links.
+            const web = /^https?:\/\//.test(m[8]) ? { ...base, link: { path: "", url: m[8] } } : base;
+            out.push(...inlineSpans(m[7], web));
             if (m[8] !== m[7])
-                out.push({ ...base, text: ` (${m[8]})`, dim: true });
+                out.push({ ...web, text: ` (${m[8]})`, dim: true });
         }
         pos = m.index + m[0].length;
     }
@@ -203,7 +205,8 @@ const cells = (row) => row.trim().replace(/^\|/, "").replace(/\|$/, "").split("|
 /** Renders markdown for the terminal: headings, lists, quotes, code blocks, tables and inline styles, wrapped to `width`. */
 export function renderMarkdown(text, width, isFile) {
     // File references become links before wrapping, so a long path that wraps is still one link.
-    const spansOf = (line, base) => (isFile ? linkFileRefs(inlineSpans(line, base), isFile) : inlineSpans(line, base));
+    // Web addresses first, so a file name inside a URL stays part of the URL.
+    const spansOf = (line, base) => (isFile ? linkFileRefs(linkUrls(inlineSpans(line, base)), isFile) : linkUrls(inlineSpans(line, base)));
     const out = [];
     const src = splitLines(text);
     let fence = null;
@@ -291,6 +294,10 @@ const FILE_REF = /(?<![\w/\\.@~-])((?:[A-Za-z]:[\\/]|\.{0,2}[\\/])?(?:[\w@.~+-]+
 export function linkFileRefs(spans, isFile) {
     const out = [];
     for (const span of spans) {
+        if (span.link) {
+            out.push(span);
+            continue;
+        }
         let pos = 0;
         for (const m of span.text.matchAll(FILE_REF)) {
             const file = m[1].replace(/^\.[\\/]/, "");
@@ -311,6 +318,27 @@ export function linkFileRefs(spans, isFile) {
     }
     return out;
 }
+const URL_RE = /\bhttps?:\/\/[^\s<>()"'`]+[^\s<>()"'`.,;:!?]/g;
+/** Splits out web addresses (http:// and https://) as link spans, keeping each span's style. */
+export function linkUrls(spans) {
+    const out = [];
+    for (const span of spans) {
+        if (span.link || span.code || !span.text.includes("http")) {
+            out.push(span);
+            continue;
+        }
+        let pos = 0;
+        for (const m of span.text.matchAll(URL_RE)) {
+            if (m.index > pos)
+                out.push({ ...span, text: span.text.slice(pos, m.index) });
+            out.push({ ...span, text: m[0], link: { path: "", url: m[0] } });
+            pos = m.index + m[0].length;
+        }
+        if (pos < span.text.length)
+            out.push(pos ? { ...span, text: span.text.slice(pos) } : span);
+    }
+    return out;
+}
 /** The link at column `col` of a line of spans, if any. */
 export function linkAt(spans, col) {
     let x = 0;
@@ -369,3 +397,19 @@ export function markAnsi(line, from, to, open = "\x1b[7m", close = "\x1b[27m") {
     }
     return out;
 }
+/**
+ * A reply still streaming, with its open markdown closed for now (a code block, **bold**, `code`), so it
+ * renders the way it will once finished instead of reflowing when the closing marker arrives.
+ */
+export function closeOpenMarkdown(text) {
+    const fences = text.match(/^\s*(`{3,}|~{3,})/gm)?.length ?? 0;
+    if (fences % 2)
+        return `${text}\n\`\`\``;
+    const last = text.slice(text.lastIndexOf("\n") + 1);
+    let out = text;
+    if ((last.match(/`/g)?.length ?? 0) % 2)
+        out += "`";
+    else if ((last.match(/\*\*/g)?.length ?? 0) % 2)
+        out += "**";
+    return out;
+}

package/dist/src/ui/theme.js

@@ -12,6 +12,8 @@ export const C = {
     dim: "#565f89",
     panel: "#1f2335",
 };
+/** Every spinner and shimmer ticks on this one interval, so they redraw together in a single frame. */
+export const ANIMATION_MS = 100;
 export const SPINNER = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"];
 const GRADIENT = [C.accent, "#8c9cf7", C.accent2, "#c39af2", "#e08ad6", C.red, C.orange, C.yellow, C.green, C.cyan];
 /** Colors for each character of a label, shifted by `frame` so it shimmers when animated. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nou-cli",
-  "version": "0.5.2",
+  "version": "0.5.4",
   "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": {