@ouro.bot/cli 0.1.0-alpha.29 → 0.1.0-alpha.290

package/dist/senses/cli/spinner-imperative.js

@@ -0,0 +1,135 @@
+"use strict";
+/**
+ * Imperative snake-themed spinner for the CLI.
+ *
+ * Writes directly to stderr via setInterval — no React, no Ink.
+ * Features:
+ * - Ouroboros snake animation frames (serpent eating its own tail)
+ * - Elapsed time display
+ * - Stall detection with color interpolation: green -> amber (15s) -> red (45s)
+ * - Phrase rotation from agent.json phrase pools
+ * - Pause/resume for log coordination
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ImperativeSpinner = void 0;
+const phrases_1 = require("../../mind/phrases");
+const runtime_1 = require("../../nerves/runtime");
+// Ring spinner frames (growing/shrinking — option #6)
+const SNAKE_FRAMES = [
+    "\u2219", // ∙ (small dot)
+    "\u25CB", // ○ (white circle)
+    "\u25CE", // ◎ (bullseye)
+    "\u25CF", // ● (black circle)
+    "\u25CE", // ◎ (bullseye)
+    "\u25CB", // ○ (white circle)
+];
+// ANSI color helpers — RGB escape sequences
+const RGB_GREEN = "\x1b[38;2;46;204;64m"; // #2ecc40 — ouroboros green
+const RGB_AMBER = "\x1b[38;2;243;156;18m"; // #f39c12
+const RGB_RED = "\x1b[38;2;231;76;60m"; // #e74c3c
+const DIM = "\x1b[2m";
+const RESET = "\x1b[0m";
+function stallColor(seconds) {
+    if (seconds >= 45)
+        return RGB_RED;
+    if (seconds >= 15)
+        return RGB_AMBER;
+    return RGB_GREEN;
+}
+function formatTime(seconds) {
+    const h = Math.floor(seconds / 3600);
+    const m = Math.floor((seconds % 3600) / 60);
+    const s = seconds % 60;
+    if (h > 0)
+        return `${h}h${m}m`;
+    if (m > 0)
+        return `${m}m${s}s`;
+    return `${s}s`;
+}
+class ImperativeSpinner {
+    frames = SNAKE_FRAMES;
+    frameIdx = 0;
+    iv = null;
+    phraseIv = null;
+    msg;
+    phrases = null;
+    lastPhrase = "";
+    stopped = false;
+    startTime = 0;
+    paused = false;
+    constructor(message = "working", phrases) {
+        this.msg = message;
+        if (phrases && phrases.length > 0)
+            this.phrases = phrases;
+    }
+    start() {
+        this.stopped = false;
+        this.paused = false;
+        this.startTime = Date.now();
+        process.stderr.write("\r\x1b[K");
+        this.render();
+        this.iv = setInterval(() => this.render(), 120);
+        if (this.phrases) {
+            this.phraseIv = setInterval(() => this.rotatePhrase(), 1500);
+        }
+        (0, runtime_1.emitNervesEvent)({
+            component: "senses",
+            event: "senses.spinner_start",
+            message: "imperative spinner started",
+            meta: { phrase: this.msg },
+        });
+    }
+    render() {
+        /* v8 ignore next -- race guard: timer callback fires after stop() @preserve */
+        if (this.stopped || this.paused)
+            return;
+        const elapsed = Math.floor((Date.now() - this.startTime) / 1000);
+        const color = stallColor(elapsed);
+        const timeStr = formatTime(elapsed);
+        const frame = this.frames[this.frameIdx % this.frames.length];
+        process.stderr.write(`\r\x1b[K${color}${frame} ${this.msg}${RESET} ${DIM}${timeStr}${RESET} `);
+        this.frameIdx++;
+    }
+    rotatePhrase() {
+        /* v8 ignore next -- race guard: timer callback fires after stop() @preserve */
+        if (this.stopped)
+            return;
+        const next = (0, phrases_1.pickPhrase)(this.phrases, this.lastPhrase);
+        this.lastPhrase = next;
+        this.msg = next;
+    }
+    /* v8 ignore start -- pause/resume: exercised at runtime via log sink coordination @preserve */
+    pause() {
+        if (this.stopped)
+            return;
+        this.paused = true;
+        process.stderr.write("\r\x1b[K");
+    }
+    resume() {
+        if (this.stopped)
+            return;
+        this.paused = false;
+        this.render();
+    }
+    /* v8 ignore stop */
+    stop(ok) {
+        this.stopped = true;
+        if (this.iv) {
+            clearInterval(this.iv);
+            this.iv = null;
+        }
+        if (this.phraseIv) {
+            clearInterval(this.phraseIv);
+            this.phraseIv = null;
+        }
+        process.stderr.write("\r\x1b[K");
+        /* v8 ignore next -- ok parameter currently unused by callers @preserve */
+        if (ok)
+            process.stderr.write(`\x1b[32m\u2713\x1b[0m ${ok}\n`);
+    }
+    fail(msg) {
+        this.stop();
+        process.stderr.write(`\x1b[31m\u2717\x1b[0m ${msg}\n`);
+    }
+}
+exports.ImperativeSpinner = ImperativeSpinner;

