zidane 5.0.3 → 5.0.5

package/dist/tui.js

@@ -2,7 +2,7 @@ import { d as createAgent } from "./tools-CLazLRb4.js";
 import { n as formatTokenUsage } from "./stats-DZIsGqzu.js";
 import { n as loadSession, t as createSession } from "./session-791hhrFa.js";
 import { createTuiStore } from "./session/sqlite.js";
-import { C as useSafeModeQueue, Ct as findGitRoot, D as isOnSafelist, E as getSafelist, Et as uniqueSkillNamesFromReferences, F as supportsOAuth, Ft as detectAuth, G as shortId, H as ageString, I as buildMcpServers, J as DEFAULT_SETTINGS, K as listProjectFiles, N as splitPromptSegments, Ot as createFilesCompletionProvider, P as runOAuthLogin, Pt as useCompletion, Q as useSettings, R as discoverProjectMcps, S as useSafeModeActions, St as toolResultText, T as addToSafelist, Tt as createSkillsCompletionProvider, U as compactPath, V as generateSessionTitle, Vt as setProviderCredential, W as fmtTokens, X as SETTINGS_TOGGLES, Y as SETTINGS_CHOICES, Z as SettingsProvider, _ as discoverProjectSkills, a as ThemeProvider, b as writeSessionExport, c as useSurfaces, ct as ConfigProvider, d as finalizeStreamingMarkdown, f as finalizeStreamingMarkdownForOwner, ft as deriveSessionTitle, g as defaultSkillScanPaths, h as buildSkillsConfig, ht as listSessionMeta, i as turnAsText, j as suggestSafelistEntry, lt as useConfig, m as useStreamBuffer, mt as lastContextSizeFromTurns, n as deleteTurnSafely, nt as resolveTheme, o as useColors, p as turnContextSize, pt as eventsFromTurns, q as useEnabledToggleSet, qt as getContextWindow, r as truncateTurnsAt, s as useSelectStyle, tt as resolveChipColor, u as useTheme, ut as resolveConfig, vt as selectableTurnIds, x as SafeModeProvider, xt as toolCallPreview, yt as stripSpawnTokensLine } from "./turn-operations-CHS2Prne.js";
+import { $ as SETTINGS_TOGGLES, C as useSafeModeQueue, D as isOnSafelist, E as getSafelist, Et as findGitRoot, F as supportsOAuth, G as ageString, I as buildModelCatalog, J as shortId, K as compactPath, L as filterModelCatalog, Lt as useCompletion, N as splitPromptSegments, Ot as createSkillsCompletionProvider, P as runOAuthLogin, Q as SETTINGS_CHOICES, Qt as modelSupportsReasoning, R as indexOfEntry, Rt as detectAuth, S as useSafeModeActions, St as stripSpawnTokensLine, T as addToSafelist, Tt as toolResultText, V as discoverProjectMcps, W as generateSessionTitle, Wt as setProviderCredential, X as useEnabledToggleSet, Xt as getContextWindow, Y as listProjectFiles, Z as DEFAULT_SETTINGS, _ as discoverProjectSkills, _t as lastContextSizeFromTurns, a as ThemeProvider, at as resolveTheme, b as writeSessionExport, c as useSurfaces, d as finalizeStreamingMarkdown, dt as ConfigProvider, et as SettingsProvider, f as finalizeStreamingMarkdownForOwner, ft as useConfig, g as defaultSkillScanPaths, gt as eventsFromTurns, h as buildSkillsConfig, ht as deriveSessionTitle, i as turnAsText, it as resolveChipColor, j as suggestSafelistEntry, jt as createFilesCompletionProvider, kt as uniqueSkillNamesFromReferences, m as useStreamBuffer, n as deleteTurnSafely, nn as piIdOf, o as useColors, p as turnContextSize, pt as resolveConfig, q as fmtTokens, r as truncateTurnsAt, s as useSelectStyle, tt as useSettings, u as useTheme, vt as listSessionMeta, wt as toolCallPreview, x as SafeModeProvider, xt as selectableTurnIds, z as buildMcpServers } from "./turn-operations-DZ3TrljX.js";
 import { Buffer } from "node:buffer";
 import { createContext, createElement, memo, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { RGBA, SyntaxStyle, addDefaultParsers, createCliRenderer, defaultTextareaKeyBindings, getTreeSitterClient } from "@opentui/core";
@@ -108,7 +108,7 @@ function Modal({ title, bottomTitle, onClose, disableEscape = false, children, m
 //#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;
+const VISIBLE_ROW_CAP = 10;
 /**
 * Modal that lists the registered {@link AgentProfile}s and lets the user
 * pick one. Rows show: `● selected · label  description`.
@@ -130,8 +130,8 @@ function AgentPickerModal({ agents, currentAgentId, onPick }) {
 		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);
+	if (profiles.length === 0) return /* @__PURE__ */ jsx(EmptyState$1, {});
+	const visibleRows = Math.min(options.length, VISIBLE_ROW_CAP);
 	const currentMissing = initialIndex < 0;
 	const safeIndex = currentMissing ? 0 : initialIndex;
 	return /* @__PURE__ */ jsxs(Modal, {
@@ -176,7 +176,7 @@ function AgentPickerModal({ agents, currentAgentId, onPick }) {
 		]
 	});
 }
-function EmptyState$2() {
+function EmptyState$1() {
 	const COLOR = useColors();
 	return /* @__PURE__ */ jsxs(Modal, {
 		title: "select agent",
@@ -474,9 +474,17 @@ function renderHintSpans(hints, COLOR) {
 			fg: h.keyColor ?? COLOR.warn,
 			children: h.key
 		}),
+		h.extra && /* @__PURE__ */ jsx("span", {
+			fg: h.extra.keyColor ?? COLOR.mute,
+			children: h.extra.key
+		}),
 		/* @__PURE__ */ jsx("span", {
 			fg: h.labelColor ?? COLOR.dim,
 			children: ` ${h.label}`
+		}),
+		h.extra && /* @__PURE__ */ jsx("span", {
+			fg: h.extra.labelColor ?? COLOR.dim,
+			children: ` ${h.extra.label}`
 		})
 	] }, i));
 }
