@parallel-cli/parallel 0.4.6 → 0.4.8

package/dist/ui/AttachApp.js

@@ -1,19 +1,20 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from 'react';
 import net from 'node:net';
-import { Box, Static, Text, useApp } from 'ink';
+import { Box, Static, Text, useApp, useInput, useStdout } from 'ink';
 import { ApprovalPrompt } from './ApprovalPrompt.js';
 import { CommandInput } from './CommandInput.js';
-import { formatAgentTelemetry, KIND_COLOR, KIND_DIM } from './AgentPanel.js';
+import { formatAgentTelemetry, KIND_COLOR, KIND_DIM, modeBadge, ProgressSteps } from './AgentPanel.js';
 import { Md } from './Md.js';
 import { QuestionPrompt } from './QuestionPrompt.js';
-import { Spinner } from './Spinner.js';
 import { Timeline } from './Timeline.js';
+import { toUIEvents } from './events.js';
 import { stateLabel, elapsed, truncate } from './theme.js';
 import { fmtCost } from '../pricing.js';
 import { t } from '../i18n.js';
 import { COLOR, STATE_META, UI, middleTruncate } from './tokens.js';
 const noop = () => { };
+const TERMINAL_STATES = new Set(['done', 'error', 'stopped']);
 export function parseAttachCommand(text) {
     const v = text.trim();
     if (!v)
@@ -22,12 +23,23 @@ export function parseAttachCommand(text) {
         return { type: 'detach' };
     if (v === '/raw')
         return { type: 'raw' };
+    const stop = v.match(/^\/stop(?:\s+(\S+))?$/s);
+    if (stop)
+        return { type: 'stop', target: stop[1]?.trim() };
     const at = v.match(/^@(\S+)\s+(.+)$/s);
     if (at)
         return { type: 'send', target: at[1], text: at[2].trim() };
     const send = v.match(/^\/send\s+(\S+)\s+(.+)$/s);
     if (send)
         return { type: 'send', target: send[1], text: send[2].trim() };
+    const review = v.match(/^\/review\s+(.+)$/s);
+    if (review) {
+        return {
+            type: 'spawn',
+            text: `Review current shared-tree work: ${review[1].trim()}. Return Verdict: APPROVE | REVISE | BLOCK, Risks, Tests to run, Files to inspect, and Notes.`,
+            mode: 'ask',
+        };
+    }
     const m = v.match(/^\/(ask|a|task|t|plan|p)\s+(.+)$/s);
     if (m) {
         const mode = m[1] === 'ask' || m[1] === 'a' ? 'ask' : m[1] === 'plan' || m[1] === 'p' ? 'plan' : 'task';
@@ -38,13 +50,42 @@ export function parseAttachCommand(text) {
 export function formatAttachFooter(info) {
     if (!info)
         return 'Waiting for agent · /quit';
-    return `${middleTruncate(info.model, 28)} · ${formatAgentTelemetry(info)} · plain text steers · /task new · /quit`;
+    const control = ['thinking', 'working', 'listening', 'waiting', 'paused'].includes(info.state) ? ' · /stop' : '';
+    return `${middleTruncate(info.model, 28)} · ${formatAgentTelemetry(info)} · plain text steers${control} · /task new · /quit`;
+}
+function AttachStaticLine({ item, raw }) {
+    if (raw) {
+        return (_jsx(Text, { color: KIND_COLOR[item.log.kind] ?? 'white', italic: KIND_DIM[item.log.kind] ?? false, wrap: "wrap", children: item.log.text }));
+    }
+    const event = toUIEvents([item.log])[0];
+    if (!event || event.kind === 'thought')
+        return _jsx(Text, { color: UI.muted, children: " " });
+    const color = event.kind === 'error' ? UI.danger : event.kind === 'note' ? UI.note : event.kind === 'command' ? UI.accent : UI.muted;
+    const detail = event.detail.replace(/\r/g, '').split('\n').filter(Boolean).slice(0, 3).join(' ↳ ');
+    return (_jsxs(Text, { color: color, wrap: "truncate-end", children: [_jsx(Text, { color: UI.muted, children: "\u2022 " }), _jsx(Text, { bold: true, children: event.label }), detail ? _jsxs(Text, { color: event.kind === 'command_output' ? UI.muted : color, children: [" ", truncate(detail, process.stdout.columns ? process.stdout.columns - 8 : 120)] }) : null] }));
+}
+export function isLaunchSystemLog(log) {
+    return log.kind === 'system' && /\bAgent\s+.+\slaunched\b|Terminal dédié ouvert|Dedicated terminal/i.test(log.text);
+}
+function AttachLaunchHeader({ item }) {
+    const { info } = item;
+    const mode = modeBadge(info.mode);
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: info.color, paddingX: 1, marginBottom: 1, children: [_jsx(Text, { color: UI.brand, bold: true, children: "Parallel agent terminal" }), _jsxs(Text, { wrap: "truncate-end", children: [_jsx(Text, { color: info.color, bold: true, children: info.name }), info.alias && info.alias !== info.name ? _jsxs(Text, { color: UI.muted, children: [" @", info.alias] }) : null, _jsxs(Text, { color: mode.color, children: [" [", mode.label, "]"] }), _jsx(Text, { color: UI.muted, children: " \u00B7 " }), _jsx(Text, { color: UI.text, children: middleTruncate(info.model, 36) })] }), _jsxs(Text, { color: UI.muted, wrap: "wrap", children: ["Task  ", _jsx(Text, { color: UI.text, children: info.task })] }), _jsx(Text, { color: COLOR.creamMuted, children: "Dedicated terminal is ready." }), _jsx(Text, { children: " " }), _jsx(Text, { children: " " })] }));
+}
+function AttachResultCard({ item }) {
+    const st = STATE_META[item.info.state];
+    return (_jsxs(Box, { borderStyle: "single", borderColor: st.color, flexDirection: "column", paddingX: 1, marginTop: 1, children: [_jsxs(Text, { color: COLOR.cream, bold: true, children: ["Result \u00B7 ", item.info.name, " [", st.label, "]"] }), _jsx(Md, { text: item.result })] }));
 }
 export function AttachApp({ agentRef, sock }) {
     const { exit } = useApp();
+    const { stdout } = useStdout();
     const [info, setInfo] = useState(null);
     const [others, setOthers] = useState([]);
+    const [launchCards, setLaunchCards] = useState([]);
+    const [resultCards, setResultCards] = useState([]);
     const [lines, setLines] = useState([]);
+    const [timelineScroll, setTimelineScroll] = useState(0);
+    const [timelineFollowTail, setTimelineFollowTail] = useState(true);
     const [approval, setApproval] = useState(null);
     const [question, setQuestion] = useState(null);
     const [gone, setGone] = useState(false);
@@ -52,6 +93,8 @@ export function AttachApp({ agentRef, sock }) {
     const socketRef = useRef(null);
     const keySeq = useRef(0);
     const lastBellId = useRef('');
+    const launchRendered = useRef(false);
+    const renderedResultKey = useRef('');
     useEffect(() => {
         const socket = net.connect(sock);
         socketRef.current = socket;
@@ -96,6 +139,21 @@ export function AttachApp({ agentRef, sock }) {
             socket.destroy();
         };
     }, [agentRef, sock]);
+    useEffect(() => {
+        if (!info || launchRendered.current)
+            return;
+        launchRendered.current = true;
+        setLaunchCards([{ key: ++keySeq.current, info }]);
+    }, [info?.id]);
+    useEffect(() => {
+        if (!info || !TERMINAL_STATES.has(info.state) || !info.lastResult)
+            return;
+        const key = `${info.id}:${info.state}:${info.lastResult.length}:${info.lastResult.slice(0, 24)}`;
+        if (renderedResultKey.current === key)
+            return;
+        renderedResultKey.current = key;
+        setResultCards((prev) => [...prev, { key: ++keySeq.current, info: { ...info }, result: info.lastResult ?? '' }]);
+    }, [info?.id, info?.state, info?.lastResult]);
     // Audible alert in THIS terminal when a new interaction arrives — the hub
     // also rings, but the user may well be looking at the agent's terminal.
     useEffect(() => {
@@ -123,7 +181,11 @@ export function AttachApp({ agentRef, sock }) {
             setRaw((r) => !r);
             return;
         }
-        // /task|/ask|/plan <text> — launch agent N+1 from this terminal.
+        if (cmd.type === 'stop') {
+            wire({ type: 'stop', target: cmd.target || agentRef });
+            return;
+        }
+        // /task|/ask|/plan|/review <text> — launch agent N+1 from this terminal.
         if (cmd.type === 'spawn') {
             wire({ type: 'spawn', text: cmd.text, mode: cmd.mode });
             return;
@@ -136,26 +198,58 @@ export function AttachApp({ agentRef, sock }) {
     };
     const st = info ? STATE_META[info.state] : null;
     const busy = info ? ['thinking', 'working', 'listening'].includes(info.state) : false;
+    const terminal = info ? TERMINAL_STATES.has(info.state) : false;
     const interacting = Boolean(approval || question);
+    const logs = lines.map((l) => l.log);
+    const staticLines = raw ? lines : lines.filter((l) => l.log.kind !== 'llm' && !isLaunchSystemLog(l.log));
+    const timelineVisibleLogs = Math.max(8, (stdout?.rows ?? 30) - 14);
+    const maxTimelineScroll = Math.max(0, logs.length - timelineVisibleLogs);
+    const clampedTimelineScroll = Math.min(timelineScroll, maxTimelineScroll);
+    const timelineWindow = logs.slice(Math.max(0, logs.length - timelineVisibleLogs - clampedTimelineScroll), logs.length - clampedTimelineScroll);
+    const liveTimelineLogs = logs.slice(-Math.max(6, Math.min(14, Math.floor((stdout?.rows ?? 30) / 2))));
+    useEffect(() => {
+        if (timelineFollowTail)
+            setTimelineScroll(0);
+    }, [logs.length, timelineFollowTail]);
+    const scrollTimeline = (direction) => {
+        if (direction === 'up') {
+            setTimelineFollowTail(false);
+            setTimelineScroll((s) => Math.min(Math.min(s, maxTimelineScroll) + Math.max(1, Math.floor(timelineVisibleLogs / 2)), maxTimelineScroll));
+            return;
+        }
+        setTimelineScroll((s) => {
+            const next = Math.max(0, Math.min(s, maxTimelineScroll) - Math.max(1, Math.floor(timelineVisibleLogs / 2)));
+            if (next === 0)
+                setTimelineFollowTail(true);
+            return next;
+        });
+    };
+    useInput((_input, key) => {
+        if (!busy || interacting || raw)
+            return;
+        if (key.pageUp)
+            scrollTimeline('up');
+        if (key.pageDown)
+            scrollTimeline('down');
+    }, { isActive: Boolean(busy && !interacting && !raw) });
     const banner = (_jsxs(Text, { wrap: "truncate-end", children: [_jsx(Text, { color: UI.brand, bold: true, children: t('attach.banner') }), info ? (_jsxs(Text, { color: info.color, bold: true, children: [' ', info.name, info.alias && info.alias !== info.name ? _jsxs(Text, { color: UI.muted, children: [" @", info.alias] }) : null] })) : null] }));
-    return (_jsxs(Box, { flexDirection: "column", children: [raw ? (_jsx(Static, { items: lines, children: (item) => (_jsx(Text, { color: KIND_COLOR[item.log.kind] ?? 'white', italic: KIND_DIM[item.log.kind] ?? false, wrap: "wrap", children: item.log.text }, item.key)) })) : null, busy && info && st && !interacting ? (
-            /* COMPACT region while the agent runs: small + borderless, so Ink's
-             * constant repaints (spinner ticks) never erase tall zones — this is
-             * what used to leave stray blank lines in the native scrollback. */
-            _jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsxs(Text, { wrap: "truncate-end", children: [_jsx(Text, { color: info.color, bold: true, children: info.alias || info.name }), ' ', _jsxs(Text, { color: st.color, bold: true, children: [st.mark, " ", st.label] }), ' ', _jsx(Spinner, { color: info.color }), _jsxs(Text, { color: UI.muted, children: [' ', "\u00B7 ", elapsed(info.startedAt), " \u00B7 ", info.steps, " st \u00B7", ' ', Math.round((info.tokensIn + info.tokensOut) / 1000), "k \u00B7", ' '] }), _jsx(Text, { color: UI.ok, children: info.cost === null ? '$-' : fmtCost(info.cost) })] }), info.currentAction ? (_jsxs(Text, { color: info.color, wrap: "truncate-end", children: ["Current  ", truncate(info.currentAction, 120)] })) : null, others.length > 0 ? (_jsxs(Text, { color: UI.muted, wrap: "truncate-end", children: ["Others  ", ' ', others
+    return (_jsxs(Box, { flexDirection: "column", children: [!raw ? (_jsx(Static, { items: launchCards, children: (item) => _jsx(AttachLaunchHeader, { item: item }, item.key) })) : null, _jsx(Static, { items: staticLines, children: (item) => (_jsx(AttachStaticLine, { item: item, raw: raw }, item.key)) }), !raw ? (_jsx(Static, { items: resultCards, children: (item) => _jsx(AttachResultCard, { item: item }, item.key) })) : null, !raw && staticLines.length > 0 ? _jsx(Text, { color: UI.muted, children: '─'.repeat(Math.min(Math.max(20, (stdout?.columns ?? 100) - 4), 80)) }) : null, (busy || terminal) && info && st && !interacting ? (
+            /* While running, keep the native terminal scrollback stable: activity is
+             * appended once above via <Static>, and this live region stays tiny. */
+            _jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsxs(Text, { wrap: "truncate-end", children: [_jsx(Text, { color: info.color, bold: true, children: info.alias || info.name }), ' ', _jsxs(Text, { color: modeBadge(info.mode).color, children: ["[", modeBadge(info.mode).label, "]"] }), ' ', _jsxs(Text, { color: st.color, bold: true, children: [st.mark, " ", st.label] }), _jsxs(Text, { color: UI.muted, children: [' ', "\u00B7 ", elapsed(info.startedAt, info.endedAt), " \u00B7 ", info.steps, " st \u00B7", ' ', Math.round((info.tokensIn + info.tokensOut) / 1000), "k \u00B7", ' '] }), _jsx(Text, { color: UI.ok, children: info.cost === null ? '$-' : fmtCost(info.cost) })] }), info.currentAction ? (_jsxs(Text, { color: info.color, wrap: "truncate-end", children: ["Current  ", truncate(info.currentAction, 120)] })) : null, _jsx(ProgressSteps, { agent: info, max: 6, cols: process.stdout.columns || 100 }), busy && timelineFollowTail && liveTimelineLogs.length > 0 ? (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { color: UI.muted, bold: true, children: "Live activity" }), _jsx(Timeline, { logs: liveTimelineLogs, cols: process.stdout.columns || 100 })] })) : null, terminal && info.lastResult ? (_jsx(Text, { color: COLOR.creamMuted, children: "Result was appended above; native mouse scroll stays available." })) : null, others.length > 0 ? (_jsxs(Text, { color: UI.muted, wrap: "truncate-end", children: ["Others  ", ' ', others
                                 .map((o) => `${o.name} [${stateLabel(o.state)}] ${truncate(o.currentAction || o.task, 40)}`)
-                                .join(' · ')] })) : null, !raw ? (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { color: UI.muted, bold: true, children: t('timeline.activity') }), _jsx(Timeline, { logs: lines.map((l) => l.log), cols: process.stdout.columns || 100 })] })) : null] })) : (
-            /* FULL panel when idle / waiting / done — repaints are rare here. */
-            _jsxs(Box, { borderStyle: "single", borderColor: info?.color ?? 'gray', flexDirection: "column", paddingX: 1, marginTop: 1, children: [info && st ? (_jsxs(_Fragment, { children: [_jsxs(Box, { justifyContent: "space-between", children: [_jsxs(Box, { children: [banner, _jsxs(Text, { color: st.color, bold: true, children: [' ', st.mark, " ", st.label] })] }), _jsxs(Text, { color: UI.muted, wrap: "truncate-end", children: [middleTruncate(info.model, 18), " \u00B7 ", elapsed(info.startedAt), " \u00B7 ", info.steps, " st \u00B7", ' ', Math.round((info.tokensIn + info.tokensOut) / 1000), "k \u00B7", ' ', info.ctxPct !== undefined ? (_jsxs(Text, { color: info.ctxPct >= 90 ? UI.danger : info.ctxPct >= 70 ? UI.warn : UI.muted, children: [info.ctxPct, "% \u00B7", ' '] })) : null, _jsx(Text, { color: UI.ok, children: info.cost === null ? '$-' : fmtCost(info.cost) })] })] }), _jsxs(Text, { color: UI.muted, wrap: "wrap", children: ["Task  ", _jsx(Text, { color: UI.text, children: info.task })] }), info.currentAction ? (_jsxs(Text, { color: info.color, wrap: "truncate-end", children: ["Current  ", truncate(info.currentAction, 160)] })) : null, others.length > 0 ? (
+                                .join(' · ')] })) : null, !timelineFollowTail ? (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { color: UI.warn, children: "Viewing older activity \u00B7 \u2193/PgDn to latest" }), _jsx(Timeline, { logs: timelineWindow, cols: process.stdout.columns || 100 })] })) : null] })) : (
+            /* FULL panel for idle/waiting/interactions — terminal states stay compact. */
+            _jsxs(Box, { borderStyle: "single", borderColor: info?.color ?? 'gray', flexDirection: "column", paddingX: 1, marginTop: 1, children: [info && st ? (_jsxs(_Fragment, { children: [_jsxs(Box, { justifyContent: "space-between", children: [_jsxs(Box, { children: [banner, _jsxs(Text, { color: modeBadge(info.mode).color, children: [" [", modeBadge(info.mode).label, "]"] }), _jsxs(Text, { color: st.color, bold: true, children: [' ', st.mark, " ", st.label] })] }), _jsxs(Text, { color: UI.muted, wrap: "truncate-end", children: [middleTruncate(info.model, 18), " \u00B7 ", elapsed(info.startedAt, info.endedAt), " \u00B7 ", info.steps, " st \u00B7", ' ', Math.round((info.tokensIn + info.tokensOut) / 1000), "k \u00B7", ' ', info.ctxPct !== undefined ? (_jsxs(Text, { color: info.ctxPct >= 90 ? UI.danger : info.ctxPct >= 70 ? UI.warn : UI.muted, children: [info.ctxPct, "% \u00B7", ' '] })) : null, _jsx(Text, { color: UI.ok, children: info.cost === null ? '$-' : fmtCost(info.cost) })] })] }), _jsxs(Text, { color: UI.muted, wrap: "wrap", children: ["Task  ", _jsx(Text, { color: UI.text, children: info.task })] }), info.currentAction ? (_jsxs(Text, { color: info.color, wrap: "truncate-end", children: ["Current  ", truncate(info.currentAction, 160)] })) : null, _jsx(ProgressSteps, { agent: info, max: 6, cols: process.stdout.columns || 100 }), others.length > 0 ? (
                             // The session's shared awareness, visible here too: what the
                             // OTHER agents are doing right now (live, same feed the agents get).
                             _jsxs(Text, { color: UI.muted, wrap: "truncate-end", children: ["Others  ", ' ', others
                                         .map((o) => `${o.name} [${stateLabel(o.state)}] ${truncate(o.currentAction || o.task, 40)}`)
-                                        .join(' · ')] })) : null, !raw ? (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { color: UI.muted, bold: true, children: t('timeline.activity') }), _jsx(Timeline, { logs: lines.map((l) => l.log), cols: process.stdout.columns || 100 })] })) : null, info.lastResult && (info.state === 'done' || info.state === 'error' || info.state === 'stopped') ? (_jsxs(Box, { borderStyle: "single", borderColor: "gray", flexDirection: "column", paddingX: 1, marginTop: 1, children: [_jsx(Text, { color: UI.ok, bold: true, children: "Result" }), _jsx(Md, { text: info.lastResult })] })) : null] })) : (_jsx(Text, { color: "gray", children: gone ? t('attach.gone') : t('attach.waiting', { agent: agentRef }) })), gone && info ? _jsx(Text, { color: UI.danger, children: t('attach.gone') }) : null] })), approval ? (_jsx(ApprovalPrompt, { request: { ...approval, agentId: info?.id ?? '', resolve: noop }, pendingCount: 1, onAnswer: (id, ok, always) => {
+                                        .join(' · ')] })) : null, info.lastResult && (info.state === 'done' || info.state === 'error' || info.state === 'stopped') ? (_jsxs(Box, { borderStyle: "single", borderColor: "gray", flexDirection: "column", paddingX: 1, marginTop: 1, children: [_jsx(Text, { color: UI.ok, bold: true, children: "Result" }), _jsx(Md, { text: info.lastResult })] })) : null] })) : (_jsx(Text, { color: "gray", children: gone ? t('attach.gone') : t('attach.waiting', { agent: agentRef }) })), gone && info ? _jsx(Text, { color: UI.danger, children: t('attach.gone') }) : null] })), approval ? (_jsx(ApprovalPrompt, { request: { ...approval, agentId: info?.id ?? '', resolve: noop }, pendingCount: 1, onAnswer: (id, ok, always) => {
                     wire({ type: 'approve', id, approved: ok, always: !!always });
                     setApproval(null);
                 } })) : question ? (_jsx(QuestionPrompt, { question: { ...question, agentId: info?.id ?? '', resolve: noop }, pendingCount: 1, onAnswer: (id, answer) => {
                     wire({ type: 'answer', id, text: answer });
                     setQuestion(null);
-                } }, question.id)) : null, _jsx(CommandInput, { active: !gone && !interacting, placeholder: t('attach.placeholder', { agent: info?.name ?? agentRef }), context: "attach", targetAgent: info?.name ?? agentRef, modelLabel: info?.model, agentNames: [info?.alias, info?.name, ...others.flatMap((o) => [o.alias, o.name])].filter((n) => Boolean(n)), agents: info ? [info] : [], width: process.stdout.columns || 100, onSubmit: send, onEscape: () => exit() }), _jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: COLOR.creamMuted, wrap: "truncate-end", children: formatAttachFooter(info) }) })] }));
+                } }, question.id)) : null, _jsx(Text, { children: " " }), _jsx(CommandInput, { active: !gone && !interacting, placeholder: t('attach.placeholder', { agent: info?.name ?? agentRef }), context: "attach", targetAgent: info?.name ?? agentRef, modelLabel: info?.model, agentNames: [info?.alias, info?.name, ...others.flatMap((o) => [o.alias, o.name])].filter((n) => Boolean(n)), agents: info ? [info] : [], width: process.stdout.columns || 100, onIdleNavigation: busy && !raw ? scrollTimeline : undefined, onSubmit: send, onEscape: () => exit() }), _jsx(Text, { children: " " }), _jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: COLOR.creamMuted, wrap: "truncate-end", children: formatAttachFooter(info) }) })] }));
 }

