@parallel-cli/parallel 0.4.9 → 0.5.0

package/dist/ui/App.js

@@ -644,7 +644,7 @@ function MainScreen({ ctl, folder, view, focus, rawLogs, systemLines, agentNames
         specialists: 'specialists',
     };
     const viewLabel = VIEW_LABEL[view] ?? 'control room';
-    return (_jsxs(Box, { flexDirection: "column", height: rows, children: [_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: headerColor, children: ["\u256D", '─'.repeat(cols - 2), "\u256E"] }), _jsxs(Box, { flexDirection: "row", width: cols, children: [_jsx(Text, { color: headerColor, children: "\u2502 " }), _jsxs(Box, { flexDirection: "row", width: cols - 4, justifyContent: "space-between", children: [_jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { bold: true, color: BRAND.primary, children: "PARALLEL" }), _jsx(Text, { color: globalDotColor, children: " \u25CF" }), _jsxs(Text, { color: view === 'agents' ? CHROME.muted : BRAND.muted, children: [" ", agents.length === 0 ? 'ready' : viewLabel] }), rawLogs && focused ? _jsx(Text, { color: UI.warn, children: " [RAW]" }) : null] }), _jsx(Text, { color: CHROME.muted, children: middleTruncate(folder, folderMax) })] }), _jsx(Text, { color: headerColor, children: " \u2502" })] }), _jsxs(Box, { flexDirection: "row", width: cols, children: [_jsx(Text, { color: headerColor, children: "\u2502 " }), _jsxs(Box, { flexDirection: "row", width: cols - 4, justifyContent: "space-between", children: [agents.length > 0 ? (_jsx(Box, { flexDirection: "row", children: _jsxs(Text, { children: [_jsxs(Text, { color: CHROME.muted, children: ["\u25C7 ", idleCount, " idle"] }), ' · ', _jsxs(Text, { color: workingCount > 0 ? STATE.working : CHROME.muted, children: ["\u25CF ", workingCount, " active"] }), ' · ', _jsxs(Text, { color: doneCount > 0 ? STATE.done : CHROME.muted, children: ["\u2713 ", doneCount, " done"] }), ' · ', _jsxs(Text, { color: errorCount > 0 ? STATE.error : CHROME.muted, children: ["\u2717 ", errorCount, " err"] }), workMapAlerts.length > 0 ? (_jsxs(Text, { color: conflictAlerts.length > 0 ? UI.danger : UI.warn, children: [" \u00B7 \u26A0 work-map ", workMapAlerts.length] })) : null] }) })) : (_jsx(Text, { color: CHROME.muted, children: providerModel })), _jsxs(Text, { color: CHROME.muted, children: ["v", VERSION] })] }), _jsx(Text, { color: headerColor, children: " \u2502" })] }), _jsxs(Text, { color: headerColor, children: ["\u2570", '─'.repeat(cols - 2), "\u256F"] })] }), _jsx(Box, { height: bodyHeight, overflow: "hidden", flexDirection: "column", children: view === 'settings' ? (_jsx(SettingsPanel, { ctl: ctl, scope: "global", height: bodyHeight, onClose: onEscape })) : view === 'settings-session' ? (_jsx(SettingsPanel, { ctl: ctl, scope: "session", height: bodyHeight, onClose: onEscape })) : view === 'board' ? (_jsx(BoardView, { board: ctl.board, bodyHeight: bodyHeight })) : view === 'notes' ? (_jsx(NotesView, { board: ctl.board, bodyHeight: bodyHeight })) : view === 'sessions' ? (_jsx(SessionsView, { projectRoot: ctl.projectRoot, bodyHeight: bodyHeight })) : view === 'diff' ? (_jsx(DiffView, { board: ctl.board, bodyHeight: bodyHeight })) : view === 'cost' ? (_jsx(CostView, { board: ctl.board, bodyHeight: bodyHeight })) : view === 'skills' ? (_jsx(SkillsView, { skills: ctl.getSkills(), bodyHeight: bodyHeight })) : view === 'specialists' ? (_jsx(SpecialistsView, { specialists: ctl.getSpecialists(), bodyHeight: bodyHeight })) : view === 'help' ? (_jsx(HelpView, { bodyHeight: bodyHeight, onSelect: (cmd) => onInput(cmd) })) : agents.length === 0 ? (_jsx(EmptyHub, { bodyHeight: bodyHeight })) : focused ? (_jsxs(Box, { flexDirection: "column", children: [_jsx(AgentTranscript, { agent: focused, logs: visibleLogs, raw: rawLogs, scrolled: clampedScroll, cols: cols }), !focusFollowTail ? _jsx(Text, { color: UI.warn, children: "Viewing older \u00B7 PgDn to latest" }) : null] })) : (_jsx(AgentHub, { agents: agents, ctl: ctl, cols: cols, scroll: clampedHub, visibleRows: hubRows })) }), systemLines.length > 0 && !settingsOpen && (_jsxs(Box, { flexDirection: "column", children: [agents.length > 0 ? _jsx(Text, { color: UI.muted, bold: true, children: "Session" }) : null, (agents.length > 0
+    return (_jsxs(Box, { flexDirection: "column", height: rows, children: [_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: headerColor, children: ["\u256D", '─'.repeat(cols - 2), "\u256E"] }), _jsxs(Box, { flexDirection: "row", width: cols, children: [_jsx(Text, { color: headerColor, children: "\u2502 " }), _jsxs(Box, { flexDirection: "row", width: cols - 4, justifyContent: "space-between", children: [_jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { bold: true, color: BRAND.primary, children: "PARALLEL" }), _jsx(Text, { color: globalDotColor, children: " \u25CF" }), _jsxs(Text, { color: view === 'agents' ? CHROME.muted : BRAND.muted, children: [" ", agents.length === 0 ? 'ready' : viewLabel] }), rawLogs && focused ? _jsx(Text, { color: UI.warn, children: " [RAW]" }) : null] }), _jsx(Text, { color: CHROME.muted, children: middleTruncate(folder, folderMax) })] }), _jsx(Text, { color: headerColor, children: " \u2502" })] }), _jsxs(Box, { flexDirection: "row", width: cols, children: [_jsx(Text, { color: headerColor, children: "\u2502 " }), _jsxs(Box, { flexDirection: "row", width: cols - 4, justifyContent: "space-between", children: [agents.length > 0 ? (_jsx(Box, { flexDirection: "row", children: _jsxs(Text, { children: [_jsxs(Text, { color: CHROME.muted, children: ["\u25C7 ", idleCount, " idle"] }), ' · ', _jsxs(Text, { color: workingCount > 0 ? STATE.working : CHROME.muted, children: ["\u25CF ", workingCount, " active"] }), ' · ', _jsxs(Text, { color: doneCount > 0 ? STATE.done : CHROME.muted, children: ["\u2713 ", doneCount, " done"] }), ' · ', _jsxs(Text, { color: errorCount > 0 ? STATE.error : CHROME.muted, children: ["\u2717 ", errorCount, " err"] }), workMapAlerts.length > 0 ? (_jsxs(Text, { color: conflictAlerts.length > 0 ? UI.danger : UI.warn, children: [" \u00B7 \u26A0 work-map ", workMapAlerts.length] })) : null] }) })) : (_jsx(Text, { color: CHROME.muted, children: providerModel })), _jsxs(Text, { color: CHROME.muted, children: ["v", VERSION] })] }), _jsx(Text, { color: headerColor, children: " \u2502" })] }), _jsxs(Text, { color: headerColor, children: ["\u2570", '─'.repeat(cols - 2), "\u256F"] })] }), _jsx(Box, { height: bodyHeight, overflow: "hidden", flexDirection: "column", children: view === 'settings' ? (_jsx(SettingsPanel, { ctl: ctl, scope: "global", height: bodyHeight, onClose: onEscape })) : view === 'settings-session' ? (_jsx(SettingsPanel, { ctl: ctl, scope: "session", height: bodyHeight, onClose: onEscape })) : view === 'board' ? (_jsx(BoardView, { board: ctl.board, bodyHeight: bodyHeight })) : view === 'notes' ? (_jsx(NotesView, { board: ctl.board, bodyHeight: bodyHeight })) : view === 'sessions' ? (_jsx(SessionsView, { projectRoot: ctl.projectRoot, bodyHeight: bodyHeight })) : view === 'diff' ? (_jsx(DiffView, { board: ctl.board, bodyHeight: bodyHeight })) : view === 'cost' ? (_jsx(CostView, { ctl: ctl, bodyHeight: bodyHeight })) : view === 'skills' ? (_jsx(SkillsView, { skills: ctl.getSkills(), bodyHeight: bodyHeight })) : view === 'specialists' ? (_jsx(SpecialistsView, { specialists: ctl.getSpecialists(), bodyHeight: bodyHeight })) : view === 'help' ? (_jsx(HelpView, { bodyHeight: bodyHeight, onSelect: (cmd) => onInput(cmd) })) : agents.length === 0 ? (_jsx(EmptyHub, { bodyHeight: bodyHeight })) : focused ? (_jsxs(Box, { flexDirection: "column", children: [_jsx(AgentTranscript, { agent: focused, logs: visibleLogs, raw: rawLogs, scrolled: clampedScroll, cols: cols }), !focusFollowTail ? _jsx(Text, { color: UI.warn, children: "Viewing older \u00B7 PgDn to latest" }) : null] })) : (_jsx(AgentHub, { agents: agents, ctl: ctl, cols: cols, scroll: clampedHub, visibleRows: hubRows })) }), systemLines.length > 0 && !settingsOpen && (_jsxs(Box, { flexDirection: "column", children: [agents.length > 0 ? _jsx(Text, { color: UI.muted, bold: true, children: "Session" }) : null, (agents.length > 0
                         ? systemLines
                             .filter((l) => !/^Ready|^Type a task|^⚡ Ready|^Default \/task|^Agent .* launched/.test(l.text))
                             .slice(-2)
@@ -658,7 +658,9 @@ function MainScreen({ ctl, folder, view, focus, rawLogs, systemLines, agentNames
                         return lines.map((line, j) => (_jsx(Text, { color: levelColor, wrap: "truncate-end", children: line }, `${i}-${j}`)));
                     })] })), approval && (_jsx(ApprovalPrompt, { request: approval, pendingCount: ctl.approvals.length, onAnswer: (id, ok, always) => ctl.answerApproval(id, ok, always) })), question && (_jsx(QuestionPrompt, { question: question, pendingCount: ctl.questions.length, onAnswer: (id, answer, auto) => ctl.answerQuestion(id, answer, auto) }, question.id)), _jsx(Text, { children: " " }), _jsx(CommandInput, { active: inputActive, placeholder: focus ? `Message ${focus} or /command` : t('main.prompt'), context: focus ? 'focus' : 'hub', targetAgent: focused?.name, modelLabel: ctl.sessionProvider() ? `${ctl.sessionProvider()?.name}:${ctl.session.model}` : undefined, agentNames: agentNames, agents: agents, width: cols, onHeightChange: setInputRows, onSubmit: onInput, onEscape: onEscape, notify: notify }), _jsx(Text, { children: " " }), _jsx(Box, { flexDirection: "column", children: _jsxs(Text, { children: [_jsx(Text, { color: CHROME.muted, children: "/ for commands" }), _jsx(Text, { color: CHROME.muted, children: " \u00B7 Shell " }), _jsx(Text, { color: ctl.session.approvalMode === 'ask' ? UI.warn :
                                 ctl.session.approvalMode === 'yolo' ? UI.danger :
-                                    UI.ok, children: ctl.session.approvalMode === 'auto-safe' ? 'auto' : ctl.session.approvalMode }), agents.length > 0 ? _jsxs(Text, { color: CHROME.muted, children: [" \u00B7 Sessions ", Controller.listSessions(ctl.projectRoot).length] }) : null, ctl.questions.length > 0 ? (_jsxs(Text, { color: UI.warn, children: [" \u00B7 \u2753", ctl.questions.length] })) : null, ctl.approvals.length > 0 ? (_jsxs(Text, { color: UI.warn, children: [" \u00B7 \u23F3", ctl.approvals.length] })) : null, workMapAlerts.length > 0 ? (_jsx(Text, { color: conflictAlerts.length > 0 ? UI.danger : UI.warn, children: " \u00B7 \u26A0 /board" })) : null, conflictAlerts.length > 0 ? (_jsx(Text, { color: UI.danger, children: " \u00B7 run /review all" })) : null, focused ? (_jsxs(Text, { color: BRAND.muted, children: [" \u00B7 \uD83C\uDFAF ", focused.name] })) : null] }) })] }));
+                                    UI.ok, children: ctl.session.approvalMode === 'auto-safe' ? 'auto' : ctl.session.approvalMode }), agents.length > 0 ? _jsxs(Text, { color: CHROME.muted, children: [" \u00B7 Sessions ", Controller.listSessions(ctl.projectRoot).length] }) : null, _jsxs(Text, { color: ctl.projectContextStatus().status === 'ready' ? UI.ok :
+                                ctl.projectContextStatus().status === 'indexing' ? UI.warn :
+                                    CHROME.muted, children: [" \u00B7 ", t('memory.label'), " ", ctl.projectContextStatus().status] }), _jsxs(Text, { color: CHROME.muted, children: [" \u00B7 index ", ctl.projectIndexStatus().files] }), ctl.questions.length > 0 ? (_jsxs(Text, { color: UI.warn, children: [" \u00B7 \u2753", ctl.questions.length] })) : null, ctl.approvals.length > 0 ? (_jsxs(Text, { color: UI.warn, children: [" \u00B7 \u23F3", ctl.approvals.length] })) : null, workMapAlerts.length > 0 ? (_jsx(Text, { color: conflictAlerts.length > 0 ? UI.danger : UI.warn, children: " \u00B7 \u26A0 /board" })) : null, conflictAlerts.length > 0 ? (_jsx(Text, { color: UI.danger, children: " \u00B7 run /review all" })) : null, focused ? (_jsxs(Text, { color: BRAND.muted, children: [" \u00B7 \uD83C\uDFAF ", focused.name] })) : null] }) })] }));
 }
 function groupAgents(agents) {
     const needs = agents.filter((a) => ['waiting', 'paused'].includes(a.state));

package/dist/ui/SettingsPanel.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
+import { useCallback, useState } from 'react';
 import { Box, Text } from 'ink';
 import { createSkillTemplate, createSpecialistTemplate } from '../skills.js';
 import { priceFor } from '../pricing.js';
@@ -7,6 +7,9 @@ import { SelectList as BaseSelectList } from './Wizard.js';
 import { LANGS, getLang, setLang, t } from '../i18n.js';
 import { detectProviderModels, isLocalProvider, isPlaceholderModel, providerNeedsApiKey, PROVIDER_PRESETS } from '../config.js';
 import { BRAND } from './tokens.js';
+function SettingsSelectList({ defaultBack, onBack, ...rest }) {
+    return _jsx(BaseSelectList, { ...rest, onBack: onBack ?? defaultBack });
+}
 function masked(key) {
     if (!key)
         return '—';
@@ -40,16 +43,12 @@ export function SettingsPanel({ ctl, scope, height, onClose, }) {
     const saved = () => setFlash(t('set.saved'));
     const cfg = ctl.config;
     const listHeight = height ? Math.max(3, height - 5) : undefined;
-    const goBack = () => {
+    const goBack = useCallback(() => {
         if (step.id === 'root')
             return onClose();
         setStep(returnStep ?? { id: 'root' });
         setReturnStep(null);
-    };
-    const SelectList = (props) => {
-        const { onBack, ...rest } = props;
-        return _jsx(BaseSelectList, { ...rest, onBack: onBack ?? goBack });
-    };
+    }, [onClose, returnStep, step.id]);
     // ---- root menu items ----
     const rootItems = scope === 'global'
         ? [
@@ -164,12 +163,12 @@ export function SettingsPanel({ ctl, scope, height, onClose, }) {
         setStep(next);
     };
     // ---- render ----
-    return (_jsxs(Box, { borderStyle: "round", borderColor: BRAND.muted, flexDirection: "column", paddingX: 1, children: [_jsx(Text, { bold: true, color: BRAND.primary, 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, height: listHeight, onSelect: chooseRoot }), step.id === 'lang' && (_jsx(SelectList, { items: LANGS.map((l) => ({ label: l.label, value: l.code })), height: listHeight, onSelect: (code) => {
+    return (_jsxs(Box, { borderStyle: "round", borderColor: BRAND.muted, flexDirection: "column", paddingX: 1, children: [_jsx(Text, { bold: true, color: BRAND.primary, 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(SettingsSelectList, { defaultBack: goBack, items: rootItems, height: listHeight, onSelect: chooseRoot }), step.id === 'lang' && (_jsx(SettingsSelectList, { defaultBack: goBack, items: LANGS.map((l) => ({ label: l.label, value: l.code })), height: listHeight, 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: [
+                        } })), step.id === 'pickProvider' && (_jsxs(_Fragment, { children: [_jsx(Text, { color: "gray", children: t('set.chooseProvider') }), _jsx(SettingsSelectList, { defaultBack: goBack, items: [
                                     ...cfg.providers.map((p) => ({ label: p.name, value: p.name, hint: `(${p.baseUrl})` })),
                                     { label: t('set.back'), value: '__back__' },
                                 ], height: listHeight, onSelect: (v) => {
@@ -183,7 +182,7 @@ export function SettingsPanel({ ctl, scope, height, onClose, }) {
                                     if (step.next === 'models')
                                         return setStep({ id: 'modelList', provider: p });
                                     setStep({ id: 'model', provider: p });
-                                } })] })), step.id === 'model' && (_jsxs(_Fragment, { children: [_jsx(Text, { color: "gray", children: t('set.chooseModel', { name: step.provider.name }) }), _jsx(SelectList, { items: [
+                                } })] })), step.id === 'model' && (_jsxs(_Fragment, { children: [_jsx(Text, { color: "gray", children: t('set.chooseModel', { name: step.provider.name }) }), _jsx(SettingsSelectList, { defaultBack: goBack, items: [
                                     ...step.provider.models.map((m) => ({
                                         label: m,
                                         value: m,
@@ -197,7 +196,7 @@ export function SettingsPanel({ ctl, scope, height, onClose, }) {
                                         return;
                                     }
                                     pickModel(step.provider, v);
-                                }, onInput: (m) => pickModel(step.provider, m) })] })), step.id === 'endpoint' && (_jsxs(_Fragment, { children: [_jsx(Text, { color: "gray", children: t('wiz.provider.endpoint.title', { name: step.provider.name }) }), _jsx(Text, { color: "gray", children: step.provider.baseUrl }), _jsx(Text, { color: "gray", children: t('wiz.provider.endpoint.model', { model: step.provider.defaultModel || step.provider.models[0] || '—' }) }), _jsx(SelectList, { items: [
+                                }, onInput: (m) => pickModel(step.provider, m) })] })), step.id === 'endpoint' && (_jsxs(_Fragment, { children: [_jsx(Text, { color: "gray", children: t('wiz.provider.endpoint.title', { name: step.provider.name }) }), _jsx(Text, { color: "gray", children: step.provider.baseUrl }), _jsx(Text, { color: "gray", children: t('wiz.provider.endpoint.model', { model: step.provider.defaultModel || step.provider.models[0] || '—' }) }), _jsx(SettingsSelectList, { defaultBack: goBack, items: [
                                     { label: t('wiz.provider.endpoint.use'), value: 'use' },
                                     { label: t('wiz.provider.endpoint.edit'), value: 'edit' },
                                     { label: t('set.back'), value: '__back__' },
@@ -220,7 +219,7 @@ export function SettingsPanel({ ctl, scope, height, onClose, }) {
                                     saved();
                                     setStep(returnStep ?? { id: 'providerDetail', provider: step.provider, scope });
                                     setReturnStep(null);
-                                } })] })), step.id === 'setupScope' && (_jsxs(_Fragment, { children: [_jsx(Text, { color: "gray", children: t('set.setupScope.title', { name: step.provider.name }) }), _jsx(SelectList, { items: [
+                                } })] })), step.id === 'setupScope' && (_jsxs(_Fragment, { children: [_jsx(Text, { color: "gray", children: t('set.setupScope.title', { name: step.provider.name }) }), _jsx(SettingsSelectList, { defaultBack: goBack, items: [
                                     { label: t('set.setupScope.session'), value: 'session' },
                                     { label: t('set.setupScope.global'), value: 'global' },
                                     { label: t('set.back'), value: '__back__' },
@@ -228,10 +227,10 @@ export function SettingsPanel({ ctl, scope, height, onClose, }) {
                                     if (v === '__back__')
                                         return setStep({ id: 'endpoint', provider: step.provider, setup: true });
                                     finishProviderSetup(step.provider, v === 'global');
-                                } })] })), step.id === 'editEndpoint' && (_jsxs(_Fragment, { children: [_jsx(Text, { color: "gray", children: t('wiz.provider.url.title') }), _jsx(SelectList, { items: [], height: listHeight, allowInput: true, inputPlaceholder: step.provider.baseUrl, onInput: (url) => {
+                                } })] })), step.id === 'editEndpoint' && (_jsxs(_Fragment, { children: [_jsx(Text, { color: "gray", children: t('wiz.provider.url.title') }), _jsx(SettingsSelectList, { defaultBack: goBack, items: [], height: listHeight, allowInput: true, inputPlaceholder: step.provider.baseUrl, onInput: (url) => {
                                     const provider = { ...step.provider, baseUrl: url.trim() };
                                     setStep({ id: 'endpoint', provider, setup: step.setup });
-                                } })] })), step.id === 'modelList' && (_jsxs(_Fragment, { children: [_jsx(Text, { color: "gray", children: t('set.modelsFor', { name: step.provider.name }) }), _jsx(SelectList, { items: [
+                                } })] })), step.id === 'modelList' && (_jsxs(_Fragment, { children: [_jsx(Text, { color: "gray", children: t('set.modelsFor', { name: step.provider.name }) }), _jsx(SettingsSelectList, { defaultBack: goBack, items: [
                                     ...step.provider.models.map((m) => ({
                                         label: m,
                                         value: m,
@@ -262,7 +261,7 @@ export function SettingsPanel({ ctl, scope, height, onClose, }) {
                                     saved();
                                     setStep(returnStep ?? { id: 'root' });
                                     setReturnStep(null);
-                                } })] })), step.id === 'priceModel' && (_jsxs(_Fragment, { children: [_jsx(Text, { color: "gray", children: t('set.priceModel', { name: step.provider.name }) }), _jsx(SelectList, { items: [
+                                } })] })), step.id === 'priceModel' && (_jsxs(_Fragment, { children: [_jsx(Text, { color: "gray", children: t('set.priceModel', { name: step.provider.name }) }), _jsx(SettingsSelectList, { defaultBack: goBack, items: [
                                     ...step.provider.models.map((m) => {
                                         const pr = priceFor(step.provider, m);
                                         return {
@@ -281,7 +280,7 @@ export function SettingsPanel({ ctl, scope, height, onClose, }) {
                                         return;
                                     }
                                     goSub({ id: 'priceValue', provider: step.provider, model: v });
-                                }, onInput: (m) => goSub({ 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: [], height: listHeight, allowInput: true, inputPlaceholder: "0.27, 1.10", onInput: (v) => {
+                                }, onInput: (m) => goSub({ 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(SettingsSelectList, { defaultBack: goBack, items: [], height: listHeight, 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'));
@@ -293,7 +292,7 @@ export function SettingsPanel({ ctl, scope, height, onClose, }) {
                                     saved();
                                     setStep(returnStep ?? { id: 'root' });
                                     setReturnStep(null);
-                                } })] })), step.id === 'key' && (_jsxs(_Fragment, { children: [_jsx(Text, { color: "gray", children: t('wiz.provider.key.title', { name: step.provider.name }) }), _jsx(SelectList, { items: [], height: listHeight, allowInput: true, mask: true, inputPlaceholder: "sk-\u2026", onInput: (k) => {
+                                } })] })), step.id === 'key' && (_jsxs(_Fragment, { children: [_jsx(Text, { color: "gray", children: t('wiz.provider.key.title', { name: step.provider.name }) }), _jsx(SettingsSelectList, { defaultBack: goBack, items: [], height: listHeight, allowInput: true, mask: true, inputPlaceholder: "sk-\u2026", onInput: (k) => {
                                     const provider = { ...step.provider, apiKey: k.trim() };
                                     if (step.setup) {
                                         if (scope === 'session') {
@@ -309,7 +308,7 @@ export function SettingsPanel({ ctl, scope, height, onClose, }) {
                                     }
                                     setStep(returnStep ?? { id: 'root' });
                                     setReturnStep(null);
-                                } })] })), step.id === 'newName' && (_jsxs(_Fragment, { children: [_jsx(Text, { color: "gray", children: t('wiz.provider.name.title') }), _jsx(SelectList, { items: [], height: listHeight, 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: [], height: listHeight, 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: [], height: listHeight, allowInput: true, inputPlaceholder: t('wiz.provider.model.ph'), onInput: (model) => {
+                                } })] })), step.id === 'newName' && (_jsxs(_Fragment, { children: [_jsx(Text, { color: "gray", children: t('wiz.provider.name.title') }), _jsx(SettingsSelectList, { defaultBack: goBack, items: [], height: listHeight, 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(SettingsSelectList, { defaultBack: goBack, items: [], height: listHeight, 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(SettingsSelectList, { defaultBack: goBack, items: [], height: listHeight, allowInput: true, inputPlaceholder: t('wiz.provider.model.ph'), onInput: (model) => {
                                     const trimmed = model.trim();
                                     if (isPlaceholderModel(trimmed)) {
                                         setFlash(t('set.modelPlaceholder'));
@@ -328,7 +327,7 @@ export function SettingsPanel({ ctl, scope, height, onClose, }) {
                                             requiresApiKey: !local,
                                         },
                                     });
-                                } })] })), step.id === 'newKey' && (_jsxs(_Fragment, { children: [_jsx(Text, { color: "gray", children: t('wiz.provider.key.title', { name: step.name }) }), _jsx(SelectList, { items: [], height: listHeight, allowInput: true, mask: true, inputPlaceholder: "sk-\u2026", onInput: (key) => finishProviderSetup({ name: step.name, baseUrl: step.url, apiKey: key.trim(), models: [step.model], defaultModel: step.model }) })] })), step.id === 'newSkill' && (_jsxs(_Fragment, { children: [_jsx(Text, { color: "gray", children: t('set.newSkillName') }), _jsx(SelectList, { items: [], height: listHeight, allowInput: true, inputPlaceholder: "review, deploy, tests\u2026", onInput: (name) => {
+                                } })] })), step.id === 'newKey' && (_jsxs(_Fragment, { children: [_jsx(Text, { color: "gray", children: t('wiz.provider.key.title', { name: step.name }) }), _jsx(SettingsSelectList, { defaultBack: goBack, items: [], height: listHeight, allowInput: true, mask: true, inputPlaceholder: "sk-\u2026", onInput: (key) => finishProviderSetup({ name: step.name, baseUrl: step.url, apiKey: key.trim(), models: [step.model], defaultModel: step.model }) })] })), step.id === 'newSkill' && (_jsxs(_Fragment, { children: [_jsx(Text, { color: "gray", children: t('set.newSkillName') }), _jsx(SettingsSelectList, { defaultBack: goBack, items: [], height: listHeight, allowInput: true, inputPlaceholder: "review, deploy, tests\u2026", onInput: (name) => {
                                     try {
                                         const file = createSkillTemplate(name.trim(), '', 'global', ctl.projectRoot);
                                         setFlash(t('m.skillCreated', { file }));
@@ -337,7 +336,7 @@ export function SettingsPanel({ ctl, scope, height, onClose, }) {
                                         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: [], height: listHeight, allowInput: true, inputPlaceholder: "reviewer, architect, tester\u2026", onInput: (name) => {
+                                } })] })), step.id === 'newSpecialist' && (_jsxs(_Fragment, { children: [_jsx(Text, { color: "gray", children: t('set.newSpecialistName') }), _jsx(SettingsSelectList, { defaultBack: goBack, items: [], height: listHeight, allowInput: true, inputPlaceholder: "reviewer, architect, tester\u2026", onInput: (name) => {
                                     try {
                                         const file = createSpecialistTemplate(name.trim(), '', 'global', ctl.projectRoot);
                                         setFlash(t('m.specCreated', { file }));
@@ -346,7 +345,7 @@ export function SettingsPanel({ ctl, scope, height, onClose, }) {
                                         setFlash(t('m.alreadyExists', { msg: e?.message ?? '' }));
                                     }
                                     setStep({ id: 'root' });
-                                } })] })), step.id === 'providers' && (_jsxs(_Fragment, { children: [_jsx(Text, { color: "gray", children: step.scope === 'global' ? t('set.providers.title') : t('sset.providers.title') }), _jsx(SelectList, { items: (() => {
+                                } })] })), step.id === 'providers' && (_jsxs(_Fragment, { children: [_jsx(Text, { color: "gray", children: step.scope === 'global' ? t('set.providers.title') : t('sset.providers.title') }), _jsx(SettingsSelectList, { defaultBack: goBack, items: (() => {
                                     const configuredNames = new Set(cfg.providers.map((p) => p.name.toLowerCase()));
                                     const items = [];
                                     // Section: Configured
@@ -443,7 +442,7 @@ export function SettingsPanel({ ctl, scope, height, onClose, }) {
                                     else {
                                         setStep({ id: 'providerDetail', provider: p, scope: 'global' });
                                     }
-                                } })] })), step.id === 'providerDetail' && (_jsxs(_Fragment, { children: [_jsx(Text, { color: "gray", children: t('set.providerDetail.title', { name: step.provider.name }) }), _jsx(SelectList, { items: [
+                                } })] })), step.id === 'providerDetail' && (_jsxs(_Fragment, { children: [_jsx(Text, { color: "gray", children: t('set.providerDetail.title', { name: step.provider.name }) }), _jsx(SettingsSelectList, { defaultBack: goBack, items: [
                                     {
                                         label: t('set.providerDetail.key'),
                                         value: 'key',
@@ -508,7 +507,7 @@ export function SettingsPanel({ ctl, scope, height, onClose, }) {
                                     }
                                     if (v === 'remove')
                                         return setStep({ id: 'removeProvider', provider: step.provider, scope: step.scope });
-                                } })] })), step.id === 'removeProvider' && (_jsxs(_Fragment, { children: [_jsx(Text, { color: "gray", children: t('set.removeProvider.title', { name: step.provider.name }) }), _jsx(Text, { color: "yellow", children: t('set.removeProvider.confirm') }), _jsx(SelectList, { items: [
+                                } })] })), step.id === 'removeProvider' && (_jsxs(_Fragment, { children: [_jsx(Text, { color: "gray", children: t('set.removeProvider.title', { name: step.provider.name }) }), _jsx(Text, { color: "yellow", children: t('set.removeProvider.confirm') }), _jsx(SettingsSelectList, { defaultBack: goBack, items: [
                                     { label: t('set.removeProvider.yes'), value: 'yes' },
                                     { label: t('set.removeProvider.no'), value: 'no' },
                                 ], height: listHeight, onSelect: (v) => {

package/dist/ui/Wizard.js

@@ -1,5 +1,5 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { useState } from 'react';
+import { useEffect, useMemo, useState } from 'react';
 import { Box, Text, useInput } from 'ink';
 import { t } from '../i18n.js';
 import { BRAND, COLOR } from './tokens.js';
@@ -8,6 +8,16 @@ function clampIndex(index, count) {
         return 0;
     return Math.max(0, Math.min(index, count - 1));
 }
+export function selectableIndexes(items) {
+    return items.map((it, i) => (it.section ? -1 : i)).filter((i) => i >= 0);
+}
+export function selectListWindow(itemsLength, selectedRealIndex, maxVisible) {
+    const visible = Math.max(1, maxVisible);
+    if (itemsLength <= visible || selectedRealIndex < 0)
+        return { start: 0, end: Math.min(itemsLength, visible) };
+    const start = Math.max(0, Math.min(selectedRealIndex - Math.floor(visible / 2), itemsLength - visible));
+    return { start, end: start + visible };
+}
 /**
  * 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
@@ -17,9 +27,25 @@ export function SelectList({ items, allowInput, inputPlaceholder, mask, height,
     const [idx, setIdx] = useState(0);
     const [typed, setTyped] = useState('');
     const typing = allowInput && typed.length > 0;
+    const selectable = useMemo(() => selectableIndexes(items), [items]);
+    const safeLogicalIdx = clampIndex(idx, selectable.length);
+    const safeRealIdx = selectable.length > 0 ? selectable[safeLogicalIdx] : -1;
+    const maxVisible = height ? Math.max(1, height - (allowInput ? 2 : 0)) : items.length;
+    const window = selectListWindow(items.length, safeRealIdx, maxVisible);
+    const visibleItems = items.slice(window.start, window.end);
+    const above = window.start;
+    const below = Math.max(0, items.length - window.end);
+    const pageStep = Math.max(1, Math.floor(Math.max(1, maxVisible) / 2));
+    useEffect(() => {
+        if (safeLogicalIdx !== idx)
+            setIdx(safeLogicalIdx);
+    }, [idx, safeLogicalIdx]);
+    const chooseCurrent = () => {
+        const realIdx = selectable[safeLogicalIdx];
+        if (realIdx !== undefined && items[realIdx])
+            onSelect?.(items[realIdx].value);
+    };
     useInput((input, key) => {
-        // Build selectable index list each render (cheap — items is small).
-        const selectable = items.map((it, i) => (it.section ? -1 : i)).filter((i) => i >= 0);
         if (key.escape) {
             if (typed)
                 setTyped('');
@@ -27,6 +53,13 @@ export function SelectList({ items, allowInput, inputPlaceholder, mask, height,
                 onBack?.();
             return;
         }
+        if (key.leftArrow) {
+            if (typed)
+                setTyped('');
+            else
+                onBack?.();
+            return;
+        }
         if (key.return) {
             if (typing) {
                 const v = typed.trim();
@@ -35,14 +68,19 @@ export function SelectList({ items, allowInput, inputPlaceholder, mask, height,
                     onInput?.(v);
             }
             else {
-                const realIdx = selectable[idx];
-                if (realIdx !== undefined && items[realIdx])
-                    onSelect?.(items[realIdx].value);
+                chooseCurrent();
             }
             return;
         }
+        if ((key.tab || key.rightArrow) && !typing) {
+            chooseCurrent();
+            return;
+        }
         if (key.backspace || key.delete) {
-            setTyped((v) => v.slice(0, -1));
+            if (typed)
+                setTyped((v) => v.slice(0, -1));
+            else
+                onBack?.();
             return;
         }
         if (key.upArrow) {
@@ -57,12 +95,12 @@ export function SelectList({ items, allowInput, inputPlaceholder, mask, height,
         }
         if (key.pageUp) {
             if (!typing)
-                setIdx((i) => Math.max(0, i - Math.max(1, Math.floor((height ?? 8) / 2))));
+                setIdx((i) => clampIndex(i - pageStep, selectable.length));
             return;
         }
         if (key.pageDown) {
             if (!typing)
-                setIdx((i) => Math.min(Math.max(0, selectable.length - 1), i + Math.max(1, Math.floor((height ?? 8) / 2))));
+                setIdx((i) => clampIndex(i + pageStep, selectable.length));
             return;
         }
         if (key.home) {
@@ -89,19 +127,9 @@ export function SelectList({ items, allowInput, inputPlaceholder, mask, height,
         }
         setTyped((v) => v + input);
     });
-    // Build a separate index map so up/down skip section headers.
-    const selectable = items.map((it, i) => (it.section ? -1 : i)).filter((i) => i >= 0);
-    const safeIdx = selectable.length > 0 ? selectable[Math.min(idx, selectable.length - 1)] : -1;
-    const maxVisible = height ? Math.max(1, height - (allowInput ? 2 : 0)) : items.length;
-    const start = items.length > maxVisible && safeIdx >= 0
-        ? Math.max(0, Math.min(safeIdx - Math.floor(maxVisible / 2), items.length - maxVisible))
-        : 0;
-    const visibleItems = items.slice(start, start + maxVisible);
-    const above = start;
-    const below = Math.max(0, items.length - start - visibleItems.length);
     return (_jsxs(Box, { flexDirection: "column", children: [above > 0 ? _jsxs(Text, { color: "gray", children: ["\u25B2 ", above] }) : null, visibleItems.map((it, localIdx) => {
-                const i = start + localIdx;
-                return (it.section ? (_jsx(Box, { marginTop: i > 0 ? 1 : 0, children: _jsx(Text, { bold: true, color: "white", children: it.label }) }, it.label)) : (_jsxs(Text, { children: [_jsxs(Text, { color: !typing && i === safeIdx ? COLOR.cream : 'gray', bold: !typing && i === safeIdx, children: [!typing && i === safeIdx ? '❯ ' : '  ', it.label] }), it.hint ? _jsxs(Text, { color: "gray", children: [" ", it.hint] }) : null, it.detail ? _jsxs(Text, { color: "gray", children: [" \u2014 ", it.detail] }) : null] }, it.value + i)));
+                const i = window.start + localIdx;
+                return (it.section ? (_jsx(Box, { marginTop: i > 0 ? 1 : 0, children: _jsx(Text, { bold: true, color: "white", children: it.label }) }, it.label)) : (_jsxs(Text, { children: [_jsxs(Text, { color: !typing && i === safeRealIdx ? COLOR.cream : 'gray', bold: !typing && i === safeRealIdx, children: [!typing && i === safeRealIdx ? '❯ ' : '  ', it.label] }), it.hint ? _jsxs(Text, { color: "gray", children: [" ", it.hint] }) : null, it.detail ? _jsxs(Text, { color: "gray", children: [" \u2014 ", it.detail] }) : null] }, it.value + i)));
             }), below > 0 ? _jsxs(Text, { color: "gray", children: ["\u25BC ", below] }) : null, allowInput && (_jsx(Box, { marginTop: items.length > 0 ? 1 : 0, children: _jsxs(Text, { color: typing ? COLOR.cream : 'gray', children: ["\u270E", ' ', typing ? (_jsx(Text, { color: "white", children: mask ? '•'.repeat(typed.length) : typed })) : (_jsx(Text, { color: "gray", children: inputPlaceholder ?? '…' })), typing ? _jsx(Text, { color: COLOR.cream, children: "\u2588" }) : null] }) }))] }));
 }
 export function WizardStep({ step, total, title, children, footer, }) {

package/dist/ui/views.js

@@ -121,14 +121,16 @@ export function DiffView({ board, bodyHeight }) {
                     }), _jsx(Below, { n: below })] }))] }));
 }
 /** Financial view: live cost / steps / tokens per agent + session total. */
-export function CostView({ board, bodyHeight }) {
+export function CostView({ ctl, bodyHeight }) {
+    const board = ctl.board;
     const agents = [...board.agents.values()];
     const fallbackVisible = useVisibleRows(8);
     const visible = bodyHeight ? Math.max(3, bodyHeight - 7) : fallbackVisible;
     const { slice, above, below } = useScrollWindow(agents, visible, 'top');
     const total = agents.reduce((s, a) => s + (a.cost ?? 0), 0);
+    const memory = ctl.projectContextStatus();
     const unknown = agents.some((a) => a.cost === null);
-    return (_jsxs(Box, { borderStyle: "round", borderColor: "greenBright", flexDirection: "column", paddingX: 1, children: [_jsx(Text, { bold: true, color: "greenBright", children: t('cost.title') }), agents.length === 0 ? (_jsx(Text, { color: "gray", children: t('cost.empty') })) : (_jsxs(_Fragment, { children: [_jsx(Above, { n: above }), slice.map((a) => (_jsxs(Text, { wrap: "truncate-end", children: ['  ', _jsx(Text, { color: a.color, bold: true, children: a.name.padEnd(12) }), _jsxs(Text, { color: "gray", children: [a.model.padEnd(24).slice(0, 24), " "] }), _jsxs(Text, { children: [String(a.steps).padStart(3), " steps "] }), _jsxs(Text, { color: BRAND.primary, children: [String(Math.round(a.tokensIn / 1000)).padStart(5), "k in ", String(Math.round(a.tokensOut / 1000)).padStart(4), "k out", ' '] }), _jsx(Text, { color: "greenBright", bold: true, children: a.cost === null ? '   $—' : fmtCost(a.cost).padStart(8) }), a.cost === null ? _jsxs(Text, { color: "gray", children: [" ", t('cost.unknown')] }) : null] }, a.id))), _jsx(Below, { n: below }), _jsx(Text, { children: " " }), _jsxs(Text, { bold: true, children: ['  ', t('cost.total'), " ", _jsx(Text, { color: "greenBright", children: fmtCost(total) }), unknown ? _jsxs(Text, { color: "gray", children: [" ", t('cost.partial')] }) : null] })] })), _jsx(Text, { color: "gray", children: t('cost.hint') })] }));
+    return (_jsxs(Box, { borderStyle: "round", borderColor: "greenBright", flexDirection: "column", paddingX: 1, children: [_jsx(Text, { bold: true, color: "greenBright", children: t('cost.title') }), agents.length === 0 ? (_jsx(Text, { color: "gray", children: t('cost.empty') })) : (_jsxs(_Fragment, { children: [_jsx(Above, { n: above }), slice.map((a) => (_jsxs(Text, { wrap: "truncate-end", children: ['  ', _jsx(Text, { color: a.color, bold: true, children: a.name.padEnd(12) }), _jsxs(Text, { color: "gray", children: [a.model.padEnd(24).slice(0, 24), " "] }), _jsxs(Text, { color: "gray", children: [(a.profile ?? 'standard').padEnd(8), " "] }), _jsxs(Text, { children: [String(a.steps).padStart(3), " steps "] }), _jsxs(Text, { color: BRAND.primary, children: [String(Math.round(a.tokensIn / 1000)).padStart(5), "k in ", String(Math.round(a.tokensOut / 1000)).padStart(4), "k out", ' '] }), _jsx(Text, { color: "greenBright", bold: true, children: a.cost === null ? '   $—' : fmtCost(a.cost).padStart(8) }), a.cost === null ? _jsxs(Text, { color: "gray", children: [" ", t('cost.unknown')] }) : null] }, a.id))), _jsx(Below, { n: below }), _jsx(Text, { children: " " }), _jsxs(Text, { bold: true, children: ['  ', t('cost.total'), " ", _jsx(Text, { color: "greenBright", children: fmtCost(total) }), unknown ? _jsxs(Text, { color: "gray", children: [" ", t('cost.partial')] }) : null] })] })), _jsxs(Text, { children: ['  ', t('cost.memory'), " ", _jsx(Text, { color: BRAND.primary, children: memory.model ?? '—' }), ' ', _jsx(Text, { color: "greenBright", children: memory.cost === null ? '$—' : fmtCost(memory.cost) }), ' ', _jsxs(Text, { color: "gray", children: ["(", memory.status, ", ", memory.tokensIn + memory.tokensOut, " tokens)"] })] }), _jsx(Text, { color: "gray", children: t('cost.hint') })] }));
 }
 /** Skills catalog: user-authored markdown instructions agents can load. */
 export function SkillsView({ skills, bodyHeight }) {

package/dist/version.js

@@ -1,2 +1,2 @@
 export const PACKAGE_NAME = '@parallel-cli/parallel';
-export const VERSION = '0.4.7';
+export const VERSION = '0.5.0';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@parallel-cli/parallel",
-  "version": "0.4.9",
+  "version": "0.5.0",
   "description": "Real-time coding agents that work like a live team on one shared repository.",
   "keywords": [
     "cli",
@@ -48,7 +48,7 @@
   "scripts": {
     "build": "tsc && chmod +x dist/index.js",
     "dev": "tsc --watch",
-    "test": "npm run build && ( [ -d test ] && node --test test/*.test.mjs && npm run test:pty || echo 'test/ directory not found, skipping tests' )",
+    "test": "npm run build && if [ -d test ]; then node --test test/*.test.mjs && npm run test:pty; else echo 'test/ directory not found, skipping tests'; fi",
     "test:pty": "sh test/pty.sh",
     "start": "node dist/index.js",
     "prepublishOnly": "npm run build"