cvc-tui 0.1.0 → 0.4.0

package/dist/components/modelPicker.js

@@ -0,0 +1,254 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// @ts-nocheck
+// SPDX-License-Identifier: MIT
+// Ported from CVC Agent (https://github.com/NousResearch/cvc)
+// Original Copyright (c) 2025 Nous Research. CVC adaptations (c) 2026 Jai Kumar Meena.
+import { Box, Text, useInput, useStdout } from '@cvc/ink';
+import { useEffect, useMemo, useState } from 'react';
+import { providerDisplayNames } from '../domain/providers.js';
+import { TUI_SESSION_MODEL_FLAG } from '../domain/slash.js';
+import { asRpcResult, rpcErrorMessage } from '../lib/rpc.js';
+import { OverlayHint, useOverlayKeys, windowItems } from './overlayControls.js';
+const VISIBLE = 12;
+const MIN_WIDTH = 40;
+const MAX_WIDTH = 90;
+export function ModelPicker({ gw, onCancel, onSelect, sessionId, t }) {
+    const [providers, setProviders] = useState([]);
+    const [currentModel, setCurrentModel] = useState('');
+    const [err, setErr] = useState('');
+    const [loading, setLoading] = useState(true);
+    const [persistGlobal, setPersistGlobal] = useState(false);
+    const [providerIdx, setProviderIdx] = useState(0);
+    const [modelIdx, setModelIdx] = useState(0);
+    const [stage, setStage] = useState('provider');
+    const [keyInput, setKeyInput] = useState('');
+    const [keySaving, setKeySaving] = useState(false);
+    const [keyError, setKeyError] = useState('');
+    const { stdout } = useStdout();
+    // Pin the picker to a stable width so the FloatBox parent (which shrinks-
+    // to-fit with alignSelf="flex-start") doesn't resize as long provider /
+    // model names scroll into view, and so `wrap="truncate-end"` on each row
+    // has an actual constraint to truncate against.
+    const width = Math.max(MIN_WIDTH, Math.min(MAX_WIDTH, (stdout?.columns ?? 80) - 6));
+    useEffect(() => {
+        gw.request('model.options', sessionId ? { session_id: sessionId } : {})
+            .then(raw => {
+            const r = asRpcResult(raw);
+            if (!r) {
+                setErr('invalid response: model.options');
+                setLoading(false);
+                return;
+            }
+            const next = r.providers ?? [];
+            setProviders(next);
+            setCurrentModel(String(r.model ?? ''));
+            setProviderIdx(Math.max(0, next.findIndex(p => p.is_current)));
+            setModelIdx(0);
+            setStage('provider');
+            setErr('');
+            setLoading(false);
+        })
+            .catch((e) => {
+            setErr(rpcErrorMessage(e));
+            setLoading(false);
+        });
+    }, [gw, sessionId]);
+    const provider = providers[providerIdx];
+    const models = provider?.models ?? [];
+    const names = useMemo(() => providerDisplayNames(providers), [providers]);
+    const back = () => {
+        if (stage === 'model' || stage === 'key' || stage === 'disconnect') {
+            setStage('provider');
+            setModelIdx(0);
+            setKeyInput('');
+            setKeyError('');
+            setKeySaving(false);
+            return;
+        }
+        onCancel();
+    };
+    useOverlayKeys({ onBack: back, onClose: onCancel });
+    useInput((ch, key) => {
+        // Key entry stage handles its own input
+        if (stage === 'key') {
+            if (keySaving) {
+                return;
+            }
+            if (key.return) {
+                if (!keyInput.trim()) {
+                    return;
+                }
+                setKeySaving(true);
+                setKeyError('');
+                gw.request('model.save_key', {
+                    slug: provider?.slug,
+                    api_key: keyInput.trim(),
+                    ...(sessionId ? { session_id: sessionId } : {}),
+                })
+                    .then(raw => {
+                    const r = asRpcResult(raw);
+                    if (!r?.provider) {
+                        setKeyError('failed to save key');
+                        setKeySaving(false);
+                        return;
+                    }
+                    // Update the provider in our list with fresh data
+                    setProviders(prev => prev.map(p => p.slug === r.provider.slug ? r.provider : p));
+                    setKeyInput('');
+                    setKeySaving(false);
+                    setStage('model');
+                    setModelIdx(0);
+                })
+                    .catch((e) => {
+                    setKeyError(rpcErrorMessage(e));
+                    setKeySaving(false);
+                });
+                return;
+            }
+            if (key.backspace || key.delete) {
+                setKeyInput(v => v.slice(0, -1));
+                return;
+            }
+            // ctrl+u clears input
+            if (ch === '\u0015') {
+                setKeyInput('');
+                return;
+            }
+            if (ch && !key.ctrl && !key.meta) {
+                setKeyInput(v => v + ch);
+            }
+            return;
+        }
+        // Disconnect confirmation stage
+        if (stage === 'disconnect') {
+            if (ch.toLowerCase() === 'y' || key.return) {
+                if (!provider) {
+                    setStage('provider');
+                    return;
+                }
+                setKeySaving(true);
+                gw.request('model.disconnect', {
+                    slug: provider.slug,
+                    ...(sessionId ? { session_id: sessionId } : {}),
+                })
+                    .then(raw => {
+                    const r = asRpcResult(raw);
+                    if (r?.disconnected) {
+                        // Mark provider as unauthenticated in local state
+                        setProviders(prev => prev.map(p => p.slug === provider.slug
+                            ? { ...p, authenticated: false, models: [], total_models: 0, warning: p.key_env ? `paste ${p.key_env} to activate` : 'run `hermes model` to configure' }
+                            : p));
+                    }
+                    setKeySaving(false);
+                    setStage('provider');
+                })
+                    .catch(() => {
+                    setKeySaving(false);
+                    setStage('provider');
+                });
+                return;
+            }
+            if (ch.toLowerCase() === 'n' || key.escape) {
+                setStage('provider');
+                return;
+            }
+            return;
+        }
+        const count = stage === 'provider' ? providers.length : models.length;
+        const sel = stage === 'provider' ? providerIdx : modelIdx;
+        const setSel = stage === 'provider' ? setProviderIdx : setModelIdx;
+        if (key.upArrow && sel > 0) {
+            setSel(v => v - 1);
+            return;
+        }
+        if (key.downArrow && sel < count - 1) {
+            setSel(v => v + 1);
+            return;
+        }
+        if (key.return) {
+            if (stage === 'provider') {
+                if (!provider) {
+                    return;
+                }
+                if (provider.authenticated === false) {
+                    // api_key providers: prompt for key inline
+                    if (provider.auth_type === 'api_key' && provider.key_env) {
+                        setStage('key');
+                        setKeyInput('');
+                        setKeyError('');
+                    }
+                    // Other auth types: no-op (warning shown tells them to run hermes model)
+                    return;
+                }
+                setStage('model');
+                setModelIdx(0);
+                return;
+            }
+            const model = models[modelIdx];
+            if (provider && model) {
+                onSelect(`${model} --provider ${provider.slug}${persistGlobal ? ' --global' : ` ${TUI_SESSION_MODEL_FLAG}`}`);
+            }
+            else {
+                setStage('provider');
+            }
+            return;
+        }
+        if (ch.toLowerCase() === 'g') {
+            setPersistGlobal(v => !v);
+            return;
+        }
+        // Disconnect: only in provider stage, only for authenticated providers
+        if (ch.toLowerCase() === 'd' && stage === 'provider' && provider?.authenticated !== false) {
+            setStage('disconnect');
+            return;
+        }
+    });
+    if (loading) {
+        return _jsx(Text, { color: t.color.muted, children: "loading models\u2026" });
+    }
+    if (err) {
+        return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: t.color.label, children: ["error: ", err] }), _jsx(OverlayHint, { t: t, children: "Esc/q cancel" })] }));
+    }
+    if (!providers.length) {
+        return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: t.color.muted, children: "no providers available" }), _jsx(OverlayHint, { t: t, children: "Esc/q cancel" })] }));
+    }
+    // ── Key entry stage ──────────────────────────────────────────────────
+    if (stage === 'key' && provider) {
+        const masked = keyInput ? '•'.repeat(Math.min(keyInput.length, 40)) : '';
+        return (_jsxs(Box, { flexDirection: "column", width: width, children: [_jsxs(Text, { bold: true, color: t.color.accent, wrap: "truncate-end", children: ["Configure ", provider.name] }), _jsx(Text, { color: t.color.muted, wrap: "truncate-end", children: "Paste your API key below (saved to ~/.hermes/.env)" }), _jsx(Text, { color: t.color.muted, wrap: "truncate-end", children: " " }), _jsxs(Text, { color: t.color.muted, wrap: "truncate-end", children: [provider.key_env, ":"] }), _jsxs(Text, { color: t.color.accent, wrap: "truncate-end", children: ['  ', masked || '(empty)', keySaving ? '' : '▎'] }), _jsx(Text, { color: t.color.muted, wrap: "truncate-end", children: " " }), keyError ? (_jsxs(Text, { color: t.color.label, wrap: "truncate-end", children: ["error: ", keyError] })) : keySaving ? (_jsx(Text, { color: t.color.muted, wrap: "truncate-end", children: "saving\u2026" })) : (_jsx(Text, { color: t.color.muted, wrap: "truncate-end", children: " " })), _jsx(OverlayHint, { t: t, children: "Enter save \u00B7 Ctrl+U clear \u00B7 Esc back" })] }));
+    }
+    // ── Disconnect confirmation stage ─────────────────────────────────────
+    if (stage === 'disconnect' && provider) {
+        return (_jsxs(Box, { flexDirection: "column", width: width, children: [_jsxs(Text, { bold: true, color: t.color.accent, wrap: "truncate-end", children: ["Disconnect ", provider.name, "?"] }), _jsx(Text, { color: t.color.muted, wrap: "truncate-end", children: " " }), _jsxs(Text, { color: t.color.muted, wrap: "truncate-end", children: ["This removes saved credentials for ", provider.name, "."] }), _jsx(Text, { color: t.color.muted, wrap: "truncate-end", children: "You can re-authenticate later by selecting it again." }), _jsx(Text, { color: t.color.muted, wrap: "truncate-end", children: " " }), keySaving ? (_jsx(Text, { color: t.color.muted, wrap: "truncate-end", children: "disconnecting\u2026" })) : (_jsx(OverlayHint, { t: t, children: "y/Enter confirm \u00B7 n/Esc cancel" }))] }));
+    }
+    // ── Provider selection stage ─────────────────────────────────────────
+    if (stage === 'provider') {
+        const rows = providers.map((p, i) => {
+            const authMark = p.authenticated === false ? '○' : p.is_current ? '*' : '●';
+            const modelCount = p.total_models ?? p.models?.length ?? 0;
+            const suffix = p.authenticated === false
+                ? (p.auth_type === 'api_key' ? '(no key)' : '(needs setup)')
+                : `${modelCount} models`;
+            return `${authMark} ${names[i]} · ${suffix}`;
+        });
+        const { items, offset } = windowItems(rows, providerIdx, VISIBLE);
+        return (_jsxs(Box, { flexDirection: "column", width: width, children: [_jsx(Text, { bold: true, color: t.color.accent, wrap: "truncate-end", children: "Select provider (step 1/2)" }), _jsx(Text, { color: t.color.muted, wrap: "truncate-end", children: "Full model IDs on the next step \u00B7 Enter to continue" }), _jsxs(Text, { color: t.color.muted, wrap: "truncate-end", children: ["Current: ", currentModel || '(unknown)'] }), _jsx(Text, { color: t.color.label, wrap: "truncate-end", children: provider?.warning ? `warning: ${provider.warning}` : ' ' }), _jsx(Text, { color: t.color.muted, wrap: "truncate-end", children: offset > 0 ? ` ↑ ${offset} more` : ' ' }), Array.from({ length: VISIBLE }, (_, i) => {
+                    const row = items[i];
+                    const idx = offset + i;
+                    const p = providers[idx];
+                    const dimmed = p?.authenticated === false;
+                    return row ? (_jsxs(Text, { bold: providerIdx === idx, color: providerIdx === idx ? t.color.accent : dimmed ? t.color.label : t.color.muted, inverse: providerIdx === idx, wrap: "truncate-end", children: [providerIdx === idx ? '▸ ' : '  ', idx + 1, ". ", row] }, providers[idx]?.slug ?? `row-${idx}`)) : (_jsx(Text, { color: t.color.muted, wrap: "truncate-end", children: ' ' }, `pad-${i}`));
+                }), _jsx(Text, { color: t.color.muted, wrap: "truncate-end", children: offset + VISIBLE < rows.length ? ` ↓ ${rows.length - offset - VISIBLE} more` : ' ' }), _jsxs(Text, { color: t.color.muted, wrap: "truncate-end", children: ["persist: ", persistGlobal ? 'global' : 'session', " \u00B7 g toggle"] }), _jsx(OverlayHint, { t: t, children: "\u2191/\u2193 select \u00B7 Enter choose \u00B7 d disconnect \u00B7 Esc/q cancel" })] }));
+    }
+    // ── Model selection stage ────────────────────────────────────────────
+    const { items, offset } = windowItems(models, modelIdx, VISIBLE);
+    return (_jsxs(Box, { flexDirection: "column", width: width, children: [_jsx(Text, { bold: true, color: t.color.accent, wrap: "truncate-end", children: "Select model (step 2/2)" }), _jsxs(Text, { color: t.color.muted, wrap: "truncate-end", children: [names[providerIdx] || '(unknown provider)', " \u00B7 Esc back"] }), _jsx(Text, { color: t.color.label, wrap: "truncate-end", children: provider?.warning ? `warning: ${provider.warning}` : ' ' }), _jsx(Text, { color: t.color.muted, wrap: "truncate-end", children: offset > 0 ? ` ↑ ${offset} more` : ' ' }), Array.from({ length: VISIBLE }, (_, i) => {
+                const row = items[i];
+                const idx = offset + i;
+                if (!row) {
+                    return !models.length && i === 0 ? (_jsx(Text, { color: t.color.muted, wrap: "truncate-end", children: "no models listed for this provider" }, "empty")) : (_jsx(Text, { color: t.color.muted, wrap: "truncate-end", children: ' ' }, `pad-${i}`));
+                }
+                const prefix = modelIdx === idx ? '▸ ' : row === currentModel ? '* ' : '  ';
+                return (_jsxs(Text, { bold: modelIdx === idx, color: modelIdx === idx ? t.color.accent : t.color.muted, inverse: modelIdx === idx, wrap: "truncate-end", children: [prefix, idx + 1, ". ", row] }, `${provider?.slug ?? 'prov'}:${idx}:${row}`));
+            }), _jsx(Text, { color: t.color.muted, wrap: "truncate-end", children: offset + VISIBLE < models.length ? ` ↓ ${models.length - offset - VISIBLE} more` : ' ' }), _jsxs(Text, { color: t.color.muted, wrap: "truncate-end", children: ["persist: ", persistGlobal ? 'global' : 'session', " \u00B7 g toggle"] }), _jsx(OverlayHint, { t: t, children: models.length ? '↑/↓ select · Enter switch · Esc back · q close' : 'Enter/Esc back · q close' })] }));
+}