package/dist/ui/CommandInput.js

@@ -32,6 +32,8 @@ function modeHint(value, context, targetAgent) {
         return 'Task mode · execute, edit, validate';
     if (v.startsWith('/plan') || v === '/p')
         return 'Plan mode · asks before editing';
+    if (v.startsWith('/review'))
+        return 'Review mode · verdict, risks, tests';
     return '↑/↓ select · Enter accept';
 }
 export function bestCommandCompletion(value) {
@@ -41,7 +43,7 @@ export function bestCommandCompletion(value) {
 export function commandNamesForContext(context) {
     if (context !== 'attach')
         return undefined;
-    return ['/ask', '/a', '/task', '/t', '/plan', '/p', '/send', '/raw', '/quit', '/exit', '/detach'];
+    return ['/ask', '/a', '/task', '/t', '/plan', '/p', '/review', '/send', '/stop', '/raw', '/quit', '/exit', '/detach'];
 }
 export function agentArgCommand(value) {
     const m = value.match(/^(\/\S+)\s+([^\s]*)$/);
@@ -79,7 +81,7 @@ export function wrappedPromptLines(text, width) {
 function paintLine(text, width) {
     return text.length >= width ? text.slice(0, width) : text.padEnd(width, ' ');
 }
-export function CommandInput({ active, placeholder, mask, context = 'hub', targetAgent, modelLabel, commandNames, agentNames = [], agents = [], width, onHeightChange, onSubmit, onEscape, notify, }) {
+export function CommandInput({ active, placeholder, mask, context = 'hub', targetAgent, modelLabel, commandNames, agentNames = [], agents = [], width, onHeightChange, onIdleNavigation, onSubmit, onEscape, notify, }) {
     const [value, setValue] = useState('');
     const [attachments, setAttachments] = useState([]);
     const [history, setHistory] = useState([]);
@@ -236,6 +238,10 @@ export function CommandInput({ active, placeholder, mask, context = 'hub', targe
                 setSelectedSuggestion((i) => clampSuggestionIndex(i - 1, suggestionCount));
                 return;
             }
+            if (!value && attachments.length === 0 && onIdleNavigation) {
+                onIdleNavigation('up');
+                return;
+            }
             setHistIdx((i) => {
                 const ni = i === -1 ? history.length - 1 : Math.max(0, i - 1);
                 if (history[ni] !== undefined)
@@ -249,6 +255,10 @@ export function CommandInput({ active, placeholder, mask, context = 'hub', targe
                 setSelectedSuggestion((i) => clampSuggestionIndex(i + 1, suggestionCount));
                 return;
             }
+            if (!value && attachments.length === 0 && onIdleNavigation) {
+                onIdleNavigation('down');
+                return;
+            }
             setHistIdx((i) => {
                 if (i === -1)
                     return -1;

package/dist/ui/Timeline.js

@@ -20,6 +20,8 @@ function itemColor(item) {
         return item.category === 'change' ? UI.warn : UI.muted;
     if (item.category === 'coordinate')
         return UI.note;
+    if (item.label === 'next')
+        return UI.accent;
     if (item.kind === 'thought')
         return UI.muted;
     if (item.kind === 'narration')
@@ -43,6 +45,9 @@ function TimelineRow({ item, cols }) {
     if (item.kind === 'command') {
         return (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsxs(Text, { color: item.status === 'error' ? UI.danger : UI.text, wrap: "truncate-end", children: [_jsx(Text, { color: UI.muted, children: "\u2022 " }), _jsxs(Text, { bold: true, children: [t('timeline.ran'), " "] }), _jsx(Text, { color: UI.accent, children: truncate(item.command ?? '', max) })] }), _jsx(OutputLines, { item: item, cols: cols })] }));
     }
+    if (item.label === 'next') {
+        return (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: UI.accent, wrap: "wrap", children: [_jsx(Text, { color: UI.muted, children: "\u2192 " }), truncate(item.detail ?? '', max)] }) }));
+    }
     if (item.kind === 'files') {
         const files = item.files ?? [];
         const shown = files.slice(0, 5).join(', ');

package/dist/ui/events.js

@@ -1,7 +1,8 @@
 import { oneLine } from './tokens.js';
+import { t } from '../i18n.js';
 function cleanToolText(text) {
     return oneLine(text)
-        .replace(/^[📖📁🔍✏🚩🧠🧩📢⏳❓✉✅↳]+\s*/u, '')
+        .replace(/^[📖📁🔍🔎📚✏🚩🧠🧩📢☑⏳❓✉✅↳]+\s*/u, '')
         .trim();
 }
 function stripShellNoise(command) {
@@ -19,6 +20,12 @@ function classify(log) {
     if (log.kind === 'tool_result') {
         return { agentId: log.agentId, kind: 'command_output', label: 'output', detail: log.text.trim(), ts: log.ts, seq: log.seq };
     }
+    if (log.kind === 'tool' && /^\s*📢/u.test(log.text)) {
+        return { agentId: log.agentId, kind: 'intent', label: 'next', detail: cleaned || text, ts: log.ts, seq: log.seq };
+    }
+    if (log.kind === 'tool' && /^\s*☑/u.test(log.text)) {
+        return { agentId: log.agentId, kind: 'note', label: 'steps', detail: cleaned || text, ts: log.ts, seq: log.seq };
+    }
     if (log.kind === 'note')
         return { agentId: log.agentId, kind: 'note', label: 'note', detail: cleaned || text, ts: log.ts, seq: log.seq };
     if (log.kind === 'system')
@@ -44,8 +51,14 @@ function classify(log) {
     if (/^(search)\s+/i.test(cleaned)) {
         return { agentId: log.agentId, kind: 'file', label: 'search', detail: cleaned.replace(/^search\s+/i, ''), ts: log.ts, seq: log.seq };
     }
-    if (/^(write|edit|patch|claim|claims?)\s+/i.test(cleaned)) {
-        const label = lower.startsWith('claim') ? 'claim' : lower.startsWith('write') ? 'write' : 'edit';
+    if (/^inspect project/i.test(cleaned)) {
+        return { agentId: log.agentId, kind: 'file', label: 'search', detail: 'project', ts: log.ts, seq: log.seq };
+    }
+    if (/^(claim|claims?):?\s+/i.test(cleaned)) {
+        return { agentId: log.agentId, kind: 'note', label: 'claim', detail: cleaned.replace(/^(claim|claims?):?\s*/i, ''), ts: log.ts, seq: log.seq };
+    }
+    if (/^(write|edit|patch)\s+/i.test(cleaned)) {
+        const label = lower.startsWith('write') ? 'write' : 'edit';
         return { agentId: log.agentId, kind: 'file', label, detail: cleaned.replace(/^(write|edit|patch|claim|claims?)\s*/i, ''), ts: log.ts, seq: log.seq };
     }
     if (/^(run|exec|shell|npm|pnpm|yarn|git|node|npx)\b/i.test(cleaned)) {
@@ -105,6 +118,8 @@ function categoryFor(e) {
         return 'result';
     if (e.kind === 'note' || e.kind === 'approval' || e.kind === 'question')
         return 'coordinate';
+    if (e.kind === 'intent')
+        return 'other';
     if (e.kind === 'file') {
         if (e.label === 'write' || e.label === 'edit' || e.label === 'claim')
             return 'change';
@@ -141,20 +156,8 @@ export function summarizeCommandOutput(output, command = '', maxLines = 6) {
 }
 function narrationFor(category, previous) {
     if (category === 'inspect' && previous === 'validate')
-        return 'Cette piste ne suffit pas, donc je reviens inspecter le projet pour confirmer l’état réel.';
-    if (category === 'inspect')
-        return 'Je vérifie l’état du projet et les fichiers concernés avant de conclure.';
-    if (category === 'change')
-        return 'Je modifie maintenant les fichiers ciblés en gardant le changement aussi petit que possible.';
-    if (category === 'validate')
-        return 'Je lance les validations locales pour vérifier que les changements tiennent techniquement.';
-    if (category === 'publish')
-        return 'Je prépare la synchronisation Git après avoir vérifié l’état local.';
-    if (category === 'coordinate')
-        return 'Je traite les échanges et les décisions nécessaires pour avancer proprement.';
-    if (category === 'result')
-        return 'Je vérifie le résultat final et les éventuelles erreurs importantes.';
-    return 'Je poursuis l’activité en cours.';
+        return t('timeline.narration.inspectAfterValidate');
+    return t(`timeline.narration.${category}`);
 }
 function pushSection(out, category, ts, seq) {
     const prev = [...out].reverse().find((i) => i.kind !== 'section');

package/dist/ui/theme.js

@@ -15,8 +15,8 @@ export const STATE_LABEL = {
 export function stateLabel(state) {
     return t(STATE_LABEL[state].labelKey);
 }
-export function elapsed(since) {
-    const s = Math.floor((Date.now() - since) / 1000);
+export function elapsed(since, until = Date.now()) {
+    const s = Math.max(0, Math.floor((until - since) / 1000));
     if (s < 60)
         return `${s}s`;
     const m = Math.floor(s / 60);

package/dist/ui/tokens.js

@@ -48,11 +48,11 @@ export const STATE = {
     waiting: 'yellow',
     idle: 'gray',
 };
-/** Mode indicator colors. `task` is undefined — it renders no mark. */
+/** Mode indicator colors. */
 export const MODE = {
     ask: 'yellow',
     plan: COLOR.creamMuted,
-    task: undefined,
+    task: COLOR.cream,
 };
 /** Chrome / UI element colors. */
 export const CHROME = {

package/dist/ui/views.js

@@ -73,6 +73,13 @@ function useScrollWindow(items, visible, anchor = 'top') {
 }
 const Above = ({ n }) => (n > 0 ? _jsxs(Text, { color: "gray", children: ["\u25B2 ", n, " \u00B7 PgUp"] }) : null);
 const Below = ({ n }) => (n > 0 ? _jsxs(Text, { color: "gray", children: ["\u25BC ", n, " \u00B7 PgDn"] }) : null);
+function shortTime(ts) {
+    const seconds = Math.max(0, Math.round((Date.now() - ts) / 1000));
+    if (seconds < 60)
+        return t('board.secondsAgo', { n: seconds });
+    const minutes = Math.round(seconds / 60);
+    return t('board.minutesAgo', { n: minutes });
+}
 /** Usable rows for a view's list, from the REAL terminal height. */
 function useVisibleRows(overhead, min = 6) {
     const { stdout } = useStdout();
@@ -81,13 +88,17 @@ function useVisibleRows(overhead, min = 6) {
 export function BoardView({ board, bodyHeight }) {
     const agents = [...board.agents.values()];
     const fallbackVisible = useVisibleRows(12);
-    const visibleAgents = bodyHeight ? Math.max(1, Math.floor((bodyHeight - 7) / 3)) : fallbackVisible;
+    const visibleAgents = bodyHeight ? Math.max(1, Math.floor((bodyHeight - 10) / 3)) : fallbackVisible;
     const { slice: agentSlice, above, below } = useScrollWindow(agents, visibleAgents, 'top');
-    const sideRows = bodyHeight ? Math.max(1, Math.floor((bodyHeight - visibleAgents - 5) / 2)) : 8;
+    const sideRows = bodyHeight ? Math.max(1, Math.floor((bodyHeight - visibleAgents - 8) / 2)) : 8;
     const activities = [...board.fileActivity.values()].sort((a, b) => b.ts - a.ts).slice(0, sideRows);
     const notes = board.notes.slice(-sideRows);
     const warnings = board.workMapWarnings.slice(-Math.max(2, Math.min(4, sideRows)));
-    return (_jsxs(Box, { borderStyle: "round", borderColor: "yellow", flexDirection: "column", paddingX: 1, children: [_jsx(Text, { bold: true, color: "yellow", children: t('board.title') }), _jsx(Text, { bold: true, children: t('board.agents') }), agents.length === 0 ? (_jsxs(Text, { color: "gray", children: [" ", t('board.none')] })) : (_jsxs(_Fragment, { children: [_jsx(Above, { n: above }), agentSlice.map((a) => (_jsxs(Text, { wrap: "truncate-end", children: ['  ', _jsx(Text, { color: a.color, bold: true, children: a.name }), _jsxs(Text, { color: STATE_LABEL[a.state].color, children: [' ', STATE_LABEL[a.state].icon, " ", stateLabel(a.state)] }), _jsxs(Text, { color: "gray", children: [" ", truncate(a.currentAction || a.task, 80)] }), a.claims && a.claims.length > 0 ? _jsxs(Text, { color: "yellow", children: [" \u00B7 ", truncate(a.claims.join(', '), 45)] }) : null] }, a.id))), _jsx(Below, { n: below })] })), _jsx(Text, { bold: true, children: t('board.activity') }), warnings.length > 0 ? (_jsxs(_Fragment, { children: [_jsx(Text, { bold: true, color: "yellowBright", children: t('board.workMap') }), warnings.map((w) => (_jsxs(Text, { wrap: "truncate-end", children: ['  ', _jsxs(Text, { color: w.level === 'conflict' ? 'redBright' : 'yellow', children: [w.level === 'conflict' ? '!' : '⚠', " "] }), _jsx(Text, { color: "yellow", children: w.title }), _jsxs(Text, { color: "gray", children: [" \u2014 ", truncate(w.detail, 120)] })] }, w.id)))] })) : null, activities.length === 0 ? (_jsxs(Text, { color: "gray", children: [" ", t('board.noActivity')] })) : (activities.map((act) => (_jsxs(Text, { wrap: "truncate-end", children: ['  ', "\u270F ", act.path, " ", _jsxs(Text, { color: "gray", children: ["\u2014 ", act.agentName, " (", act.op, ", ", Math.round((Date.now() - act.ts) / 1000), "s)"] })] }, act.path)))), _jsx(Text, { bold: true, children: t('board.notes') }), notes.map((n) => (_jsxs(Text, { wrap: "truncate-end", children: ['  ', _jsxs(Text, { color: "magenta", children: [n.from, " \u2192 ", n.to] }), _jsxs(Text, { children: [": ", truncate(n.content, 140)] })] }, n.id)))] }));
+    return (_jsxs(Box, { borderStyle: "round", borderColor: BRAND.muted, flexDirection: "column", paddingX: 1, children: [_jsx(Text, { bold: true, color: BRAND.primary, children: t('board.title') }), _jsx(Text, { bold: true, color: warnings.length > 0 ? COLOR.cream : BRAND.primary, children: t('board.workMap') }), warnings.length > 0 ? (warnings.map((w) => (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { wrap: "truncate-end", children: ['  ', _jsxs(Text, { color: w.level === 'conflict' ? 'redBright' : 'yellow', children: [w.level === 'conflict' ? '!' : '⚠', " "] }), _jsx(Text, { color: BRAND.primary, children: w.title }), _jsxs(Text, { color: "gray", children: [" \u2014 ", truncate(w.detail, 100)] })] }), _jsxs(Text, { color: "gray", wrap: "truncate-end", children: ['    ', t('board.warningMeta', {
+                                agents: w.agentNames.join(', ') || 'agents',
+                                paths: w.paths.join(', ') || 'paths',
+                                time: shortTime(w.ts),
+                            })] })] }, w.id)))) : (_jsxs(Text, { color: "gray", children: [" ", t('board.workMapOk')] })), warnings.length > 0 ? _jsxs(Text, { color: COLOR.creamMuted, children: ["  ", t('board.warningSuggestion')] }) : null, _jsx(Text, { bold: true, children: t('board.agents') }), agents.length === 0 ? (_jsxs(Text, { color: "gray", children: [" ", t('board.none')] })) : (_jsxs(_Fragment, { children: [_jsx(Above, { n: above }), agentSlice.map((a) => (_jsxs(Text, { wrap: "truncate-end", children: ['  ', _jsx(Text, { color: a.color, bold: true, children: a.name }), _jsxs(Text, { color: STATE_LABEL[a.state].color, children: [' ', STATE_LABEL[a.state].icon, " ", stateLabel(a.state)] }), _jsxs(Text, { color: "gray", children: [" ", truncate(a.currentAction || a.task, 80)] }), a.claims && a.claims.length > 0 ? _jsxs(Text, { color: COLOR.cream, children: [" \u00B7 \u2691 ", truncate(a.claims.join(', '), 45)] }) : null] }, a.id))), _jsx(Below, { n: below })] })), _jsx(Text, { bold: true, children: t('board.activity') }), activities.length === 0 ? (_jsxs(Text, { color: "gray", children: [" ", t('board.noActivity')] })) : (activities.map((act) => (_jsxs(Text, { wrap: "truncate-end", children: ['  ', "\u270F ", act.path, " ", _jsxs(Text, { color: "gray", children: ["\u2014 ", act.agentName, " (", act.op, ", ", Math.round((Date.now() - act.ts) / 1000), "s)"] })] }, act.path)))), _jsx(Text, { bold: true, children: t('board.notes') }), notes.map((n) => (_jsxs(Text, { wrap: "truncate-end", children: ['  ', _jsxs(Text, { color: "magenta", children: [n.from, " \u2192 ", n.to] }), _jsxs(Text, { children: [": ", truncate(n.content, 140)] })] }, n.id)))] }));
 }
 export function NotesView({ board, bodyHeight }) {
     const fallbackVisible = useVisibleRows(7);
@@ -102,7 +113,8 @@ export function DiffView({ board, bodyHeight }) {
     const rows = bodyHeight ? Math.max(8, bodyHeight - 4) : fallbackRows;
     const perChange = Math.max(1, Math.floor(rows / 34));
     const { slice: changes, above, below } = useScrollWindow(board.changes, perChange, 'bottom');
-    return (_jsxs(Box, { borderStyle: "round", borderColor: "green", flexDirection: "column", paddingX: 1, children: [_jsx(Text, { bold: true, color: "green", children: t('diff.title', { total: board.changes.length }) }), board.changes.length === 0 ? (_jsx(Text, { color: "gray", children: t('diff.empty') })) : (_jsxs(_Fragment, { children: [_jsx(Above, { n: above }), changes.map((c) => {
+    const warnings = board.workMapWarnings.filter((w) => w.level !== 'info').slice(-2);
+    return (_jsxs(Box, { borderStyle: "round", borderColor: "green", flexDirection: "column", paddingX: 1, children: [_jsx(Text, { bold: true, color: "green", children: t('diff.title', { total: board.changes.length }) }), warnings.map((w) => (_jsxs(Text, { color: w.level === 'conflict' ? 'redBright' : 'yellow', wrap: "truncate-end", children: ["\u26A0 ", w.title, ": ", truncate(w.paths.join(', ') || w.detail, 110)] }, w.id))), board.changes.length === 0 ? (_jsx(Text, { color: "gray", children: t('diff.empty') })) : (_jsxs(_Fragment, { children: [_jsx(Above, { n: above }), changes.map((c) => {
                         const patch = Diff.createPatch(c.path, c.before, c.after, '', '', { context: 2 });
                         const lines = patch.split('\n').slice(4, 34);
                         return (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsxs(Text, { bold: true, children: [_jsx(Text, { color: BRAND.primary, children: c.path }), _jsxs(Text, { color: "gray", children: [' ', t('diff.by', { agent: c.agentName, time: new Date(c.ts).toLocaleTimeString() })] })] }), lines.map((l, i) => (_jsx(Text, { color: l.startsWith('+') ? 'green' : l.startsWith('-') ? 'red' : l.startsWith('@') ? BRAND.primary : 'gray', wrap: "truncate-end", children: l || ' ' }, i))), patch.split('\n').length > 38 ? _jsx(Text, { color: "gray", children: t('diff.trunc') }) : null] }, c.id));
@@ -159,7 +171,7 @@ export function HelpView({ bodyHeight, onSelect }) {
     const above = start;
     const below = Math.max(0, commands.length - start - slice.length);
     const highlights = [
-        ['Agent modes', ['/ask', '/task', '/plan']],
+        ['Agent modes', ['/ask', '/task', '/plan', '/review']],
         ['Shell approvals', ['/approvals ask', '/approvals auto', '/approvals yolo']],
         ['Navigation', ['/focus', '/attach', '/raw', '/send']],
     ];

package/dist/version.js

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@parallel-cli/parallel",
-  "version": "0.4.6",
-  "description": "Real-time multi-agent coding CLI with shared context, adaptive co-editing, dedicated agent terminals, and headless CI runs.",
+  "version": "0.4.8",
+  "description": "Real-time coding agents that work like a live team on one shared repository.",
   "keywords": [
     "cli",
     "ai",