noah-agent 0.1.0

package/dist/tui/components/audit-line.js

@@ -0,0 +1,37 @@
+import { dim, green, red, cyan, truncate, UNICODE } from "../../ui/ansi.js";
+/** A single audit-trail line. Degrades gracefully on narrow widths. */
+export class AuditLineComponent {
+    tool;
+    command;
+    ok;
+    constructor(tool, command, ok) {
+        this.tool = tool;
+        this.command = command;
+        this.ok = ok;
+    }
+    render(width) {
+        const markCh = this.ok ? (UNICODE ? "✓" : "+") : (UNICODE ? "✗" : "x");
+        const mark = this.ok ? green(markCh) : red(markCh);
+        // Build progressively in plain units so the line never exceeds `width`.
+        let used = 0;
+        const out = [];
+        const add = (plain, styled) => {
+            if (used + plain.length <= width) {
+                out.push(styled);
+                used += plain.length;
+            }
+        };
+        add("AUDIT ", dim("AUDIT "));
+        add(`${markCh} `, `${mark} `);
+        if (width >= 50) {
+            const ts = new Date().toLocaleTimeString();
+            add(`${ts}  `, `${dim(ts)}  `);
+        }
+        add(`${this.tool.padEnd(6)} `, `${cyan(this.tool.padEnd(6))} `);
+        const room = width - used;
+        if (room > 1)
+            out.push(dim(truncate(this.command, room)));
+        return [out.join("")];
+    }
+    invalidate() { }
+}

package/dist/tui/components/header.js

@@ -0,0 +1,33 @@
+import { bold, white, dim, gray, truncate, fg256, UNICODE } from "../../ui/ansi.js";
+import { clamp } from "./util.js";
+/** NOAH wordmark in ANSI Shadow block letters. */
+const LOGO = [
+    "███╗   ██╗ ██████╗  █████╗ ██╗  ██╗",
+    "████╗  ██║██╔═══██╗██╔══██╗██║  ██║",
+    "██╔██╗ ██║██║   ██║███████║███████║",
+    "██║╚██╗██║██║   ██║██╔══██║██╔══██║",
+    "██║ ╚████║╚██████╔╝██║  ██║██║  ██║",
+    "╚═╝  ╚═══╝ ╚═════╝ ╚═╝  ╚═╝╚═╝  ╚═╝",
+];
+/** Dark→light blue gradient (256-color) applied per logo row for depth. */
+const GRADIENT = [19, 20, 26, 27, 33, 39];
+const LOGO_WIDTH = Math.max(...LOGO.map((l) => [...l].length));
+const TAGLINE = "Native Operating-system Agentic Harness";
+/**
+ * NOAH header — ASCII-art logo (dark-blue gradient) plus tagline.
+ * Falls back to a compact wordmark on narrow terminals or when Unicode is off.
+ */
+export class HeaderComponent {
+    render(width) {
+        if (!UNICODE || width < LOGO_WIDTH) {
+            const title = `${bold(fg256(39)("NOAH"))}  ${dim(TAGLINE)}`;
+            const rule = gray((UNICODE ? "─" : "-").repeat(clamp(width, 10, 68)));
+            return [truncate(title, width), rule];
+        }
+        const lines = LOGO.map((row, i) => fg256(GRADIENT[i])(row));
+        const tagline = `${bold(fg256(45)("›"))} ${dim(white(TAGLINE))}`;
+        const rule = fg256(24)((UNICODE ? "─" : "-").repeat(clamp(width, 10, 72)));
+        return ["", ...lines, "", truncate(tagline, width), rule];
+    }
+    invalidate() { }
+}

package/dist/tui/components/noah-footer.js

@@ -0,0 +1,33 @@
+import { bold, dim, gray, green, yellow, cyan, truncate, UNICODE } from "../../ui/ansi.js";
+const SEP = UNICODE ? " · " : " | ";
+const BRANCH = UNICODE ? "⎇ " : "git:";
+export class NoahFooterComponent {
+    footerData;
+    getModel;
+    opts;
+    unsubscribe;
+    constructor(footerData, getModel, opts, onChange) {
+        this.footerData = footerData;
+        this.getModel = getModel;
+        this.opts = opts;
+        if (onChange)
+            this.unsubscribe = footerData.onBranchChange(onChange);
+    }
+    render(width) {
+        const brand = bold(green("NOAH"));
+        const safety = this.opts.dryRun ? yellow("dry-run") : green("safety on");
+        const model = this.getModel();
+        const branch = this.footerData.getGitBranch();
+        const parts = [brand, safety];
+        if (model)
+            parts.push(cyan(model));
+        if (branch && branch !== "detached")
+            parts.push(dim(`${BRANCH}${branch}`));
+        const line = parts.join(gray(SEP));
+        return [truncate(line, width)];
+    }
+    invalidate() { }
+    dispose() {
+        this.unsubscribe?.();
+    }
+}