package/dist/components/overlayControls.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// @ts-nocheck
+// SPDX-License-Identifier: MIT
+// Ported from CVC Agent (https://github.com/NousResearch/cvc)
+// Original Copyright (c) 2025 Nous Research. CVC adaptations (c) 2026 Jai Kumar Meena.
+import { Text, useInput } from '@cvc/ink';
+export function useOverlayKeys({ disabled = false, onBack, onClose }) {
+    useInput((ch, key) => {
+        if (disabled) {
+            return;
+        }
+        if (ch === 'q') {
+            return onClose();
+        }
+        if (key.escape) {
+            return onBack ? onBack() : onClose();
+        }
+    });
+}
+export function OverlayHint({ children, t }) {
+    return (_jsx(Text, { color: t.color.muted, wrap: "truncate-end", children: children }));
+}
+export const windowOffset = (count, selected, visible) => Math.max(0, Math.min(selected - Math.floor(visible / 2), count - visible));
+export function windowItems(items, selected, visible) {
+    const offset = windowOffset(items.length, selected, visible);
+    return {
+        items: items.slice(offset, offset + visible),
+        offset
+    };
+}

package/dist/components/overlays/helpOverlay.js

@@ -1,4 +1,5 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+// @ts-nocheck
 // CVC helpOverlay — full-screen /help overlay listing every slash command
 // from the central registry, grouped by category. Arrow-key scrollable.
 import { useMemo, useState } from 'react';

