@parallel-cli/parallel 0.3.3

package/dist/ui/CommandInput.js

@@ -0,0 +1,154 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useRef, useState } from 'react';
+import { Box, Text, useInput } from 'ink';
+import { matchCommands } from '../commands.js';
+import { t } from '../i18n.js';
+import { readClipboardImage } from './clipboard.js';
+/** A paste is "long" when it spans multiple lines — it then collapses into a chip. */
+const PASTE_MIN_LINES = 2;
+export function CommandInput({ active, placeholder, mask, agentNames = [], onSubmit, onEscape, notify }) {
+    const [value, setValue] = useState('');
+    const [attachments, setAttachments] = useState([]);
+    const [history, setHistory] = useState([]);
+    const [histIdx, setHistIdx] = useState(-1);
+    const attSeq = useRef(0);
+    const reset = () => {
+        setValue('');
+        setAttachments([]);
+    };
+    /** Expand collapsed paste markers back into their full text. */
+    const expand = (v) => {
+        let out = v;
+        for (const a of attachments) {
+            if (a.kind === 'paste')
+                out = out.replace(a.marker, a.text);
+        }
+        return out;
+    };
+    const submit = (v) => {
+        const full = expand(v).trim();
+        const images = attachments.filter((a) => a.kind === 'image');
+        if (!full && images.length === 0)
+            return;
+        setHistory((h) => [...h.slice(-49), v]);
+        setHistIdx(-1);
+        reset();
+        onSubmit(full, images.length > 0 ? images.map((i) => i.dataUri) : undefined);
+    };
+    /** Collapse a multi-line paste into a numbered chip + inline marker. */
+    const addPaste = (text) => {
+        const n = ++attSeq.current;
+        const lines = text.split('\n').length;
+        const marker = t('input.pasted', { n, lines });
+        setAttachments((arr) => [...arr, { kind: 'paste', n, marker, text, lines }]);
+        return marker;
+    };
+    const pasteImage = () => {
+        const img = readClipboardImage();
+        if (!img) {
+            notify?.(t('input.imageNone'));
+            return;
+        }
+        const n = ++attSeq.current;
+        setAttachments((arr) => [...arr, { kind: 'image', n, dataUri: img.dataUri, label: img.label }]);
+        notify?.(t('input.imageAdded'));
+    };
+    useInput((input, key) => {
+        if (key.escape) {
+            if (value || attachments.length > 0)
+                reset();
+            else
+                onEscape?.();
+            return;
+        }
+        if (key.return) {
+            submit(value);
+            return;
+        }
+        if (key.backspace || key.delete) {
+            // If the cursor sits right after a paste marker, remove the whole chip at once.
+            const at = attachments.find((a) => a.kind === 'paste' && value.endsWith(a.marker));
+            if (at) {
+                setValue((v) => v.slice(0, -at.marker.length));
+                setAttachments((arr) => arr.filter((a) => a !== at));
+            }
+            else {
+                setValue((v) => v.slice(0, -1));
+            }
+            return;
+        }
+        if (key.upArrow) {
+            setHistIdx((i) => {
+                const ni = i === -1 ? history.length - 1 : Math.max(0, i - 1);
+                if (history[ni] !== undefined)
+                    setValue(history[ni]);
+                return ni;
+            });
+            return;
+        }
+        if (key.downArrow) {
+            setHistIdx((i) => {
+                if (i === -1)
+                    return -1;
+                const ni = i + 1;
+                if (ni >= history.length) {
+                    setValue('');
+                    return -1;
+                }
+                setValue(history[ni]);
+                return ni;
+            });
+            return;
+        }
+        if (key.tab) {
+            const cmds = matchCommands(value);
+            if (cmds.length > 0) {
+                setValue(cmds[0].name + ' ');
+                return;
+            }
+            if (value.startsWith('@')) {
+                const frag = value.slice(1).toLowerCase();
+                const m = ['all', ...agentNames].find((n) => n.toLowerCase().startsWith(frag));
+                if (m)
+                    setValue('@' + m + ' ');
+            }
+            return;
+        }
+        if (key.ctrl && input === 'u') {
+            reset();
+            return;
+        }
+        if (key.ctrl && input === 'v') {
+            pasteImage();
+            return;
+        }
+        if (key.ctrl || key.meta)
+            return;
+        if (!input)
+            return;
+        // Multi-line paste (Ink delivers it as one chunked input event) →
+        // collapse into a chip like Codex/Claude Code instead of submitting lines.
+        if (/[\r\n]/.test(input)) {
+            const normalized = input.replace(/\r\n|\r/g, '\n');
+            const lineCount = normalized.split('\n').filter((l, i, arr) => l !== '' || i < arr.length - 1).length;
+            if (normalized.replace(/\n+$/, '').includes('\n') || lineCount >= PASTE_MIN_LINES) {
+                const marker = addPaste(normalized.replace(/\n+$/, ''));
+                setValue((v) => v + marker + ' ');
+            }
+            else {
+                // single line ending with Enter → treat the newline as validation
+                const v = (value + normalized.split('\n')[0]).trim();
+                if (v)
+                    submit(v);
+            }
+            return;
+        }
+        setValue((v) => v + input);
+    }, { isActive: active });
+    const cmdSuggestions = value.startsWith('/') && !value.includes(' ') ? matchCommands(value).slice(0, 8) : [];
+    const agentSuggestions = value.startsWith('@') && !value.includes(' ')
+        ? ['all', ...agentNames].filter((n) => n.toLowerCase().startsWith(value.slice(1).toLowerCase())).slice(0, 8)
+        : [];
+    const shown = mask ? '•'.repeat(value.length) : value;
+    return (_jsxs(Box, { flexDirection: "column", children: [cmdSuggestions.length > 0 && (_jsx(Box, { borderStyle: "round", borderColor: "gray", flexDirection: "column", paddingX: 1, children: cmdSuggestions.map((c) => (_jsxs(Text, { children: [_jsx(Text, { color: "cyan", bold: true, children: c.name.padEnd(18) }), _jsx(Text, { color: "yellow", children: c.args.padEnd(24) }), _jsx(Text, { color: "gray", children: t(c.descKey) })] }, c.name))) })), agentSuggestions.length > 0 && (_jsx(Box, { borderStyle: "round", borderColor: "gray", flexDirection: "column", paddingX: 1, children: agentSuggestions.map((n) => (_jsxs(Text, { children: [_jsxs(Text, { color: "magenta", bold: true, children: ["@", n] }), _jsxs(Text, { color: "gray", children: [t('input.atHint'), n === 'all' ? t('input.atAll') : ''] })] }, n))) })), attachments.length > 0 && (_jsx(Box, { flexDirection: "row", gap: 1, paddingX: 1, children: attachments.map((a) => (_jsxs(Text, { color: "cyan", backgroundColor: "gray", children: [' ', a.kind === 'paste' ? t('input.attPaste', { n: a.n, lines: a.lines }) : t('input.attImage', { n: a.n, file: a.label }), ' '] }, a.n))) })), _jsxs(Box, { borderStyle: "round", borderColor: active ? 'cyan' : 'gray', paddingX: 1, children: [_jsxs(Text, { color: "cyanBright", bold: true, children: ["\u276F", ' '] }), shown ? (_jsxs(_Fragment, { children: [_jsx(Text, { children: shown }), active && _jsx(Text, { color: "cyanBright", children: "\u2588" })] })) : (_jsxs(_Fragment, { children: [active && _jsx(Text, { color: "cyanBright", children: "\u2588" }), _jsx(Text, { color: "gray", children: placeholder })] }))] })] }));
+}

