zidane 4.1.8 → 4.1.9

package/dist/tui.js

@@ -1,11 +1,211 @@
-import { d as createAgent } from "./tools-C8kDot0H.js";
-import { n as formatTokenUsage } from "./stats-BT9l57RS.js";
-import { n as loadSession, t as createSession } from "./session-Cn68UASv.js";
-import { $ as toolCallPreview, A as isOnSafelist, B as shortId, E as useSafeModeQueue, H as useConfig, I as runOAuthLogin, J as listSessionMeta, K as eventsFromTurns, L as supportsOAuth, O as addToSafelist, P as suggestSafelistEntry, Q as titleFromTurns, R as ageString, T as useSafeModeActions, U as resolveConfig, V as ConfigProvider, Z as stripSpawnTokensLine, c as finalizeStreamingMarkdownForOwner, d as DEFAULT_SETTINGS, et as toolResultText, f as SETTINGS_CHOICES, h as useSettings, i as useSurfaces, k as getSafelist, l as turnContextSize, m as SettingsProvider, n as useColors, o as useTheme, p as SETTINGS_TOGGLES, pt as getContextWindow, q as lastContextSizeFromTurns, r as useSelectStyle, s as finalizeStreamingMarkdown, st as setProviderCredential, t as ThemeProvider, tt as detectAuth, u as useStreamBuffer, v as resolveTheme, w as SafeModeProvider, z as fmtTokens } from "./theme-context-MungM3SY.js";
-import { createContext, memo, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
-import { jsx, jsxs } from "@opentui/react/jsx-runtime";
+import { d as createAgent } from "./tools-BdQENveS.js";
+import { n as formatTokenUsage } from "./stats-DZIsGqzu.js";
+import { n as loadSession, t as createSession } from "./session-B1RN0uoi.js";
+import { createTuiStore } from "./session/sqlite.js";
+import { $ as toolResultText, A as isOnSafelist, B as shortId, E as useSafeModeQueue, G as eventsFromTurns, H as useConfig, I as runOAuthLogin, K as lastContextSizeFromTurns, L as supportsOAuth, O as addToSafelist, P as suggestSafelistEntry, Q as toolCallPreview, R as ageString, T as useSafeModeActions, U as resolveConfig, V as ConfigProvider, X as stripSpawnTokensLine, Z as titleFromTurns, c as finalizeStreamingMarkdownForOwner, d as DEFAULT_SETTINGS, et as detectAuth, f as SETTINGS_CHOICES, ft as getContextWindow, h as useSettings, i as useSurfaces, k as getSafelist, l as turnContextSize, m as SettingsProvider, n as useColors, o as useTheme, ot as setProviderCredential, p as SETTINGS_TOGGLES, q as listSessionMeta, r as useSelectStyle, s as finalizeStreamingMarkdown, t as ThemeProvider, u as useStreamBuffer, v as resolveTheme, w as SafeModeProvider, z as fmtTokens } from "./theme-context-DQM2lx4U.js";
+import { createContext, createElement, memo, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { RGBA, SyntaxStyle, addDefaultParsers, createCliRenderer, defaultTextareaKeyBindings, getTreeSitterClient } from "@opentui/core";
 import { createRoot, useKeyboard, useRenderer, useTerminalDimensions } from "@opentui/react";
+import { jsx, jsxs } from "@opentui/react/jsx-runtime";
+//#region src/tui/modal.tsx
+const ModalContext = createContext(null);
+function ModalRoot({ children }) {
+	const [active, setActive] = useState(null);
+	const api = useMemo(() => ({
+		open: (node) => setActive(node),
+		close: () => setActive(null),
+		get isOpen() {
+			return active !== null;
+		}
+	}), [active]);
+	return /* @__PURE__ */ jsxs(ModalContext.Provider, {
+		value: api,
+		children: [/* @__PURE__ */ jsx("box", {
+			style: {
+				flexDirection: "column",
+				flexGrow: 1
+			},
+			children
+		}), active && /* @__PURE__ */ jsx("box", {
+			style: {
+				position: "absolute",
+				top: 0,
+				left: 0,
+				right: 0,
+				bottom: 0,
+				alignItems: "center",
+				justifyContent: "center",
+				zIndex: 100
+			},
+			children: active
+		})]
+	});
+}
+function useModal() {
+	const ctx = useContext(ModalContext);
+	if (!ctx) throw new Error("useModal must be used inside <ModalRoot>");
+	return ctx;
+}
+/**
+* Focus computed against the modal layer.
+*
+* Pass a component's preferred focus state and this returns `false` whenever a
+* modal is open — so focused inputs (textarea, selects) release their focus and
+* stop intercepting keys behind the overlay. Pair with `focusable={false}` on
+* "passive" focusables (scrollbox) so the renderer doesn't cycle focus into
+* them when the primary input blurs.
+*/
+function useModalAwareFocus(preferred = true) {
+	const { isOpen } = useModal();
+	return preferred && !isOpen;
+}
+/**
+* Responsive modal — picks a width based on the live terminal size.
+*
+* - On a wide terminal, the modal grows to `maxWidth` so descriptions sit on
+*   one line and don't wrap.
+* - On a narrow terminal, the modal shrinks down to `minWidth`, keeping a
+*   small horizontal margin from the screen edges. Text inside wraps naturally.
+*
+* Uses `useTerminalDimensions()` so it reflows on `SIGWINCH` without remount.
+*/
+function Modal({ title, onClose, children, maxWidth = 92, minWidth = 44, horizontalMargin = 4 }) {
+	const ctx = useContext(ModalContext);
+	const dismiss = onClose ?? ctx?.close;
+	const COLOR = useColors();
+	const SURFACE = useSurfaces();
+	useKeyboard((key) => {
+		if (key.name === "escape") dismiss?.();
+	});
+	const { width: termWidth } = useTerminalDimensions();
+	const width = Math.max(minWidth, Math.min(maxWidth, termWidth - horizontalMargin * 2));
+	return /* @__PURE__ */ jsx("box", {
+		title: title ? ` ${title} ` : void 0,
+		style: {
+			border: true,
+			borderColor: COLOR.borderActive,
+			backgroundColor: SURFACE.modal,
+			paddingTop: 1,
+			paddingBottom: 1,
+			paddingLeft: 2,
+			paddingRight: 2,
+			width,
+			flexDirection: "column",
+			gap: 1
+		},
+		children
+	});
+}
+//#endregion
+//#region src/tui/agent-picker.tsx
+/** Cap the scroll window — a long custom registry shouldn't push the modal off-screen. */
+const VISIBLE_ROW_CAP$1 = 10;
+/**
+* Modal that lists the registered {@link AgentProfile}s and lets the user
+* pick one. Rows show: `● selected · label  description`.
+*
+* The accent column is intentionally compact (single-char marker) — the
+* profile's `accent` color is read from the active theme so Build and Plan
+* stand apart at a glance without taking horizontal space.
+*
+* Used by `App` (Ctrl+A binding) and exported for hosts that want to drive
+* agent switching from elsewhere in their own composition.
+*/
+function AgentPickerModal({ agents, currentAgentId, onPick }) {
+	const COLOR = useColors();
+	const SELECT_THEME = useSelectStyle();
+	const profiles = useMemo(() => Object.values(agents), [agents]);
+	const initialIndex = useMemo(() => profiles.findIndex((p) => p.id === currentAgentId), [profiles, currentAgentId]);
+	const options = useMemo(() => profiles.map((p) => ({
+		name: `${p.id === currentAgentId ? "● " : "  "}${p.label}`,
+		description: p.description,
+		value: p.id
+	})), [profiles, currentAgentId]);
+	if (profiles.length === 0) return /* @__PURE__ */ jsx(EmptyState$2, {});
+	const visibleRows = Math.min(options.length, VISIBLE_ROW_CAP$1);
+	const currentMissing = initialIndex < 0;
+	const safeIndex = currentMissing ? 0 : initialIndex;
+	return /* @__PURE__ */ jsxs(Modal, {
+		title: "select agent",
+		children: [
+			currentMissing && /* @__PURE__ */ jsx("text", {
+				fg: COLOR.warn,
+				children: `Current agent "${currentAgentId}" is not in this registry — pick one below.`
+			}),
+			/* @__PURE__ */ jsx("select", {
+				...SELECT_THEME,
+				focused: true,
+				options,
+				wrapSelection: true,
+				selectedIndex: safeIndex,
+				showScrollIndicator: options.length > visibleRows,
+				style: { height: visibleRows },
+				onSelect: (_idx, option) => {
+					if (option) onPick(option.value);
+				}
+			}),
+			/* @__PURE__ */ jsxs("text", {
+				fg: COLOR.mute,
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						fg: COLOR.warn,
+						children: "↑↓"
+					}),
+					" navigate · ",
+					/* @__PURE__ */ jsx("span", {
+						fg: COLOR.warn,
+						children: "↵"
+					}),
+					" select · ",
+					/* @__PURE__ */ jsx("span", {
+						fg: COLOR.warn,
+						children: "esc"
+					}),
+					" close"
+				]
+			})
+		]
+	});
+}
+function EmptyState$2() {
+	const COLOR = useColors();
+	return /* @__PURE__ */ jsxs(Modal, {
+		title: "select agent",
+		children: [/* @__PURE__ */ jsx("text", {
+			fg: COLOR.dim,
+			children: "No agents registered."
+		}), /* @__PURE__ */ jsxs("text", {
+			fg: COLOR.mute,
+			children: [
+				"Pass an",
+				/* @__PURE__ */ jsx("span", {
+					fg: COLOR.model,
+					children: " agents "
+				}),
+				"registry to",
+				/* @__PURE__ */ jsx("span", {
+					fg: COLOR.model,
+					children: " runTui({ agents }) "
+				}),
+				"to populate this list."
+			]
+		})]
+	});
+}
+/**
+* Resolve a profile's `accent` token to a concrete theme color via the
+* caller's color palette. Exposed for the Footer badge so all surfaces
+* stay in sync with the picker's row tinting.
+*/
+function accentColor(accent, COLOR) {
+	switch (accent) {
+		case "brand": return COLOR.brand;
+		case "warn": return COLOR.warn;
+		case "model": return COLOR.model;
+		default: return COLOR.accent;
+	}
+}
+//#endregion
 //#region src/tui/theme.ts
 /**
 * Convert the renderer-agnostic `Theme.syntax` map (hex strings + plain
@@ -29,14 +229,25 @@ function buildMdStyle(theme) {
 	}
 	return SyntaxStyle.fromStyles(styles);
 }
+const MdStyleContext = createContext(null);
+function MdStyleProvider({ children }) {
+	const theme = useTheme();
+	const style = useMemo(() => buildMdStyle(theme), [theme]);
+	return createElement(MdStyleContext.Provider, { value: style }, children);
+}
 /**
-* Active markdown / syntax-highlighting style, memoized per theme. Reading
-* this in a component subscribes it to theme changes — a `Settings.theme`
-* flip immediately re-renders the affected `<markdown>` instances.
+* Active markdown / syntax-highlighting style. Returns a single shared
+* `SyntaxStyle` instance for the active theme — built once at provider
+* mount, re-built on theme switch. A `Settings.theme` flip re-paints every
+* `<markdown>` that reads this hook.
+*
+* Throws if used outside `<MdStyleProvider>` so a missing wiring shows up
+* loudly in development rather than silently rendering plain text.
 */
 function useMdStyle() {
-	const theme = useTheme();
-	return useMemo(() => buildMdStyle(theme), [theme]);
+	const style = useContext(MdStyleContext);
+	if (!style) throw new Error("useMdStyle must be used inside <MdStyleProvider>");
+	return style;
 }
 //#endregion
 //#region src/tui/components.tsx