package/dist/components/overlays/historySearch.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// @ts-nocheck
 // Reverse-incremental history search overlay (Ctrl+R).
 // Keystrokes refine the query; Up/Down moves through matches; Enter accepts;
 // Esc cancels.

package/dist/components/overlays/modelPicker.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// @ts-nocheck
 // CVC modelPicker overlay — arrow-key navigable, two-stage (provider → model).
-// Behavior parity with Hermes ui-tui modelPicker, but consumes preloaded data
+// Behavior parity with CVC ui-tui modelPicker, but consumes preloaded data
 // via props so it stays trivial to test and wire.
 import { useMemo, useState } from 'react';
 import { Box, Text, useInput } from 'ink';

package/dist/components/overlays/overlayUtils.js

@@ -1,6 +1,7 @@
+// @ts-nocheck
 // Tiny shared helpers for CVC arrow-key navigable overlays.
 // Keeps modelPicker / sessionPicker / skillsHub / helpOverlay consistent
-// without dragging in the heavier Hermes overlayControls surface.
+// without dragging in the heavier CVC overlayControls surface.
 /** Window a list around the selected index so a cursor at any depth stays visible. */
 export function windowItems(all, selected, visible) {
     if (all.length <= visible)

package/dist/components/overlays/secretPrompt.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// @ts-nocheck
 // Secret prompt overlay — masked input. Resolves with the entered string,
 // or null on Esc.
 import { useState } from 'react';

package/dist/components/overlays/sessionPicker.js

@@ -1,4 +1,5 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+// @ts-nocheck
 // CVC sessionPicker overlay — lists ~/.cvc/sessions/*.json with timestamp +
 // first-message preview, arrow-key navigable, filter input.
 import { useEffect, useMemo, useState } from 'react';

package/dist/components/overlays/skillsHub.js

@@ -1,4 +1,5 @@
 import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+// @ts-nocheck
 // CVC skillsHub overlay — list skills (via gateway or supplied prop), search/filter,
 // arrow-key navigable, Enter triggers an onActivate callback (e.g. to inject the
 // skill into the next user message).

package/dist/components/prompts.js

@@ -0,0 +1,95 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+// @ts-nocheck
+// SPDX-License-Identifier: MIT
+// Ported from CVC Agent (https://github.com/NousResearch/cvc)
+// Original Copyright (c) 2025 Nous Research. CVC adaptations (c) 2026 Jai Kumar Meena.
+import { Box, Text, useInput } from '@cvc/ink';
+import { useState } from 'react';
+import { isMac } from '../lib/platform.js';
+import { TextInput } from './textInput.js';
+const OPTS = ['once', 'session', 'always', 'deny'];
+const LABELS = { always: 'Always allow', deny: 'Deny', once: 'Allow once', session: 'Allow this session' };
+const CMD_PREVIEW_LINES = 10;
+export function ApprovalPrompt({ onChoice, req, t }) {
+    const [sel, setSel] = useState(0);
+    useInput((ch, key) => {
+        if (key.upArrow && sel > 0) {
+            setSel(s => s - 1);
+        }
+        if (key.downArrow && sel < OPTS.length - 1) {
+            setSel(s => s + 1);
+        }
+        const n = parseInt(ch, 10);
+        if (n >= 1 && n <= OPTS.length) {
+            onChoice(OPTS[n - 1]);
+            return;
+        }
+        if (key.return) {
+            onChoice(OPTS[sel]);
+        }
+    });
+    const rawLines = req.command.split('\n');
+    const shown = rawLines.slice(0, CMD_PREVIEW_LINES);
+    const overflow = rawLines.length - shown.length;
+    return (_jsxs(Box, { borderColor: t.color.warn, borderStyle: "double", flexDirection: "column", paddingX: 1, children: [_jsxs(Text, { bold: true, color: t.color.warn, children: ["\u26A0 approval required \u00B7 ", req.description] }), _jsxs(Box, { flexDirection: "column", paddingLeft: 1, children: [shown.map((line, i) => (_jsx(Text, { color: t.color.text, wrap: "truncate-end", children: line || ' ' }, i))), overflow > 0 ? (_jsxs(Text, { color: t.color.muted, children: ["\u2026 +", overflow, " more line", overflow === 1 ? '' : 's', " (full text above)"] })) : null] }), _jsx(Text, {}), OPTS.map((o, i) => (_jsx(Text, { children: _jsxs(Text, { bold: sel === i, color: sel === i ? t.color.warn : t.color.muted, inverse: sel === i, children: [sel === i ? '▸ ' : '  ', i + 1, ". ", LABELS[o]] }) }, o))), _jsx(Text, { color: t.color.muted, children: "\u2191/\u2193 select \u00B7 Enter confirm \u00B7 1-4 quick pick \u00B7 Ctrl+C deny" })] }));
+}
+export function ClarifyPrompt({ cols = 80, onAnswer, onCancel, req, t }) {
+    const [sel, setSel] = useState(0);
+    const [custom, setCustom] = useState('');
+    const [typing, setTyping] = useState(false);
+    const choices = req.choices ?? [];
+    const heading = (_jsxs(Text, { bold: true, children: [_jsx(Text, { color: t.color.accent, children: "ask" }), _jsxs(Text, { color: t.color.text, children: [" ", req.question] })] }));
+    useInput((ch, key) => {
+        if (key.escape) {
+            typing && choices.length ? setTyping(false) : onCancel();
+            return;
+        }
+        if (typing || !choices.length) {
+            return;
+        }
+        if (key.upArrow && sel > 0) {
+            setSel(s => s - 1);
+        }
+        if (key.downArrow && sel < choices.length) {
+            setSel(s => s + 1);
+        }
+        if (key.return) {
+            sel === choices.length ? setTyping(true) : choices[sel] && onAnswer(choices[sel]);
+        }
+        const n = parseInt(ch);
+        if (n >= 1 && n <= choices.length) {
+            onAnswer(choices[n - 1]);
+        }
+    });
+    if (typing || !choices.length) {
+        return (_jsxs(Box, { flexDirection: "column", children: [heading, _jsxs(Box, { children: [_jsx(Text, { color: t.color.label, children: '> ' }), _jsx(TextInput, { columns: Math.max(20, cols - 6), onChange: setCustom, onSubmit: onAnswer, value: custom })] }), _jsxs(Text, { color: t.color.muted, children: ["Enter send \u00B7 Esc ", choices.length ? 'back' : 'cancel', " \u00B7", ' ', isMac ? 'Cmd+C copy · Cmd+V paste · Ctrl+C cancel' : 'Ctrl+C cancel'] })] }));
+    }
+    return (_jsxs(Box, { flexDirection: "column", children: [heading, [...choices, 'Other (type your answer)'].map((c, i) => (_jsx(Text, { children: _jsxs(Text, { bold: sel === i, color: sel === i ? t.color.label : t.color.muted, inverse: sel === i, children: [sel === i ? '▸ ' : '  ', i + 1, ". ", c] }) }, i))), _jsxs(Text, { color: t.color.muted, children: ["\u2191/\u2193 select \u00B7 Enter confirm \u00B7 1-", choices.length, " quick pick \u00B7 Esc/Ctrl+C cancel"] })] }));
+}
+export function ConfirmPrompt({ onCancel, onConfirm, req, t }) {
+    const [sel, setSel] = useState(0);
+    useInput((ch, key) => {
+        const lower = ch.toLowerCase();
+        if (key.escape || (key.ctrl && lower === 'c') || lower === 'n') {
+            return onCancel();
+        }
+        if (lower === 'y') {
+            return onConfirm();
+        }
+        if (key.upArrow) {
+            setSel(0);
+        }
+        if (key.downArrow) {
+            setSel(1);
+        }
+        if (key.return) {
+            sel === 0 ? onCancel() : onConfirm();
+        }
+    });
+    const accent = req.danger ? t.color.error : t.color.warn;
+    const rows = [
+        { color: t.color.text, label: req.cancelLabel ?? 'No' },
+        { color: req.danger ? t.color.error : t.color.text, label: req.confirmLabel ?? 'Yes' }
+    ];
+    return (_jsxs(Box, { borderColor: accent, borderStyle: "double", flexDirection: "column", paddingX: 1, children: [_jsxs(Text, { bold: true, color: accent, children: [req.danger ? '⚠' : '?', " ", req.title] }), req.detail ? (_jsx(Box, { paddingLeft: 1, children: _jsx(Text, { color: t.color.text, wrap: "truncate-end", children: req.detail }) })) : null, _jsx(Text, {}), rows.map((row, i) => (_jsxs(Text, { children: [_jsx(Text, { color: sel === i ? accent : t.color.muted, children: sel === i ? '▸ ' : '  ' }), _jsx(Text, { color: sel === i ? row.color : t.color.muted, children: row.label })] }, row.label))), _jsx(Text, { color: t.color.muted, children: "\u2191/\u2193 select \u00B7 Enter confirm \u00B7 Y/N quick \u00B7 Esc cancel" })] }));
+}

package/dist/components/queuedMessages.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// @ts-nocheck
+// SPDX-License-Identifier: MIT
+// Ported from CVC Agent (https://github.com/NousResearch/cvc)
+// Original Copyright (c) 2025 Nous Research. CVC adaptations (c) 2026 Jai Kumar Meena.
+import { Box, Text } from '@cvc/ink';
+import { compactPreview } from '../lib/text.js';
+export const QUEUE_WINDOW = 3;
+export function getQueueWindow(queueLen, queueEditIdx) {
+    const start = queueEditIdx === null ? 0 : Math.max(0, Math.min(queueEditIdx - 1, Math.max(0, queueLen - QUEUE_WINDOW)));
+    const end = Math.min(queueLen, start + QUEUE_WINDOW);
+    return { end, showLead: start > 0, showTail: end < queueLen, start };
+}
+export function QueuedMessages({ cols, queueEditIdx, queued, t }) {
+    if (!queued.length) {
+        return null;
+    }
+    const q = getQueueWindow(queued.length, queueEditIdx);
+    return (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { color: t.color.muted, dimColor: true, children: `queued (${queued.length})${queueEditIdx !== null ? ` · editing ${queueEditIdx + 1} · Ctrl+X delete · Esc cancel` : ''}` }), q.showLead && (_jsxs(Text, { color: t.color.muted, dimColor: true, children: [' ', "\u2026"] })), queued.slice(q.start, q.end).map((item, i) => {
+                const idx = q.start + i;
+                const active = queueEditIdx === idx;
+                return (_jsxs(Text, { color: active ? t.color.accent : t.color.muted, dimColor: true, children: [active ? '▸' : ' ', " ", idx + 1, ". ", compactPreview(item, Math.max(16, cols - 10))] }, `${idx}-${item.slice(0, 16)}`));
+            }), q.showTail && (_jsxs(Text, { color: t.color.muted, dimColor: true, children: ['  ', "\u2026and ", queued.length - q.end, " more"] }))] }));
+}

