@kenkaiiii/ggcoder 4.3.218 → 4.3.219

package/dist/ui/App.js

@@ -27,7 +27,6 @@ import { GoalStatusBar, reconcileGoalStatusEntriesWithRuns, removeGoalStatusEntr
 import { Banner } from "./components/Banner.js";
 import { PlanOverlay } from "./components/PlanOverlay.js";
 import { ModelSelector } from "./components/ModelSelector.js";
-import { GoalOverlay } from "./components/GoalOverlay.js";
 import { PixelOverlay } from "./components/PixelOverlay.js";
 import { SkillsOverlay } from "./components/SkillsOverlay.js";
 import { ThemeSelector } from "./components/ThemeSelector.js";
@@ -58,7 +57,8 @@ import { extractPlanSteps, findCompletedMarkers, markStepsCompleted, segmentDisp
 import { getMCPServers } from "../core/mcp/index.js";
 import { trimFlushedItems, flushOnTurnText, flushOnTurnEnd, flushOverflow, } from "./live-item-flush.js";
 import { splitAssistantStreamingText } from "./utils/assistant-stream-split.js";
-import { appendGoalDecision, appendGoalEvidence, formatGoalBlockingPrerequisites, goalHasBlockingPrerequisites, loadGoalRuns, reconcileActiveGoalRuns, updateGoalTask, upsertGoalRun, } from "../core/goal-store.js";
+import { appendGoalDecision, appendGoalEvidence, formatGoalBlockingPrerequisites, goalHasBlockingPrerequisites, loadGoalRuns, loadGoalRunsSync, reconcileActiveGoalRuns, saveGoalRunsSync, updateGoalTask, upsertGoalRun, } from "../core/goal-store.js";
+import { getNextPendingTask, loadTasksSync, markTaskInProgress, saveTasksSync, } from "../core/tasks-store.js";
 import { canCompleteGoalRun, decideGoalNextAction } from "../core/goal-controller.js";
 import { runGoalPrerequisiteChecks } from "../core/goal-prerequisites.js";
 import { runGoalVerifierCommand } from "../core/goal-verifier.js";
@@ -67,8 +67,8 @@ import { formatGoalVerifierCompletionEvent, formatGoalWorkerCompletionEvent, isG
 import { buildUserContentWithAttachments, isGoalPromptCommandName, routePromptCommandInput, runGoalPromptSetupSequence, } from "./prompt-routing.js";
 import { getNextThinkingLevel, isThinkingLevelSupported } from "./thinking-level.js";
 import { appendGoalProgressDraft, completedItemsWithDurableGoalTerminalProgress, formatGoalTerminalProgress, formatGoalWorkerFinishedTitle, getGoalContinuationChoiceKey, goalTerminalProgressId, routeGoalSyntheticEvent, summarizeGoalCompletion, truncateGoalProgressText, } from "./goal-progress.js";
-import { getChatControlsLayoutDecision, getDoneFlushDecision, getGoalActivationPaneTransition, getGoalSetupFinishedPaneTransition, getGoalSetupPaneTransitionAfterRun, isAgentSpacingItem, MIN_LIVE_AREA_ROWS, nextGoalModeAfterAgentDone, shouldResetUIForGoalSetupPaneTransition, shouldTopSpaceAfterPrintedAgentBoundary, shouldTopSpaceAssistantAfterToolBoundary, shouldTopSpaceStreamingAssistant, } from "./layout-decisions.js";
-import { compactHistory, getNextGeneratedItemId, isActiveItem, isSameAssistantText, normalizeAssistantText, partitionCompleted, pinStreamingTextBeforeToolBoundary, } from "./item-helpers.js";
+import { getChatControlsLayoutDecision, getDoneFlushDecision, getGoalSetupPaneTransitionAfterRun, isAgentSpacingItem, MIN_LIVE_AREA_ROWS, nextGoalModeAfterAgentDone, shouldTopSpaceAfterPrintedAgentBoundary, shouldTopSpaceAssistantAfterToolBoundary, shouldTopSpaceStreamingAssistant, } from "./layout-decisions.js";
+import { compactHistory, getNextGeneratedItemId, isActiveItem, isSameAssistantText, normalizeAssistantText, partitionCompleted, pinStreamingTextBeforeToolBoundary, removeItemsWithIds, uniqueItemsById, } from "./item-helpers.js";
 export { buildGoalSetupPromptFromPlanner, buildUserContentWithAttachments, collectAssistantTextSince, isGoalPromptCommandName, routePromptCommandInput, runGoalPromptSetupSequence, } from "./prompt-routing.js";
 export { getNextThinkingLevel } from "./thinking-level.js";
 export { appendGoalProgressDraft, completedItemsWithDurableGoalTerminalProgress, formatGoalTerminalProgress, getGoalContinuationChoiceKey, routeGoalSyntheticEvent, truncateGoalProgressText, } from "./goal-progress.js";
@@ -261,7 +261,11 @@ export function App(props) {
     // Items from the current/last turn — rendered in the live area so they stay visible.
     // Seed from sessionStore so Goal progress/completion rows and other live output
     // survive pane/overlay/resize remounts before they are finalized.
-    const [liveItems, setLiveItems] = useState(() => props.sessionStore?.liveItems ?? []);
+    const [liveItems, setLiveItems] = useState(() => {
+        const restoredLiveItems = uniqueItemsById(props.sessionStore?.liveItems ?? []);
+        const restoredHistoryIds = new Set(history.map((item) => item.id));
+        return removeItemsWithIds(restoredLiveItems, restoredHistoryIds);
+    });
     // overlay seeded from sessionStore (lives across remount). Falls back to
     // props.initialOverlay (CLI launched with one), then null.
     const [overlay, setOverlay] = useState(props.sessionStore?.overlay ?? props.initialOverlay ?? null);
@@ -274,6 +278,13 @@ export function App(props) {
     const goalContinuationFlightsRef = useRef(new Set());
     const goalContinuationRecentChoicesRef = useRef(new Map());
     const startGoalRunRef = useRef(() => { });
+    const [runAllTasks, setRunAllTasks] = useState(props.sessionStore?.runAllTasks ?? false);
+    const [taskPickerOpen, setTaskPickerOpen] = useState(false);
+    const [taskPickerTasks, setTaskPickerTasks] = useState(() => loadTasksSync(props.cwd));
+    const [goalPickerOpen, setGoalPickerOpen] = useState(false);
+    const [goalPickerGoals, setGoalPickerGoals] = useState(() => loadGoalRunsSync(props.cwd));
+    const runAllTasksRef = useRef(props.sessionStore?.runAllTasks ?? false);
+    const startTaskRef = useRef(() => { });
     const runAllPixelRef = useRef(props.sessionStore?.runAllPixel ?? false);
     const currentPixelFixRef = useRef(null);
     const startPixelFixRef = useRef(() => { });
@@ -412,7 +423,7 @@ export function App(props) {
         pendingHistoryFlushRef.current = [...pendingHistoryFlushRef.current, ...flushed];
         if (sessionStore) {
             const queuedIds = new Set(items.map((item) => item.id));
-            sessionStore.liveItems = (sessionStore.liveItems ?? []).filter((item) => !queuedIds.has(item.id));
+            sessionStore.liveItems = removeItemsWithIds(uniqueItemsById(sessionStore.liveItems ?? []), queuedIds);
         }
         setHistoryFlushGeneration((generation) => generation + 1);
     }, [sessionStore]);
@@ -477,8 +488,10 @@ export function App(props) {
             sessionStore.history = history;
     }, [history, sessionStore]);
     useEffect(() => {
-        if (sessionStore)
-            sessionStore.liveItems = liveItems;
+        if (!sessionStore)
+            return;
+        const historyIds = new Set(historyRef.current.map((item) => item.id));
+        sessionStore.liveItems = removeItemsWithIds(uniqueItemsById(liveItems), historyIds);
     }, [liveItems, sessionStore]);
     useEffect(() => {
         if (sessionStore)
@@ -1528,6 +1541,21 @@ export function App(props) {
             if (nextGoalMode !== goalModeStateRef.current) {
                 void setGoalModeAndPrompt(nextGoalMode);
             }
+            // Run-all: auto-start next pending task after a short delay.
+            if (runAllTasksRef.current) {
+                setTimeout(() => {
+                    const cwd = cwdRef.current;
+                    const next = getNextPendingTask(cwd);
+                    if (next) {
+                        markTaskInProgress(cwd, next.id);
+                        startTaskRef.current(next.title, next.prompt, next.id);
+                    }
+                    else {
+                        setRunAllTasks(false);
+                        log("INFO", "tasks", "Run-all complete — no more pending tasks");
+                    }
+                }, 500);
+            }
             // Goal loop: after the orchestrator handles a worker/verifier event,
             // continue the same Goal automatically until it reaches a terminal state.
             for (const runId of [...runningGoalIdsRef.current]) {
@@ -1949,26 +1977,11 @@ export function App(props) {
             ]);
             return;
         }
-        // Handle /goals — open goal pane
+        // Handle /goals — open the input-area goal picker.
         if (trimmed === "/goals") {
-            if (props.resetUI && props.sessionStore && !agentLoop.isRunning) {
-                props.sessionStore.overlay = "goal";
-                props.sessionStore.planAutoExpand = false;
-                props.sessionStore.goalAutoExpand = false;
-                props.resetUI();
-            }
-            else {
-                if (props.sessionStore) {
-                    props.sessionStore.overlay = "goal";
-                    props.sessionStore.planAutoExpand = false;
-                    props.sessionStore.goalAutoExpand = false;
-                    if (agentLoop.isRunning)
-                        props.sessionStore.pendingResetUI = true;
-                }
-                setPlanAutoExpand(false);
-                setGoalAutoExpand(false);
-                setOverlay("goal");
-            }
+            setGoalPickerGoals(loadGoalRunsSync(displayedCwd));
+            setTaskPickerOpen(false);
+            setGoalPickerOpen(true);
             return;
         }
         // Handle prompt-template commands (built-in + custom from .gg/commands/)
@@ -2045,26 +2058,11 @@ export function App(props) {
                         await setGoalModeAndPrompt("off");
                     }
                     if (paneTransition) {
-                        goalAutoExpandRef.current = paneTransition.goalAutoExpand;
-                        setTimeout(() => {
-                            const resetUI = props.resetUI;
-                            const sessionStore = props.sessionStore;
-                            if (shouldResetUIForGoalSetupPaneTransition({
-                                hasResetUI: resetUI !== undefined,
-                                hasSessionStore: sessionStore !== undefined,
-                            }) &&
-                                resetUI &&
-                                sessionStore) {
-                                sessionStore.overlay = paneTransition.overlay;
-                                sessionStore.goalAutoExpand = paneTransition.goalAutoExpand;
-                                sessionStore.planAutoExpand = paneTransition.planAutoExpand;
-                                resetUI();
-                                return;
-                            }
-                            setGoalAutoExpand(paneTransition.goalAutoExpand);
-                            setPlanAutoExpand(paneTransition.planAutoExpand);
-                            setOverlay(paneTransition.overlay);
-                        }, 300);
+                        goalAutoExpandRef.current = false;
+                        setGoalAutoExpand(false);
+                        setPlanAutoExpand(false);
+                        setGoalPickerGoals(loadGoalRunsSync(displayedCwd));
+                        setGoalPickerOpen(true);
                     }
                 }
             }
@@ -2415,6 +2413,8 @@ export function App(props) {
                 return renderStatusMessage(item.id, `${BLACK_CIRCLE} `, normalizeStatusText(item.text), theme.commandColor, { bold: true });
             case "goal_agent_transition":
                 return renderStatusMessage(item.id, `${BLACK_CIRCLE} `, normalizeStatusText(item.text), theme.commandColor, { bold: true });
+            case "task":
+                return withPrintedBoundarySpacing(renderStatusMessage(item.id, "▸ ", _jsxs(_Fragment, { children: [_jsx(Text, { color: theme.textDim, children: "Task: " }), _jsx(Text, { color: theme.commandColor, bold: true, children: item.title })] }), theme.commandColor, { bold: true }));
             case "model_transition":
                 return renderStatusMessage(item.id, "▸ ", _jsxs(_Fragment, { children: [_jsx(Text, { color: theme.textDim, children: "Switched to " }), _jsx(Text, { color: theme.commandColor, bold: true, children: item.modelName })] }), theme.commandColor, { bold: true });
             case "theme_transition":
@@ -2479,18 +2479,6 @@ export function App(props) {
             setOverlay(kind);
         }
     }, [agentLoop.isRunning, props]);
-    const closeOverlay = useCallback(() => {
-        if (props.resetUI && props.sessionStore && !agentLoop.isRunning) {
-            props.sessionStore.overlay = null;
-            props.resetUI();
-        }
-        else {
-            if (props.sessionStore) {
-                props.sessionStore.overlay = null;
-            }
-            setOverlay(null);
-        }
-    }, [agentLoop.isRunning, overlay, props]);
     const runGoalSyntheticEvent = useCallback((eventText) => {
         const eventInfo = parseGoalSyntheticEvent(eventText);
         const detail = eventInfo?.kind === "worker"
@@ -3065,8 +3053,71 @@ export function App(props) {
             setLiveItems((prev) => [...prev, toErrorItem(err, getId(), "Goal")]);
         });
     }, [appendGoalProgress, clearGoalModeIfIdle, clearGoalStatusEntry, props.cwd]);
+    const startTask = useCallback((title, prompt, taskId) => {
+        const taskCwd = cwdRef.current;
+        const shortId = taskId.slice(0, 8);
+        const completionHint = `\n\n---\nWhen you have fully completed this task, call the tasks tool to mark it done:\n` +
+            `tasks({ action: "done", id: "${shortId}" })`;
+        const fullPrompt = prompt + completionHint;
+        if (props.resetUI && props.sessionStore) {
+            const sysMsg = messagesRef.current[0];
+            const newMessages = sysMsg && sysMsg.role === "system" ? [sysMsg] : messagesRef.current.slice(0, 1);
+            const taskItem = { kind: "task", title, id: getId() };
+            const sm = sessionManagerRef.current;
+            void (async () => {
+                let newSessionPath;
+                if (sm) {
+                    try {
+                        const session = await sm.create(taskCwd, currentProvider, currentModel);
+                        newSessionPath = session.path;
+                        log("INFO", "tasks", "New session for task", { path: session.path });
+                    }
+                    catch {
+                        // Session creation is best-effort.
+                    }
+                }
+                if (props.sessionStore)
+                    props.sessionStore.overlay = null;
+                props.resetUI?.({
+                    wipeSession: true,
+                    messages: newMessages,
+                    history: [{ kind: "banner", id: "banner" }, taskItem],
+                    sessionPath: newSessionPath,
+                    pendingAction: { prompt: fullPrompt },
+                });
+            })();
+            return;
+        }
+        pendingHistoryFlushRef.current = [];
+        props.terminalHistoryPrinter?.clear();
+        setHistory([{ kind: "banner", id: "banner" }]);
+        setLiveItems([]);
+        messagesRef.current = messagesRef.current.slice(0, 1);
+        agentLoop.reset();
+        persistedIndexRef.current = messagesRef.current.length;
+        const sm = sessionManagerRef.current;
+        if (sm) {
+            void sm.create(taskCwd, currentProvider, currentModel).then((session) => {
+                sessionPathRef.current = session.path;
+                log("INFO", "tasks", "New session for task", { path: session.path });
+            });
+        }
+        const taskItem = { kind: "task", title, id: getId() };
+        setLastUserMessage(title);
+        setDoneStatus(null);
+        setLiveItems([taskItem]);
+        void agentLoop.run(fullPrompt).catch((err) => {
+            setLiveItems((prev) => [...prev, toErrorItem(err, getId())]);
+        });
+    }, [agentLoop, currentModel, currentProvider, props]);
     // Keep refs in sync for access from stale closures (onDone)
+    startTaskRef.current = startTask;
     startGoalRunRef.current = startGoalRun;
+    useEffect(() => {
+        runAllTasksRef.current = runAllTasks;
+        if (props.sessionStore)
+            props.sessionStore.runAllTasks = runAllTasks;
+    }, [runAllTasks, props.sessionStore]);
     useEffect(() => {
         agentRunningRef.current = agentLoop.isRunning;
     }, [agentLoop.isRunning]);
@@ -3166,7 +3217,6 @@ export function App(props) {
         if (props.sessionStore)
             props.sessionStore.runAllPixel = runAllPixel;
     }, [runAllPixel, props.sessionStore]);