package/dist/senses/cli/spinner.js

@@ -0,0 +1,101 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EnhancedSpinner = EnhancedSpinner;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const ink_1 = require("ink");
+/**
+ * Enhanced spinner with ouroboros/snake-themed animation.
+ *
+ * Features:
+ * - Snake-themed animation frames (serpent eating its own tail)
+ * - Elapsed time display
+ * - Color interpolation: normal -> amber (>15s) -> red (>45s)
+ * - Output token counter during streaming
+ * - Phrase rotation (driven externally via props)
+ * - Reduced-motion: static text, no animation
+ */
+// Ouroboros brand palette
+const OURO_GREEN = "#2ecc40";
+const COLOR_AMBER = "#f39c12";
+const COLOR_RED = "#e74c3c";
+// Ouroboros snake-themed spinner frames
+// The serpent cycles through eating its own tail
+const SNAKE_FRAMES = [
+    "\u{1F40D}", // snake emoji
+    "\u25E0", // upper half circle
+    "\u25D4", // circle with upper right quadrant
+    "\u25D1", // circle with right half
+    "\u25D5", // circle with all but upper left quadrant
+    "\u25E1", // lower half circle
+    "\u25CB", // white circle (tail swallowed)
+    "\u25CF", // black circle (digesting)
+];
+// Static indicator for reduced-motion
+const STATIC_INDICATOR = "\u2022"; // bullet
+function formatTime(seconds) {
+    const h = Math.floor(seconds / 3600);
+    const m = Math.floor((seconds % 3600) / 60);
+    const s = seconds % 60;
+    if (h > 0)
+        return `${h}h${m}m`;
+    if (m > 0)
+        return `${m}m${s}s`;
+    return `${s}s`;
+}
+function stallColor(seconds) {
+    if (seconds >= 45)
+        return COLOR_RED;
+    if (seconds >= 15)
+        return COLOR_AMBER;
+    return OURO_GREEN;
+}
+function EnhancedSpinner({ elapsedSeconds, phrase, outputTokens, reducedMotion, }) {
+    const [frame, setFrame] = (0, react_1.useState)(0);
+    // Animate spinner (unless reduced-motion)
+    react_1.default.useEffect(() => {
+        if (reducedMotion)
+            return;
+        const iv = setInterval(() => {
+            setFrame(f => (f + 1) % SNAKE_FRAMES.length);
+        }, 120);
+        return () => clearInterval(iv);
+    }, [reducedMotion]);
+    const color = stallColor(elapsedSeconds);
+    const timeStr = formatTime(elapsedSeconds);
+    const indicator = reducedMotion ? STATIC_INDICATOR : SNAKE_FRAMES[frame % SNAKE_FRAMES.length];
+    return ((0, jsx_runtime_1.jsxs)(ink_1.Box, { children: [(0, jsx_runtime_1.jsxs)(ink_1.Text, { color: color, children: [indicator, " "] }), (0, jsx_runtime_1.jsx)(ink_1.Text, { color: color, children: phrase }), (0, jsx_runtime_1.jsx)(ink_1.Text, { dimColor: true, children: ` ${timeStr}` }), outputTokens !== undefined ? ((0, jsx_runtime_1.jsx)(ink_1.Text, { dimColor: true, children: ` ${outputTokens} tok` })) : null] }));
+}