package/dist/components/sessionPicker.js

@@ -0,0 +1,130 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// @ts-nocheck
+// SPDX-License-Identifier: MIT
+// Ported from CVC Agent (https://github.com/NousResearch/cvc)
+// Original Copyright (c) 2025 Nous Research. CVC adaptations (c) 2026 Jai Kumar Meena.
+import { Box, Text, useInput, useStdout } from '@cvc/ink';
+import { useEffect, useState } from 'react';
+import { asRpcResult, rpcErrorMessage } from '../lib/rpc.js';
+import { OverlayHint, useOverlayKeys, windowOffset } from './overlayControls.js';
+const VISIBLE = 15;
+const MIN_WIDTH = 60;
+const MAX_WIDTH = 120;
+const age = (ts) => {
+    const d = (Date.now() / 1000 - ts) / 86400;
+    if (d < 1) {
+        return 'today';
+    }
+    if (d < 2) {
+        return 'yesterday';
+    }
+    return `${Math.floor(d)}d ago`;
+};
+export function SessionPicker({ gw, onCancel, onSelect, t }) {
+    const [items, setItems] = useState([]);
+    const [err, setErr] = useState('');
+    const [sel, setSel] = useState(0);
+    const [loading, setLoading] = useState(true);
+    // When non-null, the user pressed `d` on this index and we're waiting for
+    // a second `d`/`D` to confirm deletion.  Any other key cancels the prompt.
+    const [confirmDelete, setConfirmDelete] = useState(null);
+    const [deleting, setDeleting] = useState(false);
+    const { stdout } = useStdout();
+    const width = Math.max(MIN_WIDTH, Math.min(MAX_WIDTH, (stdout?.columns ?? 80) - 6));
+    useOverlayKeys({ onClose: onCancel });
+    useEffect(() => {
+        gw.request('session.list', { limit: 200 })
+            .then(raw => {
+            const r = asRpcResult(raw);
+            if (!r) {
+                setErr('invalid response: session.list');
+                setLoading(false);
+                return;
+            }
+            setItems(r.sessions ?? []);
+            setErr('');
+            setLoading(false);
+        })
+            .catch((e) => {
+            setErr(rpcErrorMessage(e));
+            setLoading(false);
+        });
+    }, [gw]);
+    const performDelete = (index) => {
+        const target = items[index];
+        if (!target || deleting) {
+            return;
+        }
+        setDeleting(true);
+        gw.request('session.delete', { session_id: target.id })
+            .then(raw => {
+            const r = asRpcResult(raw);
+            if (!r || r.deleted !== target.id) {
+                setErr('invalid response: session.delete');
+                setDeleting(false);
+                return;
+            }
+            setItems(prev => {
+                const next = prev.filter((_, i) => i !== index);
+                setSel(s => Math.max(0, Math.min(s, next.length - 1)));
+                return next;
+            });
+            setErr('');
+            setDeleting(false);
+        })
+            .catch((e) => {
+            setErr(rpcErrorMessage(e));
+            setDeleting(false);
+        });
+    };
+    useInput((ch, key) => {
+        if (deleting) {
+            return;
+        }
+        if (confirmDelete !== null) {
+            if (ch?.toLowerCase() === 'd') {
+                const idx = confirmDelete;
+                setConfirmDelete(null);
+                performDelete(idx);
+            }
+            else {
+                setConfirmDelete(null);
+            }
+            return;
+        }
+        if (key.upArrow && sel > 0) {
+            setSel(s => s - 1);
+        }
+        if (key.downArrow && sel < items.length - 1) {
+            setSel(s => s + 1);
+        }
+        if (key.return && items[sel]) {
+            onSelect(items[sel].id);
+            return;
+        }
+        if (ch?.toLowerCase() === 'd' && items[sel]) {
+            setConfirmDelete(sel);
+            return;
+        }
+        const n = parseInt(ch);
+        if (n >= 1 && n <= Math.min(9, items.length)) {
+            onSelect(items[n - 1].id);
+        }
+    });
+    if (loading) {
+        return _jsx(Text, { color: t.color.muted, children: "loading sessions\u2026" });
+    }
+    if (err && !items.length) {
+        return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: t.color.label, children: ["error: ", err] }), _jsx(OverlayHint, { t: t, children: "Esc/q cancel" })] }));
+    }
+    if (!items.length) {
+        return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: t.color.muted, children: "no previous sessions" }), _jsx(OverlayHint, { t: t, children: "Esc/q cancel" })] }));
+    }
+    const offset = windowOffset(items.length, sel, VISIBLE);
+    return (_jsxs(Box, { flexDirection: "column", width: width, children: [_jsx(Text, { bold: true, color: t.color.accent, children: "Resume Session" }), offset > 0 && _jsxs(Text, { color: t.color.muted, children: ["  \u2191 ", offset, " more"] }), items.slice(offset, offset + VISIBLE).map((s, vi) => {
+                const i = offset + vi;
+                const selected = sel === i;
+                const pendingDelete = confirmDelete === i;
+                return (_jsxs(Box, { children: [_jsx(Text, { bold: selected, color: selected ? t.color.accent : t.color.muted, inverse: selected, children: selected ? '▸ ' : '  ' }), _jsx(Box, { width: 30, children: _jsxs(Text, { bold: selected, color: selected ? t.color.accent : t.color.muted, inverse: selected, children: [String(i + 1).padStart(2), ". [", s.id, "]"] }) }), _jsx(Box, { width: 30, children: _jsxs(Text, { bold: selected, color: selected ? t.color.accent : t.color.muted, inverse: selected, children: ["(", s.message_count, " msgs, ", age(s.started_at), ", ", s.source || 'tui', ")"] }) }), _jsx(Text, { bold: selected, color: pendingDelete ? t.color.label : selected ? t.color.accent : t.color.muted, inverse: selected, wrap: "truncate-end", children: pendingDelete ? 'press d again to delete' : s.title || s.preview || '(untitled)' })] }, s.id));
+            }), offset + VISIBLE < items.length && _jsxs(Text, { color: t.color.muted, children: ["  \u2193 ", items.length - offset - VISIBLE, " more"] }), err && _jsxs(Text, { color: t.color.label, children: ["error: ", err] }), deleting ? (_jsx(OverlayHint, { t: t, children: "deleting\u2026" })) : (_jsx(OverlayHint, { t: t, children: "\u2191/\u2193 select \u00B7 Enter resume \u00B7 1-9 quick \u00B7 d delete \u00B7 Esc/q cancel" }))] }));
+}