package/dist/ui/Md.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+/**
+ * Mini markdown renderer for agent summaries — line-based, zero deps.
+ * Supports: ## headers, - / * bullets, numbered lists, **bold**, `code`.
+ * Everything else is printed as wrapped plain text (Ink handles the wrapping).
+ */
+function inline(text, keyPrefix) {
+    const parts = text.split(/(\*\*[^*]+\*\*|`[^`]+`)/g).filter(Boolean);
+    return parts.map((p, i) => {
+        if (p.startsWith('**') && p.endsWith('**')) {
+            return (_jsx(Text, { bold: true, children: p.slice(2, -2) }, `${keyPrefix}-${i}`));
+        }
+        if (p.startsWith('`') && p.endsWith('`')) {
+            return (_jsx(Text, { color: "yellowBright", children: p.slice(1, -1) }, `${keyPrefix}-${i}`));
+        }
+        return _jsx(Text, { children: p }, `${keyPrefix}-${i}`);
+    });
+}
+export function Md({ text, dim }) {
+    const lines = text.replace(/\r\n/g, '\n').split('\n');
+    return (_jsx(Box, { flexDirection: "column", children: lines.map((raw, i) => {
+            const line = raw.trimEnd();
+            if (!line.trim())
+                return _jsx(Text, { children: " " }, i);
+            const header = line.match(/^#{1,3}\s+(.*)$/);
+            if (header) {
+                return (_jsx(Text, { bold: true, color: "cyanBright", children: header[1] }, i));
+            }
+            const bullet = line.match(/^(\s*)[-*]\s+(.*)$/);
+            if (bullet) {
+                return (_jsxs(Text, { wrap: "wrap", dimColor: dim, children: [bullet[1], _jsx(Text, { color: "cyan", children: "\u2022 " }), inline(bullet[2], `b${i}`)] }, i));
+            }
+            const numbered = line.match(/^(\s*)(\d+)[.)]\s+(.*)$/);
+            if (numbered) {
+                return (_jsxs(Text, { wrap: "wrap", dimColor: dim, children: [numbered[1], _jsxs(Text, { color: "cyan", children: [numbered[2], ". "] }), inline(numbered[3], `n${i}`)] }, i));
+            }
+            return (_jsx(Text, { wrap: "wrap", dimColor: dim, children: inline(line, `l${i}`) }, i));
+        }) }));
+}

package/dist/ui/QuestionPrompt.js

@@ -0,0 +1,58 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { Box, Text, useInput } from 'ink';
+import { t } from '../i18n.js';
+const COUNTDOWN_S = 30;
+const SENTINEL = '<<NAME>>';
+/**
+ * Agent question with auto-run: a visible 30s countdown; when it reaches 0 the
+ * recommended option is chosen automatically. Any keystroke (navigation or
+ * digit) PAUSES the countdown — the user has shown they are at the keyboard.
+ */
+export function QuestionPrompt({ question, pendingCount, onAnswer }) {
+    const [cursor, setCursor] = useState(question.recommended);
+    const [left, setLeft] = useState(COUNTDOWN_S);
+    const [paused, setPaused] = useState(false);
+    const answered = useRef(false);
+    const answer = (idx, auto = false) => {
+        if (answered.current)
+            return;
+        answered.current = true;
+        onAnswer(question.id, question.options[idx], auto);
+    };
+    // Countdown — ticks only while not paused; fires the recommended option at 0.
+    useEffect(() => {
+        if (paused)
+            return;
+        const timer = setInterval(() => {
+            setLeft((s) => {
+                if (s <= 1) {
+                    clearInterval(timer);
+                    answer(question.recommended, true);
+                    return 0;
+                }
+                return s - 1;
+            });
+        }, 1000);
+        return () => clearInterval(timer);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [paused, question.id]);
+    useInput((input, key) => {
+        // The user is typing → pause the auto-run countdown.
+        if (!paused)
+            setPaused(true);
+        if (key.upArrow)
+            setCursor((c) => (c - 1 + question.options.length) % question.options.length);
+        else if (key.downArrow)
+            setCursor((c) => (c + 1) % question.options.length);
+        else if (key.return)
+            answer(cursor);
+        else {
+            const n = parseInt(input, 10);
+            if (!Number.isNaN(n) && n >= 1 && n <= question.options.length)
+                answer(n - 1);
+        }
+    });
+    const [before, after = ''] = t('q.from', { name: SENTINEL }).split(SENTINEL);
+    return (_jsxs(Box, { borderStyle: "double", borderColor: "yellow", flexDirection: "column", paddingX: 1, children: [_jsxs(Box, { justifyContent: "space-between", children: [_jsxs(Text, { bold: true, color: "yellow", children: [t('q.title'), pendingCount > 1 ? t('q.pending', { n: pendingCount }) : ''] }), _jsx(Text, { color: paused ? 'gray' : left <= 10 ? 'redBright' : 'yellow', bold: true, children: paused ? t('q.paused') : t('q.autorun', { s: String(left) }) })] }), _jsxs(Text, { children: [before, _jsx(Text, { bold: true, children: question.agentName }), after, " ", question.question] }), question.options.map((opt, i) => (_jsxs(Text, { color: i === cursor ? 'yellowBright' : undefined, bold: i === cursor, children: [i === cursor ? ' ▸ ' : '   ', i + 1, ". ", opt, i === question.recommended ? _jsxs(Text, { color: "green", children: [" ", t('q.recommended')] }) : null] }, i))), _jsx(Text, { color: "gray", children: t('q.keys') })] }));
+}

package/dist/ui/SettingsPanel.js

@@ -0,0 +1,217 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Box, Text } from 'ink';
+import { createSkillTemplate, createSpecialistTemplate } from '../skills.js';
+import { priceFor } from '../pricing.js';
+import { SelectList } from './Wizard.js';
+import { LANGS, getLang, setLang, t } from '../i18n.js';
+function masked(key) {
+    if (!key)
+        return '—';
+    return '••••' + key.slice(-4);
+}
+/**
+ * /settings        → scope 'global'  : persisted in ~/.parallel/config.json
+ * /settings-session → scope 'session' : this session only, never persisted
+ */
+export function SettingsPanel({ ctl, scope, onClose, }) {
+    const [step, setStep] = useState({ id: 'root' });
+    const [flash, setFlash] = useState('');
+    const saved = () => setFlash(t('set.saved'));
+    const cfg = ctl.config;
+    const rootItems = scope === 'global'
+        ? [
+            { label: t('set.language', { lang: LANGS.find((l) => l.code === getLang())?.label ?? getLang() }), value: 'lang' },
+            {
+                label: t('set.defaultPM', {
+                    pm: cfg.defaultProvider ? `${cfg.defaultProvider}:${cfg.providers.find((p) => p.name === cfg.defaultProvider)?.defaultModel ?? '?'}` : '—',
+                }),
+                value: 'defaultPM',
+            },
+            ...cfg.providers.map((p) => ({
+                label: t('set.key', { name: p.name, masked: masked(p.apiKey) }),
+                value: `key:${p.name}`,
+            })),
+            { label: t('set.addProvider'), value: 'add' },
+            { label: t('set.models'), value: 'models' },
+            { label: t('set.prices'), value: 'prices' },
+            { label: t('set.newSkill'), value: 'newSkill' },
+            { label: t('set.newSpecialist'), value: 'newSpecialist' },
+            { label: t('set.approvals', { mode: cfg.approvalMode }), value: 'approvals' },
+            { label: t('set.sound', { state: cfg.soundEnabled ? 'on' : 'off' }), value: 'sound' },
+            { label: t('set.back'), value: 'back' },
+        ]
+        : [
+            {
+                label: t('sset.model', { pm: `${ctl.session.providerName || '—'}:${ctl.session.model || '—'}` }),
+                value: 'model',
+            },
+            { label: t('sset.approvals', { mode: ctl.session.approvalMode }), value: 'approvals' },
+            { label: t('sset.sound', { state: ctl.session.soundEnabled ? 'on' : 'off' }), value: 'sound' },
+            { label: t('set.back'), value: 'back' },
+        ];
+    const chooseRoot = (v) => {
+        setFlash('');
+        if (v === 'back')
+            return onClose();
+        if (v === 'lang')
+            return setStep({ id: 'lang' });
+        if (v === 'defaultPM' || v === 'model')
+            return setStep({ id: 'pickProvider', next: 'model' });
+        if (v.startsWith('key:')) {
+            const p = cfg.providers.find((x) => x.name === v.slice(4));
+            if (p)
+                setStep({ id: 'key', provider: p });
+            return;
+        }
+        if (v === 'add')
+            return setStep({ id: 'newName' });
+        if (v === 'models')
+            return setStep({ id: 'pickProvider', next: 'models' });
+        if (v === 'prices')
+            return setStep({ id: 'pickProvider', next: 'prices' });
+        if (v === 'newSkill')
+            return setStep({ id: 'newSkill' });
+        if (v === 'newSpecialist')
+            return setStep({ id: 'newSpecialist' });
+        if (v === 'approvals') {
+            if (scope === 'global')
+                ctl.setGlobalApprovalMode(cfg.approvalMode === 'ask' ? 'auto' : 'ask');
+            else
+                ctl.setSessionApprovalMode(ctl.session.approvalMode === 'ask' ? 'auto' : 'ask');
+            if (scope === 'global')
+                saved();
+            return;
+        }
+        if (v === 'sound') {
+            if (scope === 'global')
+                ctl.setGlobalSound(!cfg.soundEnabled);
+            else
+                ctl.setSessionSound(!ctl.session.soundEnabled);
+            if (scope === 'global')
+                saved();
+            return;
+        }
+    };
+    const pickModel = (provider, model) => {
+        if (scope === 'global') {
+            provider.defaultModel = model;
+            if (!provider.models.includes(model))
+                provider.models.push(model);
+            ctl.saveProvider(provider);
+            ctl.setDefaultProvider(provider.name);
+            saved();
+        }
+        else {
+            ctl.setSessionModel(`${provider.name}:${model}`);
+        }
+        setStep({ id: 'root' });
+    };
+    const finishNewProvider = (name, url, model, key) => {
+        ctl.saveProvider({ name, baseUrl: url, apiKey: key, models: [model], defaultModel: model });
+        saved();
+        setStep({ id: 'root' });
+    };
+    return (_jsxs(Box, { borderStyle: "round", borderColor: "cyan", flexDirection: "column", paddingX: 1, children: [_jsx(Text, { bold: true, color: "cyan", children: scope === 'global' ? t('set.title') : t('sset.title') }), flash ? _jsx(Text, { color: "green", children: flash }) : null, _jsxs(Box, { flexDirection: "column", marginTop: 1, children: [step.id === 'root' && _jsx(SelectList, { items: rootItems, onSelect: chooseRoot }), step.id === 'lang' && (_jsx(SelectList, { items: LANGS.map((l) => ({ label: l.label, value: l.code })), onSelect: (code) => {
+                            setLang(code);
+                            ctl.setLanguage(code);
+                            saved();
+                            setStep({ id: 'root' });
+                        } })), step.id === 'pickProvider' && (_jsxs(_Fragment, { children: [_jsx(Text, { color: "gray", children: t('set.chooseProvider') }), _jsx(SelectList, { items: [
+                                    ...cfg.providers.map((p) => ({ label: p.name, value: p.name, hint: `(${p.baseUrl})` })),
+                                    { label: t('set.back'), value: '__back__' },
+                                ], onSelect: (v) => {
+                                    if (v === '__back__')
+                                        return setStep({ id: 'root' });
+                                    const p = cfg.providers.find((x) => x.name === v);
+                                    if (!p)
+                                        return;
+                                    if (step.next === 'prices')
+                                        return setStep({ id: 'priceModel', provider: p });
+                                    if (step.next === 'models')
+                                        return setStep({ id: 'modelList', provider: p });
+                                    setStep({ id: 'model', provider: p });
+                                } })] })), step.id === 'modelList' && (_jsxs(_Fragment, { children: [_jsx(Text, { color: "gray", children: t('set.modelsFor', { name: step.provider.name }) }), _jsx(SelectList, { items: [
+                                    ...step.provider.models.map((m) => ({
+                                        label: m,
+                                        value: m,
+                                        hint: m === step.provider.defaultModel ? t('wiz.model.default') : t('set.makeDefault'),
+                                    })),
+                                    { label: t('set.back'), value: '__back__' },
+                                ], allowInput: true, inputPlaceholder: t('set.addModelName'), onSelect: (v) => {
+                                    if (v === '__back__')
+                                        return setStep({ id: 'root' });
+                                    step.provider.defaultModel = v;
+                                    ctl.saveProvider(step.provider);
+                                    ctl.setDefaultProvider(step.provider.name);
+                                    saved();
+                                    setStep({ id: 'root' });
+                                }, onInput: (m) => {
+                                    const model = m.trim();
+                                    if (!model)
+                                        return;
+                                    if (!step.provider.models.includes(model))
+                                        step.provider.models.push(model);
+                                    step.provider.defaultModel = model;
+                                    ctl.saveProvider(step.provider);
+                                    ctl.setDefaultProvider(step.provider.name);
+                                    saved();
+                                    setStep({ id: 'root' });
+                                } })] })), step.id === 'priceModel' && (_jsxs(_Fragment, { children: [_jsx(Text, { color: "gray", children: t('set.priceModel', { name: step.provider.name }) }), _jsx(SelectList, { items: [
+                                    ...step.provider.models.map((m) => {
+                                        const pr = priceFor(step.provider, m);
+                                        return {
+                                            label: m,
+                                            value: m,
+                                            hint: pr ? `($${pr.input}/M in · $${pr.output}/M out${step.provider.prices?.[m] ? ' — override' : ''})` : `(${t('set.priceUnknown')})`,
+                                        };
+                                    }),
+                                    { label: t('set.back'), value: '__back__' },
+                                ], allowInput: true, inputPlaceholder: t('wiz.provider.model.ph'), onSelect: (v) => {
+                                    if (v === '__back__')
+                                        return setStep({ id: 'root' });
+                                    setStep({ id: 'priceValue', provider: step.provider, model: v });
+                                }, onInput: (m) => setStep({ id: 'priceValue', provider: step.provider, model: m.trim() }) })] })), step.id === 'priceValue' && (_jsxs(_Fragment, { children: [_jsx(Text, { color: "gray", children: t('set.priceValue', { model: step.model }) }), _jsx(SelectList, { items: [], allowInput: true, inputPlaceholder: "0.27, 1.10", onInput: (v) => {
+                                    const m = v.match(/^\s*([\d.]+)\s*[,;\s]\s*([\d.]+)\s*$/);
+                                    if (!m)
+                                        return setFlash(t('set.priceBad'));
+                                    step.provider.prices = { ...step.provider.prices, [step.model]: { input: parseFloat(m[1]), output: parseFloat(m[2]) } };
+                                    ctl.saveProvider(step.provider);
+                                    saved();
+                                    setStep({ id: 'root' });
+                                } })] })), step.id === 'newSkill' && (_jsxs(_Fragment, { children: [_jsx(Text, { color: "gray", children: t('set.newSkillName') }), _jsx(SelectList, { items: [], allowInput: true, inputPlaceholder: "review, deploy, tests\u2026", onInput: (name) => {
+                                    try {
+                                        const file = createSkillTemplate(name.trim(), '', 'global', ctl.projectRoot);
+                                        setFlash(t('m.skillCreated', { file }));
+                                    }
+                                    catch (e) {
+                                        setFlash(t('m.alreadyExists', { msg: e?.message ?? '' }));
+                                    }
+                                    setStep({ id: 'root' });
+                                } })] })), step.id === 'newSpecialist' && (_jsxs(_Fragment, { children: [_jsx(Text, { color: "gray", children: t('set.newSpecialistName') }), _jsx(SelectList, { items: [], allowInput: true, inputPlaceholder: "reviewer, architect, tester\u2026", onInput: (name) => {
+                                    try {
+                                        const file = createSpecialistTemplate(name.trim(), '', 'global', ctl.projectRoot);
+                                        setFlash(t('m.specCreated', { file }));
+                                    }
+                                    catch (e) {
+                                        setFlash(t('m.alreadyExists', { msg: e?.message ?? '' }));
+                                    }
+                                    setStep({ id: 'root' });
+                                } })] })), step.id === 'model' && (_jsxs(_Fragment, { children: [_jsx(Text, { color: "gray", children: t('set.chooseModel', { name: step.provider.name }) }), _jsx(SelectList, { items: [
+                                    ...step.provider.models.map((m) => ({
+                                        label: m,
+                                        value: m,
+                                        hint: m === step.provider.defaultModel ? t('wiz.model.default') : undefined,
+                                    })),
+                                    { label: t('set.back'), value: '__back__' },
+                                ], allowInput: true, inputPlaceholder: t('wiz.provider.model.ph'), onSelect: (v) => {
+                                    if (v === '__back__')
+                                        return setStep({ id: 'root' });
+                                    pickModel(step.provider, v);
+                                }, onInput: (m) => pickModel(step.provider, m) })] })), step.id === 'key' && (_jsxs(_Fragment, { children: [_jsx(Text, { color: "gray", children: t('wiz.provider.key.title', { name: step.provider.name }) }), _jsx(SelectList, { items: [], allowInput: true, mask: true, inputPlaceholder: "sk-\u2026", onInput: (k) => {
+                                    step.provider.apiKey = k.trim();
+                                    ctl.saveProvider(step.provider);
+                                    saved();
+                                    setStep({ id: 'root' });
+                                } })] })), step.id === 'newName' && (_jsxs(_Fragment, { children: [_jsx(Text, { color: "gray", children: t('wiz.provider.name.title') }), _jsx(SelectList, { items: [], allowInput: true, inputPlaceholder: t('wiz.provider.name.ph'), onInput: (name) => setStep({ id: 'newUrl', name }) })] })), step.id === 'newUrl' && (_jsxs(_Fragment, { children: [_jsx(Text, { color: "gray", children: t('wiz.provider.url.title') }), _jsx(SelectList, { items: [], allowInput: true, inputPlaceholder: t('wiz.provider.url.ph'), onInput: (url) => setStep({ id: 'newModel', name: step.name, url }) })] })), step.id === 'newModel' && (_jsxs(_Fragment, { children: [_jsx(Text, { color: "gray", children: t('wiz.provider.model.title') }), _jsx(SelectList, { items: [], allowInput: true, inputPlaceholder: t('wiz.provider.model.ph'), onInput: (model) => setStep({ id: 'newKey', name: step.name, url: step.url, model }) })] })), step.id === 'newKey' && (_jsxs(_Fragment, { children: [_jsx(Text, { color: "gray", children: t('wiz.provider.key.title', { name: step.name }) }), _jsx(SelectList, { items: [], allowInput: true, mask: true, inputPlaceholder: "sk-\u2026", onInput: (key) => finishNewProvider(step.name, step.url, step.model, key.trim()) })] }))] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "gray", children: t('set.esc') }) })] }));
+}

package/dist/ui/Spinner.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { Text } from 'ink';
+const FRAMES = ['⠋', '⠙', '⠹', '⠸', '⠼', '⠴', '⠦', '⠧', '⠇', '⠏'];
+export function Spinner({ color }) {
+    const [i, setI] = useState(0);
+    useEffect(() => {
+        const t = setInterval(() => setI((v) => (v + 1) % FRAMES.length), 80);
+        return () => clearInterval(t);
+    }, []);
+    return _jsx(Text, { color: color ?? 'yellow', children: FRAMES[i] });
+}

package/dist/ui/Wizard.js

@@ -0,0 +1,66 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Box, Text, useInput } from 'ink';
+import { t } from '../i18n.js';
+/**
+ * Simple ↑/↓ + Entrée select list. If `allowInput` is set, the user can also
+ * type a free value (e.g. a folder path or a custom model name) — typing
+ * switches to input mode, Esc comes back to the list.
+ */
+export function SelectList({ items, allowInput, inputPlaceholder, mask, onBack, onSelect, onInput, }) {
+    const [idx, setIdx] = useState(0);
+    const [typed, setTyped] = useState('');
+    const typing = allowInput && typed.length > 0;
+    useInput((input, key) => {
+        if (key.escape) {
+            if (typed)
+                setTyped('');
+            else
+                onBack?.();
+            return;
+        }
+        if (key.return) {
+            if (typing) {
+                const v = typed.trim();
+                setTyped('');
+                if (v)
+                    onInput?.(v);
+            }
+            else if (items[idx]) {
+                onSelect?.(items[idx].value);
+            }
+            return;
+        }
+        if (key.backspace || key.delete) {
+            setTyped((v) => v.slice(0, -1));
+            return;
+        }
+        if (key.upArrow) {
+            if (!typing)
+                setIdx((i) => (i - 1 + items.length) % Math.max(1, items.length));
+            return;
+        }
+        if (key.downArrow) {
+            if (!typing)
+                setIdx((i) => (i + 1) % Math.max(1, items.length));
+            return;
+        }
+        if (key.tab || key.ctrl || key.meta)
+            return;
+        if (!allowInput || !input)
+            return;
+        // Pasted / chunked input may contain a newline → treat as validation.
+        if (/[\r\n]/.test(input)) {
+            const v = (typed + input).split(/\r\n|\r|\n/)[0].trim();
+            setTyped('');
+            if (v)
+                onInput?.(v);
+            return;
+        }
+        setTyped((v) => v + input);
+    });
+    return (_jsxs(Box, { flexDirection: "column", children: [items.map((it, i) => (_jsxs(Text, { children: [_jsxs(Text, { color: !typing && i === idx ? 'cyanBright' : 'gray', bold: !typing && i === idx, children: [!typing && i === idx ? '❯ ' : '  ', it.label] }), it.hint ? _jsxs(Text, { color: "gray", children: [" ", it.hint] }) : null] }, it.value + i))), allowInput && (_jsx(Box, { marginTop: items.length > 0 ? 1 : 0, children: _jsxs(Text, { color: typing ? 'cyanBright' : 'gray', children: ["\u270E", ' ', typing ? (_jsx(Text, { color: "white", children: mask ? '•'.repeat(typed.length) : typed })) : (_jsx(Text, { color: "gray", children: inputPlaceholder ?? '…' })), typing ? _jsx(Text, { color: "cyanBright", children: "\u2588" }) : null] }) }))] }));
+}
+export function WizardStep({ step, total, title, children, footer, }) {
+    return (_jsxs(Box, { borderStyle: "round", borderColor: "cyan", flexDirection: "column", paddingX: 1, children: [_jsxs(Text, { bold: true, color: "cyan", children: ["[", step, "/", total, "] ", title] }), _jsx(Box, { flexDirection: "column", marginTop: 1, children: children }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "gray", children: footer ?? t('wiz.footer.select') }) })] }));
+}

package/dist/ui/clipboard.js

@@ -0,0 +1,36 @@
+import { execFileSync } from 'node:child_process';
+const PNG_MAGIC = Buffer.from([0x89, 0x50, 0x4e, 0x47, 0x0d, 0x0a, 0x1a, 0x0a]);
+function human(bytes) {
+    if (bytes < 1024)
+        return `${bytes} B`;
+    if (bytes < 1024 * 1024)
+        return `${Math.round(bytes / 1024)} KB`;
+    return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+}
+/**
+ * Read a PNG image from the system clipboard (Wayland: wl-paste, X11: xclip).
+ * Returns a data URI usable in multimodal chat messages, or null if the
+ * clipboard holds no image / no tool is available.
+ */
+export function readClipboardImage() {
+    const attempts = [
+        ['wl-paste', ['--type', 'image/png']],
+        ['xclip', ['-selection', 'clipboard', '-t', 'image/png', '-o']],
+    ];
+    for (const [cmd, args] of attempts) {
+        try {
+            const buf = execFileSync(cmd, args, {
+                maxBuffer: 32 * 1024 * 1024,
+                stdio: ['ignore', 'pipe', 'ignore'],
+                timeout: 3000,
+            });
+            if (buf && buf.length > 8 && buf.subarray(0, 8).equals(PNG_MAGIC)) {
+                return { dataUri: `data:image/png;base64,${buf.toString('base64')}`, label: human(buf.length) };
+            }
+        }
+        catch {
+            // tool missing or clipboard not an image — try the next one
+        }
+    }
+    return null;
+}

package/dist/ui/theme.js

@@ -0,0 +1,27 @@
+import { t } from '../i18n.js';
+/** Strong visual cues: icon + label (i18n key) + color per state. */
+export const STATE_LABEL = {
+    idle: { icon: '◇', labelKey: 'st.idle', color: 'gray' },
+    thinking: { icon: '🧠', labelKey: 'st.thinking', color: 'yellow' },
+    listening: { icon: '👂', labelKey: 'st.listening', color: 'cyanBright' },
+    working: { icon: '🔨', labelKey: 'st.working', color: 'green' },
+    waiting: { icon: '✋', labelKey: 'st.waiting', color: 'magenta' },
+    paused: { icon: '⏸', labelKey: 'st.paused', color: 'blue' },
+    done: { icon: '✅', labelKey: 'st.done', color: 'greenBright' },
+    error: { icon: '✖', labelKey: 'st.error', color: 'red' },
+    stopped: { icon: '⏹', labelKey: 'st.stopped', color: 'redBright' },
+};
+export function stateLabel(state) {
+    return t(STATE_LABEL[state].labelKey);
+}
+export function elapsed(since) {
+    const s = Math.floor((Date.now() - since) / 1000);
+    if (s < 60)
+        return `${s}s`;
+    const m = Math.floor(s / 60);
+    return `${m}m${String(s % 60).padStart(2, '0')}s`;
+}
+export function truncate(text, max) {
+    const oneLine = text.replace(/\s+/g, ' ').trim();
+    return oneLine.length > max ? oneLine.slice(0, max - 1) + '…' : oneLine;
+}