@@ -69,9 +280,27 @@ const EventLine = memo(({ event, previous, depthOffset = 0 }) => /* @__PURE__ */
 function onInputSubmit(handler) {
 	return handler;
 }
-function Footer({ hints, picked, context }) {
-	const COLOR = useColors();
-	return /* @__PURE__ */ jsxs("box", {
+/**
+* Footer status bar. Renders as a single row when the terminal is wide enough,
+* otherwise stacks into two rows (agent + hints + provider on top, context
+* bottom-right) and falls back to one segment per row at terminal widths
+* where even that overflows. The width tiering is driven by plain-text
+* length estimates of each segment — close enough since the segments are
+* ASCII-heavy and worst case we under-estimate the breakpoint by a few cells.
+*
+* Agent badge is **always rendered first** so the active profile (Build /
+* Plan / host-custom) is the anchor on the left edge of every layout tier.
+*/
+function Footer({ hints, picked, agent, context }) {
+	const { width } = useTerminalDimensions();
+	const inner = Math.max(0, width - 2);
+	const hW = hintsLength(hints);
+	const aW = agent ? agentBadgeLength(agent) : 0;
+	const pW = picked ? providerBadgeLength(picked) : 0;
+	const cW = context ? contextIndicatorLength(context) : 0;
+	const oneRowFits = aW + hW + pW + (cW > 0 ? cW + 1 : 0) <= inner;
+	const leftRowFits = aW + hW + pW <= inner;
+	if (oneRowFits) return /* @__PURE__ */ jsxs("box", {
 		style: {
 			flexDirection: "row",
 			height: 1,
@@ -79,36 +308,154 @@ function Footer({ hints, picked, context }) {
 			paddingRight: 1
 		},
 		children: [
-			/* @__PURE__ */ jsx("text", {
-				fg: COLOR.dim,
-				children: hints.map((h, i) => /* @__PURE__ */ jsxs("span", { children: [
-					i > 0 && /* @__PURE__ */ jsx("span", {
-						fg: COLOR.mute,
-						children: " · "
-					}),
-					/* @__PURE__ */ jsx("span", {
-						fg: COLOR.warn,
-						children: h.key
-					}),
-					/* @__PURE__ */ jsx("span", {
-						fg: COLOR.dim,
-						children: ` ${h.label}`
-					})
-				] }, i))
+			agent && /* @__PURE__ */ jsx(AgentBadge, {
+				agent,
+				position: "leading"
 			}),
+			/* @__PURE__ */ jsx(HintsText, { hints }),
 			picked && /* @__PURE__ */ jsx(ProviderBadge, { picked }),
 			/* @__PURE__ */ jsx("box", { style: { flexGrow: 1 } }),
 			context && /* @__PURE__ */ jsx(ContextIndicator, { context })
 		]
 	});
+	if (leftRowFits) return /* @__PURE__ */ jsxs("box", {
+		style: {
+			flexDirection: "column",
+			paddingLeft: 1,
+			paddingRight: 1
+		},
+		children: [/* @__PURE__ */ jsxs("box", {
+			style: {
+				flexDirection: "row",
+				height: 1
+			},
+			children: [
+				agent && /* @__PURE__ */ jsx(AgentBadge, {
+					agent,
+					position: "leading"
+				}),
+				/* @__PURE__ */ jsx(HintsText, { hints }),
+				picked && /* @__PURE__ */ jsx(ProviderBadge, { picked })
+			]
+		}), context && /* @__PURE__ */ jsxs("box", {
+			style: {
+				flexDirection: "row",
+				height: 1
+			},
+			children: [/* @__PURE__ */ jsx("box", { style: { flexGrow: 1 } }), /* @__PURE__ */ jsx(ContextIndicator, { context })]
+		})]
+	});
+	return /* @__PURE__ */ jsxs("box", {
+		style: {
+			flexDirection: "column",
+			paddingLeft: 1,
+			paddingRight: 1
+		},
+		children: [
+			agent && /* @__PURE__ */ jsx("box", {
+				style: {
+					flexDirection: "row",
+					height: 1
+				},
+				children: /* @__PURE__ */ jsx(AgentBadge, {
+					agent,
+					position: "standalone"
+				})
+			}),
+			/* @__PURE__ */ jsx("box", {
+				style: {
+					flexDirection: "row",
+					height: 1
+				},
+				children: /* @__PURE__ */ jsx(HintsText, { hints })
+			}),
+			picked && /* @__PURE__ */ jsx("box", {
+				style: {
+					flexDirection: "row",
+					height: 1
+				},
+				children: /* @__PURE__ */ jsx(ProviderBadge, {
+					picked,
+					standalone: true
+				})
+			}),
+			context && /* @__PURE__ */ jsx("box", {
+				style: {
+					flexDirection: "row",
+					height: 1
+				},
+				children: /* @__PURE__ */ jsx(ContextIndicator, { context })
+			})
+		]
+	});
+}
+function HintsText({ hints }) {
+	const COLOR = useColors();
+	return /* @__PURE__ */ jsx("text", {
+		fg: COLOR.dim,
+		children: hints.map((h, i) => /* @__PURE__ */ jsxs("span", { children: [
+			i > 0 && /* @__PURE__ */ jsx("span", {
+				fg: COLOR.mute,
+				children: " · "
+			}),
+			/* @__PURE__ */ jsx("span", {
+				fg: COLOR.warn,
+				children: h.key
+			}),
+			/* @__PURE__ */ jsx("span", {
+				fg: COLOR.dim,
+				children: ` ${h.label}`
+			})
+		] }, i))
+	});
+}
+/**
+* Colored badge for the active {@link AgentProfile}. The badge anchors the
+* left edge of the bottom bar so the current mode (Build / Plan / host
+* custom) is the first thing the eye lands on. Accent color comes from
+* the profile's `accent` token, resolved against the active theme via
+* `accentColor()` so picker rows and footer tinting stay in sync.
+*
+* Two render positions:
+*
+*   - `leading` (default) — in-row at the very start. Renders just the
+*     label and a trailing ` · ` separator, e.g. `Build · `. Tight,
+*     prominent, and visually distinct from the surrounding hint text.
+*   - `standalone` — one-row-per-segment fallback for narrow terminals.
+*     Renders `agent <label>` with no separators so the row reads
+*     correctly on its own.
+*/
+function AgentBadge({ agent, position = "leading" }) {
+	const COLOR = useColors();
+	const fg = accentColor(agent.accent, COLOR);
+	if (position === "standalone") return /* @__PURE__ */ jsxs("text", {
+		fg: COLOR.dim,
+		children: [/* @__PURE__ */ jsx("span", {
+			fg: COLOR.mute,
+			children: "agent "
+		}), /* @__PURE__ */ jsx("span", {
+			fg,
+			children: agent.label
+		})]
+	});
+	return /* @__PURE__ */ jsxs("text", {
+		fg: COLOR.dim,
+		children: [/* @__PURE__ */ jsx("span", {
+			fg,
+			children: agent.label
+		}), /* @__PURE__ */ jsx("span", {
+			fg: COLOR.mute,
+			children: " · "
+		})]
+	});
 }
-function ProviderBadge({ picked }) {
+function ProviderBadge({ picked, standalone = false }) {
 	const COLOR = useColors();
 	const source = picked.provider.methods[0].source;
 	return /* @__PURE__ */ jsxs("text", {
 		fg: COLOR.dim,
 		children: [
-			/* @__PURE__ */ jsx("span", {
+			!standalone && /* @__PURE__ */ jsx("span", {
 				fg: COLOR.mute,
 				children: " · "
 			}),
@@ -162,6 +509,22 @@ function ContextIndicator({ context }) {
 		]
 	});
 }
+function hintsLength(hints) {
+	if (hints.length === 0) return 0;
+	return hints.reduce((sum, h, i) => sum + h.key.length + 1 + h.label.length + (i > 0 ? 3 : 0), 0);
+}
+function providerBadgeLength(picked) {
+	const source = picked.provider.methods[0].source;
+	return 3 + picked.provider.label.length + 3 + picked.model.length + 3 + source.length;
+}
+function agentBadgeLength(agent) {
+	return agent.label.length + 3;
+}
+function contextIndicatorLength(context) {
+	const ratio = context.max > 0 ? context.used / context.max : 0;
+	const pct = Math.round(ratio * 100);
+	return 4 + fmtTokens(context.used).length + 3 + fmtTokens(context.max).length + 2 + String(pct).length + 2;
+}
 const SPINNER_FRAMES = [
 	"⠋",
 	"⠙",
@@ -575,96 +938,6 @@ function ToolResultBlock({ text, indent }) {
 	});
 }
 //#endregion
-//#region src/tui/modal.tsx
-const ModalContext = createContext(null);
-function ModalRoot({ children }) {
-	const [active, setActive] = useState(null);
-	const api = useMemo(() => ({
-		open: (node) => setActive(node),
-		close: () => setActive(null),
-		get isOpen() {
-			return active !== null;
-		}
-	}), [active]);
-	return /* @__PURE__ */ jsxs(ModalContext.Provider, {
-		value: api,
-		children: [/* @__PURE__ */ jsx("box", {
-			style: {
-				flexDirection: "column",
-				flexGrow: 1
-			},
-			children
-		}), active && /* @__PURE__ */ jsx("box", {
-			style: {
-				position: "absolute",
-				top: 0,
-				left: 0,
-				right: 0,
-				bottom: 0,
-				alignItems: "center",
-				justifyContent: "center",
-				zIndex: 100
-			},
-			children: active
-		})]
-	});
-}
-function useModal() {
-	const ctx = useContext(ModalContext);
-	if (!ctx) throw new Error("useModal must be used inside <ModalRoot>");
-	return ctx;
-}
-/**
-* Focus computed against the modal layer.
-*
-* Pass a component's preferred focus state and this returns `false` whenever a
-* modal is open — so focused inputs (textarea, selects) release their focus and
-* stop intercepting keys behind the overlay. Pair with `focusable={false}` on
-* "passive" focusables (scrollbox) so the renderer doesn't cycle focus into
-* them when the primary input blurs.
-*/
-function useModalAwareFocus(preferred = true) {
-	const { isOpen } = useModal();
-	return preferred && !isOpen;
-}
-/**
-* Responsive modal — picks a width based on the live terminal size.
-*
-* - On a wide terminal, the modal grows to `maxWidth` so descriptions sit on
-*   one line and don't wrap.
-* - On a narrow terminal, the modal shrinks down to `minWidth`, keeping a
-*   small horizontal margin from the screen edges. Text inside wraps naturally.
-*
-* Uses `useTerminalDimensions()` so it reflows on `SIGWINCH` without remount.
-*/
-function Modal({ title, onClose, children, maxWidth = 92, minWidth = 44, horizontalMargin = 4 }) {
-	const ctx = useContext(ModalContext);
-	const dismiss = onClose ?? ctx?.close;
-	const COLOR = useColors();
-	const SURFACE = useSurfaces();
-	useKeyboard((key) => {
-		if (key.name === "escape") dismiss?.();
-	});
-	const { width: termWidth } = useTerminalDimensions();
-	const width = Math.max(minWidth, Math.min(maxWidth, termWidth - horizontalMargin * 2));
-	return /* @__PURE__ */ jsx("box", {
-		title: title ? ` ${title} ` : void 0,
-		style: {
-			border: true,
-			borderColor: COLOR.borderActive,
-			backgroundColor: SURFACE.modal,
-			paddingTop: 1,
-			paddingBottom: 1,
-			paddingLeft: 2,
-			paddingRight: 2,
-			width,
-			flexDirection: "column",
-			gap: 1
-		},
-		children
-	});
-}
-//#endregion
 //#region src/tui/model-picker.tsx
 /** Cap the visible scroll window so a 30-model list doesn't push the modal off-screen. */
 const VISIBLE_ROW_CAP = 12;
@@ -1722,7 +1995,7 @@ function ThemedShell() {
 	const { settings } = useSettings();
 	return /* @__PURE__ */ jsx(ThemeProvider, {
 		theme: useMemo(() => resolveTheme(settings.theme), [settings.theme]),
-		children: /* @__PURE__ */ jsx(SafeModeProvider, { children: /* @__PURE__ */ jsx(ModalRoot, { children: /* @__PURE__ */ jsx(AppShell, {}) }) })
+		children: /* @__PURE__ */ jsx(MdStyleProvider, { children: /* @__PURE__ */ jsx(SafeModeProvider, { children: /* @__PURE__ */ jsx(ModalRoot, { children: /* @__PURE__ */ jsx(AppShell, {}) }) }) })
 	});
 }
 function AppShell() {
@@ -1732,9 +2005,11 @@ function AppShell() {
 	const { settings } = useSettings();
 	const queue = useSafeModeQueue();
 	const { requestApproval, resolveHead, denyAll } = useSafeModeActions();
-	const { providers: providerRegistry, preset, store, stateStore, modelsFor, resumeProvider, initialPicked, initialState } = config;
+	const { providers: providerRegistry, agents: agentRegistry, initialAgentId, store, stateStore, modelsFor, resumeProvider, initialPicked, initialState } = config;
 	const lastResumedSessionId = initialState.lastSessionId;
 	const dataDir = config.paths.dir;
+	const [pickedAgent, setPickedAgent] = useState(() => agentRegistry[initialAgentId] ?? Object.values(agentRegistry)[0]);
+	const pickedAgentRef = useRef(pickedAgent);
 	const safeModeEnabledRef = useRef(settings.safeMode);
 	useEffect(() => {
 		safeModeEnabledRef.current = settings.safeMode;
@@ -1804,8 +2079,9 @@ function AppShell() {
 	const buildAgent = useCallback((session, key) => {
 		const descriptor = providerRegistry[key];
 		if (!descriptor) throw new Error(`No provider registered for key "${key}"`);
+		const profile = pickedAgentRef.current;
 		const agent = createAgent({
-			...preset,
+			...profile.preset,
 			provider: descriptor.factory(),
 			session
 		});
@@ -1911,7 +2187,6 @@ function AppShell() {
 		return agent;
 	}, [
 		providerRegistry,
-		preset,
 		stream,
 		gateDecision
 	]);
@@ -1921,11 +2196,21 @@ function AppShell() {
 		return list;
 	}, [store]);
 	const teardown = useCallback(async () => {
+		try {
+			denyAll();
+		} catch (err) {
+			debugLog("teardown: denyAll failed", err);
+		}
+		try {
+			agentRef.current?.abort();
+		} catch (err) {
+			debugLog("teardown: agent.abort failed", err);
+		}
 		stream.reset();
 		await agentRef.current?.destroy().catch((err) => debugLog("agent.destroy failed", err));
 		agentRef.current = null;
 		sessionRef.current = null;
-	}, [stream]);
+	}, [stream, denyAll]);
 	const activateSession = useCallback(async (id, key) => {
 		await teardown();
 		const session = (id ? await loadSession(store, id) : null) ?? await createSession({
@@ -1935,7 +2220,7 @@ function AppShell() {
 		sessionRef.current = session;
 		agentRef.current = buildAgent(session, key);
 		setEvents(eventsFromTurns(session.turns, session.runs));
-		setLastInputTokens(lastContextSizeFromTurns(session.turns));
+		setLastInputTokens(lastContextSizeFromTurns(session.turns, session.runs));
 		setCurrentSession({
 			id: session.id,
 			title: titleFromTurns(session.turns) ?? "untitled",
@@ -2029,11 +2314,39 @@ function AppShell() {
 		});
 		modal.close();
 	}, [modal, stateStore]);
+	const onPickAgent = useCallback(async (id) => {
+		const profile = agentRegistry[id];
+		if (!profile) return;
+		pickedAgentRef.current = profile;
+		setPickedAgent(profile);
+		stateStore.save({
+			...stateStore.load(),
+			lastAgent: id
+		});
+		modal.close();
+		if (picked && currentSession && !busy) await activateSession(currentSession.id, picked.provider.key);
+	}, [
+		agentRegistry,
+		picked,
+		currentSession,
+		busy,
+		activateSession,
+		stateStore,
+		modal
+	]);
+	const onCycleAgent = useCallback(async () => {
+		const ids = Object.keys(agentRegistry);
+		if (ids.length <= 1) return;
+		const nextId = ids[(ids.indexOf(pickedAgentRef.current.id) + 1) % ids.length];
+		await onPickAgent(nextId);
+	}, [agentRegistry, onPickAgent]);
+	const eventsLengthRef = useRef(0);
+	eventsLengthRef.current = events.length;
 	const onSubmitPrompt = useCallback(async (prompt) => {
 		const agent = agentRef.current;
 		const session = sessionRef.current;
 		if (!agent || !session || !picked || !prompt.trim()) return;
-		if (events.length > 0) stream.appendImmediate({
+		if (eventsLengthRef.current > 0) stream.appendImmediate({
 			kind: "separator",
 			text: ""
 		});
@@ -2063,16 +2376,18 @@ function AppShell() {
 			stream.flushAndUpdate(finalizeStreamingMarkdown);
 			setBusy(false);
 		}
-	}, [
-		picked,
-		events.length,
-		stream
-	]);
+	}, [picked, stream]);
+	const pendingApproval = queue[0] ?? null;
 	const onReauth = useCallback(() => {
+		if (busy || pendingApproval) return;
 		modal.close();
 		setScreen("auth");
-	}, [modal]);
-	const pendingApproval = queue[0] ?? null;
+	}, [
+		modal,
+		busy,
+		pendingApproval
+	]);
+	const hasMultipleAgents = useMemo(() => Object.keys(agentRegistry).length > 1, [agentRegistry]);
 	useKeyboard((key) => {
 		if (modal.isOpen) return;
 		if (key.ctrl && key.name === "," && screen !== "auth") {
@@ -2087,6 +2402,18 @@ function AppShell() {
 			}));
 			return;
 		}
+		if (key.ctrl && key.name === "a" && screen === "chat" && hasMultipleAgents && !busy) {
+			modal.open(/* @__PURE__ */ jsx(AgentPickerModal, {
+				agents: agentRegistry,
+				currentAgentId: pickedAgent.id,
+				onPick: onPickAgent
+			}));
+			return;
+		}
+		if (key.shift && key.name === "tab" && screen === "chat" && hasMultipleAgents && !busy) {
+			onCycleAgent();
+			return;
+		}
 		if (key.name !== "escape") return;
 		if (busy || pendingApproval) return onAbort();
 		if (screen === "chat") return onOpenSessions();
@@ -2101,11 +2428,12 @@ function AppShell() {
 		}
 		renderer.destroy();
 	});
-	const hints = useMemo(() => buildHints(screen, busy, !!pendingApproval, currentSession), [
+	const hints = useMemo(() => buildHints(screen, busy, !!pendingApproval, currentSession, hasMultipleAgents), [
 		screen,
 		busy,
 		pendingApproval,
-		currentSession
+		currentSession,
+		hasMultipleAgents
 	]);
 	const contextUsage = useMemo(() => {
 		if (screen !== "chat" || !picked) return null;
@@ -2158,11 +2486,12 @@ function AppShell() {
 		}), /* @__PURE__ */ jsx(Footer, {
 			hints,
 			picked,
+			agent: screen === "chat" && hasMultipleAgents ? pickedAgent : null,
 			context: contextUsage
 		})]
 	});
 }
-function buildHints(screen, busy, pending, currentSession) {
+function buildHints(screen, busy, pending, currentSession, hasMultipleAgents) {
 	if (pending) return [
 		{
 			key: "↑↓",
@@ -2218,6 +2547,10 @@ function buildHints(screen, busy, pending, currentSession) {
 			key: "↵",
 			label: "send"
 		},
+		...hasMultipleAgents ? [{
+			key: "shift+tab",
+			label: "agent"
+		}] : [],
 		{
 			key: "ctrl+m",
 			label: "model"
@@ -2363,7 +2696,7 @@ let runTuiInvoked = false;
 * to `runTui({ storageDir, prefix })`.
 *
 * ```ts
-* import { BUILTIN_PROVIDERS } from 'zidane/chat'
+* import { BUILTIN_AGENTS, BUILTIN_PROVIDERS } from 'zidane/chat'
 * import { runTui } from 'zidane/tui'
 * import { createRemoteStore } from 'zidane/session'  // for the `store` option
 *
@@ -2372,6 +2705,7 @@ let runTuiInvoked = false;
 * await runTui({ storageDir: '/data', prefix: 'myapp' })
 * await runTui({ providers: { ...BUILTIN_PROVIDERS, mine: myDescriptor } })
 * await runTui({ store: createRemoteStore({ url: '…' }) })
+* await runTui({ agents: { ...BUILTIN_AGENTS, debug: myDebugProfile } })
 * ```
 */
 async function runTui(options = {}) {
@@ -2381,19 +2715,23 @@ async function runTui(options = {}) {
 		const cause = err instanceof Error ? err.message : String(err);
 		process.stderr.write(`[zidane/tui] tree-sitter setup failed: ${cause}\n`);
 	});
-	const config = resolveConfig(options);
+	const config = resolveConfig({
+		...options,
+		store: options.store ?? ((paths) => createTuiStore(paths.db))
+	});
 	let done = () => {};
 	const exited = new Promise((resolve) => {
 		done = resolve;
 	});
 	createRoot(await createCliRenderer({
 		exitOnCtrlC: true,
-		onDestroy: () => done()
+		onDestroy: () => done(),
+		debounceDelay: 0
 	})).render(/* @__PURE__ */ jsx(App, { config }));
 	await exited;
 	process.exit(0);
 }
 //#endregion
-export { App, AuthScreen, ChatScreen, Footer, Modal, ModalRoot, ModelPickerModal, SessionsScreen, SettingsModal, Spinner, Transcript, buildMdStyle, isVisible, marginTopFor, onInputSubmit, runTui, useMdStyle, useModal, useModalAwareFocus };
+export { AgentPickerModal, App, AuthScreen, ChatScreen, Footer, Modal, ModalRoot, ModelPickerModal, SessionsScreen, SettingsModal, Spinner, Transcript, accentColor, buildMdStyle, isVisible, marginTopFor, onInputSubmit, runTui, useMdStyle, useModal, useModalAwareFocus };
 
 //# sourceMappingURL=tui.js.map