@iaforged/context-code 1.1.9 → 1.2.1

package/dist/src/components/PromptInput/PromptInputFooter.js

@@ -1,4 +1,4 @@
-import { feature } from '../../recovery/bunBundleShim.js';
+import { MACRO, feature } from '../../recovery/bunBundleShim.js';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { memo, useMemo, useRef } from 'react';
 import { isBridgeEnabled } from '../../bridge/bridgeEnabled.js';
@@ -23,27 +23,15 @@ function PromptInputFooter({ apiKeyStatus, debug, exitMessage, vimMode, mode, au
     messagesRef.current = messages;
     const lastAssistantMessageId = useMemo(() => getLastAssistantMessageId(messages), [messages]);
     const isNarrow = columns < 80;
-    // In fullscreen the bottom slot is flexShrink:0, so every row here is a row
-    // stolen from the ScrollBox. Drop the optional StatusLine first. Non-fullscreen
-    // has terminal scrollback to absorb overflow, so we never hide StatusLine there.
     const isFullscreen = isFullscreenEnvEnabled();
     const isShort = isFullscreen && rows < 24;
-    // Pill highlights when tasks is the active footer item AND no specific
-    // agent row is selected. When coordinatorTaskIndex >= 0 the pointer has
-    // moved into CoordinatorTaskPanel, so the pill should un-highlight.
-    // coordinatorTaskCount === 0 covers the bash-only case (no agent rows
-    // exist, pill is the only selectable item).
     const coordinatorTaskCount = useCoordinatorTaskCount();
     const coordinatorTaskIndex = useAppState(s => s.coordinatorTaskIndex);
+    const mainLoopModel = useAppState(s => s.mainLoopModelForSession ?? s.mainLoopModel);
+    const modelStatusText = isNarrow ? `Modelo: ${mainLoopModel}` : `ContextCode v${MACRO.VERSION} · Modelo activo: ${mainLoopModel}`;
     const pillSelected = tasksSelected && (coordinatorTaskCount === 0 || coordinatorTaskIndex < 0);
-    // Hide `? for shortcuts` if the user has a custom status line, or during ctrl-r
     const suppressHint = suppressHintFromProps || statusLineShouldDisplay(settings) || isSearching;
-    // Fullscreen: portal data to FullscreenLayout — see promptOverlayContext.tsx
-    const overlayData = useMemo(() => isFullscreen && suggestions.length ? {
-        suggestions,
-        selectedSuggestion,
-        maxColumnWidth
-    } : null, [isFullscreen, suggestions, selectedSuggestion, maxColumnWidth]);
+    const overlayData = useMemo(() => isFullscreen && suggestions.length ? { suggestions, selectedSuggestion, maxColumnWidth } : null, [isFullscreen, suggestions, selectedSuggestion, maxColumnWidth]);
     useSetPromptOverlay(overlayData);
     if (suggestions.length && !isFullscreen) {
         return _jsx(Box, { paddingX: 2, paddingY: 0, children: _jsx(PromptInputFooterSuggestions, { suggestions: suggestions, selectedSuggestion: selectedSuggestion, maxColumnWidth: maxColumnWidth }) });
@@ -51,7 +39,7 @@ function PromptInputFooter({ apiKeyStatus, debug, exitMessage, vimMode, mode, au
     if (helpOpen) {
         return _jsx(PromptInputHelpMenu, { dimColor: true, fixedWidth: true, paddingX: 2 });
     }
-    return _jsxs(_Fragment, { children: [_jsxs(Box, { flexDirection: isNarrow ? 'column' : 'row', justifyContent: isNarrow ? 'flex-start' : 'space-between', paddingX: 2, gap: isNarrow ? 0 : 1, children: [_jsxs(Box, { flexDirection: "column", flexShrink: isNarrow ? 0 : 1, children: [mode === 'prompt' && !isShort && !exitMessage.show && !isPasting && statusLineShouldDisplay(settings) && _jsx(StatusLine, { messagesRef: messagesRef, lastAssistantMessageId: lastAssistantMessageId, vimMode: vimMode }), _jsx(PromptInputFooterLeftSide, { exitMessage: exitMessage, vimMode: vimMode, mode: mode, toolPermissionContext: toolPermissionContext, suppressHint: suppressHint, isLoading: isLoading, tasksSelected: pillSelected, teamsSelected: teamsSelected, teammateFooterIndex: teammateFooterIndex, tmuxSelected: tmuxSelected, isPasting: isPasting, isSearching: isSearching, historyQuery: historyQuery, setHistoryQuery: setHistoryQuery, historyFailedMatch: historyFailedMatch, onOpenTasksDialog: onOpenTasksDialog })] }), _jsxs(Box, { flexShrink: 1, gap: 1, children: [isFullscreen ? null : _jsx(Notifications, { apiKeyStatus: apiKeyStatus, autoUpdaterResult: autoUpdaterResult, debug: debug, isAutoUpdating: isAutoUpdating, verbose: verbose, messages: messages, onAutoUpdaterResult: onAutoUpdaterResult, onChangeIsUpdating: onChangeIsUpdating, ideSelection: ideSelection, mcpClients: mcpClients, isInputWrapped: isInputWrapped, isNarrow: isNarrow }), process.env.USER_TYPE === 'ant' && isUndercover() && _jsx(Text, { dimColor: true, children: "undercover" }), _jsx(BridgeStatusIndicator, { bridgeSelected: bridgeSelected })] })] }), process.env.USER_TYPE === 'ant' && _jsx(CoordinatorTaskPanel, {})] });
+    return _jsxs(_Fragment, { children: [_jsxs(Box, { flexDirection: isNarrow ? 'column' : 'row', justifyContent: isNarrow ? 'flex-start' : 'space-between', paddingX: 2, gap: isNarrow ? 0 : 1, children: [_jsxs(Box, { flexDirection: "column", flexShrink: isNarrow ? 0 : 1, children: [mode === 'prompt' && !isShort && !exitMessage.show && !isPasting && statusLineShouldDisplay(settings) && _jsx(StatusLine, { messagesRef: messagesRef, lastAssistantMessageId: lastAssistantMessageId, vimMode: vimMode }), _jsx(PromptInputFooterLeftSide, { exitMessage: exitMessage, vimMode: vimMode, mode: mode, toolPermissionContext: toolPermissionContext, suppressHint: suppressHint, isLoading: isLoading, tasksSelected: pillSelected, teamsSelected: teamsSelected, teammateFooterIndex: teammateFooterIndex, tmuxSelected: tmuxSelected, isPasting: isPasting, isSearching: isSearching, historyQuery: historyQuery, setHistoryQuery: setHistoryQuery, historyFailedMatch: historyFailedMatch, onOpenTasksDialog: onOpenTasksDialog })] }), _jsxs(Box, { flexShrink: 1, gap: 1, children: [isFullscreen ? null : _jsx(Notifications, { apiKeyStatus: apiKeyStatus, autoUpdaterResult: autoUpdaterResult, debug: debug, isAutoUpdating: isAutoUpdating, verbose: verbose, messages: messages, onAutoUpdaterResult: onAutoUpdaterResult, onChangeIsUpdating: onChangeIsUpdating, ideSelection: ideSelection, mcpClients: mcpClients, isInputWrapped: isInputWrapped, isNarrow: isNarrow }), process.env.USER_TYPE === 'ant' && isUndercover() && _jsx(Text, { dimColor: true, children: "undercover" }), _jsx(BridgeStatusIndicator, { bridgeSelected: bridgeSelected })] })] }), _jsx(Box, { paddingX: 2, children: _jsx(Text, { dimColor: true, wrap: "truncate", children: modelStatusText }) }), process.env.USER_TYPE === 'ant' && _jsx(CoordinatorTaskPanel, {})] });
 }
 export default memo(PromptInputFooter);
 function BridgeStatusIndicator({ bridgeSelected }) {
@@ -60,23 +48,16 @@ function BridgeStatusIndicator({ bridgeSelected }) {
     // biome-ignore lint/correctness/useHookAtTopLevel: feature() is a compile-time constant
     const enabled = useAppState(s => s.replBridgeEnabled);
     // biome-ignore lint/correctness/useHookAtTopLevel: feature() is a compile-time constant
-    const connected = useAppState(s_0 => s_0.replBridgeConnected);
+    const connected = useAppState(s => s.replBridgeConnected);
     // biome-ignore lint/correctness/useHookAtTopLevel: feature() is a compile-time constant
-    const sessionActive = useAppState(s_1 => s_1.replBridgeSessionActive);
+    const sessionActive = useAppState(s => s.replBridgeSessionActive);
     // biome-ignore lint/correctness/useHookAtTopLevel: feature() is a compile-time constant
-    const reconnecting = useAppState(s_2 => s_2.replBridgeReconnecting);
+    const reconnecting = useAppState(s => s.replBridgeReconnecting);
     // biome-ignore lint/correctness/useHookAtTopLevel: feature() is a compile-time constant
-    const explicit = useAppState(s_3 => s_3.replBridgeExplicit);
-    // Failed state is surfaced via notification (useReplBridge), not a footer pill.
+    const explicit = useAppState(s => s.replBridgeExplicit);
     if (!isBridgeEnabled() || !enabled)
         return null;
-    const status = getBridgeStatus({
-        error: undefined,
-        connected,
-        sessionActive,
-        reconnecting
-    });
-    // For implicit (config-driven) remote, only show the reconnecting state
+    const status = getBridgeStatus({ error: undefined, connected, sessionActive, reconnecting });
     if (!explicit && status.label !== 'Reconectando Control Remoto') {
         return null;
     }

package/dist/src/components/Spinner/TeammateSpinnerLine.js

@@ -6,26 +6,20 @@ import { getSpinnerVerbs } from '../../constants/spinnerVerbs.js';
 import { TURN_COMPLETION_VERBS } from '../../constants/turnCompletionVerbs.js';
 import { useElapsedTime } from '../../hooks/useElapsedTime.js';
 import { useTerminalSize } from '../../hooks/useTerminalSize.js';
-import { stringWidth } from '../../ink/stringWidth.js';
 import { Box, Text } from '../../ink.js';
+import { stringWidth } from '../../ink/stringWidth.js';
 import { summarizeRecentActivities } from '../../utils/collapseReadSearch.js';
 import { formatDuration, formatNumber, truncateToWidth } from '../../utils/format.js';
 import { toInkColor } from '../../utils/ink.js';
 import { TEAMMATE_SELECT_HINT } from './teammateSelectHint.js';
-/**
- * Extract the last 3 lines of content from a teammate's conversation.
- * Shows recent activity from any message type (user or assistant).
- */
 function getMessagePreview(messages) {
     if (!messages?.length)
         return [];
     const allLines = [];
     const maxLineLength = 80;
-    // Collect lines from recent messages (newest first)
     for (let i = messages.length - 1; i >= 0 && allLines.length < 3; i--) {
         const msg = messages[i];
-        // Only process messages that have content (user/assistant messages)
-        if (!msg || msg.type !== 'user' && msg.type !== 'assistant' || !msg.message?.content?.length) {
+        if (!msg || (msg.type !== 'user' && msg.type !== 'assistant') || !msg.message?.content?.length) {
             continue;
         }
         const content = msg.message.content;
@@ -35,11 +29,9 @@ function getMessagePreview(messages) {
             if (!block || typeof block !== 'object')
                 continue;
             if ('type' in block && block.type === 'tool_use' && 'name' in block) {
-                // Try to show meaningful info from tool input
                 const input = 'input' in block ? block.input : null;
-                let toolLine = `Using ${block.name}…`;
+                let toolLine = `Usando ${block.name}...`;
                 if (input) {
-                    // Look for common descriptive fields
                     const desc = input.description || input.prompt || input.command || input.query || input.pattern;
                     if (desc) {
                         toolLine = desc.split('\n')[0] ?? toolLine;
@@ -49,7 +41,6 @@ function getMessagePreview(messages) {
             }
             else if ('type' in block && block.type === 'text' && 'text' in block) {
                 const textLines = block.text.split('\n').filter(l => l.trim());
-                // Take from end of text (most recent lines)
                 for (let j = textLines.length - 1; j >= 0 && allLines.length < 3; j--) {
                     const line = textLines[j];
                     if (!line)
@@ -59,76 +50,52 @@ function getMessagePreview(messages) {
             }
         }
     }
-    // Reverse so oldest of the 3 is first (reading order)
     return allLines.reverse();
 }
 export function TeammateSpinnerLine({ teammate, isLast, isSelected, isForegrounded, allIdle, showPreview }) {
     const [randomVerb] = useState(() => teammate.spinnerVerb ?? sample(getSpinnerVerbs()));
     const [pastTenseVerb] = useState(() => teammate.pastTenseVerb ?? sample(TURN_COMPLETION_VERBS));
     const isHighlighted = isSelected || isForegrounded;
-    const treeChar = isHighlighted ? isLast ? '╘═' : '╞═' : isLast ? '└─' : '├─';
+    const treeChar = isHighlighted ? (isLast ? '╘═' : '╞═') : isLast ? '└─' : '├─';
     const nameColor = toInkColor(teammate.identity.color);
     const { columns } = useTerminalSize();
-    // Track when teammate became idle (for "Idle for X..." display)
     const idleStartRef = useRef(null);
-    // Freeze elapsed time when entering all-idle state
     const frozenDurationRef = useRef(null);
-    // Track idle start time
     if (teammate.isIdle && idleStartRef.current === null) {
         idleStartRef.current = Date.now();
     }
     else if (!teammate.isIdle) {
         idleStartRef.current = null;
     }
-    // Reset frozen duration when leaving all-idle state
     if (!allIdle && frozenDurationRef.current !== null) {
         frozenDurationRef.current = null;
     }
-    // Get elapsed idle time (how long they've been idle) - for "Idle for X..." display
     const idleElapsedTime = useElapsedTime(idleStartRef.current ?? Date.now(), teammate.isIdle && !allIdle);
-    // Freeze the duration when we first detect all idle
-    // Use the teammate's actual work time (since task started) for the past-tense display
     if (allIdle && frozenDurationRef.current === null) {
         frozenDurationRef.current = formatDuration(Math.max(0, Date.now() - teammate.startTime - (teammate.totalPausedMs ?? 0)));
     }
-    // Use frozen work duration when all idle, otherwise use idle elapsed time
-    const displayTime = allIdle ? frozenDurationRef.current ?? (() => {
-        throw new Error(`frozenDurationRef is null for idle teammate ${teammate.identity.agentName}`);
-    })() : idleElapsedTime;
-    // Layout: paddingLeft(3) + pointer(1) + space(1) + treeChar(2) + space(1) = 8 fixed chars
-    // Then optionally: @name + ": " OR just ": "
-    // Then: activity text + optional extras (stats, hints)
+    const displayTime = allIdle ? frozenDurationRef.current ?? '0s' : idleElapsedTime;
     const basePrefix = 8;
     const fullAgentName = `@${teammate.identity.agentName}`;
     const fullNameWidth = stringWidth(fullAgentName);
-    // Get stats from progress
     const toolUseCount = teammate.progress?.toolUseCount ?? 0;
     const tokenCount = teammate.progress?.tokenCount ?? 0;
-    const statsText = ` · ${toolUseCount} tool ${toolUseCount === 1 ? 'use' : 'uses'} · ${formatNumber(tokenCount)} tokens`;
+    const statsText = ` · ${toolUseCount} uso${toolUseCount === 1 ? '' : 's'} de herramienta · ${formatNumber(tokenCount)} tokens`;
     const statsWidth = stringWidth(statsText);
     const selectHintText = ` · ${TEAMMATE_SELECT_HINT}`;
     const selectHintWidth = stringWidth(selectHintText);
-    const viewHintText = ' · enter to view';
+    const viewHintText = ' · Enter para ver';
     const viewHintWidth = stringWidth(viewHintText);
-    // Progressive responsive layout:
-    // Wide (80+): full name + activity + stats + hint
-    // Medium (60-80): full name + activity
-    // Narrow (<60): hide name, just show activity
     const minActivityWidth = 25;
-    // Hide name on narrow terminals (< 60 cols) or if there's not enough room
     const spaceWithFullName = columns - basePrefix - fullNameWidth - 2;
     const showName = columns >= 60 && spaceWithFullName >= minActivityWidth;
-    const nameWidth = showName ? fullNameWidth + 2 : 0; // +2 for ": " when name shown
+    const nameWidth = showName ? fullNameWidth + 2 : 0;
     const availableForActivity = columns - basePrefix - nameWidth;
-    // Progressive hiding: view hint → select hint → stats
-    // Stats always visible (dimmed when not selected); hints only when highlighted/selected
-    const showViewHint = isSelected && !isForegrounded && availableForActivity > viewHintWidth + statsWidth + minActivityWidth + 5;
-    const showSelectHint = isHighlighted && availableForActivity > selectHintWidth + (showViewHint ? viewHintWidth : 0) + statsWidth + minActivityWidth + 5;
+    const showViewHint = !!(isSelected && !isForegrounded && availableForActivity > viewHintWidth + statsWidth + minActivityWidth + 5);
+    const showSelectHint = !!(isHighlighted && availableForActivity > selectHintWidth + (showViewHint ? viewHintWidth : 0) + statsWidth + minActivityWidth + 5);
     const showStats = availableForActivity > statsWidth + minActivityWidth + 5;
-    // Activity text gets remaining space
     const extrasCost = (showStats ? statsWidth : 0) + (showSelectHint ? selectHintWidth : 0) + (showViewHint ? viewHintWidth : 0);
     const activityMaxWidth = Math.max(minActivityWidth, availableForActivity - extrasCost - 1);
-    // Format the activity text for active teammates, rolling up search/read ops
     const activityText = (() => {
         const activities = teammate.progress?.recentActivities;
         if (activities && activities.length > 0) {
@@ -141,30 +108,21 @@ export function TeammateSpinnerLine({ teammate, isLast, isSelected, isForeground
             return truncateToWidth(desc, activityMaxWidth);
         return randomVerb;
     })();
-    // Status rendering logic
     const renderStatus = () => {
-        if (teammate.shutdownRequested) {
-            return _jsx(Text, { dimColor: true, children: "[stopping]" });
-        }
-        if (teammate.awaitingPlanApproval) {
-            return _jsx(Text, { color: "warning", children: "[awaiting approval]" });
-        }
+        if (teammate.shutdownRequested)
+            return _jsx(Text, { dimColor: true, children: "[deteniendo]" });
+        if (teammate.awaitingPlanApproval)
+            return _jsx(Text, { color: "warning", children: "[esperando aprobaci\u00F3n]" });
         if (teammate.isIdle) {
-            if (allIdle) {
-                return _jsxs(Text, { dimColor: true, children: [pastTenseVerb, " for ", displayTime] });
-            }
-            return _jsxs(Text, { dimColor: true, children: ["Idle for ", idleElapsedTime] });
+            if (allIdle)
+                return _jsxs(Text, { dimColor: true, children: [pastTenseVerb, " durante ", displayTime] });
+            return _jsxs(Text, { dimColor: true, children: ["Inactivo durante ", idleElapsedTime] });
         }
-        // Active - show spinner glyph + activity description (only when not highlighted;
-        // when highlighted, the main spinner above already shows the verb)
-        if (isHighlighted) {
+        if (isHighlighted)
             return null;
-        }
-        return _jsx(Text, { dimColor: true, children: activityText?.endsWith('…') ? activityText : `${activityText}…` });
+        return _jsx(Text, { dimColor: true, children: activityText?.endsWith('...') ? activityText : `${activityText}...` });
     };
-    // Get preview lines if enabled
     const previewLines = showPreview ? getMessagePreview(teammate.messages) : [];
-    // Tree continuation character for preview lines
     const previewTreeChar = isLast ? '   ' : '│  ';
-    return _jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { paddingLeft: 3, children: [_jsx(Text, { color: isSelected ? 'suggestion' : undefined, bold: isSelected, children: isSelected ? figures.pointer : ' ' }), _jsxs(Text, { dimColor: !isSelected, children: [treeChar, " "] }), showName && _jsxs(Text, { color: isSelected ? 'suggestion' : nameColor, children: ["@", teammate.identity.agentName] }), showName && _jsx(Text, { dimColor: !isSelected, children: ": " }), renderStatus(), showStats && _jsxs(Text, { dimColor: true, children: [' ', "\u00B7 ", toolUseCount, " tool ", toolUseCount === 1 ? 'use' : 'uses', " \u00B7", ' ', formatNumber(tokenCount), " tokens"] }), showSelectHint && _jsxs(Text, { dimColor: true, children: [" \u00B7 ", TEAMMATE_SELECT_HINT] }), showViewHint && _jsx(Text, { dimColor: true, children: " \u00B7 enter to view" })] }), previewLines.map((line, idx) => _jsxs(Box, { paddingLeft: 3, children: [_jsx(Text, { dimColor: true, children: " " }), _jsxs(Text, { dimColor: true, children: [previewTreeChar, " "] }), _jsx(Text, { dimColor: true, children: line })] }, idx))] });
+    return _jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { paddingLeft: 3, children: [_jsx(Text, { color: isSelected ? 'suggestion' : undefined, bold: isSelected, children: isSelected ? figures.pointer : ' ' }), _jsxs(Text, { dimColor: !isSelected, children: [treeChar, " "] }), showName && _jsxs(Text, { color: isSelected ? 'suggestion' : nameColor, children: ["@", teammate.identity.agentName] }), showName && _jsx(Text, { dimColor: !isSelected, children: ": " }), renderStatus(), showStats && _jsx(Text, { dimColor: true, children: statsText }), showSelectHint && _jsx(Text, { dimColor: true, children: selectHintText }), showViewHint && _jsx(Text, { dimColor: true, children: viewHintText })] }), previewLines.map((line, idx) => _jsxs(Box, { paddingLeft: 3, children: [_jsx(Text, { dimColor: true, children: " " }), _jsxs(Text, { dimColor: true, children: [previewTreeChar, " "] }), _jsx(Text, { dimColor: true, children: line })] }, idx))] });
 }

package/dist/src/components/Spinner/TeammateSpinnerTree.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { c as _c } from "react/compiler-runtime";
 import figures from 'figures';
 import { Box, Text } from '../../ink.js';
 import { useAppState } from '../../state/AppState.js';
@@ -7,262 +6,21 @@ import { getRunningTeammatesSorted } from '../../tasks/InProcessTeammateTask/InP
 import { formatNumber } from '../../utils/format.js';
 import { TeammateSpinnerLine } from './TeammateSpinnerLine.js';
 import { TEAMMATE_SELECT_HINT } from './teammateSelectHint.js';
-export function TeammateSpinnerTree(t0) {
-    const $ = _c(61);
-    const { selectedIndex, isInSelectionMode, allIdle, leaderVerb, leaderTokenCount, leaderIdleText } = t0;
-    const tasks = useAppState(_temp);
-    const viewingAgentTaskId = useAppState(_temp2);
-    const showTeammateMessagePreview = useAppState(_temp3);
-    let T0;
-    let isHideSelected;
-    let t1;
-    let t2;
-    let t3;
-    let t4;
-    let t5;
-    if ($[0] !== allIdle || $[1] !== isInSelectionMode || $[2] !== leaderIdleText || $[3] !== leaderTokenCount || $[4] !== leaderVerb || $[5] !== selectedIndex || $[6] !== showTeammateMessagePreview || $[7] !== tasks || $[8] !== viewingAgentTaskId) {
-        t5 = Symbol.for("react.early_return_sentinel");
-        bb0: {
-            const teammateTasks = getRunningTeammatesSorted(tasks);
-            if (teammateTasks.length === 0) {
-                t5 = null;
-                break bb0;
-            }
-            const isLeaderForegrounded = viewingAgentTaskId === undefined;
-            const isLeaderSelected = isInSelectionMode && selectedIndex === -1;
-            const isLeaderHighlighted = isLeaderForegrounded || isLeaderSelected;
-            isHideSelected = isInSelectionMode === true && selectedIndex === teammateTasks.length;
-            T0 = Box;
-            t1 = "column";
-            t2 = 1;
-            const t6 = isLeaderSelected ? "suggestion" : undefined;
-            const t7 = isLeaderSelected ? figures.pointer : " ";
-            let t8;
-            if ($[16] !== isLeaderHighlighted || $[17] !== t6 || $[18] !== t7) {
-                t8 = _jsx(Text, { color: t6, bold: isLeaderHighlighted, children: t7 });
-                $[16] = isLeaderHighlighted;
-                $[17] = t6;
-                $[18] = t7;
-                $[19] = t8;
-            }
-            else {
-                t8 = $[19];
-            }
-            const t9 = !isLeaderHighlighted;
-            const t10 = isLeaderHighlighted ? "\u2552\u2550" : "\u250C\u2500";
-            let t11;
-            if ($[20] !== isLeaderHighlighted || $[21] !== t10 || $[22] !== t9) {
-                t11 = _jsxs(Text, { dimColor: t9, bold: isLeaderHighlighted, children: [t10, " "] });
-                $[20] = isLeaderHighlighted;
-                $[21] = t10;
-                $[22] = t9;
-                $[23] = t11;
-            }
-            else {
-                t11 = $[23];
-            }
-            const t12 = isLeaderSelected ? "suggestion" : "cyan_FOR_SUBAGENTS_ONLY";
-            let t13;
-            if ($[24] !== isLeaderHighlighted || $[25] !== t12) {
-                t13 = _jsx(Text, { bold: isLeaderHighlighted, color: t12, children: "team-lead" });
-                $[24] = isLeaderHighlighted;
-                $[25] = t12;
-                $[26] = t13;
-            }
-            else {
-                t13 = $[26];
-            }
-            let t14;
-            if ($[27] !== isLeaderForegrounded || $[28] !== leaderVerb) {
-                t14 = !isLeaderForegrounded && leaderVerb && _jsxs(Text, { dimColor: true, children: [": ", leaderVerb, "\u2026"] });
-                $[27] = isLeaderForegrounded;
-                $[28] = leaderVerb;
-                $[29] = t14;
-            }
-            else {
-                t14 = $[29];
-            }
-            let t15;
-            if ($[30] !== isLeaderForegrounded || $[31] !== leaderIdleText || $[32] !== leaderVerb) {
-                t15 = !isLeaderForegrounded && !leaderVerb && leaderIdleText && _jsxs(Text, { dimColor: true, children: [": ", leaderIdleText] });
-                $[30] = isLeaderForegrounded;
-                $[31] = leaderIdleText;
-                $[32] = leaderVerb;
-                $[33] = t15;
-            }
-            else {
-                t15 = $[33];
-            }
-            let t16;
-            if ($[34] !== isLeaderHighlighted || $[35] !== leaderTokenCount) {
-                t16 = leaderTokenCount !== undefined && leaderTokenCount > 0 && _jsxs(Text, { dimColor: !isLeaderHighlighted, children: [" ", "\u00B7 ", formatNumber(leaderTokenCount), " tokens"] });
-                $[34] = isLeaderHighlighted;
-                $[35] = leaderTokenCount;
-                $[36] = t16;
-            }
-            else {
-                t16 = $[36];
-            }
-            let t17;
-            if ($[37] !== isLeaderHighlighted) {
-                t17 = isLeaderHighlighted && _jsxs(Text, { dimColor: true, children: [" \u00B7 ", TEAMMATE_SELECT_HINT] });
-                $[37] = isLeaderHighlighted;
-                $[38] = t17;
-            }
-            else {
-                t17 = $[38];
-            }
-            let t18;
-            if ($[39] !== isLeaderForegrounded || $[40] !== isLeaderSelected) {
-                t18 = isLeaderSelected && !isLeaderForegrounded && _jsx(Text, { dimColor: true, children: " \u00B7 enter to view" });
-                $[39] = isLeaderForegrounded;
-                $[40] = isLeaderSelected;
-                $[41] = t18;
-            }
-            else {
-                t18 = $[41];
-            }
-            if ($[42] !== t11 || $[43] !== t13 || $[44] !== t14 || $[45] !== t15 || $[46] !== t16 || $[47] !== t17 || $[48] !== t18 || $[49] !== t8) {
-                t3 = _jsxs(Box, { paddingLeft: 3, children: [t8, t11, t13, t14, t15, t16, t17, t18] });
-                $[42] = t11;
-                $[43] = t13;
-                $[44] = t14;
-                $[45] = t15;
-                $[46] = t16;
-                $[47] = t17;
-                $[48] = t18;
-                $[49] = t8;
-                $[50] = t3;
-            }
-            else {
-                t3 = $[50];
-            }
-            t4 = teammateTasks.map((teammate, index) => _jsx(TeammateSpinnerLine, { teammate: teammate, isLast: !isInSelectionMode && index === teammateTasks.length - 1, isSelected: isInSelectionMode && selectedIndex === index, isForegrounded: viewingAgentTaskId === teammate.id, allIdle: allIdle, showPreview: showTeammateMessagePreview }, teammate.id));
-        }
-        $[0] = allIdle;
-        $[1] = isInSelectionMode;
-        $[2] = leaderIdleText;
-        $[3] = leaderTokenCount;
-        $[4] = leaderVerb;
-        $[5] = selectedIndex;
-        $[6] = showTeammateMessagePreview;
-        $[7] = tasks;
-        $[8] = viewingAgentTaskId;
-        $[9] = T0;
-        $[10] = isHideSelected;
-        $[11] = t1;
-        $[12] = t2;
-        $[13] = t3;
-        $[14] = t4;
-        $[15] = t5;
-    }
-    else {
-        T0 = $[9];
-        isHideSelected = $[10];
-        t1 = $[11];
-        t2 = $[12];
-        t3 = $[13];
-        t4 = $[14];
-        t5 = $[15];
-    }
-    if (t5 !== Symbol.for("react.early_return_sentinel")) {
-        return t5;
-    }
-    let t6;
-    if ($[51] !== isHideSelected || $[52] !== isInSelectionMode) {
-        t6 = isInSelectionMode && _jsx(HideRow, { isSelected: isHideSelected });
-        $[51] = isHideSelected;
-        $[52] = isInSelectionMode;
-        $[53] = t6;
-    }
-    else {
-        t6 = $[53];
-    }
-    let t7;
-    if ($[54] !== T0 || $[55] !== t1 || $[56] !== t2 || $[57] !== t3 || $[58] !== t4 || $[59] !== t6) {
-        t7 = _jsxs(T0, { flexDirection: t1, marginTop: t2, children: [t3, t4, t6] });
-        $[54] = T0;
-        $[55] = t1;
-        $[56] = t2;
-        $[57] = t3;
-        $[58] = t4;
-        $[59] = t6;
-        $[60] = t7;
-    }
-    else {
-        t7 = $[60];
-    }
-    return t7;
+export function TeammateSpinnerTree({ selectedIndex, isInSelectionMode, allIdle, leaderVerb, leaderTokenCount, leaderIdleText }) {
+    const tasks = useAppState(s => s.tasks);
+    const viewingAgentTaskId = useAppState(s => s.viewingAgentTaskId);
+    const showTeammateMessagePreview = useAppState(s => s.showTeammateMessagePreview);
+    const teammateTasks = getRunningTeammatesSorted(tasks);
+    if (teammateTasks.length === 0)
+        return null;
+    const isLeaderForegrounded = viewingAgentTaskId === undefined;
+    const isLeaderSelected = !!isInSelectionMode && selectedIndex === -1;
+    const isLeaderHighlighted = isLeaderForegrounded || isLeaderSelected;
+    const hideSelected = isInSelectionMode === true && selectedIndex === teammateTasks.length;
+    const leaderConnector = isLeaderHighlighted ? '╒═' : '┌─';
+    return _jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsxs(Box, { paddingLeft: 3, children: [_jsx(Text, { color: isLeaderSelected ? 'suggestion' : undefined, bold: isLeaderHighlighted, children: isLeaderSelected ? figures.pointer : ' ' }), _jsxs(Text, { dimColor: !isLeaderHighlighted, bold: isLeaderHighlighted, children: [leaderConnector, " "] }), _jsx(Text, { bold: isLeaderHighlighted, color: isLeaderSelected ? 'suggestion' : 'cyan_FOR_SUBAGENTS_ONLY', children: "l\u00EDder" }), !isLeaderForegrounded && leaderVerb && _jsxs(Text, { dimColor: true, children: [": ", leaderVerb, "..."] }), !isLeaderForegrounded && !leaderVerb && leaderIdleText && _jsxs(Text, { dimColor: true, children: [": ", leaderIdleText] }), leaderTokenCount !== undefined && leaderTokenCount > 0 && _jsxs(Text, { dimColor: !isLeaderHighlighted, children: [" \u00B7 ", formatNumber(leaderTokenCount), " tokens"] }), isLeaderHighlighted && _jsxs(Text, { dimColor: true, children: [" \u00B7 ", TEAMMATE_SELECT_HINT] }), isLeaderSelected && !isLeaderForegrounded && _jsx(Text, { dimColor: true, children: " \u00B7 Enter para ver" })] }), teammateTasks.map((teammate, index) => _jsx(TeammateSpinnerLine, { teammate: teammate, isLast: !isInSelectionMode && index === teammateTasks.length - 1, isSelected: !!isInSelectionMode && selectedIndex === index, isForegrounded: viewingAgentTaskId === teammate.id, allIdle: allIdle, showPreview: showTeammateMessagePreview }, teammate.id)), isInSelectionMode && _jsx(HideRow, { isSelected: hideSelected })] });
 }
-function _temp3(s_1) {
-    return s_1.showTeammateMessagePreview;
-}
-function _temp2(s_0) {
-    return s_0.viewingAgentTaskId;
-}
-function _temp(s) {
-    return s.tasks;
-}
-function HideRow(t0) {
-    const $ = _c(18);
-    const { isSelected } = t0;
-    const t1 = isSelected ? "suggestion" : undefined;
-    const t2 = isSelected ? figures.pointer : " ";
-    let t3;
-    if ($[0] !== isSelected || $[1] !== t1 || $[2] !== t2) {
-        t3 = _jsx(Text, { color: t1, bold: isSelected, children: t2 });
-        $[0] = isSelected;
-        $[1] = t1;
-        $[2] = t2;
-        $[3] = t3;
-    }
-    else {
-        t3 = $[3];
-    }
-    const t4 = !isSelected;
-    const t5 = isSelected ? "\u2558\u2550" : "\u2514\u2500";
-    let t6;
-    if ($[4] !== isSelected || $[5] !== t4 || $[6] !== t5) {
-        t6 = _jsxs(Text, { dimColor: t4, bold: isSelected, children: [t5, " "] });
-        $[4] = isSelected;
-        $[5] = t4;
-        $[6] = t5;
-        $[7] = t6;
-    }
-    else {
-        t6 = $[7];
-    }
-    const t7 = !isSelected;
-    let t8;
-    if ($[8] !== isSelected || $[9] !== t7) {
-        t8 = _jsx(Text, { dimColor: t7, bold: isSelected, children: "hide" });
-        $[8] = isSelected;
-        $[9] = t7;
-        $[10] = t8;
-    }
-    else {
-        t8 = $[10];
-    }
-    let t9;
-    if ($[11] !== isSelected) {
-        t9 = isSelected && _jsx(Text, { dimColor: true, children: " \u00B7 enter to collapse" });
-        $[11] = isSelected;
-        $[12] = t9;
-    }
-    else {
-        t9 = $[12];
-    }
-    let t10;
-    if ($[13] !== t3 || $[14] !== t6 || $[15] !== t8 || $[16] !== t9) {
-        t10 = _jsxs(Box, { paddingLeft: 3, children: [t3, t6, t8, t9] });
-        $[13] = t3;
-        $[14] = t6;
-        $[15] = t8;
-        $[16] = t9;
-        $[17] = t10;
-    }
-    else {
-        t10 = $[17];
-    }
-    return t10;
+function HideRow({ isSelected }) {
+    const connector = isSelected ? '╘═' : '└─';
+    return _jsxs(Box, { paddingLeft: 3, children: [_jsx(Text, { color: isSelected ? 'suggestion' : undefined, bold: isSelected, children: isSelected ? figures.pointer : ' ' }), _jsxs(Text, { dimColor: !isSelected, bold: isSelected, children: [connector, " "] }), _jsx(Text, { dimColor: !isSelected, bold: isSelected, children: "ocultar" }), isSelected && _jsx(Text, { dimColor: true, children: " \u00B7 Enter para colapsar" })] });
 }

package/dist/src/components/Spinner/teammateSelectHint.js

@@ -1 +1 @@
-export const TEAMMATE_SELECT_HINT = 'shift + ↑/↓ to select';
+export const TEAMMATE_SELECT_HINT = 'Shift + ↑/↓ para seleccionar';

package/dist/src/components/Spinner/utils.js

@@ -1,10 +1,7 @@
 export function getDefaultCharacters() {
-    if (process.env.TERM === 'xterm-ghostty') {
-        return ['·', '✢', '✳', '✶', '✻', '*']; // Use * instead of ✽ for Ghostty because the latter renders in a way that's slightly offset
-    }
-    return process.platform === 'darwin'
-        ? ['·', '✢', '✳', '✶', '✻', '✽']
-        : ['·', '✢', '*', '✶', '✻', '✽'];
+    // Unified, clean spinner glyphs across OS/terminals.
+    // Keep symbols simple to avoid odd fallback rendering.
+    return ['.', 'o', 'O', 'o'];
 }
 // Interpolate between two RGB colors
 export function interpolateColor(color1, color2, t) {