package/dist/tui/components/request-panel.js

@@ -0,0 +1,23 @@
+import { drawBox } from "../../ui/box.js";
+import { bold, cyan, truncate } from "../../ui/ansi.js";
+/**
+ * REQUEST panel as a pi-tui Component. Responsive: the inner width is derived
+ * from the viewport so every rendered line fits within `width`.
+ */
+export class RequestPanelComponent {
+    text;
+    constructor(text) {
+        this.text = text;
+    }
+    render(width) {
+        const inner = Math.max(8, Math.min(72, width - 4));
+        return drawBox([truncate(this.text, inner)], {
+            title: bold(cyan("REQUEST")),
+            style: "round",
+            accent: cyan,
+            width: inner,
+            indent: 0,
+        }).split("\n");
+    }
+    invalidate() { }
+}

package/dist/tui/components/response-view.js

@@ -0,0 +1,17 @@
+import { bold, white, dim, cyan, green, wordWrap, UNICODE } from "../../ui/ansi.js";
+const bar = UNICODE ? "│" : "|";
+const dot = UNICODE ? "●" : "*";
+/** Streams NOAH's response under a "● NOAH" header. */
+export class ResponseViewComponent {
+    text = "";
+    append(delta) {
+        this.text += delta;
+    }
+    render(width) {
+        const header = `${cyan(bold(dot))} ${bold(white("NOAH"))}`;
+        const wrapWidth = Math.max(8, width - 2);
+        const lines = wordWrap(this.text, wrapWidth).map((l) => `${dim(bar)} ${green(l)}`);
+        return [header, ...lines];
+    }
+    invalidate() { }
+}

package/dist/tui/components/safety-block.js

@@ -0,0 +1,31 @@
+import { drawBox } from "../../ui/box.js";
+import { bold, white, red, truncate, UNICODE } from "../../ui/ansi.js";
+import { clamp } from "./util.js";
+/** SAFETY BLOCK — the catastrophic-deny centerpiece (block panel). */
+export class SafetyBlockComponent {
+    command;
+    reason;
+    constructor(command, reason) {
+        this.command = command;
+        this.reason = reason;
+    }
+    render(width) {
+        const inner = clamp(width - 8, 8, 64);
+        const shield = UNICODE ? "⛔  " : "[X] ";
+        const cleanReason = this.reason.replace(/^blocked:\s*/i, "");
+        const body = [
+            bold(white(truncate(this.command, inner))),
+            "",
+            bold(white(truncate(`BLOCKED ${UNICODE ? "—" : "-"} ${cleanReason}`, inner))),
+            white(truncate("Catastrophic. Cannot be overridden.", inner)),
+        ];
+        return drawBox(body, {
+            title: bold(white(`${shield}SAFETY BLOCK`)),
+            style: "block",
+            accent: red,
+            width: inner,
+            indent: 0,
+        }).split("\n");
+    }
+    invalidate() { }
+}

package/dist/tui/components/safety-review.js

@@ -0,0 +1,36 @@
+import { drawBox } from "../../ui/box.js";
+import { bold, white, dim, yellow, truncate, wordWrap, UNICODE } from "../../ui/ansi.js";
+import { badgeLabel } from "../../ui/badge.js";
+import { clamp } from "./util.js";
+/** SAFETY REVIEW — the confirmation centerpiece (heavy box). */
+export class SafetyReviewComponent {
+    command;
+    reason;
+    toolName;
+    constructor(command, reason, toolName) {
+        this.command = command;
+        this.reason = reason;
+        this.toolName = toolName;
+    }
+    render(width) {
+        const inner = clamp(width - 4, 8, 72);
+        const intro = wordWrap("NOAH wants to run a state-changing command:", inner).map((l) => white(l));
+        const reason = truncate(`reason: ${this.reason}  ${UNICODE ? "·" : "-"}  tool: ${this.toolName}`, inner);
+        const body = [
+            ...intro,
+            "",
+            bold(yellow(truncate(this.command || this.toolName, inner))),
+            "",
+            dim(reason),
+        ];
+        return drawBox(body, {
+            title: bold(yellow("SAFETY REVIEW")),
+            status: badgeLabel("warning"),
+            style: "heavy",
+            accent: yellow,
+            width: inner,
+            indent: 0,
+        }).split("\n");
+    }
+    invalidate() { }
+}

