zidane 5.2.1 → 5.3.1

package/dist/tui.js

@@ -1,11 +1,11 @@
-import { S as cleanupPersistedSession, p as createAgent, w as resolvePersistDir } from "./tools-BRbbfdJh.js";
-import { o as errorMessage } from "./errors-COmsomd5.js";
-import { s as McpOAuthProvider, t as connectMcpServers } from "./mcp-B1psg7jf.js";
-import { C as summaryToTurn, a as selectFilesFromSession, r as buildPostCompactAttachments, s as compactConversation, t as loginMcpServer } from "./login-D7Tp-K5f.js";
+import { D as resolvePersistDir, T as cleanupPersistedSession, p as createAgent } from "./tools-CWEDS2ZT.js";
+import { s as errorMessage } from "./errors-Byb0F8B9.js";
+import { s as McpOAuthProvider, t as connectMcpServers } from "./mcp-ZsSFo4Dp.js";
+import { C as summaryToTurn, a as selectFilesFromSession, r as buildPostCompactAttachments, s as compactConversation, t as loginMcpServer } from "./login-CNS9_8Ue.js";
 import { n as formatTokenUsage } from "./stats-DgOvY7wd.js";
-import { n as loadSession, t as createSession } from "./session-DOJgRXvF.js";
+import { n as loadSession, t as createSession } from "./session-BHZwxmfr.js";
 import { createTuiStore } from "./session/sqlite.js";
