@orbit-intelligence/orbit-agent 0.3.12

package/dist/src/tui/InkApp.js

@@ -0,0 +1,67 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { Box, Text, useInput, useWindowSize } from 'ink';
+import { StoreContext } from './context.js';
+import { rowsFromMessages } from './rows.js';
+import { buildTheme } from './style.js';
+import { Header } from './components/Header.js';
+import { Transcript } from './components/Transcript.js';
+import { WorkingStatus } from './components/WorkingStatus.js';
+import { SlashMenu } from './components/SlashMenu.js';
+import { ModelPicker } from './components/ModelPicker.js';
+import { AgentDock } from './components/AgentDock.js';
+import { Composer } from './components/Composer.js';
+import { PermissionModal } from './components/PermissionModal.js';
+import { StatusLine } from './components/StatusLine.js';
+import { chromeHeight, composerHeight } from './geometry.js';
+export function InkApp({ controller }) {
+    const store = controller.store;
+    const { columns, rows } = useWindowSize();
+    const [, setTick] = useState(0);
+    useEffect(() => {
+        return store.onRender(() => setTick((t) => t + 1));
+    }, [store]);
+    useInput((input, key) => {
+        controller.handleKey(input, key);
+        controller.refresh();
+    });
+    const cols = Math.max(20, columns);
+    // Reserve the final terminal row: an Ink frame that fills every row makes the
+    // terminal scroll on the trailing newline, which desyncs Ink's incremental
+    // diff and interleaves streamed text.
+    const bodyRows = Math.max(1, rows - 1);
+    const theme = store.theme ?? buildTheme('tokyonight');
+    const menuing = store.input.currentBuffer().startsWith('/');
+    const menuLines = menuing ? store.slashMatches().length + 1 : 0;
+    const modelLines = store.modelPicker.open ? Math.min(store.models.length, 10) + 1 : 0;
+    const dockLines = store.dockOpen
+        ? store.agents.size === 0
+            ? 2
+            : Math.min(store.agents.size + 1, 10)
+        : 0;
+    const working = store.streaming && !store.pendingAsk;
+    const compH = store.pendingAsk ? 1 : composerHeight(store.input, cols);
+    const chrome = chromeHeight({
+        working,
+        menuLines,
+        modelLines,
+        dockLines,
+        ask: Boolean(store.pendingAsk),
+        composerH: compH,
+    });
+    const viewport = Math.max(0, bodyRows - chrome);
+    let msgRows = [];
+    if (store.messages.length === 0) {
+        const dim = theme.table.sgr(theme.styles['dim']);
+        msgRows = [{ id: 'hint', text: `${dim}type a message to get started${'\x1b[0m'}` }];
+    }
+    else {
+        msgRows = rowsFromMessages(store.messages, theme, {
+            thinkingDefaultOpen: store.thinkingDefaultOpen,
+            width: cols,
+            streamingId: store.findStreaming()?.id,
+            revealChars: store.revealChars,
+        });
+    }
+    return (_jsx(StoreContext.Provider, { value: store, children: _jsxs(Box, { width: cols, height: bodyRows, flexDirection: "column", overflow: "hidden", children: [_jsx(Header, { width: cols }), _jsx(Text, { dimColor: true, children: 'Tip: /help for commands · /theme to switch' }), _jsx(Transcript, { rows: msgRows, viewport: viewport }), working && _jsx(WorkingStatus, {}), store.pendingAsk && _jsx(PermissionModal, { cols: cols }), store.dockOpen && _jsx(AgentDock, { width: cols, height: dockLines }), menuing && _jsx(SlashMenu, { width: cols }), store.modelPicker.open && _jsx(ModelPicker, { width: cols }), _jsx(Box, { height: 1, children: _jsx(Text, { dimColor: true, wrap: "truncate-end", children: '─'.repeat(Math.max(1, cols)) }) }), _jsx(Composer, {}), _jsx(StatusLine, { width: cols })] }) }));
+}

package/dist/src/tui/ansi.js