package/dist/senses/cli/status-line.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StatusLine = StatusLine;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ink_1 = require("ink");
+/**
+ * Persistent bottom status bar for the CLI TUI.
+ *
+ * Shows: model + provider, token usage, session time, context utilization,
+ * active tool name.
+ *
+ * Information-dense single line. Context usage color-coded:
+ * green (<60%), amber (60-80%), red (>80%).
+ *
+ * Ouroboros-themed: teal/green palette.
+ */
+// Ouroboros brand palette
+const OURO_TEAL = "#4ec9b0";
+const COLOR_GREEN = "#2ecc40";
+const COLOR_AMBER = "#f39c12";
+const COLOR_RED = "#e74c3c";
+function formatTokens(n) {
+    if (n >= 1000)
+        return `${Math.round(n / 1000)}K`;
+    return String(n);
+}
+function formatTime(seconds) {
+    const h = Math.floor(seconds / 3600);
+    const m = Math.floor((seconds % 3600) / 60);
+    const s = seconds % 60;
+    if (h > 0)
+        return `${h}h${m}m`;
+    if (m > 0)
+        return `${m}m${s}s`;
+    return `${s}s`;
+}
+function contextColor(pct) {
+    if (pct >= 80)
+        return COLOR_RED;
+    if (pct >= 60)
+        return COLOR_AMBER;
+    return COLOR_GREEN;
+}
+function StatusLine({ model, provider, tokensUsed, tokensTotal, elapsedSeconds, contextPercent, activeTool, }) {
+    const tokenPct = tokensTotal > 0 ? Math.round((tokensUsed / tokensTotal) * 100) : 0;
+    const ctxPct = contextPercent ?? tokenPct;
+    const ctxColor = contextColor(ctxPct);
+    const segments = [
+        `${model} ${provider}`,
+        `${formatTokens(tokensUsed)}/${formatTokens(tokensTotal)} (${tokenPct}%)`,
+        formatTime(elapsedSeconds),
+    ];
+    if (contextPercent !== undefined) {
+        segments.push(`ctx: ${ctxPct}%`);
+    }
+    if (activeTool) {
+        segments.push(activeTool);
+    }
+    return ((0, jsx_runtime_1.jsxs)(ink_1.Box, { children: [(0, jsx_runtime_1.jsx)(ink_1.Text, { color: OURO_TEAL, dimColor: true, children: segments[0] }), (0, jsx_runtime_1.jsx)(ink_1.Text, { dimColor: true, children: " | " }), (0, jsx_runtime_1.jsx)(ink_1.Text, { dimColor: true, children: segments[1] }), (0, jsx_runtime_1.jsx)(ink_1.Text, { dimColor: true, children: " | " }), (0, jsx_runtime_1.jsx)(ink_1.Text, { dimColor: true, children: segments[2] }), contextPercent !== undefined ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ink_1.Text, { dimColor: true, children: " | " }), (0, jsx_runtime_1.jsx)(ink_1.Text, { color: ctxColor, children: `ctx: ${ctxPct}%` })] })) : null, activeTool ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ink_1.Text, { dimColor: true, children: " | " }), (0, jsx_runtime_1.jsx)(ink_1.Text, { color: OURO_TEAL, children: `[${activeTool}]` })] })) : null] }));
+}