package/dist/tui/components/thinking-view.js

@@ -0,0 +1,22 @@
+import { bold, dim, italic, gray, fg256, wordWrap, UNICODE } from "../../ui/ansi.js";
+const purple = fg256(141);
+const bar = UNICODE ? "│" : "|";
+const dot = UNICODE ? "◐" : "*";
+/** Streams the model's reasoning under a dim "● THINKING" header. */
+export class ThinkingViewComponent {
+    text = "";
+    done = false;
+    append(delta) {
+        this.text += delta;
+    }
+    finish() {
+        this.done = true;
+    }
+    render(width) {
+        const header = `${purple(bold(dot))} ${dim("THINKING")}`;
+        const wrapWidth = Math.max(8, width - 2);
+        const lines = wordWrap(this.text, wrapWidth).map((l) => `${gray(bar)} ${dim(italic(l))}`);
+        return [header, ...lines];
+    }
+    invalidate() { }
+}

package/dist/tui/components/tool-card.js

@@ -0,0 +1,45 @@
+import { drawBox } from "../../ui/box.js";
+import { bold, white, dim, green, red, fg256, truncate } from "../../ui/ansi.js";
+import { badgeLabel } from "../../ui/badge.js";
+import { clamp } from "./util.js";
+const orange = fg256(208);
+/** Tool execution card. Status and output are mutable for live updates. */
+export class ToolCardComponent {
+    name;
+    command;
+    status;
+    output;
+    constructor(name, command, status = "running", output = []) {
+        this.name = name;
+        this.command = command;
+        this.status = status;
+        this.output = output;
+    }
+    setStatus(status) {
+        this.status = status;
+    }
+    setOutput(output) {
+        this.output = output;
+    }
+    render(width) {
+        const inner = clamp(width - 4, 8, 72);
+        const prefix = this.name === "bash" ? dim("$ ") : "";
+        const body = [];
+        if (this.command)
+            body.push(prefix + truncate(this.command, inner - 2));
+        for (const line of this.output.slice(0, 6))
+            body.push(dim(truncate(line, inner)));
+        if (body.length === 0)
+            body.push(dim("(no output)"));
+        const accent = this.status === "success" ? green : this.status === "blocked" ? red : orange;
+        return drawBox(body, {
+            title: bold(white(`TOOL ${dim("·")} ${this.name}`)),
+            status: badgeLabel(this.status),
+            style: "round",
+            accent,
+            width: inner,
+            indent: 0,
+        }).split("\n");
+    }
+    invalidate() { }
+}

package/dist/tui/components/util.js

@@ -0,0 +1,3 @@
+export function clamp(v, min, max) {
+    return Math.max(min, Math.min(max, v));
+}

package/dist/tui/preview.js

@@ -0,0 +1,33 @@
+/**
+ * Visual eyeball of NOAH TUI components composed inside a pi-tui Container.
+ *   npm run build && node dist/tui/preview.js
+ * Renders statically (no render loop) so we can review the layout.
+ */
+import { Container } from "@earendil-works/pi-tui";
+import { HeaderComponent } from "./components/header.js";
+import { RequestPanelComponent } from "./components/request-panel.js";
+import { ThinkingViewComponent } from "./components/thinking-view.js";
+import { ToolCardComponent } from "./components/tool-card.js";
+import { SafetyReviewComponent } from "./components/safety-review.js";
+import { SafetyBlockComponent } from "./components/safety-block.js";
+import { AuditLineComponent } from "./components/audit-line.js";
+import { ResponseViewComponent } from "./components/response-view.js";
+const WIDTH = Number(process.env.WIDTH ?? 72);
+const think = new ThinkingViewComponent();
+think.append("The user wants htop installed. I'll inspect disk first, then install via brew.");
+const resp = new ResponseViewComponent();
+resp.append("Installed **htop**. Your largest file is `demo.mov` (1.2G).");
+const root = new Container();
+for (const c of [
+    new HeaderComponent(),
+    new RequestPanelComponent("install htop and show my biggest files"),
+    think,
+    new ToolCardComponent("bash", "du -ah ~ | sort -rh | head -5", "success", ["1.2G  ~/Movies/demo.mov"]),
+    new SafetyReviewComponent("sudo apt-get install -y htop", "package install", "bash"),
+    new AuditLineComponent("bash", "du -ah ~ | sort -rh | head -5", true),
+    new SafetyBlockComponent("rm -rf / --no-preserve-root", "blocked: recursive delete of root/home"),
+    resp,
+]) {
+    root.addChild(c);
+}
+process.stdout.write(root.render(WIDTH).join("\n") + "\n");