@@ -645,7 +653,11 @@ function truncateTrailing(text, max) {
 */
 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);
+	return hints.reduce((sum, h, i) => {
+		const base = h.key.length + 1 + h.label.length;
+		const extra = h.extra ? h.extra.key.length + 1 + h.extra.label.length : 0;
+		return sum + base + extra + (i > 0 ? 3 : 0);
+	}, 0);
 }
 function contextIndicatorLength(context) {
 	const ratio = context.max > 0 ? context.used / context.max : 0;
@@ -721,7 +733,7 @@ function Transcript({ events, settings, selectedTurnId = null }) {
 		});
 		return () => cancelAnimationFrame(handle);
 	}, [selectedTurnId, anchors]);
-	if (items.length === 0) return /* @__PURE__ */ jsx(EmptyState$1, {});
+	if (items.length === 0) return /* @__PURE__ */ jsx(EmptyState, {});
 	return /* @__PURE__ */ jsx("scrollbox", {
 		ref: scrollboxRef,
 		focusable: false,
@@ -893,7 +905,7 @@ function SubagentBlock({ events, previous, selectedTurnId = null, anchorIds }) {
 		}, i))
 	});
 }
-function EmptyState$1() {
+function EmptyState() {
 	return /* @__PURE__ */ jsx("box", {
 		style: {
 			flexGrow: 1,
@@ -1203,6 +1215,192 @@ function ToolResultBlock({ text, indent }) {
 	});
 }
 //#endregion
+//#region src/tui/effort-picker.tsx
+const BASE_LEVELS = [
+	{
+		id: "off",
+		description: "no reasoning — fastest, smallest output"
+	},
+	{
+		id: "minimal",
+		description: "tiny reasoning budget (gpt-5 family)"
+	},
+	{
+		id: "low",
+		description: "short reasoning pass"
+	},
+	{
+		id: "medium",
+		description: "balanced — sensible default"
+	},
+	{
+		id: "high",
+		description: "deep reasoning — slowest, longest"
+	}
+];
+const ADAPTIVE_LEVEL = {
+	id: "adaptive",
+	description: "model decides per-turn (Anthropic)"
+};
+function EffortPickerModal({ current, supportsAdaptive, onPick }) {
+	const COLOR = useColors();
+	const SURFACE = useSurfaces();
+	const inputRef = useRef(null);
+	const [query, setQuery] = useState("");
+	const levels = useMemo(() => {
+		return (supportsAdaptive ? [...BASE_LEVELS, ADAPTIVE_LEVEL] : BASE_LEVELS).map((l) => ({
+			...l,
+			searchCorpus: `${l.id} ${l.description}`.toLowerCase()
+		}));
+	}, [supportsAdaptive]);
+	const filtered = useMemo(() => {
+		const trimmed = query.trim().toLowerCase();
+		if (!trimmed) return levels;
+		const terms = trimmed.split(/\s+/);
+		return levels.filter((l) => terms.every((t) => l.searchCorpus.includes(t)));
+	}, [levels, query]);
+	const [selectedIdx, setSelectedIdx] = useState(() => {
+		const idx = levels.findIndex((l) => l.id === current);
+		if (idx >= 0) return idx;
+		const fallback = levels.findIndex((l) => l.id === "medium");
+		return fallback < 0 ? 0 : fallback;
+	});
+	const handleQueryChange = useCallback((next) => {
+		setQuery(next);
+		setSelectedIdx(0);
+	}, []);
+	const safeIndex = filtered.length === 0 ? 0 : Math.min(selectedIdx, filtered.length - 1);
+	const commit = () => {
+		const row = filtered[safeIndex];
+		if (row) onPick(row.id);
+	};
+	useEffect(() => {
+		inputRef.current?.focus();
+	}, []);
+	useKeyboard((key) => {
+		if (key.name === "up") {
+			setSelectedIdx((i) => Math.max(0, i - 1));
+			return;
+		}
+		if (key.name === "down") {
+			setSelectedIdx((i) => Math.min(filtered.length - 1, i + 1));
+			return;
+		}
+		if (key.name === "return") commit();
+	});
+	return /* @__PURE__ */ jsxs(Modal, {
+		title: "select reasoning effort",
+		maxWidth: 80,
+		children: [
+			/* @__PURE__ */ jsx("box", {
+				style: {
+					border: true,
+					borderColor: COLOR.borderActive,
+					paddingLeft: 1,
+					paddingRight: 1,
+					height: 3
+				},
+				children: /* @__PURE__ */ jsx("input", {
+					ref: inputRef,
+					focused: true,
+					placeholder: "search effort levels…",
+					onInput: handleQueryChange,
+					onSubmit: () => {},
+					style: { flexGrow: 1 }
+				})
+			}),
+			/* @__PURE__ */ jsx("box", {
+				style: {
+					flexDirection: "column",
+					flexShrink: 0
+				},
+				children: filtered.length === 0 ? /* @__PURE__ */ jsxs("text", {
+					fg: COLOR.dim,
+					children: [/* @__PURE__ */ jsx("span", {
+						fg: COLOR.mute,
+						children: "no levels match "
+					}), /* @__PURE__ */ jsx("span", {
+						fg: COLOR.warn,
+						children: query.trim()
+					})]
+				}) : filtered.map((level, i) => /* @__PURE__ */ jsx(EffortRow, {
+					level,
+					isCurrent: level.id === current,
+					isFocused: i === safeIndex,
+					highlightBg: SURFACE.selection
+				}, level.id))
+			}),
+			/* @__PURE__ */ jsxs("text", {
+				fg: COLOR.dim,
+				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 · ",
+					/* @__PURE__ */ jsx("span", {
+						fg: COLOR.mute,
+						children: `${filtered.length} / ${levels.length} level${levels.length === 1 ? "" : "s"}`
+					})
+				]
+			})
+		]
+	});
+}
+/**
+* Single row in the picker. Mirrors `ModelRow` in `model-picker.tsx`:
+* `●` marker for the current pick, single-space middle-dot separators,
+* focused row gets the `surfaces.selection` background lift.
+*/
+function EffortRow({ level, isCurrent, isFocused, highlightBg }) {
+	const COLOR = useColors();
+	const marker = isCurrent ? "●" : " ";
+	return /* @__PURE__ */ jsx("box", {
+		style: {
+			height: 1,
+			paddingLeft: 1,
+			paddingRight: 1,
+			flexShrink: 0,
+			backgroundColor: isFocused ? highlightBg : void 0
+		},
+		children: /* @__PURE__ */ jsxs("text", {
+			wrapMode: "none",
+			children: [
+				/* @__PURE__ */ jsx("span", {
+					fg: isCurrent ? COLOR.brand : COLOR.mute,
+					children: marker
+				}),
+				/* @__PURE__ */ jsx("span", {
+					fg: COLOR.mute,
+					children: " "
+				}),
+				/* @__PURE__ */ jsx("span", {
+					fg: isFocused ? COLOR.brand : COLOR.dim,
+					children: level.id
+				}),
+				/* @__PURE__ */ jsx("span", {
+					fg: COLOR.mute,
+					children: " · "
+				}),
+				/* @__PURE__ */ jsx("span", {
+					fg: COLOR.mute,
+					children: level.description
+				})
+			]
+		})
+	});
+}
+//#endregion
 //#region src/tui/toggle-list-modal.tsx
 /**
 * Generic list-with-checkboxes modal. Powers both the Skills and MCP
@@ -1365,50 +1563,134 @@ function McpsSettingsModal({ catalog }) {
 }
 //#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;
 /**
-* Modal that lists the available models for the current provider and lets
-* the user pick one. Options come from the active `ProviderDescriptor` —
-* either its declared `models` list or, when absent, pi-ai's built-in
-* registry looked up via `piProviderId`.
+* Cross-provider, searchable model picker.
+*
+* The picker unions every available provider's models into one flat
+* catalog, lets the user filter with a typed query, and returns both
+* the chosen provider and model id on commit. Pick a model from a
+* different provider than the current one and the caller is expected
+* to swap the active `ProviderAuth` + rebuild the agent — see
+* `app.tsx`'s `onPickModel` for the canonical wiring.
 *
-* Each row shows: `● selected · name (ctx N · reasoning · vision)`.
+* Geometry:
+*   - Top: single-row search input. The input owns focus so the user
+*     can type immediately; ↑/↓/↵/⎋ are intercepted before the input's
+*     text handler sees them so navigation works without losing focus.
+*   - Middle: windowed list of catalog rows around the current
+*     selection. Each row shows the model name (or id) in brand color,
+*     the provider label in dim, and a compact capability suffix
+*     (`ctx 200k · reasoning · vision`).
+*   - Bottom: shortcut hint row.
+*
+* Empty states:
+*   - No available providers → "no providers configured" notice.
+*   - Query has no matches → "no matches" row, keep the search input
+*     live so the user can backspace out.
 */
-function ModelPickerModal({ models, currentModelId, onPick }) {
+/** Visible rows in the windowed list. Keeps the modal a stable size on long catalogs. */
+const VISIBLE_ROWS = 10;
+function ModelPickerModal({ providers, modelsFor, current, onPick }) {
 	const COLOR = useColors();
-	const SELECT_THEME = useSelectStyle();
-	const initialIndex = useMemo(() => models.findIndex((m) => m.id === currentModelId), [models, currentModelId]);
-	const options = useMemo(() => models.map((m) => ({
-		name: `${m.id === currentModelId ? "● " : "  "}${m.name ?? m.id}`,
-		description: describeModel(m),
-		value: m.id
-	})), [models, currentModelId]);
-	if (models.length === 0) return /* @__PURE__ */ jsx(EmptyState, {});
-	const visibleRows = Math.min(options.length, VISIBLE_ROW_CAP);
-	const currentMissing = initialIndex < 0;
-	const safeIndex = currentMissing ? 0 : initialIndex;
+	const SURFACE = useSurfaces();
+	const inputRef = useRef(null);
+	const [query, setQuery] = useState("");
+	useEffect(() => {
+		inputRef.current?.focus();
+	}, []);
+	const catalog = useMemo(() => buildModelCatalog({
+		providers,
+		modelsFor,
+		current
+	}), [
+		providers,
+		modelsFor,
+		current
+	]);
+	const filtered = useMemo(() => filterModelCatalog(catalog, query), [catalog, query]);
+	const [selectedIdx, setSelectedIdx] = useState(() => Math.max(0, indexOfEntry(catalog, current)));
+	const handleQueryChange = useCallback((next) => {
+		setQuery(next);
+		setSelectedIdx(0);
+	}, []);
+	const safeIndex = filtered.length === 0 ? 0 : Math.min(selectedIdx, filtered.length - 1);
+	const commit = () => {
+		const row = filtered[safeIndex];
+		if (row) onPick({
+			providerKey: row.providerKey,
+			modelId: row.model.id
+		});
+	};
+	const viewport = useMemo(() => {
+		if (filtered.length <= VISIBLE_ROWS) return {
+			start: 0,
+			slice: filtered
+		};
+		const half = Math.floor(VISIBLE_ROWS / 2);
+		let start = Math.max(0, safeIndex - half);
+		if (start + VISIBLE_ROWS > filtered.length) start = filtered.length - VISIBLE_ROWS;
+		return {
+			start,
+			slice: filtered.slice(start, start + VISIBLE_ROWS)
+		};
+	}, [filtered, safeIndex]);
+	useKeyboard((key) => {
+		if (key.name === "up") {
+			setSelectedIdx((i) => Math.max(0, i - 1));
+			return;
+		}
+		if (key.name === "down") {
+			setSelectedIdx((i) => Math.min(filtered.length - 1, i + 1));
+			return;
+		}
+		if (key.name === "return") commit();
+	});
+	if (providers.length === 0) return /* @__PURE__ */ jsx(EmptyProvidersState, {});
 	return /* @__PURE__ */ jsxs(Modal, {
 		title: "select model",
+		maxWidth: 100,
 		children: [
-			currentMissing && /* @__PURE__ */ jsx("text", {
-				fg: COLOR.warn,
-				children: `Current model "${currentModelId}" is not in this registry — pick one below to switch.`
+			/* @__PURE__ */ jsx("box", {
+				style: {
+					border: true,
+					borderColor: COLOR.borderActive,
+					paddingLeft: 1,
+					paddingRight: 1,
+					height: 3
+				},
+				children: /* @__PURE__ */ jsx("input", {
+					ref: inputRef,
+					focused: true,
+					placeholder: "search models — provider, name, capability…",
+					onInput: handleQueryChange,
+					onSubmit: () => {},
+					style: { flexGrow: 1 }
+				})
 			}),
-			/* @__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__ */ jsx("box", {
+				style: {
+					flexDirection: "column",
+					height: VISIBLE_ROWS,
+					flexShrink: 0
+				},
+				children: filtered.length === 0 ? /* @__PURE__ */ jsxs("text", {
+					fg: COLOR.dim,
+					children: [/* @__PURE__ */ jsx("span", {
+						fg: COLOR.mute,
+						children: "no models match "
+					}), /* @__PURE__ */ jsx("span", {
+						fg: COLOR.warn,
+						children: query.trim()
+					})]
+				}) : viewport.slice.map((entry, i) => /* @__PURE__ */ jsx(ModelRow, {
+					entry,
+					isCurrent: entry.providerKey === current.providerKey && entry.model.id === current.modelId,
+					isFocused: viewport.start + i === safeIndex,
+					highlightBg: SURFACE.selection
+				}, `${entry.providerKey}:${entry.model.id}`))
 			}),
 			/* @__PURE__ */ jsxs("text", {
-				fg: COLOR.mute,
+				fg: COLOR.dim,
 				children: [
 					/* @__PURE__ */ jsx("span", {
 						fg: COLOR.warn,
@@ -1424,38 +1706,94 @@ function ModelPickerModal({ models, currentModelId, onPick }) {
 						fg: COLOR.warn,
 						children: "esc"
 					}),
-					" close"
+					" close · ",
+					/* @__PURE__ */ jsx("span", {
+						fg: COLOR.mute,
+						children: `${filtered.length} / ${catalog.length} model${catalog.length === 1 ? "" : "s"}`
+					})
 				]
 			})
 		]
 	});
 }
-function EmptyState() {
+/**
+* Single row in the picker. Renders the model name in `brand`, the
+* provider tag in `dim`, and the capability suffix in `mute`. The
+* focused row gets a subtle selection background (same surface as
+* select-turn mode in the transcript) so it pops without a separate
+* marker glyph competing with the `●` "current" indicator.
+*/
+function ModelRow({ entry, isCurrent, isFocused, highlightBg }) {
+	const COLOR = useColors();
+	const marker = isCurrent ? "●" : " ";
+	return /* @__PURE__ */ jsx("box", {
+		style: {
+			height: 1,
+			paddingLeft: 1,
+			paddingRight: 1,
+			flexShrink: 0,
+			backgroundColor: isFocused ? highlightBg : void 0
+		},
+		children: /* @__PURE__ */ jsxs("text", {
+			wrapMode: "none",
+			children: [
+				/* @__PURE__ */ jsx("span", {
+					fg: isCurrent ? COLOR.brand : COLOR.mute,
+					children: marker
+				}),
+				/* @__PURE__ */ jsx("span", {
+					fg: COLOR.mute,
+					children: " "
+				}),
+				/* @__PURE__ */ jsx("span", {
+					fg: isFocused ? COLOR.brand : COLOR.dim,
+					children: entry.model.name ?? entry.model.id
+				}),
+				/* @__PURE__ */ jsx("span", {
+					fg: COLOR.mute,
+					children: " · "
+				}),
+				/* @__PURE__ */ jsx("span", {
+					fg: COLOR.model,
+					children: entry.providerLabel
+				}),
+				/* @__PURE__ */ jsx("span", {
+					fg: COLOR.mute,
+					children: " · "
+				}),
+				/* @__PURE__ */ jsx("span", {
+					fg: COLOR.mute,
+					children: describeModel(entry.model)
+				})
+			]
+		})
+	});
+}
+function EmptyProvidersState() {
 	const COLOR = useColors();
 	return /* @__PURE__ */ jsxs(Modal, {
 		title: "select model",
 		children: [/* @__PURE__ */ jsx("text", {
 			fg: COLOR.dim,
-			children: "No models available for this provider."
+			children: "No authed providers — configure one via"
 		}), /* @__PURE__ */ jsxs("text", {
-			fg: COLOR.mute,
+			fg: COLOR.dim,
 			children: [
-				"Set",
 				/* @__PURE__ */ jsx("span", {
 					fg: COLOR.model,
-					children: " models "
+					children: " settings → re-configure providers"
 				}),
-				"on the provider descriptor (or a",
+				" or ",
 				/* @__PURE__ */ jsx("span", {
 					fg: COLOR.model,
-					children: " piProviderId "
+					children: "esc → sessions → settings"
 				}),
-				"that pi-ai recognizes) to populate this list."
+				" first."
 			]
 		})]
 	});
 }
-/** "ctx 200k · reasoning · vision" — compact per-model description. */
+/** "ctx 200k · reasoning · vision" — compact capability blurb. */
 function describeModel(m) {
 	const parts = [`ctx ${fmtTokens(m.contextWindow)}`];
 	if (m.reasoning) parts.push("reasoning");
@@ -4031,6 +4369,7 @@ function AppShell() {
 	const SURFACE = useSurfaces();
 	const queue = useSafeModeQueue();
 	const { requestApproval, resolveHead, denyAll } = useSafeModeActions();
+	const pendingApproval = queue[0] ?? null;
 	const { providers: providerRegistry, agents: agentRegistry, initialAgentId, store, stateStore, modelsFor, resumeProvider, initialPicked, initialState } = config;
 	const lastResumedSessionId = initialState.lastSessionId;
 	const dataDir = config.paths.userDir;
@@ -4160,9 +4499,15 @@ function AppShell() {
 		const descriptor = providerRegistry[provider.key];
 		if (!descriptor) return null;
 		const remembered = initialState.lastModelByProvider?.[provider.key];
-		return {
+		const model = modelId ?? remembered ?? descriptor.defaultModel ?? descriptor.factory().meta.defaultModel;
+		const effort = effortForModel(descriptor, model, initialState.lastEffortByModel);
+		return effort ? {
+			provider,
+			model,
+			effort
+		} : {
 			provider,
-			model: modelId ?? remembered ?? descriptor.defaultModel ?? descriptor.factory().meta.defaultModel
+			model
 		};
 	}, [providerRegistry, initialState]);
 	const buildAgent = useCallback((session, key) => {
@@ -4391,6 +4736,13 @@ function AppShell() {
 		settings.showAllProjects,
 		sessionProjectRoot
 	]);
+	const [availableProviders, setAvailableProviders] = useState([]);
+	const refreshAvailableProviders = useCallback(() => {
+		setAvailableProviders(detectAuth(config.paths.userDir, providerRegistry).filter((p) => p.available));
+	}, [config.paths.userDir, providerRegistry]);
+	useEffect(() => {
+		refreshAvailableProviders();
+	}, [refreshAvailableProviders]);
 	const onPickProvider = useCallback(async (p) => {
 		const next = makePicked(p);
 		if (!next) return;
@@ -4399,13 +4751,15 @@ function AppShell() {
 			...stateStore.load(),
 			lastProvider: p.key
 		});
+		refreshAvailableProviders();
 		if ((await refreshSessions()).length === 0) await activateSession(null, p.key);
 		else setScreen("sessions");
 	}, [
 		refreshSessions,
 		activateSession,
 		makePicked,
-		stateStore
+		stateStore,
+		refreshAvailableProviders
 	]);
 	const onCreateSession = useCallback(async () => {
 		if (picked) await activateSession(null, picked.provider.key);
@@ -4426,24 +4780,87 @@ function AppShell() {
 		denyAll();
 		agentRef.current?.abort();
 	}, [denyAll]);
-	const onPickModel = useCallback((modelId) => {
+	/**
+	* Pick a `{ providerKey, modelId }` tuple from the cross-provider
+	* model picker. Two branches:
+	*
+	*   - **Same provider, different model** — update `picked.model` +
+	*     remember it in `lastModelByProvider`. The active agent keeps
+	*     running; `agent.run({ model })` accepts the model per-call so
+	*     no session rebuild is needed.
+	*   - **Different provider** — swap the active `ProviderAuth`,
+	*     persist BOTH `lastProvider` + `lastModelByProvider`, then
+	*     re-activate the current session against the new provider's
+	*     factory. The session id (and conversation history) is
+	*     preserved; only the bound agent + provider instance change.
+	*
+	* Either branch re-resolves the reasoning effort: a non-reasoning
+	* model loses its `effort`, a reasoning model gets the remembered
+	* per-model value (falling back to a sensible default).
+	*/
+	const onPickModel = useCallback(async (next) => {
+		const nextProvider = availableProviders.find((p) => p.key === next.providerKey);
+		if (!nextProvider) {
+			debugLog("onPickModel: unknown provider key", next.providerKey);
+			modal.close();
+			return;
+		}
+		const descriptor = providerRegistry[nextProvider.key];
+		const prior = stateStore.load();
+		const providerChanged = picked?.provider.key !== nextProvider.key;
+		stateStore.save({
+			...prior,
+			...providerChanged ? { lastProvider: nextProvider.key } : {},
+			lastModelByProvider: {
+				...prior.lastModelByProvider,
+				[nextProvider.key]: next.modelId
+			}
+		});
+		const nextEffort = descriptor ? effortForModel(descriptor, next.modelId, prior.lastEffortByModel) : void 0;
+		setPicked(nextEffort ? {
+			provider: nextProvider,
+			model: next.modelId,
+			effort: nextEffort
+		} : {
+			provider: nextProvider,
+			model: next.modelId
+		});
+		modal.close();
+		if (providerChanged && currentSession && !busy && !pendingApproval) await activateSession(currentSession.id, nextProvider.key);
+	}, [
+		availableProviders,
+		providerRegistry,
+		stateStore,
+		modal,
+		picked,
+		currentSession,
+		busy,
+		pendingApproval,
+		activateSession
+	]);
+	const onPickEffort = useCallback((effort) => {
 		setPicked((prev) => {
 			if (!prev) return prev;
 			const prior = stateStore.load();
 			stateStore.save({
 				...prior,
-				lastModelByProvider: {
-					...prior.lastModelByProvider,
-					[prev.provider.key]: modelId
+				lastEffortByModel: {
+					...prior.lastEffortByModel,
+					[prev.model]: effort
 				}
 			});
 			return {
 				...prev,
-				model: modelId
+				effort
 			};
 		});
 		modal.close();
 	}, [modal, stateStore]);
+	const modelHasReasoning = useMemo(() => {
+		if (!picked) return false;
+		const descriptor = providerRegistry[picked.provider.key];
+		return !!descriptor && modelSupportsReasoning(descriptor, picked.model);
+	}, [picked, providerRegistry]);
 	const onPickAgent = useCallback(async (id) => {
 		const profile = agentRegistry[id];
 		if (!profile) return;
@@ -4500,7 +4917,8 @@ function AppShell() {
 		try {
 			await agent.run({
 				model: picked.model,
-				prompt
+				prompt,
+				...picked.effort ? { thinking: picked.effort } : {}
 			});
 			await session.save().catch((err) => debugLog("session.save failed", err));
 			setCurrentSession((prev) => prev ? {
@@ -4521,7 +4939,6 @@ function AppShell() {
 			setBusy(false);
 		}
 	}, [picked, stream]);
-	const pendingApproval = queue[0] ?? null;
 	const onReauth = useMemo(() => {
 		if (busy || pendingApproval) return void 0;
 		return () => {
@@ -4792,7 +5209,7 @@ function AppShell() {
 			}
 			return;
 		}
-		if (key.ctrl && key.name === "," && screen !== "auth") {
+		if (key.ctrl && key.name === "o" && screen !== "auth") {
 			modal.open(/* @__PURE__ */ jsx(SettingsModal, { actions: {
 				onReauth,
 				onOpenSkills: onOpenSkillsSettings,
@@ -4812,12 +5229,25 @@ function AppShell() {
 		}
 		if (key.ctrl && key.name === "m" && screen === "chat" && picked && !busy) {
 			modal.open(/* @__PURE__ */ jsx(ModelPickerModal, {
-				models: modelsFor(picked.provider.key),
-				currentModelId: picked.model,
+				providers: availableProviders,
+				modelsFor,
+				current: {
+					providerKey: picked.provider.key,
+					modelId: picked.model
+				},
 				onPick: onPickModel
 			}));
 			return;
 		}
+		if (key.ctrl && key.name === "n" && screen === "chat" && picked && !busy && modelHasReasoning) {
+			const descriptor = providerRegistry[picked.provider.key];
+			modal.open(/* @__PURE__ */ jsx(EffortPickerModal, {
+				current: picked.effort,
+				supportsAdaptive: !!descriptor && piIdOf(descriptor) === "anthropic",
+				onPick: onPickEffort
+			}));
+			return;
+		}
 		if (key.ctrl && key.name === "s" && screen === "chat" && !busy && !pendingApproval) {
 			enterSelectMode();
 			return;
@@ -4848,6 +5278,9 @@ function AppShell() {
 		hasMultipleAgents,
 		modelLabel: picked?.model ?? null,
 		modelColor: COLOR.model,
+		effortLabel: modelHasReasoning ? picked?.effort ?? "medium" : null,
+		effortColor: COLOR.warn,
+		effortKeyColor: COLOR.warn,
 		agentLabel: pickedAgent.label,
 		agentColor: accentColor(pickedAgent.accent, COLOR)
 	}), [
@@ -4858,7 +5291,8 @@ function AppShell() {
 		hasMultipleAgents,
 		picked,
 		pickedAgent,
-		COLOR
+		COLOR,
+		modelHasReasoning
 	]);
 	const promptTriggerHints = useMemo(() => {
 		const out = [];
@@ -4941,12 +5375,25 @@ function AppShell() {
 	});
 }
 /**
+* Resolve the reasoning effort to seed `Picked.effort` for the given model.
+* Returns `undefined` when the model has no reasoning knob; otherwise the
+* per-model remembered value, defaulting to `'medium'` (sensible middle
+* ground when the user has never picked an explicit effort for this model).
+*/
+function effortForModel(descriptor, modelId, remembered) {
+	if (!modelSupportsReasoning(descriptor, modelId)) return void 0;
+	return remembered?.[modelId] ?? "medium";
+}
+/**
 * Build the footer's shortcut hints for the current screen. On the chat
 * screen the model id rides next to its `ctrl+m` shortcut and the agent
 * label rides next to `shift+tab`, each in its accent color — the bar
-* doubles as the status display without needing separate badges.
+* doubles as the status display without needing separate badges. When
+* the active model exposes reasoning, the `ctrl+m` hint grows a
+* secondary `/n` chord with the current effort label, surfacing the
+* effort picker as a discoverable, in-place affordance.
 */
-function buildHints({ screen, busy, pending, currentSession, hasMultipleAgents, modelLabel, modelColor, agentLabel, agentColor }) {
+function buildHints({ screen, busy, pending, currentSession, hasMultipleAgents, modelLabel, modelColor, effortLabel, effortColor, effortKeyColor, agentLabel, agentColor }) {
 	if (pending) return [
 		{
 			key: "↑↓",
@@ -4993,7 +5440,7 @@ function buildHints({ screen, busy, pending, currentSession, hasMultipleAgents,
 			label: "session"
 		},
 		{
-			key: "ctrl+,",
+			key: "ctrl+o",
 			label: "settings"
 		},
 		{
@@ -5001,23 +5448,30 @@ function buildHints({ screen, busy, pending, currentSession, hasMultipleAgents,
 			label: currentSession ? "back" : "exit"
 		}
 	];
+	const modelHint = modelLabel ? {
+		key: "ctrl+m",
+		label: modelLabel,
+		labelColor: modelColor,
+		...effortLabel ? { extra: {
+			key: "/n",
+			keyColor: effortKeyColor,
+			label: effortLabel,
+			labelColor: effortColor
+		} } : {}
+	} : null;
 	return [
 		...hasMultipleAgents ? [{
 			key: "shift+tab",
 			label: agentLabel,
 			labelColor: agentColor
 		}] : [],
-		...modelLabel ? [{
-			key: "ctrl+m",
-			label: modelLabel,
-			labelColor: modelColor
-		}] : [],
+		...modelHint ? [modelHint] : [],
 		...currentSession ? [{
 			key: "ctrl+x",
 			label: "session"
 		}] : [],
 		{
-			key: "ctrl+,",
+			key: "ctrl+o",
 			label: "settings"
 		},
 		{