-    const isGoalView = overlay === "goal";
     const isSkillsView = overlay === "skills";
     const isPlanView = overlay === "plan";
     const footerStatusLayout = getFooterStatusLayoutDecision({
@@ -3278,71 +3328,7 @@ export function App(props) {
             lastPendingHistoryItem,
             lastHistoryItem,
         });
-    return (_jsx(Box, { flexDirection: "column", width: columns, flexShrink: 0, flexGrow: 0, children: isGoalView ? (_jsx(GoalOverlay, { cwd: props.cwd, agentRunning: agentLoop.isRunning, autoExpandNewest: goalAutoExpand, onClose: () => {
-                goalAutoExpandRef.current = false;
-                setGoalAutoExpand(false);
-                if (props.sessionStore)
-                    props.sessionStore.goalAutoExpand = false;
-                closeOverlay();
-            }, onRunGoal: (run) => {
-                const paneTransition = getGoalActivationPaneTransition();
-                goalAutoExpandRef.current = paneTransition.goalAutoExpand;
-                setGoalAutoExpand(paneTransition.goalAutoExpand);
-                setPlanAutoExpand(paneTransition.planAutoExpand);
-                if (props.sessionStore) {
-                    props.sessionStore.overlay = paneTransition.overlay;
-                    props.sessionStore.goalAutoExpand = paneTransition.goalAutoExpand;
-                    props.sessionStore.planAutoExpand = paneTransition.planAutoExpand;
-                }
-                if (paneTransition.resetReviewScreen && props.resetUI && props.sessionStore) {
-                    props.sessionStore.pendingGoalRun = run;
-                    props.resetUI();
-                    return;
-                }
-                setOverlay(paneTransition.overlay);
-                startGoalRun(run);
-            }, onVerifyGoal: (run) => {
-                void verifyGoalRun(run);
-            }, onPauseGoal: (run) => {
-                pauseGoalRun(run);
-            }, onRefineGoal: (run, feedback) => {
-                goalAutoExpandRef.current = true;
-                setGoalAutoExpand(true);
-                void (async () => {
-                    try {
-                        await setGoalModeAndPrompt("setup");
-                        await agentLoop.run(`Refine Goal run ${run.id} (${run.title}) based on this user feedback. Update durable Goal setup only, then stop and reopen the Goal pane for review.\n\nFeedback: ${feedback}`);
-                    }
-                    catch (err) {
-                        log("ERROR", "goal", err instanceof Error ? err.message : String(err));
-                        setLiveItems((prev) => [...prev, toErrorItem(err, getId(), "Goal")]);
-                    }
-                    finally {
-                        await setGoalModeAndPrompt("off");
-                        const paneTransition = getGoalSetupFinishedPaneTransition();
-                        goalAutoExpandRef.current = paneTransition.goalAutoExpand;
-                        setTimeout(() => {
-                            const resetUI = props.resetUI;
-                            const sessionStore = props.sessionStore;
-                            if (shouldResetUIForGoalSetupPaneTransition({
-                                hasResetUI: resetUI !== undefined,
-                                hasSessionStore: sessionStore !== undefined,
-                            }) &&
-                                resetUI &&
-                                sessionStore) {
-                                sessionStore.overlay = paneTransition.overlay;
-                                sessionStore.goalAutoExpand = paneTransition.goalAutoExpand;
-                                sessionStore.planAutoExpand = paneTransition.planAutoExpand;
-                                resetUI();
-                                return;
-                            }
-                            setGoalAutoExpand(paneTransition.goalAutoExpand);
-                            setPlanAutoExpand(paneTransition.planAutoExpand);
-                            setOverlay(paneTransition.overlay);
-                        }, 300);
-                    }
-                })();
-            } })) : isPixelView ? (_jsx(PixelOverlay, { version: props.version, agentRunning: agentLoop.isRunning, onClose: () => {
+    return (_jsx(Box, { flexDirection: "column", width: columns, flexShrink: 0, flexGrow: 0, children: isPixelView ? (_jsx(PixelOverlay, { version: props.version, agentRunning: agentLoop.isRunning, onClose: () => {
                 if (props.resetUI && props.sessionStore && !agentLoop.isRunning) {
                     props.sessionStore.overlay = null;
                     props.resetUI();
@@ -3496,8 +3482,48 @@ export function App(props) {
                     log("ERROR", "error", errMsg);
                     setLiveItems((prev) => [...prev, toErrorItem(err, getId())]);
                 });
-            } })) : (_jsxs(Box, { flexDirection: "column", width: columns, flexShrink: 0, flexGrow: 0, children: [_jsxs(Box, { flexDirection: "column", flexGrow: 0, flexShrink: 1, overflowY: "hidden", children: [liveItems.map((item, index, items) => renderItem(item, index, items)), _jsx(StreamingArea, { isRunning: agentLoop.isRunning, streamingText: visibleStreamingText, streamingThinking: agentLoop.streamingThinking, thinkingMs: agentLoop.thinkingMs, reserveSpacing: shouldReserveStreamingSpacing, renderMarkdown: renderMarkdown, availableTerminalHeight: measuredLiveAreaRows, assistantMarginTop: shouldTopSpaceStreamingText ? 1 : 0, continuation: streamedAssistantFlushRef.current.flushedChars > 0 })] }), _jsxs(Box, { ref: mainControlsRef, flexDirection: "column", flexShrink: 0, flexGrow: 0, children: [hiddenQueuedCount > 0 && (_jsxs(Box, { flexDirection: "row", paddingLeft: 1, marginTop: shouldTopSpaceQueueIndicator ? 2 : 1, flexShrink: 0, children: [_jsx(Box, { width: 2, flexShrink: 0, children: _jsx(Text, { color: theme.warning, bold: true, children: "• " }) }), _jsxs(Text, { color: theme.textDim, children: [hiddenQueuedCount, " message", hiddenQueuedCount > 1 ? "s" : "", " queued"] })] })), _jsxs(Box, { flexDirection: "column", width: columns, children: [_jsx(Box, { borderStyle: "single", borderTop: true, borderBottom: false, borderLeft: false, borderRight: false, borderColor: theme.textDim, width: columns, height: 0 }), _jsx(Box, { paddingLeft: 1, paddingRight: 1, width: columns, children: statusSlotVisible ? (activityVisible ? (_jsx(ActivityIndicator, { phase: agentLoop.activityPhase, elapsedMs: agentLoop.elapsedMs, runStartRef: agentLoop.runStartRef, thinkingMs: agentLoop.thinkingMs, isThinking: agentLoop.isThinking, thinkingEnabled: !!thinkingLevel, tokenEstimate: agentLoop.streamedTokenEstimate, charCountRef: agentLoop.charCountRef, realTokensAccumRef: agentLoop.realTokensAccumRef, userMessage: lastUserMessage, activeToolNames: agentLoop.activeToolCalls.map((tc) => tc.name), retryInfo: agentLoop.retryInfo, planDone: planSteps.filter((s) => s.completed).length, planTotal: planSteps.length, staticDisplay: true })) : stallStatusVisible ? (_jsx(Text, { color: theme.warning, wrap: "truncate", children: "⚠ API provider stream interrupted — retries exhausted. Your conversation is preserved." })) : doneStatus ? (_jsxs(Text, { color: theme.success, children: ["✻ ", doneStatus.verb, " ", formatDuration(doneStatus.durationMs)] })) : (_jsxs(Text, { children: [_jsx(Text, { color: theme.commandColor, children: "⠿ " }), _jsx(Text, { color: theme.textDim, children: "Ready to go.." }), !renderMarkdown && (_jsx(Text, { color: theme.warning, children: " · raw markdown mode" }))] }))) : (_jsxs(Text, { children: [_jsx(Text, { color: theme.commandColor, children: "⠿ " }), _jsx(Text, { color: theme.textDim, children: "Ready to go.." })] })) })] }), _jsx(InputArea, { onSubmit: handleSubmit, onAbort: handleAbort, disabled: agentLoop.isRunning, isActive: !taskBarFocused && !overlay, onDownAtEnd: handleFocusTaskBar, onShiftTab: handleToggleThinking, onToggleGoal: () => {
-                                openOverlay("goal");
+            } })) : (_jsxs(Box, { flexDirection: "column", width: columns, flexShrink: 0, flexGrow: 0, children: [_jsxs(Box, { flexDirection: "column", flexGrow: 0, flexShrink: 1, overflowY: "hidden", children: [uniqueItemsById(liveItems).map((item, index, items) => renderItem(item, index, items)), _jsx(StreamingArea, { isRunning: agentLoop.isRunning, streamingText: visibleStreamingText, streamingThinking: agentLoop.streamingThinking, thinkingMs: agentLoop.thinkingMs, reserveSpacing: shouldReserveStreamingSpacing, renderMarkdown: renderMarkdown, availableTerminalHeight: measuredLiveAreaRows, assistantMarginTop: shouldTopSpaceStreamingText ? 1 : 0, continuation: streamedAssistantFlushRef.current.flushedChars > 0 })] }), _jsxs(Box, { ref: mainControlsRef, flexDirection: "column", flexShrink: 0, flexGrow: 0, children: [hiddenQueuedCount > 0 && (_jsxs(Box, { flexDirection: "row", paddingLeft: 1, marginTop: shouldTopSpaceQueueIndicator ? 2 : 1, flexShrink: 0, children: [_jsx(Box, { width: 2, flexShrink: 0, children: _jsx(Text, { color: theme.warning, bold: true, children: "• " }) }), _jsxs(Text, { color: theme.textDim, children: [hiddenQueuedCount, " message", hiddenQueuedCount > 1 ? "s" : "", " queued"] })] })), _jsxs(Box, { flexDirection: "column", width: columns, children: [_jsx(Box, { borderStyle: "single", borderTop: true, borderBottom: false, borderLeft: false, borderRight: false, borderColor: theme.textDim, width: columns, height: 0 }), _jsx(Box, { paddingLeft: 1, paddingRight: 1, width: columns, children: statusSlotVisible ? (activityVisible ? (_jsx(ActivityIndicator, { phase: agentLoop.activityPhase, elapsedMs: agentLoop.elapsedMs, runStartRef: agentLoop.runStartRef, thinkingMs: agentLoop.thinkingMs, isThinking: agentLoop.isThinking, thinkingEnabled: !!thinkingLevel, tokenEstimate: agentLoop.streamedTokenEstimate, charCountRef: agentLoop.charCountRef, realTokensAccumRef: agentLoop.realTokensAccumRef, userMessage: lastUserMessage, activeToolNames: agentLoop.activeToolCalls.map((tc) => tc.name), retryInfo: agentLoop.retryInfo, planDone: planSteps.filter((s) => s.completed).length, planTotal: planSteps.length, staticDisplay: true })) : stallStatusVisible ? (_jsx(Text, { color: theme.warning, wrap: "truncate", children: "⚠ API provider stream interrupted — retries exhausted. Your conversation is preserved." })) : doneStatus ? (_jsxs(Text, { color: theme.success, children: ["✻ ", doneStatus.verb, " ", formatDuration(doneStatus.durationMs)] })) : (_jsxs(Text, { children: [_jsx(Text, { color: theme.commandColor, children: "⠿ " }), _jsx(Text, { color: theme.textDim, children: "Ready to go.." }), !renderMarkdown && (_jsx(Text, { color: theme.warning, children: " · raw markdown mode" }))] }))) : (_jsxs(Text, { children: [_jsx(Text, { color: theme.commandColor, children: "⠿ " }), _jsx(Text, { color: theme.textDim, children: "Ready to go.." })] })) })] }), _jsx(InputArea, { onSubmit: handleSubmit, onAbort: handleAbort, disabled: agentLoop.isRunning, isActive: !taskBarFocused && !overlay, onDownAtEnd: handleFocusTaskBar, onShiftTab: handleToggleThinking, onToggleTasks: () => {
+                                setGoalPickerOpen(false);
+                                setTaskPickerTasks(loadTasksSync(displayedCwd));
+                                setTaskPickerOpen((open) => !open);
+                            }, taskPickerOpen: taskPickerOpen, tasks: taskPickerTasks, onCloseTaskPicker: () => setTaskPickerOpen(false), onStartTask: (task) => {
+                                setTaskPickerOpen(false);
+                                markTaskInProgress(displayedCwd, task.id);
+                                setTaskPickerTasks(loadTasksSync(displayedCwd));
+                                startTask(task.title, task.prompt, task.id);
+                            }, onRunAllTasks: (task) => {
+                                setTaskPickerOpen(false);
+                                setRunAllTasks(true);
+                                const selected = task
+                                    ? {
+                                        id: task.id,
+                                        title: task.title,
+                                        prompt: task.prompt || task.text || task.title,
+                                    }
+                                    : getNextPendingTask(displayedCwd);
+                                if (selected) {
+                                    markTaskInProgress(displayedCwd, selected.id);
+                                    setTaskPickerTasks(loadTasksSync(displayedCwd));
+                                    startTask(selected.title, selected.prompt, selected.id);
+                                }
+                            }, onDeleteTask: (task) => {
+                                const nextTasks = loadTasksSync(displayedCwd).filter((candidate) => candidate.id !== task.id);
+                                saveTasksSync(displayedCwd, nextTasks);
+                                setTaskPickerTasks(nextTasks);
+                            }, goalPickerOpen: goalPickerOpen, goals: goalPickerGoals, onCloseGoalPicker: () => setGoalPickerOpen(false), onRunGoal: (run) => {
+                                setGoalPickerOpen(false);
+                                startGoalRun(run);
+                            }, onDeleteGoal: (run) => {
+                                const nextGoals = loadGoalRunsSync(displayedCwd).filter((candidate) => candidate.id !== run.id);
+                                saveGoalRunsSync(displayedCwd, nextGoals);
+                                setGoalPickerGoals(nextGoals);
+                            }, onPauseGoal: (run) => {
+                                setGoalPickerOpen(false);
+                                pauseGoalRun(run);
+                            }, onToggleGoal: () => {
+                                setTaskPickerOpen(false);
+                                setGoalPickerGoals(loadGoalRunsSync(displayedCwd));
+                                setGoalPickerOpen((open) => !open);
                             }, onToggleSkills: () => {
                                 openOverlay("skills");
                             }, onTogglePixel: () => {