@@ -0,0 +1,142 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from 'ink';
+/**
+ * Converts a line that may contain 24-bit ANSI SGR escapes into Ink
+ * `Text` elements, so the existing markdown/highlighting pipeline
+ * (`renderMarkdown`, `messageToLines`. `renderInputArea`) can be reused
+ * verbatim inside the Ink renderer instead of being re-implemented.
+ *
+ * Only the SGR forms emitted by `sgrFor` are expected:
+ *   \x1b[<38;2;r;g;b | 48;2;r;g;b | 1 | 2 | 3 | 4 | 7 | 9 where applicable>m
+ * and the reset \x1b[0m. Unknown sequences are preserved harmlessly.
+ */
+const ESC = '\x1b[';
+const SGR_RE = /^(.*?)(\x1b\[[0-9;]*m)/gs;
+function rgbToHex(v) {
+    const r = (v >> 16) & 0xff;
+    const g = (v >> 8) & 0xff;
+    const b = v & 0xff;
+    return `#${[r, g, b].map((x) => x.toString(16).padStart(2, '0')).join('')}`;
+}
+function propsForStyle(style) {
+    const props = {};
+    if (style.fg != null)
+        props.color = rgbToHex(style.fg);
+    if (style.bg != null)
+        props.backgroundColor = rgbToHex(style.bg);
+    if (style.bold)
+        props.bold = true;
+    if (style.dim)
+        props.dimColor = true;
+    if (style.italic)
+        props.italic = true;
+    if (style.underline)
+        props.underline = true;
+    if (style.inverse)
+        props.inverse = true;
+    if (style.strikethrough)
+        props.strikethrough = true;
+    return props;
+}
+function isValidSgrCode(body) {
+    return /^[0-9;]*$/.test(body);
+}
+/**
+ * Produce an Ink node tree for an ANSI string. A single text run is returned
+ * as one <Text>; multiple runs are wrapped in one parent <Text> whose children
+ * each carry their own style.
+ */
+export function renderAnsi(text, key) {
+    const segments = [];
+    let style = {};
+    let plain = '';
+    let i = 0;
+    let lastEnd = 0;
+    // Tokenize by SGR codes.
+    const re = /\x1b\[([0-9;]*)m/g;
+    let match;
+    while ((match = re.exec(text)) !== null) {
+        const body = match[1];
+        const escStart = match.index;
+        if (escStart > lastEnd) {
+            const run = text.slice(lastEnd, escStart);
+            if (run.length > 0) {
+                const props = propsForStyle(style);
+                segments.push(Object.keys(props).length > 0 ? (_jsx(Text, { ...props, children: run }, `s${i}`)) : (run));
+                i++;
+            }
+        }
+        if (isValidSgrCode(body)) {
+            if (body === '' || body === '0')
+                style = {};
+            else
+                style = applySgr(style, body);
+        }
+        lastEnd = escStart + match[0].length;
+    }
+    const tail = text.slice(lastEnd);
+    if (tail.length > 0) {
+        const props = propsForStyle(style);
+        plain += tail;
+        segments.push(Object.keys(props).length > 0 ? _jsx(Text, { ...props, children: tail }, `s${i}`) : tail);
+        i++;
+    }
+    if (segments.length === 0)
+        return _jsx(Text, { children: text }, key);
+    // All-plain fast path.
+    if (segments.length === 1 && typeof segments[0] === 'string') {
+        return _jsx(Text, { children: segments[0] }, key);
+    }
+    // Merge a leading plain string into the parent Text where possible; Ink
+    // renders nested Text fine, so simply wrap.
+    return _jsx(Text, { children: segments }, key);
+}
+function applySgr(style, body) {
+    const next = { ...style };
+    const parts = body.split(';');
+    for (let p = 0; p < parts.length; p++) {
+        const n = parseInt(parts[p] ?? '', 10);
+        if (Number.isNaN(n))
+            continue;
+        if (n === 1)
+            next.bold = true;
+        else if (n === 2)
+            next.dim = true;
+        else if (n === 3)
+            next.italic = true;
+        else if (n === 4)
+            next.underline = true;
+        else if (n === 7)
+            next.inverse = true;
+        else if (n === 9)
+            next.strikethrough = true;
+        else if ((n === 38 || n === 48) && parts[p + 1] === '2') {
+            const r = Number(parts[p + 2] ?? 0);
+            const g = Number(parts[p + 3] ?? 0);
+            const b = Number(parts[p + 4] ?? 0);
+            const fg = (r << 16) | (g << 8) | b;
+            if (n === 38)
+                next.fg = fg;
+            else
+                next.bg = fg;
+            p += 4;
+        }
+        // 39/49 reset fg/bg; 22/23/24/27/29 unset attributes
+        else if (n === 39)
+            delete next.fg;
+        else if (n === 49)
+            delete next.bg;
+        else if (n === 22)
+            next.bold = false;
+        else if (n === 23)
+            next.italic = false;
+        else if (n === 24)
+            next.underline = false;
+        else if (n === 27)
+            next.inverse = false;
+        else if (n === 29)
+            next.strikethrough = false;
+    }
+    return next;
+}
+export { SGR_RE as sgrTokenPattern };