-import { $ as useMcpAuthDispatch, $n as bootTick, $t as isVisible, A as getSafelist, At as clampFps, B as supportsOAuth, Bn as uniqueSkillNamesFromReferences, Ct as shortId, D as useSafeModeQueue, Dn as findGitRoot, Dr as accentColor, Dt as SETTINGS_CHOICES, E as useSafeModeActions, En as summarizeOutcomes, Et as DEFAULT_SETTINGS, F as suggestSafelistEntry, Ft as resolveTheme, Gt as ConfigProvider, H as filterModelCatalog, Hn as createFilesCompletionProvider, Ht as DiscoveryProvider, Jn as useCompletion, K as discoverProjectMcps, Kt as useConfig, L as splitPromptSegments, Nn as matchesBinding, Ot as SETTINGS_TOGGLES, Pt as resolveChipColor, Q as McpAuthProvider, Qt as isTurnHighlighted, R as formatPathForCwd, Sn as buildEditOutcomesAnnotation, St as fmtTokens, T as SafeModeProvider, Tn as resolveApprovalForPayload, Tt as useEnabledToggleSet, U as indexOfEntry, Ut as useDiscovery, V as buildModelCatalog, Vt as createDiscoverySlot, W as buildMcpServers, Wt as useDiscoveryOptional, Xn as buildLinearRamp, Xr as buildPlanSystem, Xt as eventsFromTurns, Y as createFileMcpCredentialStore, Yn as blendHsl, Yr as buildBuildSystem, Yt as deriveSessionTitle, Zn as tryOpenBrowser, Zt as isEditErrorResult, _ as turnContextSize, _n as extractEditPayload, _r as modelSupportsReasoning, _t as truncateTrailing, a as computeTurnAnchors, an as selectableTurnIds, at as InteractionsProvider, b as defaultSkillScanPaths, bt as ageString, c as formatToolCall, ct as createInteractionTools, d as useSelectStyle, dn as turnSelectionOwnership, dt as pendingInteractionsFromTurns, en as lastContextSizeFromTurns, er as shouldAutoCompact, et as useMcpAuthState, f as useSurfaces, g as finalizeStreamingMarkdownForOwner, gt as hintsLength, h as finalizeStreamingMarkdown, hr as getContextWindow, ht as clipHintsToWidth, i as turnAsText, j as isOnSafelist, jn as ensureKeybindingsFile, jt as useSettings, k as addToSafelist, kt as SettingsProvider, l as ThemeProvider, ln as toolCallPreview, m as useTheme, mn as buildUnifiedDiff, mt as useInteractionsQueue, n as deleteTurnSafely, o as TOOL_DISPLAY, on as stripSpawnTokensLine, pt as useInteractionsActions, qt as resolveConfig, r as truncateTurnsAt, rn as marginTopFor, rt as splitMarkdownCodeBlocks, s as displayNameFor, sn as sumRunCosts, sr as setProviderCredential, st as buildResumedToolResultsTurn, tn as listSessionMeta, tr as detectAuth, tt as getMcpAuthStatus, u as useColors, un as toolResultText, ut as makeRequestInteraction, v as useStreamBuffer, vn as filetypeFromPath, w as writeSessionExport, wt as listProjectFiles, x as discoverProjectSkills, xr as piIdOf, xt as compactPath, y as buildSkillsConfig, yn as previewEditPayload, yt as generateSessionTitle, z as runOAuthLogin, zn as createSkillsCompletionProvider } from "./turn-operations-gJ0qtLPv.js";
+import { $ as useMcpAuthDispatch, $n as bootTick, $t as isVisible, A as getSafelist, At as clampFps, B as supportsOAuth, Bn as uniqueSkillNamesFromReferences, Ct as shortId, D as useSafeModeQueue, Dn as findGitRoot, Dr as accentColor, Dt as SETTINGS_CHOICES, E as useSafeModeActions, En as summarizeOutcomes, Et as DEFAULT_SETTINGS, F as suggestSafelistEntry, Ft as resolveTheme, Gt as ConfigProvider, H as filterModelCatalog, Hn as createFilesCompletionProvider, Ht as DiscoveryProvider, Jn as useCompletion, K as discoverProjectMcps, Kt as useConfig, L as splitPromptSegments, Nn as matchesBinding, Nr as TODO_STATUS_GLYPHS, Ot as SETTINGS_TOGGLES, Pt as resolveChipColor, Q as McpAuthProvider, Qt as isTurnHighlighted, R as formatPathForCwd, Sn as buildEditOutcomesAnnotation, St as fmtTokens, T as SafeModeProvider, Tn as resolveApprovalForPayload, Tt as useEnabledToggleSet, U as indexOfEntry, Ur as useActiveTodos, Ut as useDiscovery, V as buildModelCatalog, Vt as createDiscoverySlot, W as buildMcpServers, Wt as useDiscoveryOptional, Xn as buildLinearRamp, Xt as eventsFromTurns, Y as createFileMcpCredentialStore, Yn as blendHsl, Yt as deriveSessionTitle, Zn as tryOpenBrowser, Zt as isEditErrorResult, _ as turnContextSize, _n as extractEditPayload, _r as modelSupportsReasoning, _t as truncateTrailing, a as computeTurnAnchors, an as selectableTurnIds, at as InteractionsProvider, b as defaultSkillScanPaths, bt as ageString, c as formatToolCall, ct as createInteractionTools, d as useSelectStyle, dn as turnSelectionOwnership, dt as pendingInteractionsFromTurns, ei as buildBuildSystem, en as lastContextSizeFromTurns, er as shouldAutoCompact, et as useMcpAuthState, f as useSurfaces, g as finalizeStreamingMarkdownForOwner, gt as hintsLength, h as finalizeStreamingMarkdown, hr as getContextWindow, ht as clipHintsToWidth, i as turnAsText, j as isOnSafelist, jn as ensureKeybindingsFile, jt as useSettings, k as addToSafelist, kt as SettingsProvider, l as ThemeProvider, ln as toolCallPreview, m as useTheme, mn as buildUnifiedDiff, mt as useInteractionsQueue, n as deleteTurnSafely, o as TOOL_DISPLAY, on as stripSpawnTokensLine, pt as useInteractionsActions, qt as resolveConfig, r as truncateTurnsAt, rn as marginTopFor, rt as splitMarkdownCodeBlocks, s as displayNameFor, sn as sumRunCosts, sr as setProviderCredential, st as buildResumedToolResultsTurn, ti as buildPlanSystem, tn as listSessionMeta, tr as detectAuth, tt as getMcpAuthStatus, u as useColors, un as toolResultText, ut as makeRequestInteraction, v as useStreamBuffer, vn as filetypeFromPath, w as writeSessionExport, wt as listProjectFiles, x as discoverProjectSkills, xr as piIdOf, xt as compactPath, y as buildSkillsConfig, yn as previewEditPayload, yt as generateSessionTitle, z as runOAuthLogin, zn as createSkillsCompletionProvider } from "./turn-operations-D9HvatsR.js";
 import { spawn } from "node:child_process";
 import { Buffer } from "node:buffer";
 import * as fs from "node:fs";
