@yagr/agent 0.1.0

package/dist/setup/setup-wizard.js

@@ -0,0 +1,613 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text, render, useApp, useInput, useStdout } from 'ink';
+import { useCallback, useEffect, useRef, useState } from 'react';
+// ─── Palette ──────────────────────────────────────────────────────────────────
+const CURSOR = '▸';
+const CHECK = '✓';
+const DOT = '·';
+const SPINNER_FRAMES = ['⠋', '⠙', '⠹', '⠸', '⠼', '⠴', '⠦', '⠧', '⠇', '⠏'];
+const VALID_PROVIDERS = [
+    'anthropic', 'openai', 'google', 'groq', 'mistral', 'openrouter',
+];
+const SURFACE_OPTIONS = [
+    { value: 'telegram', label: 'Telegram', hint: 'Bot-based chat gateway' },
+    { value: 'whatsapp', label: 'WhatsApp', hint: 'Configuration only - runtime coming soon' },
+];
+export function runSetupWizard(callbacks) {
+    return new Promise((resolve) => {
+        const { unmount } = render(_jsx(SetupWizard, { callbacks: callbacks, onDone: (result) => { unmount(); resolve(result); } }));
+    });
+}
+function sectionFor(phase) {
+    if (phase.kind.startsWith('n8n'))
+        return 'n8n  ·  Orchestrator';
+    if (phase.kind.startsWith('llm'))
+        return 'LLM  ·  Language Model';
+    if (phase.kind.startsWith('surfaces') || phase.kind.startsWith('telegram'))
+        return 'Gateways  ·  Messaging';
+    return '';
+}
+function sectionIndex(phase) {
+    if (phase.kind.startsWith('n8n'))
+        return 1;
+    if (phase.kind.startsWith('llm'))
+        return 2;
+    return 3;
+}
+// ─── Primitive UI components ──────────────────────────────────────────────────
+function Rule() {
+    return _jsx(Text, { dimColor: true, children: '─'.repeat(56) });
+}
+function Header({ phase }) {
+    const section = sectionFor(phase);
+    const idx = sectionIndex(phase);
+    const isDone = phase.kind === 'done' || phase.kind === 'cancelled' || phase.kind === 'error';
+    return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Box, { justifyContent: "space-between", children: [_jsx(Text, { color: "cyan", bold: true, children: "\u25C8  Yagr Setup" }), !isDone && (_jsx(Text, { dimColor: true, children: `${idx === 1 ? '●' : '○'}${idx === 2 ? '●' : '○'}${idx === 3 ? '●' : '○'}  step ${idx} / 3` }))] }), section ? (_jsx(Text, { color: "cyan", dimColor: true, children: section })) : null, _jsx(Rule, {})] }));
+}
+function HintBar({ hints }) {
+    return (_jsxs(Box, { marginTop: 1, children: [_jsx(Rule, {}), _jsx(Box, { children: hints.map((hint, i) => (_jsxs(Text, { dimColor: true, children: [hint, i < hints.length - 1 ? '   ' : ''] }, i))) })] }));
+}
+function FieldLabel({ label, done }) {
+    return (_jsx(Box, { marginBottom: 0, children: _jsxs(Text, { color: done ? 'green' : 'white', bold: true, children: [done ? `${CHECK} ` : `${CURSOR} `, label] }) }));
+}
+function ErrorLine({ message }) {
+    return (_jsx(Box, { marginTop: 0, children: _jsxs(Text, { color: "red", children: ["  \u2715 ", message] }) }));
+}
+function SpinnerDisplay({ message, frame }) {
+    return (_jsxs(Box, { children: [_jsxs(Text, { color: "cyan", children: [SPINNER_FRAMES[frame % SPINNER_FRAMES.length], " "] }), _jsx(Text, { dimColor: true, children: message })] }));
+}
+function sanitizeTerminalInputChunk(input) {
+    return input
+        .replace(/\u001B\[200~/g, '')
+        .replace(/\u001B\[201~/g, '')
+        .replace(/\r/g, '');
+}
+function getDisplayedModelOptions(models) {
+    return [...models, '__custom__'];
+}
+function getVisibleWindow(total, cursor, maxVisible) {
+    if (total <= maxVisible) {
+        return { start: 0, end: total };
+    }
+    const clampedCursor = Math.max(0, Math.min(cursor, total - 1));
+    const half = Math.floor(maxVisible / 2);
+    let start = Math.max(0, clampedCursor - half);
+    const maxStart = Math.max(0, total - maxVisible);
+    if (start > maxStart) {
+        start = maxStart;
+    }
+    return { start, end: Math.min(total, start + maxVisible) };
+}
+function getListViewportHeight(terminalRows, reservedRows) {
+    return Math.max(2, terminalRows - reservedRows - 2);
+}
+function truncateTerminalLine(value, maxWidth) {
+    if (maxWidth <= 0) {
+        return '';
+    }
+    if (value.length <= maxWidth) {
+        return value;
+    }
+    if (maxWidth === 1) {
+        return '…';
+    }
+    return `${value.slice(0, maxWidth - 1)}…`;
+}
+function WizardTextInput({ value, onChange, onSubmit, placeholder, mask, }) {
+    const valueRef = useRef(value);
+    const cursorOffsetRef = useRef(value.length);
+    const [renderState, setRenderState] = useState({
+        value,
+        cursorOffset: value.length,
+    });
+    useEffect(() => {
+        valueRef.current = value;
+        cursorOffsetRef.current = Math.min(cursorOffsetRef.current, value.length);
+        setRenderState({
+            value,
+            cursorOffset: Math.min(cursorOffsetRef.current, value.length),
+        });
+    }, [value]);
+    useInput((input, key) => {
+        if (key.upArrow || key.downArrow || (key.ctrl && input === 'c') || key.tab || (key.shift && key.tab)) {
+            return;
+        }
+        const currentValue = valueRef.current;
+        const currentCursorOffset = cursorOffsetRef.current;
+        if (key.return) {
+            onSubmit(currentValue);
+            return;
+        }
+        let nextValue = currentValue;
+        let nextCursorOffset = currentCursorOffset;
+        if (key.leftArrow) {
+            nextCursorOffset = Math.max(0, currentCursorOffset - 1);
+        }
+        else if (key.rightArrow) {
+            nextCursorOffset = Math.min(currentValue.length, currentCursorOffset + 1);
+        }
+        else if (key.backspace || key.delete) {
+            if (currentCursorOffset > 0) {
+                nextValue = currentValue.slice(0, currentCursorOffset - 1) + currentValue.slice(currentCursorOffset);
+                nextCursorOffset = currentCursorOffset - 1;
+            }
+        }
+        else {
+            const sanitizedInput = sanitizeTerminalInputChunk(input);
+            if (!sanitizedInput) {
+                return;
+            }
+            nextValue = currentValue.slice(0, currentCursorOffset) + sanitizedInput + currentValue.slice(currentCursorOffset);
+            nextCursorOffset = currentCursorOffset + sanitizedInput.length;
+        }
+        valueRef.current = nextValue;
+        cursorOffsetRef.current = nextCursorOffset;
+        setRenderState({ value: nextValue, cursorOffset: nextCursorOffset });
+        if (nextValue !== currentValue) {
+            onChange(nextValue);
+        }
+    });
+    const displayValue = mask ? mask.repeat(renderState.value.length) : renderState.value;
+    if (displayValue.length === 0) {
+        return _jsx(Text, { dimColor: true, children: placeholder ?? '' });
+    }
+    if (renderState.cursorOffset >= displayValue.length) {
+        return _jsxs(Text, { children: [displayValue, _jsx(Text, { inverse: true, children: " " })] });
+    }
+    return (_jsxs(Text, { children: [displayValue.slice(0, renderState.cursorOffset), _jsx(Text, { inverse: true, children: displayValue.charAt(renderState.cursorOffset) }), displayValue.slice(renderState.cursorOffset + 1)] }));
+}
+function SelectList({ options, cursor, getLabel, getHint, maxVisibleRows, maxLineWidth, }) {
+    const visibleRows = Math.max(1, maxVisibleRows ?? options.length);
+    const { start, end } = getVisibleWindow(options.length, cursor, visibleRows);
+    const visibleOptions = options.slice(start, end);
+    const availableWidth = maxLineWidth ?? Number.MAX_SAFE_INTEGER;
+    return (_jsxs(Box, { flexDirection: "column", marginTop: 0, marginBottom: 0, children: [start > 0 ? _jsx(Text, { dimColor: true, children: truncateTerminalLine(`  ↑  ${start} more`, availableWidth) }) : null, visibleOptions.map((opt, visibleIndex) => {
+                const i = start + visibleIndex;
+                const active = i === cursor;
+                const hint = getHint?.(opt);
+                const prefix = active ? `  ${CURSOR} ` : '    ';
+                const suffix = hint ? `  ${DOT}  ${hint}` : '';
+                const line = truncateTerminalLine(`${prefix}${getLabel(opt)}${suffix}`, availableWidth);
+                return (_jsx(Box, { children: _jsx(Text, { color: active ? 'cyan' : undefined, bold: active, children: line }) }, i));
+            }), end < options.length ? _jsx(Text, { dimColor: true, children: truncateTerminalLine(`  ↓  ${options.length - end} more`, availableWidth) }) : null] }));
+}
+function MultiSelectList({ options, cursor, selected, maxVisibleRows, maxLineWidth, }) {
+    const visibleRows = Math.max(1, maxVisibleRows ?? options.length);
+    const { start, end } = getVisibleWindow(options.length, cursor, visibleRows);
+    const visibleOptions = options.slice(start, end);
+    const availableWidth = maxLineWidth ?? Number.MAX_SAFE_INTEGER;
+    return (_jsxs(Box, { flexDirection: "column", marginTop: 0, marginBottom: 0, children: [start > 0 ? _jsx(Text, { dimColor: true, children: truncateTerminalLine(`  ↑  ${start} more`, availableWidth) }) : null, visibleOptions.map((opt, visibleIndex) => {
+                const i = start + visibleIndex;
+                const active = i === cursor;
+                const checked = selected.includes(opt.value);
+                const prefix = active ? `  ${CURSOR} ` : '    ';
+                const checkbox = checked ? '☑' : '☐';
+                const line = truncateTerminalLine(`${prefix}${checkbox}  ${opt.label}  ${DOT}  ${opt.hint}`, availableWidth);
+                return (_jsx(Box, { children: _jsx(Text, { color: active || checked ? 'cyan' : undefined, bold: active, children: line }) }, opt.value));
+            }), end < options.length ? _jsx(Text, { dimColor: true, children: truncateTerminalLine(`  ↓  ${options.length - end} more`, availableWidth) }) : null] }));
+}
+// ─── Main wizard component ────────────────────────────────────────────────────
+function SetupWizard({ callbacks, onDone }) {
+    const app = useApp();
+    const { stdout } = useStdout();
+    const n8nDef = callbacks.getN8nDefaults();
+    const llmDef = callbacks.getLlmDefaults();
+    const surfDef = callbacks.getSurfaceDefaults();
+    const [phase, setPhase] = useState({ kind: 'n8n-url', def: n8nDef.url });
+    const [textValue, setTextValue] = useState(n8nDef.url);
+    const [spinnerFrame, setSpinnerFrame] = useState(0);
+    const asyncGuard = useRef(0);
+    const llmApiKeyDraftsRef = useRef({});
+    const terminalRows = stdout?.rows ?? process.stdout.rows ?? 24;
+    const terminalColumns = stdout?.columns ?? process.stdout.columns ?? 80;
+    const listLineWidth = Math.max(12, terminalColumns - 6);
+    const isLoading = phase.kind === 'n8n-connecting' || phase.kind === 'n8n-saving'
+        || phase.kind === 'llm-models-loading' || phase.kind === 'telegram-connecting';
+    useEffect(() => {
+        if (!isLoading)
+            return;
+        const id = setInterval(() => setSpinnerFrame((f) => (f + 1) % SPINNER_FRAMES.length), 80);
+        return () => clearInterval(id);
+    }, [isLoading]);
+    const cancel = useCallback((reason) => {
+        setPhase({ kind: 'cancelled', reason });
+        setTimeout(() => { onDone({ ok: false }); app.exit(); }, 500);
+    }, [app, onDone]);
+    useInput((_input, key) => {
+        if (key.ctrl && _input === 'c') {
+            cancel('Setup cancelled.');
+        }
+    });
+    useEffect(() => {
+        if (phase.kind !== 'n8n-connecting')
+            return;
+        const guard = ++asyncGuard.current;
+        void (async () => {
+            try {
+                const projects = await callbacks.testN8nConnection(phase.url, phase.apiKey);
+                if (guard !== asyncGuard.current)
+                    return;
+                if (projects.length === 1) {
+                    setPhase({
+                        kind: 'n8n-syncfolder',
+                        url: phase.url, apiKey: phase.apiKey,
+                        project: projects[0],
+                        def: n8nDef.syncFolder ?? 'workflows',
+                    });
+                    setTextValue(n8nDef.syncFolder ?? 'workflows');
+                }
+                else {
+                    setPhase({ kind: 'n8n-project', url: phase.url, apiKey: phase.apiKey, projects, cursor: 0 });
+                }
+            }
+            catch (err) {
+                if (guard !== asyncGuard.current)
+                    return;
+                setPhase({ kind: 'n8n-url', def: phase.url, err: err.message });
+                setTextValue(phase.url);
+            }
+        })();
+    }, [phase.kind]); // eslint-disable-line react-hooks/exhaustive-deps
+    useEffect(() => {
+        if (phase.kind !== 'n8n-saving')
+            return;
+        const guard = ++asyncGuard.current;
+        void (async () => {
+            try {
+                await callbacks.saveN8nConfig({ url: phase.url, apiKey: phase.apiKey, project: phase.project, syncFolder: phase.syncFolder });
+                if (guard !== asyncGuard.current)
+                    return;
+                const llmProvider = llmDef.provider;
+                setPhase({ kind: 'llm-provider', initial: llmProvider, cursor: llmProvider ? VALID_PROVIDERS.indexOf(llmProvider) : 0 });
+            }
+            catch (err) {
+                if (guard !== asyncGuard.current)
+                    return;
+                setPhase({ kind: 'error', message: err.message });
+                setTimeout(() => { onDone({ ok: false }); app.exit(); }, 2000);
+            }
+        })();
+    }, [phase.kind]); // eslint-disable-line react-hooks/exhaustive-deps
+    useEffect(() => {
+        if (phase.kind !== 'llm-models-loading')
+            return;
+        const guard = ++asyncGuard.current;
+        void (async () => {
+            try {
+                const models = await callbacks.fetchModels(phase.provider, phase.apiKey);
+                if (guard !== asyncGuard.current)
+                    return;
+                const displayedOptions = getDisplayedModelOptions(models);
+                const idx = displayedOptions.indexOf(phase.defModel);
+                setPhase({
+                    kind: 'llm-model',
+                    provider: phase.provider, apiKey: phase.apiKey,
+                    models, defModel: phase.defModel,
+                    cursor: idx >= 0 ? idx : 0,
+                });
+            }
+            catch {
+                if (guard !== asyncGuard.current)
+                    return;
+                setPhase({
+                    kind: 'llm-model',
+                    provider: phase.provider, apiKey: phase.apiKey,
+                    models: [], defModel: phase.defModel, cursor: 0,
+                });
+            }
+        })();
+    }, [phase.kind]); // eslint-disable-line react-hooks/exhaustive-deps
+    useEffect(() => {
+        if (phase.kind !== 'telegram-connecting')
+            return;
+        const guard = ++asyncGuard.current;
+        void (async () => {
+            try {
+                const identity = await callbacks.setupTelegram(phase.token);
+                if (guard !== asyncGuard.current)
+                    return;
+                callbacks.saveSurfaces({
+                    surfaces: phase.surfaces,
+                    telegram: { token: phase.token, username: identity.username },
+                });
+                const telegramDeepLink = `https://t.me/${identity.username}`;
+                setPhase({ kind: 'done', n8nHost: '', n8nProject: '', provider: '', model: '', surfaces: phase.surfaces, telegramDeepLink });
+                setTimeout(() => { onDone({ ok: true, telegramDeepLink }); app.exit(); }, 800);
+            }
+            catch (err) {
+                if (guard !== asyncGuard.current)
+                    return;
+                setPhase({ kind: 'telegram-token', surfaces: phase.surfaces, err: err.message });
+                setTextValue('');
+            }
+        })();
+    }, [phase.kind]); // eslint-disable-line react-hooks/exhaustive-deps
+    const handleN8nUrlSubmit = useCallback((value) => {
+        const url = value.trim().replace(/^['"]|['"]$/g, '');
+        if (!url) {
+            setPhase((p) => ({ ...p, err: 'A URL is required.' }));
+            return;
+        }
+        try {
+            new URL(url);
+        }
+        catch {
+            setPhase((p) => ({ ...p, err: 'Enter a valid URL.' }));
+            return;
+        }
+        const existing = callbacks.getN8nDefaults(url).apiKey;
+        if (existing) {
+            setPhase({ kind: 'n8n-reuse-apikey', url, existing, cursor: 0 });
+        }
+        else {
+            setPhase({ kind: 'n8n-apikey', url });
+            setTextValue('');
+        }
+    }, [callbacks]);
+    const handleN8nApiKeySubmit = useCallback((url) => (value) => {
+        const key = value.trim();
+        if (!key) {
+            setPhase((p) => ({ ...p, err: 'API key is required.' }));
+            return;
+        }
+        setPhase({ kind: 'n8n-connecting', url, apiKey: key });
+    }, []);
+    const handleSyncFolderSubmit = useCallback((url, apiKey, project) => (value) => {
+        const folder = value.trim();
+        if (!folder) {
+            setPhase((p) => ({ ...p, err: 'Sync folder is required.' }));
+            return;
+        }
+        setPhase({ kind: 'n8n-saving', url, apiKey, project, syncFolder: folder });
+    }, []);
+    const handleLlmApiKeySubmit = useCallback((provider) => (value) => {
+        const key = value.trim();
+        if (!key) {
+            setPhase((p) => ({ ...p, err: 'API key is required.' }));
+            return;
+        }
+        llmApiKeyDraftsRef.current[provider] = key;
+        const defModel = llmDef.getDefaultModel(provider);
+        setPhase({ kind: 'llm-models-loading', provider, apiKey: key, defModel });
+    }, [llmDef]);
+    const handleBaseUrlSubmit = useCallback((provider, apiKey, model) => (value) => {
+        const url = value.trim();
+        if (url) {
+            try {
+                new URL(url);
+            }
+            catch {
+                setPhase((p) => ({ ...p, err: 'Enter a valid URL.' }));
+                return;
+            }
+        }
+        callbacks.saveLlmConfig({ provider, apiKey, model, baseUrl: url || undefined });
+        const currentSurfaces = surfDef.surfaces;
+        setPhase({ kind: 'surfaces', cursor: 0, selected: currentSurfaces });
+    }, [callbacks, surfDef]);
+    const handleTelegramTokenSubmit = useCallback((surfaces) => (value) => {
+        const token = value.trim();
+        if (!token || !token.includes(':')) {
+            setPhase((p) => ({ ...p, err: 'Enter a valid BotFather token.' }));
+            return;
+        }
+        setPhase({ kind: 'telegram-connecting', surfaces, token });
+    }, []);
+    const handleSelectKey = useCallback((input, key) => {
+        if (phase.kind === 'n8n-reuse-apikey') {
+            if (key.upArrow)
+                setPhase({ ...phase, cursor: Math.max(0, phase.cursor - 1) });
+            else if (key.downArrow)
+                setPhase({ ...phase, cursor: Math.min(1, phase.cursor + 1) });
+            else if (key.return) {
+                if (phase.cursor === 0) {
+                    setPhase({ kind: 'n8n-connecting', url: phase.url, apiKey: phase.existing });
+                }
+                else {
+                    setPhase({ kind: 'n8n-apikey', url: phase.url });
+                    setTextValue('');
+                }
+            }
+            else if (key.escape)
+                cancel('Setup cancelled.');
+        }
+        else if (phase.kind === 'n8n-project') {
+            if (key.upArrow)
+                setPhase({ ...phase, cursor: Math.max(0, phase.cursor - 1) });
+            else if (key.downArrow)
+                setPhase({ ...phase, cursor: Math.min(phase.projects.length - 1, phase.cursor + 1) });
+            else if (key.return) {
+                const project = phase.projects[phase.cursor];
+                setPhase({ kind: 'n8n-syncfolder', url: phase.url, apiKey: phase.apiKey, project, def: n8nDef.syncFolder ?? 'workflows' });
+                setTextValue(n8nDef.syncFolder ?? 'workflows');
+            }
+            else if (key.escape)
+                cancel('Setup cancelled.');
+        }
+        else if (phase.kind === 'llm-provider') {
+            if (key.upArrow)
+                setPhase({ ...phase, cursor: Math.max(0, phase.cursor - 1) });
+            else if (key.downArrow)
+                setPhase({ ...phase, cursor: Math.min(VALID_PROVIDERS.length - 1, phase.cursor + 1) });
+            else if (key.return) {
+                const provider = VALID_PROVIDERS[phase.cursor];
+                const existing = llmApiKeyDraftsRef.current[provider] ?? llmDef.getApiKey(provider);
+                if (existing) {
+                    setPhase({ kind: 'llm-reuse-apikey', provider, existing, cursor: 0 });
+                }
+                else {
+                    setPhase({ kind: 'llm-apikey', provider });
+                    setTextValue(llmApiKeyDraftsRef.current[provider] ?? '');
+                }
+            }
+            else if (key.escape)
+                cancel('Setup cancelled.');
+        }
+        else if (phase.kind === 'llm-reuse-apikey') {
+            if (key.upArrow)
+                setPhase({ ...phase, cursor: Math.max(0, phase.cursor - 1) });
+            else if (key.downArrow)
+                setPhase({ ...phase, cursor: Math.min(1, phase.cursor + 1) });
+            else if (key.return) {
+                if (phase.cursor === 0) {
+                    const defModel = llmDef.getDefaultModel(phase.provider);
+                    llmApiKeyDraftsRef.current[phase.provider] = phase.existing;
+                    setPhase({ kind: 'llm-models-loading', provider: phase.provider, apiKey: phase.existing, defModel });
+                }
+                else {
+                    setPhase({ kind: 'llm-apikey', provider: phase.provider });
+                    setTextValue(llmApiKeyDraftsRef.current[phase.provider] ?? '');
+                }
+            }
+            else if (key.escape)
+                cancel('Setup cancelled.');
+        }
+        else if (phase.kind === 'llm-model') {
+            const allOptions = getDisplayedModelOptions(phase.models);
+            if (key.upArrow)
+                setPhase({ ...phase, cursor: Math.max(0, phase.cursor - 1) });
+            else if (key.downArrow)
+                setPhase({ ...phase, cursor: Math.min(allOptions.length - 1, phase.cursor + 1) });
+            else if (key.return) {
+                const selected = allOptions[phase.cursor];
+                const model = selected === '__custom__' ? phase.defModel : selected;
+                const needsUrl = llmDef.needsBaseUrl(phase.provider);
+                if (needsUrl || llmDef.getBaseUrl(phase.provider)) {
+                    setPhase({ kind: 'llm-baseurl', provider: phase.provider, apiKey: phase.apiKey, model, def: llmDef.getBaseUrl(phase.provider) ?? '' });
+                    setTextValue(llmDef.getBaseUrl(phase.provider) ?? '');
+                }
+                else {
+                    callbacks.saveLlmConfig({ provider: phase.provider, apiKey: phase.apiKey, model });
+                    setPhase({ kind: 'surfaces', cursor: 0, selected: surfDef.surfaces });
+                }
+            }
+            else if (key.escape)
+                cancel('Setup cancelled.');
+        }
+        else if (phase.kind === 'surfaces') {
+            const opts = SURFACE_OPTIONS.map((o) => o.value);
+            if (key.upArrow)
+                setPhase({ ...phase, cursor: Math.max(0, phase.cursor - 1) });
+            else if (key.downArrow)
+                setPhase({ ...phase, cursor: Math.min(opts.length - 1, phase.cursor + 1) });
+            else if (input === ' ') {
+                const val = opts[phase.cursor];
+                const next = phase.selected.includes(val)
+                    ? phase.selected.filter((s) => s !== val)
+                    : [...phase.selected, val];
+                setPhase({ ...phase, selected: next });
+            }
+            else if (key.return) {
+                const surfaces = phase.selected;
+                if (surfaces.includes('telegram')) {
+                    const existingToken = callbacks.getTelegramToken();
+                    if (existingToken) {
+                        setPhase({ kind: 'telegram-reuse-token', surfaces, existing: existingToken, cursor: 0 });
+                    }
+                    else {
+                        setPhase({ kind: 'telegram-token', surfaces });
+                        setTextValue('');
+                    }
+                }
+                else {
+                    callbacks.saveSurfaces({ surfaces });
+                    setPhase({ kind: 'done', n8nHost: '', n8nProject: '', provider: '', model: '', surfaces });
+                    setTimeout(() => { onDone({ ok: true }); app.exit(); }, 500);
+                }
+            }
+            else if (key.escape)
+                cancel('Setup cancelled.');
+        }
+        else if (phase.kind === 'telegram-reuse-token') {
+            if (key.upArrow)
+                setPhase({ ...phase, cursor: Math.max(0, phase.cursor - 1) });
+            else if (key.downArrow)
+                setPhase({ ...phase, cursor: Math.min(1, phase.cursor + 1) });
+            else if (key.return) {
+                if (phase.cursor === 0) {
+                    callbacks.saveSurfaces({ surfaces: phase.surfaces });
+                    setPhase({ kind: 'done', n8nHost: '', n8nProject: '', provider: '', model: '', surfaces: phase.surfaces });
+                    setTimeout(() => { onDone({ ok: true }); app.exit(); }, 500);
+                }
+                else {
+                    setPhase({ kind: 'telegram-token', surfaces: phase.surfaces });
+                    setTextValue('');
+                }
+            }
+            else if (key.escape)
+                cancel('Setup cancelled.');
+        }
+    }, [phase, cancel, callbacks, llmDef, surfDef, n8nDef.syncFolder, app, onDone]);
+    const isSelectPhase = ['n8n-reuse-apikey', 'n8n-project', 'llm-provider', 'llm-reuse-apikey', 'surfaces', 'telegram-reuse-token'].includes(phase.kind)
+        || (phase.kind === 'llm-model' && phase.models.length > 0);
+    useInput((input, key) => {
+        if (key.ctrl && input === 'c')
+            return;
+        if (isSelectPhase)
+            handleSelectKey(input, key);
+    }, { isActive: isSelectPhase });
+    return (_jsxs(Box, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [_jsx(Header, { phase: phase }), renderPhase()] }));
+    function renderPhase() {
+        switch (phase.kind) {
+            case 'n8n-url':
+                return (_jsxs(Box, { flexDirection: "column", children: [_jsx(FieldLabel, { label: "Instance URL" }), _jsx(Box, { marginLeft: 2, children: _jsx(WizardTextInput, { value: textValue, onChange: setTextValue, onSubmit: handleN8nUrlSubmit, placeholder: "https://your-n8n.example.com" }) }), phase.err ? _jsx(ErrorLine, { message: phase.err }) : null, _jsx(HintBar, { hints: ['Enter ↵  confirm', 'Ctrl+C  cancel'] })] }));
+            case 'n8n-reuse-apikey':
+                return (_jsxs(Box, { flexDirection: "column", children: [_jsx(FieldLabel, { label: "n8n API key" }), _jsxs(Text, { dimColor: true, children: ["  A saved key exists for ", phase.url] }), _jsx(SelectList, { options: ['Keep the saved key', 'Enter a new key'], cursor: phase.cursor, getLabel: (v) => v, maxVisibleRows: getListViewportHeight(terminalRows, 11), maxLineWidth: listLineWidth }), _jsx(HintBar, { hints: ['↑↓  move', 'Enter ↵  confirm', 'Ctrl+C  cancel'] })] }));
+            case 'n8n-apikey':
+                return (_jsxs(Box, { flexDirection: "column", children: [_jsx(FieldLabel, { label: "n8n API key" }), _jsx(Box, { marginLeft: 2, children: _jsx(WizardTextInput, { value: textValue, onChange: setTextValue, onSubmit: handleN8nApiKeySubmit(phase.url), mask: "\u25CF", placeholder: "your-api-key" }) }), phase.err ? _jsx(ErrorLine, { message: phase.err }) : null, _jsx(HintBar, { hints: ['Enter ↵  confirm', 'Ctrl+C  cancel'] })] }));
+            case 'n8n-connecting':
+                return (_jsx(Box, { flexDirection: "column", children: _jsx(SpinnerDisplay, { message: `Connecting to ${phase.url}…`, frame: spinnerFrame }) }));
+            case 'n8n-project':
+                return (_jsxs(Box, { flexDirection: "column", children: [_jsx(FieldLabel, { label: "n8n project" }), _jsxs(Text, { dimColor: true, children: ["  ", phase.projects.length, " project(s) found"] }), _jsx(SelectList, { options: phase.projects, cursor: phase.cursor, getLabel: (p) => p.name ?? p.id, getHint: (p) => p.id, maxVisibleRows: getListViewportHeight(terminalRows, 11), maxLineWidth: listLineWidth }), _jsx(HintBar, { hints: ['↑↓  move', 'Enter ↵  select', 'Ctrl+C  cancel'] })] }));
+            case 'n8n-syncfolder':
+                return (_jsxs(Box, { flexDirection: "column", children: [_jsx(FieldLabel, { label: "Local workflow sync folder" }), _jsx(Box, { marginLeft: 2, children: _jsx(WizardTextInput, { value: textValue, onChange: setTextValue, onSubmit: handleSyncFolderSubmit(phase.url, phase.apiKey, phase.project), placeholder: "workflows" }) }), phase.err ? _jsx(ErrorLine, { message: phase.err }) : null, _jsx(HintBar, { hints: ['Enter ↵  confirm', 'Ctrl+C  cancel'] })] }));
+            case 'n8n-saving':
+                return (_jsx(Box, { flexDirection: "column", children: _jsx(SpinnerDisplay, { message: "Saving n8n configuration and refreshing workspace\u2026", frame: spinnerFrame }) }));
+            case 'llm-provider':
+                return (_jsxs(Box, { flexDirection: "column", children: [_jsx(FieldLabel, { label: "Default LLM provider" }), _jsx(SelectList, { options: VALID_PROVIDERS, cursor: phase.cursor, getLabel: (v) => v, getHint: (v) => v === phase.initial ? 'currently configured' : undefined, maxVisibleRows: getListViewportHeight(terminalRows, 10), maxLineWidth: listLineWidth }), _jsx(HintBar, { hints: ['↑↓  move', 'Enter ↵  select', 'Ctrl+C  cancel'] })] }));
+            case 'llm-reuse-apikey':
+                return (_jsxs(Box, { flexDirection: "column", children: [_jsx(FieldLabel, { label: `${phase.provider} API key` }), _jsxs(Text, { dimColor: true, children: ["  A saved key exists for ", phase.provider] }), _jsx(SelectList, { options: ['Keep the saved key', 'Enter a new key'], cursor: phase.cursor, getLabel: (v) => v, maxVisibleRows: getListViewportHeight(terminalRows, 11), maxLineWidth: listLineWidth }), _jsx(HintBar, { hints: ['↑↓  move', 'Enter ↵  confirm', 'Ctrl+C  cancel'] })] }));
+            case 'llm-apikey':
+                return (_jsxs(Box, { flexDirection: "column", children: [_jsx(FieldLabel, { label: `${phase.provider} API key` }), _jsx(Box, { marginLeft: 2, children: _jsx(WizardTextInput, { value: textValue, onChange: (nextValue) => {
+                                    setTextValue(nextValue);
+                                    llmApiKeyDraftsRef.current[phase.provider] = nextValue;
+                                }, onSubmit: handleLlmApiKeySubmit(phase.provider), mask: "\u25CF", placeholder: "your-api-key" }) }), phase.err ? _jsx(ErrorLine, { message: phase.err }) : null, _jsx(HintBar, { hints: ['Enter ↵  confirm', 'Ctrl+C  cancel'] })] }));
+            case 'llm-models-loading':
+                return (_jsx(Box, { flexDirection: "column", children: _jsx(SpinnerDisplay, { message: `Fetching available models for ${phase.provider}…`, frame: spinnerFrame }) }));
+            case 'llm-model': {
+                const modelOptions = getDisplayedModelOptions(phase.models);
+                return (_jsxs(Box, { flexDirection: "column", children: [_jsx(FieldLabel, { label: `Default model  ·  ${phase.provider}` }), phase.models.length === 0 ? (_jsx(Box, { marginLeft: 2, children: _jsx(WizardTextInput, { value: textValue, onChange: setTextValue, onSubmit: (v) => {
+                                    const m = v.trim() || phase.defModel;
+                                    const needsUrl = llmDef.needsBaseUrl(phase.provider);
+                                    if (needsUrl || llmDef.getBaseUrl(phase.provider)) {
+                                        setPhase({ kind: 'llm-baseurl', provider: phase.provider, apiKey: phase.apiKey, model: m, def: llmDef.getBaseUrl(phase.provider) ?? '' });
+                                        setTextValue(llmDef.getBaseUrl(phase.provider) ?? '');
+                                    }
+                                    else {
+                                        callbacks.saveLlmConfig({ provider: phase.provider, apiKey: phase.apiKey, model: m });
+                                        setPhase({ kind: 'surfaces', cursor: 0, selected: surfDef.surfaces });
+                                    }
+                                }, placeholder: phase.defModel }) })) : (_jsx(SelectList, { options: modelOptions, cursor: phase.cursor, getLabel: (v) => v === '__custom__' ? '⌨  enter manually…' : v, getHint: (v) => v === phase.defModel ? 'recommended' : undefined, maxVisibleRows: getListViewportHeight(terminalRows, 10), maxLineWidth: listLineWidth })), _jsx(HintBar, { hints: phase.models.length > 0 ? ['↑↓  move', 'Enter ↵  select', 'Ctrl+C  cancel'] : ['Enter ↵  confirm', 'Ctrl+C  cancel'] })] }));
+            }
+            case 'llm-baseurl':
+                return (_jsxs(Box, { flexDirection: "column", children: [_jsx(FieldLabel, { label: `${phase.provider} base URL` }), _jsx(Text, { dimColor: true, children: "  Leave empty to use the default endpoint" }), _jsx(Box, { marginLeft: 2, children: _jsx(WizardTextInput, { value: textValue, onChange: setTextValue, onSubmit: handleBaseUrlSubmit(phase.provider, phase.apiKey, phase.model), placeholder: phase.def || 'https://api.example.com/v1' }) }), phase.err ? _jsx(ErrorLine, { message: phase.err }) : null, _jsx(HintBar, { hints: ['Enter ↵  confirm  (empty = default)', 'Ctrl+C  cancel'] })] }));
+            case 'surfaces':
+                return (_jsxs(Box, { flexDirection: "column", children: [_jsx(FieldLabel, { label: "Optional messaging gateways" }), _jsx(Text, { dimColor: true, children: "  These enable Yagr to receive work from external channels" }), _jsx(Box, { marginTop: 1, children: _jsx(MultiSelectList, { options: SURFACE_OPTIONS, cursor: phase.cursor, selected: phase.selected, maxVisibleRows: getListViewportHeight(terminalRows, 11), maxLineWidth: listLineWidth }) }), _jsx(HintBar, { hints: ['↑↓  move', 'Space  toggle', 'Enter ↵  confirm', 'Ctrl+C  cancel'] })] }));
+            case 'telegram-reuse-token':
+                return (_jsxs(Box, { flexDirection: "column", children: [_jsx(FieldLabel, { label: "Telegram bot token" }), _jsx(Text, { dimColor: true, children: "  A saved token is already configured" }), _jsx(SelectList, { options: ['Keep the saved token', 'Enter a new token'], cursor: phase.cursor, getLabel: (v) => v, maxVisibleRows: getListViewportHeight(terminalRows, 11), maxLineWidth: listLineWidth }), _jsx(HintBar, { hints: ['↑↓  move', 'Enter ↵  confirm', 'Ctrl+C  cancel'] })] }));
+            case 'telegram-token':
+                return (_jsxs(Box, { flexDirection: "column", children: [_jsx(FieldLabel, { label: "Telegram bot token" }), _jsx(Text, { dimColor: true, children: "  Open Telegram, search for @BotFather, then start a chat." }), _jsx(Text, { dimColor: true, children: "  Run /newbot, choose a bot name, then choose a unique username ending in \"bot\"." }), _jsx(Text, { dimColor: true, children: "  BotFather will reply with an HTTP API token like \"123456789:ABCdef...\". Paste that token here." }), _jsx(Box, { marginLeft: 2, children: _jsx(WizardTextInput, { value: textValue, onChange: setTextValue, onSubmit: handleTelegramTokenSubmit(phase.surfaces), mask: "\u25CF", placeholder: "123456789:ABCdef..." }) }), phase.err ? _jsx(ErrorLine, { message: phase.err }) : null, _jsx(HintBar, { hints: ['Enter ↵  confirm', 'Ctrl+C  cancel'] })] }));
+            case 'telegram-connecting':
+                return (_jsx(Box, { flexDirection: "column", children: _jsx(SpinnerDisplay, { message: "Verifying Telegram bot token\u2026", frame: spinnerFrame }) }));
+            case 'done':
+                return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: "green", bold: true, children: [CHECK, "  Setup complete"] }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [phase.n8nHost ? _jsxs(Text, { dimColor: true, children: ["  n8n    ", DOT, "  ", phase.n8nHost] }) : null, phase.provider ? _jsxs(Text, { dimColor: true, children: ["  LLM    ", DOT, "  ", phase.provider, phase.model ? ` / ${phase.model}` : ''] }) : null, phase.surfaces.length > 0
+                                    ? _jsxs(Text, { dimColor: true, children: ["  Gates  ", DOT, "  ", phase.surfaces.join(', ')] })
+                                    : _jsxs(Text, { dimColor: true, children: ["  Gates  ", DOT, "  none"] })] }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { dimColor: true, children: "Next: " }), _jsx(Text, { color: "cyan", children: "yagr start" })] })] }));
+            case 'cancelled':
+                return (_jsx(Box, { children: _jsx(Text, { color: "yellow", children: "  Setup cancelled." }) }));
+            case 'error':
+                return (_jsx(Box, { children: _jsxs(Text, { color: "red", children: ["  \u2715 ", phase.message] }) }));
+        }
+    }
+}
+//# sourceMappingURL=setup-wizard.js.map