@@ -80,7 +80,7 @@ function useModalAwareFocus(preferred = true) {
 *
 * Uses `useTerminalDimensions()` so it reflows on `SIGWINCH` without remount.
 */
-function Modal({ title, bottomTitle, onClose, disableEscape = false, children, maxWidth = 92, minWidth = 44, maxHeight, horizontalMargin = 4, verticalMargin = 2 }) {
+function Modal({ title, bottomTitle, rightTitle, onClose, disableEscape = false, children, maxWidth = 92, minWidth = 44, maxHeight, horizontalMargin = 4, verticalMargin = 2 }) {
 	const ctx = useContext(ModalContext);
 	const dismiss = onClose ?? ctx?.close;
 	const COLOR = useColors();
@@ -91,7 +91,7 @@ function Modal({ title, bottomTitle, onClose, disableEscape = false, children, m
 	const { width: termWidth, height: termHeight } = useTerminalDimensions();
 	const width = Math.max(minWidth, Math.min(maxWidth, termWidth - horizontalMargin * 2));
 	const height = maxHeight === void 0 ? void 0 : Math.min(maxHeight, Math.max(0, termHeight - verticalMargin * 2));
-	return /* @__PURE__ */ jsx("box", {
+	const panel = /* @__PURE__ */ jsx("box", {
 		title: title ? ` ${title} ` : void 0,
 		bottomTitle: bottomTitle ? ` ${bottomTitle} ` : void 0,
 		bottomTitleAlignment: "right",
@@ -110,6 +110,21 @@ function Modal({ title, bottomTitle, onClose, disableEscape = false, children, m
 		},
 		children
 	});
+	if (rightTitle == null) return panel;
+	return /* @__PURE__ */ jsxs("box", {
+		style: {
+			width,
+			flexDirection: "column"
+		},
+		children: [panel, /* @__PURE__ */ jsx("box", {
+			style: {
+				position: "absolute",
+				top: 0,
+				right: 1
+			},
+			children: rightTitle
+		})]
+	});
 }
 //#endregion
 //#region src/tui/agent-picker.tsx
@@ -923,7 +938,7 @@ function StatusSpinner({ color }) {
 function Transcript({ events, settings, selectedTurnId = null, busy = false }) {
 	const COLOR = useColors();
 	const items = useMemo(() => partitionTranscript(events, settings), [events, settings]);
-	const showThrobber = busy;
+	const showThrobber = busy && settings.showThrobber;
 	const throbberLabel = events.length > 0 && events[events.length - 1].kind === "thinking" ? "Thinking" : void 0;
 	const ownership = useMemo(() => turnSelectionOwnership(events), [events]);
 	const scrollboxRef = useRef(null);
@@ -1145,13 +1160,16 @@ function EventLineImpl({ event, depthOffset = 0 }) {
 					dim: child
 				})
 			});
-			return /* @__PURE__ */ jsx("box", {
+			return /* @__PURE__ */ jsxs("box", {
 				style: row,
-				children: /* @__PURE__ */ jsx(ToolCallBlock, {
+				children: [/* @__PURE__ */ jsx(ToolCallBlock, {
 					event,
 					display: settings.toolCallDisplay === "full" ? "full" : "formatted",
 					dim: child
-				})
+				}), event.tool === "todowrite" && /* @__PURE__ */ jsx(TodoInProgressList, {
+					input: event.input,
+					dim: child
+				})]
 			});
 		case "tool-result": return /* @__PURE__ */ jsx(ToolResultBlock, {
 			text: event.text,
@@ -1644,6 +1662,7 @@ const MarkdownBlock = memo(({ text, dim }) => {
 	const SURFACE = useSurfaces();
 	const mdStyle = useMdStyle();
 	const renderer = useRenderer();
+	const content = text.replace(/^\n+|\n+$/g, "");
 	const bag = useRef({
 		ctx: renderer,
 		colors: COLOR,
@@ -1658,7 +1677,7 @@ const MarkdownBlock = memo(({ text, dim }) => {
 	}, [COLOR, SURFACE]);
 	const renderNode = useMemo(() => makeMarkdownRenderNode(bag), []);
 	return /* @__PURE__ */ jsx("markdown", {
-		content: text,
+		content,
 		syntaxStyle: mdStyle,
 		streaming: true,
 		internalBlockMode: "coalesced",
@@ -1966,6 +1985,43 @@ function ToolCallBlock({ event, display, dim }) {
 		]
 	});
 }
+function TodoInProgressList({ input, dim }) {
+	const COLOR = useColors();
+	const items = useMemo(() => {
+		const raw = input?.todos;
+		if (!Array.isArray(raw)) return [];
+		return raw.flatMap((t) => {
+			if (t == null || typeof t !== "object") return [];
+			const rec = t;
+			if (rec.status !== "in_progress") return [];
+			const id = typeof rec.id === "string" ? rec.id : "";
+			const content = typeof rec.content === "string" ? rec.content : "";
+			if (!id || !content) return [];
+			return [{
+				id,
+				content
+			}];
+		});
+	}, [input]);
+	if (items.length === 0) return null;
+	const glyph = TODO_STATUS_GLYPHS.in_progress;
+	return /* @__PURE__ */ jsx("box", {
+		style: {
+			flexDirection: "column",
+			marginLeft: 2
+		},
+		children: items.map((item) => /* @__PURE__ */ jsxs("text", {
+			wrapMode: "none",
+			children: [/* @__PURE__ */ jsx("span", {
+				fg: COLOR.mute,
+				children: `${glyph} `
+			}), /* @__PURE__ */ jsx("span", {
+				fg: dim ? COLOR.dim : COLOR.warn,
+				children: item.content
+			})]
+		}, item.id))
+	});
+}
 //#endregion
 //#region src/tui/discovery-shell.tsx
 /**
@@ -4160,6 +4216,72 @@ function OptionList({ items, initialCursor, onPick }) {
 	});
 }
 //#endregion
+//#region src/tui/todo-indicator.tsx
+/**
+* Layout budget when truncating the content. The bar never wraps —
+* single-line by contract — so we subtract every column consumed by
+* surrounding chrome before measuring how much room is left for the
+* todo's `content` text.
+*
+*   - 2 cols ⇒ `<ChatScreen>`'s `border: true` (1 cell each side).
+*   - 2 cols ⇒ this indicator's own `paddingLeft: 1 + paddingRight: 1`
+*              (mirrors the queue block's outer padding so the bar
+*              and queue read as aligned siblings).
+*   - 4 cols ⇒ the indicator's own visible chrome: glyph "◐" (1) +
+*              two spaces (2) + 1 col of trailing breathing room.
+*
+* That's 8 cols total of non-content overhead. Below `MIN_VISIBLE_TAIL`
+* the bar bails — a one-or-two-char tail isn't worth painting.
+*/
+const SCREEN_BORDER_COLS = 2;
+const INDICATOR_PADDING_COLS = 2;
+const CHROME_COLS = 4;
+const MIN_VISIBLE_TAIL = 8;
+function truncateForWidth(text, max) {
+	if (max <= 0) return "";
+	if (text.length <= max) return text;
+	if (max <= 1) return "…";
+	return `${text.slice(0, max - 1)}…`;
+}
+function TodoIndicator({ session }) {
+	const { settings } = useSettings();
+	const COLOR = useColors();
+	const { width: termWidth } = useTerminalDimensions();
+	const state = useActiveTodos(session);
+	if (!settings.showTodoIndicator) return null;
+	const item = state.inProgress;
+	if (!item) return null;
+	const usable = Math.max(0, termWidth - SCREEN_BORDER_COLS - INDICATOR_PADDING_COLS - CHROME_COLS);
+	if (usable < MIN_VISIBLE_TAIL) return null;
+	const display = truncateForWidth(item.content.replace(/\s+/g, " ").trim(), usable);
+	return /* @__PURE__ */ jsx("box", {
+		style: {
+			marginTop: 1,
+			flexShrink: 0,
+			flexDirection: "row",
+			paddingLeft: 1,
+			paddingRight: 1
+		},
+		children: /* @__PURE__ */ jsxs("text", {
+			wrapMode: "none",
+			children: [
+				/* @__PURE__ */ jsx("span", {
+					fg: COLOR.warn,
+					children: TODO_STATUS_GLYPHS.in_progress
+				}),
+				/* @__PURE__ */ jsx("span", {
+					fg: COLOR.mute,
+					children: "  "
+				}),
+				/* @__PURE__ */ jsx("span", {
+					fg: COLOR.dim,
+					children: display
+				})
+			]
+		})
+	});
+}
+//#endregion
 //#region src/tui/screens.tsx
 /**
 * Build a key-binding set for the prompt textarea / API-key input. Strips the
@@ -4978,7 +5100,7 @@ const CWD_DISPLAY = compactPath(process.cwd());
 * default-value reference at the prop destructure.
 */
 const EMPTY_QUEUED_MESSAGES = [];
-function ChatScreen({ events, busy, compacting = false, queuedMessages = EMPTY_QUEUED_MESSAGES, queueSelectionIndex = null, queueShortcuts, onEnterQueueFromEmptyPrompt, settings, onSubmit, session, pending, onApproval, pendingInteraction, onInteraction, completionProviders, onPopupOpenChange, selectedTurnId, promptTriggerHints }) {
+function ChatScreen({ events, busy, compacting = false, queuedMessages = EMPTY_QUEUED_MESSAGES, queueSelectionIndex = null, queueShortcuts, onEnterQueueFromEmptyPrompt, settings, onSubmit, session, pending, onApproval, pendingInteraction, onInteraction, completionProviders, onPopupOpenChange, selectedTurnId, promptTriggerHints, liveSession = null }) {
 	const COLOR = useColors();
 	const titleText = session?.title ?? "untitled";
 	const showSessionShortcut = !!session && !busy && !pending && !pendingInteraction;
@@ -5077,20 +5199,24 @@ function ChatScreen({ events, busy, compacting = false, queuedMessages = EMPTY_Q
 			}) : pendingInteraction ? /* @__PURE__ */ jsx(InteractionBlock, {
 				request: pendingInteraction,
 				onResolve: onInteraction
-			}) : /* @__PURE__ */ jsxs(Fragment, { children: [queuedMessages.length > 0 && !completionPopupOpen && /* @__PURE__ */ jsx(QueuedMessagesBlock, {
-				messages: queuedMessages,
-				selectionIndex: queueSelectionIndex,
-				shortcuts: queueShortcuts
-			}), /* @__PURE__ */ jsx(PromptBlock, {
-				userPrompts,
-				onSubmit,
-				completionProviders,
-				onPopupOpenChange: handlePopupOpenChange,
-				selectMode: queueSelectionIndex != null ? "queue" : selectedTurnId != null ? "turn" : null,
-				triggerHints: promptTriggerHints,
-				busy,
-				onEnterQueueFromEmpty: onEnterQueueFromEmptyPrompt
-			})] }),
+			}) : /* @__PURE__ */ jsxs(Fragment, { children: [
+				queuedMessages.length > 0 && !completionPopupOpen && /* @__PURE__ */ jsx(QueuedMessagesBlock, {
+					messages: queuedMessages,
+					selectionIndex: queueSelectionIndex,
+					shortcuts: queueShortcuts
+				}),
+				/* @__PURE__ */ jsx(TodoIndicator, { session: liveSession }),
+				/* @__PURE__ */ jsx(PromptBlock, {
+					userPrompts,
+					onSubmit,
+					completionProviders,
+					onPopupOpenChange: handlePopupOpenChange,
+					selectMode: queueSelectionIndex != null ? "queue" : selectedTurnId != null ? "turn" : null,
+					triggerHints: promptTriggerHints,
+					busy,
+					onEnterQueueFromEmpty: onEnterQueueFromEmptyPrompt
+				})
+			] }),
 			/* @__PURE__ */ jsx(TitleOverlay, {
 				title: titleText,
 				meta: metaSegments
@@ -7276,6 +7402,207 @@ function displayPath$1(path, home) {
 	return path;
 }
 //#endregion
+//#region src/tui/todos-modal.tsx
+/** Floor on the modal height — keeps the header + at least a few rows visible on tiny terminals. */
+const MIN_MODAL_HEIGHT = 12;
+/** Ceiling on the modal height — prevents a giant list from blanket-filling a tall window. */
+const MAX_MODAL_HEIGHT$1 = 36;
+/**
+* Per-status palette for a row — the glyph and the content text pick
+* different tones so a quick scan reads the status from the glyph color
+* while the row content stays in a calm reading tone:
+*
+*   pending      glyph `mute`   · text `dim`     — queued / not yet started
+*   in_progress  glyph `warn`   · text `brand`   — currently working (loudest)
+*   completed    glyph `accent` · text `dim`     — done (success glyph, calm text)
+*   cancelled    glyph `error`  · text `mute`    — explicitly dropped
+*
+* All tokens come from the active theme — a runtime theme switch
+* repaints without touching this component.
+*/
+function statusColors(status, COLOR) {
+	switch (status) {
+		case "in_progress": return {
+			glyph: COLOR.warn,
+			text: COLOR.brand
+		};
+		case "completed": return {
+			glyph: COLOR.accent,
+			text: COLOR.dim
+		};
+		case "cancelled": return {
+			glyph: COLOR.error,
+			text: COLOR.mute
+		};
+		default: return {
+			glyph: COLOR.mute,
+			text: COLOR.dim
+		};
+	}
+}
+function TodoRow({ item, rowId }) {
+	const COLOR = useColors();
+	const colors = statusColors(item.status, COLOR);
+	return /* @__PURE__ */ jsx("box", {
+		id: rowId,
+		style: {
+			flexShrink: 0,
+			flexDirection: "row"
+		},
+		children: /* @__PURE__ */ jsxs("text", {
+			wrapMode: "word",
+			children: [
+				/* @__PURE__ */ jsx("span", {
+					fg: colors.glyph,
+					children: TODO_STATUS_GLYPHS[item.status]
+				}),
+				/* @__PURE__ */ jsx("span", {
+					fg: COLOR.mute,
+					children: "  "
+				}),
+				/* @__PURE__ */ jsx("span", {
+					fg: colors.text,
+					children: item.content
+				})
+			]
+		})
+	});
+}
+function TodosModal({ session, agent }) {
+	const COLOR = useColors();
+	const { height: termHeight } = useTerminalDimensions();
+	const [, setTick] = useState(0);
+	useEffect(() => {
+		if (!agent) return;
+		return agent.hooks.hook("tool:after", (ctx) => {
+			if (ctx.name === "todowrite") setTick((t) => t + 1);
+		});
+	}, [agent]);
+	const state = useActiveTodos(session);
+	const scrollRef = useRef(null);
+	const inProgressId = state.inProgress?.id ?? null;
+	useEffect(() => {
+		if (!inProgressId) return;
+		const sb = scrollRef.current;
+		if (!sb) return;
+		const handle = requestAnimationFrame(() => {
+			sb.scrollChildIntoView(`todo-row-${inProgressId}`);
+		});
+		return () => cancelAnimationFrame(handle);
+	}, [inProgressId]);
+	const idealHeight = Math.floor((termHeight - 4) * .66);
+	const maxHeight = Math.max(MIN_MODAL_HEIGHT, Math.min(MAX_MODAL_HEIGHT$1, idealHeight));
+	const display = state.todos.length > 0 ? state.todos : state.archive;
+	const total = display.length;
+	return /* @__PURE__ */ jsx(Modal, {
+		title: "todos",
+		bottomTitle: total > 0 ? `${total} item${total === 1 ? "" : "s"} · esc close` : "esc close",
+		rightTitle: display.length > 0 ? /* @__PURE__ */ jsx(CountsBadge, { items: display }) : null,
+		maxWidth: 100,
+		maxHeight,
+		children: total === 0 ? /* @__PURE__ */ jsxs("text", { children: [
+			/* @__PURE__ */ jsx("span", {
+				fg: COLOR.mute,
+				children: "(no todos yet — the agent hasn't called "
+			}),
+			/* @__PURE__ */ jsx("span", {
+				fg: COLOR.warn,
+				children: "todowrite"
+			}),
+			/* @__PURE__ */ jsx("span", {
+				fg: COLOR.mute,
+				children: ")"
+			})
+		] }) : /* @__PURE__ */ jsx("box", {
+			style: {
+				flexDirection: "column",
+				flexGrow: 1,
+				flexShrink: 1,
+				overflow: "hidden"
+			},
+			children: /* @__PURE__ */ jsx("scrollbox", {
+				ref: scrollRef,
+				focusable: false,
+				stickyScroll: false,
+				style: {
+					flexGrow: 1,
+					flexShrink: 1
+				},
+				children: display.map((item) => /* @__PURE__ */ jsx(TodoRow, {
+					item,
+					rowId: `todo-row-${item.id}`
+				}, item.id))
+			})
+		})
+	});
+}
+/**
+* Right-aligned top-border badge — "{in-progress} in progress ·
+* {completed} completed". Empty buckets are dropped so a homogeneous
+* list reads cleanly. Status order is fixed (in-progress first, then
+* completed) regardless of which buckets are populated — the badge's
+* shape stays predictable so the eye lands on the live count instantly.
+*/
+function CountsBadge({ items }) {
+	const COLOR = useColors();
+	const counts = {
+		pending: 0,
+		in_progress: 0,
+		completed: 0,
+		cancelled: 0
+	};
+	for (const item of items) counts[item.status] += 1;
+	const parts = [];
+	if (counts.in_progress) parts.push({
+		count: counts.in_progress,
+		label: "in progress",
+		color: COLOR.warn
+	});
+	if (counts.completed) parts.push({
+		count: counts.completed,
+		label: "completed",
+		color: COLOR.accent
+	});
+	if (counts.pending) parts.push({
+		count: counts.pending,
+		label: "pending",
+		color: COLOR.dim
+	});
+	if (counts.cancelled) parts.push({
+		count: counts.cancelled,
+		label: "cancelled",
+		color: COLOR.error
+	});
+	if (parts.length === 0) return null;
+	return /* @__PURE__ */ jsxs("text", {
+		wrapMode: "none",
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				fg: COLOR.mute,
+				children: " "
+			}),
+			parts.map((p, i) => /* @__PURE__ */ jsxs("span", { children: [
+				i > 0 && /* @__PURE__ */ jsx("span", {
+					fg: COLOR.mute,
+					children: " · "
+				}),
+				/* @__PURE__ */ jsx("span", {
+					fg: p.color,
+					children: String(p.count)
+				}),
+				/* @__PURE__ */ jsx("span", {
+					fg: COLOR.mute,
+					children: ` ${p.label}`
+				})
+			] }, p.label)),
+			/* @__PURE__ */ jsx("span", {
+				fg: COLOR.mute,
+				children: " "
+			})
+		]
+	});
+}
+//#endregion
 //#region src/tui/turn-details-modal.tsx
 /** Max chars surfaced in the scrollable preview pane. Long enough that almost everything fits without truncation. */
 const PREVIEW_CHAR_MAX = 8e3;
@@ -9375,6 +9702,13 @@ function AppShell() {
 			}));
 			return;
 		}
+		if (matchesBinding(key, keybindings.openTodos) && screen === "chat" && currentSession) {
+			modal.open(/* @__PURE__ */ jsx(TodosModal, {
+				session: sessionRef.current,
+				agent: agentRef.current
+			}));
+			return;
+		}
 		if (matchesBinding(key, keybindings.enterSelectTurnMode) && screen === "chat" && !busy && !pendingApproval && !pendingInteraction) {
 			enterSelectMode();
 			return;
@@ -9508,6 +9842,7 @@ function AppShell() {
 					settings,
 					onSubmit: onSubmitPrompt,
 					session: currentSession,
+					liveSession: sessionRef.current,
 					pending: pendingApproval,
 					onApproval: resolveHead,
 					pendingInteraction,