zidane 5.1.12 → 5.1.13

package/dist/tui.js

@@ -1,15 +1,16 @@
-import { S as resolvePersistDir, b as cleanupPersistedSession, d as createAgent } from "./tools-BoHVy2UM.js";
+import { S as resolvePersistDir, b as cleanupPersistedSession, d as createAgent } from "./tools-BG2wMa3X.js";
 import { s as McpOAuthProvider, t as connectMcpServers } from "./mcp-CUt-N8zn.js";
-import { C as summaryToTurn, a as selectFilesFromSession, r as buildPostCompactAttachments, s as compactConversation, t as loginMcpServer } from "./login-CQNaKTLJ.js";
+import { C as summaryToTurn, a as selectFilesFromSession, r as buildPostCompactAttachments, s as compactConversation, t as loginMcpServer } from "./login-Cc6Q-Fpu.js";
 import { n as formatTokenUsage } from "./stats-DgOvY7wd.js";
-import { n as loadSession, t as createSession } from "./session-pS4Vt4dl.js";
+import { n as loadSession, t as createSession } from "./session-DtLD1Sl1.js";
 import { createTuiStore } from "./session/sqlite.js";
-import { $ as getMcpAuthStatus, $t as toolResultText, A as isOnSafelist, An as tryOpenBrowser, B as filterModelCatalog, Bt as eventsFromTurns, C as writeSessionExport, Cn as createFilesCompletionProvider, Ct as SettingsProvider, E as useSafeModeQueue, Ft as ConfigProvider, Gt as listSessionMeta, H as buildMcpServers, Ht as isTurnHighlighted, I as splitPromptSegments, It as useConfig, Jn as modelSupportsReasoning, Kn as getContextWindow, L as runOAuthLogin, Lt as resolveConfig, Mn as detectAuth, O as addToSafelist, Ot as resolveChipColor, P as suggestSafelistEntry, Q as useMcpAuthState, Qn as piIdOf, Qt as toolCallPreview, R as supportsOAuth, Rn as setProviderCredential, St as SETTINGS_TOGGLES, T as useSafeModeActions, Tt as useSettings, Ut as isVisible, V as indexOfEntry, Vt as isEditErrorResult, W as discoverProjectMcps, Wt as lastContextSizeFromTurns, X as McpAuthProvider, Xt as stripSpawnTokensLine, Yt as selectableTurnIds, Z as useMcpAuthDispatch, _ as useStreamBuffer, _t as shortId, a as TOOL_DISPLAY, an as filetypeFromPath, at as createInteractionTools, b as discoverProjectSkills, bn as createSkillsCompletionProvider, bt as DEFAULT_SETTINGS, c as ThemeProvider, cn as findGitRoot, ct as pendingInteractionsFromTurns, d as useSurfaces, dt as useInteractionsQueue, en as turnSelectionOwnership, fn as ensureKeybindingsFile, g as turnContextSize, gr as buildPlanSystem, gt as fmtTokens, h as finalizeStreamingMarkdownForOwner, hr as buildBuildSystem, ht as compactPath, i as turnAsText, in as extractEditPayload, ir as accentColor, it as buildResumedToolResultsTurn, jn as shouldAutoCompact, k as getSafelist, kn as useCompletion, kt as resolveTheme, l as useColors, m as finalizeStreamingMarkdown, mn as matchesBinding, mt as ageString, n as deleteTurnSafely, nt as InteractionsProvider, o as displayNameFor, p as useTheme, pt as generateSessionTitle, q as createFileMcpCredentialStore, qt as marginTopFor, r as truncateTurnsAt, s as formatToolCall, st as makeRequestInteraction, tn as buildUnifiedDiff, u as useSelectStyle, ut as useInteractionsActions, v as buildSkillsConfig, vt as listProjectFiles, w as SafeModeProvider, wt as clampFps, xn as uniqueSkillNamesFromReferences, xt as SETTINGS_CHOICES, y as defaultSkillScanPaths, yt as useEnabledToggleSet, z as buildModelCatalog, zt as deriveSessionTitle } from "./turn-operations-BMGp7jXI.js";
+import { $ as getMcpAuthStatus, $t as toolCallPreview, A as isOnSafelist, B as filterModelCatalog, Bn as setProviderCredential, Bt as eventsFromTurns, C as writeSessionExport, Cn as uniqueSkillNamesFromReferences, Ct as SettingsProvider, E as useSafeModeQueue, Ft as ConfigProvider, Gt as listSessionMeta, H as buildMcpServers, Ht as isTurnHighlighted, I as splitPromptSegments, It as useConfig, Jn as getContextWindow, L as runOAuthLogin, Lt as resolveConfig, Mn as tryOpenBrowser, Nn as shouldAutoCompact, O as addToSafelist, Ot as resolveChipColor, P as suggestSafelistEntry, Pn as detectAuth, Q as useMcpAuthState, R as supportsOAuth, Sn as createSkillsCompletionProvider, St as SETTINGS_TOGGLES, T as useSafeModeActions, Tn as createFilesCompletionProvider, Tt as useSettings, Ut as isVisible, V as indexOfEntry, Vt as isEditErrorResult, W as discoverProjectMcps, Wt as lastContextSizeFromTurns, X as McpAuthProvider, Xn as modelSupportsReasoning, Xt as stripSpawnTokensLine, Yt as selectableTurnIds, Z as useMcpAuthDispatch, Zt as sumRunCosts, _ as useStreamBuffer, _t as shortId, a as TOOL_DISPLAY, at as createInteractionTools, b as discoverProjectSkills, br as buildPlanSystem, bt as DEFAULT_SETTINGS, c as ThemeProvider, ct as pendingInteractionsFromTurns, d as useSurfaces, dt as useInteractionsQueue, en as toolResultText, er as piIdOf, g as turnContextSize, gn as matchesBinding, gt as fmtTokens, h as finalizeStreamingMarkdownForOwner, ht as compactPath, i as turnAsText, it as buildResumedToolResultsTurn, jn as useCompletion, k as getSafelist, kt as resolveTheme, l as useColors, m as finalizeStreamingMarkdown, mn as ensureKeybindingsFile, mt as ageString, n as deleteTurnSafely, nn as buildContextualDiff, nt as InteractionsProvider, o as displayNameFor, on as extractEditPayload, or as accentColor, p as useTheme, pt as generateSessionTitle, q as createFileMcpCredentialStore, qt as marginTopFor, r as truncateTurnsAt, rn as buildUnifiedDiff, s as formatToolCall, sn as filetypeFromPath, st as makeRequestInteraction, tn as turnSelectionOwnership, u as useSelectStyle, un as findGitRoot, ut as useInteractionsActions, v as buildSkillsConfig, vt as listProjectFiles, w as SafeModeProvider, wt as clampFps, xt as SETTINGS_CHOICES, y as defaultSkillScanPaths, yr as buildBuildSystem, yt as useEnabledToggleSet, z as buildModelCatalog, zt as deriveSessionTitle } from "./turn-operations-CDmQ2h-T.js";
 import { spawn } from "node:child_process";
 import { Buffer } from "node:buffer";
+import * as fs from "node:fs";
 import { homedir } from "node:os";
 import { createContext, createElement, memo, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
-import { RGBA, SyntaxStyle, addDefaultParsers, createCliRenderer, decodePasteBytes, defaultTextareaKeyBindings, getTreeSitterClient, stripAnsiSequences } from "@opentui/core";
+import { BoxRenderable, CodeRenderable, RGBA, SyntaxStyle, TextRenderable, addDefaultParsers, createCliRenderer, decodePasteBytes, defaultTextareaKeyBindings, getTreeSitterClient, stripAnsiSequences } from "@opentui/core";
 import { createRoot, useKeyboard, useRenderer, useSelectionHandler, useTerminalDimensions } from "@opentui/react";
 import { Fragment, jsx, jsxs } from "@opentui/react/jsx-runtime";
 //#region src/tui/modal.tsx
@@ -317,6 +318,160 @@ function writeToClipboard(text) {
 	return osc || helper;
 }
 //#endregion
+//#region src/tui/color-gradient.ts
+/** Parse `#rrggbb` (case-insensitive) into `[r, g, b]` 0–255 integers. */
+function parseHex(hex) {
+	const h = hex.replace("#", "");
+	return [
+		Number.parseInt(h.slice(0, 2), 16),
+		Number.parseInt(h.slice(2, 4), 16),
+		Number.parseInt(h.slice(4, 6), 16)
+	];
+}
+/** Convert sRGB 0–255 → HSL 0–1. */
+function rgbToHsl(r, g, b) {
+	r /= 255;
+	g /= 255;
+	b /= 255;
+	const max = Math.max(r, g, b);
+	const min = Math.min(r, g, b);
+	const l = (max + min) / 2;
+	if (max === min) return [
+		0,
+		0,
+		l
+	];
+	const d = max - min;
+	const s = l > .5 ? d / (2 - max - min) : d / (max + min);
+	let h;
+	if (max === r) h = (g - b) / d + (g < b ? 6 : 0);
+	else if (max === g) h = (b - r) / d + 2;
+	else h = (r - g) / d + 4;
+	return [
+		h / 6,
+		s,
+		l
+	];
+}
+/** Convert HSL 0–1 → sRGB 0–255. Standard piecewise formula. */
+function hslToRgb(h, s, l) {
+	if (s === 0) return [
+		l * 255,
+		l * 255,
+		l * 255
+	];
+	const hue2rgb = (p, q, t) => {
+		if (t < 0) t += 1;
+		if (t > 1) t -= 1;
+		if (t < 1 / 6) return p + (q - p) * 6 * t;
+		if (t < 1 / 2) return q;
+		if (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6;
+		return p;
+	};
+	const q = l < .5 ? l * (1 + s) : l + s - l * s;
+	const p = 2 * l - q;
+	return [
+		hue2rgb(p, q, h + 1 / 3) * 255,
+		hue2rgb(p, q, h) * 255,
+		hue2rgb(p, q, h - 1 / 3) * 255
+	];
+}
+function toHex(rgb) {
+	const pad = (v) => Math.round(Math.max(0, Math.min(255, v))).toString(16).padStart(2, "0");
+	return `#${pad(rgb[0])}${pad(rgb[1])}${pad(rgb[2])}`;
+}
+/**
+* Blend two hex colors in HSL space with shortest-path hue interpolation.
+* `t` ∈ [0, 1]; `t=0` returns `from`, `t=1` returns `to`.
+*/
+function blendHsl(from, to, t) {
+	const [r1, g1, b1] = parseHex(from);
+	const [r2, g2, b2] = parseHex(to);
+	const [h1, s1, l1] = rgbToHsl(r1, g1, b1);
+	const [h2, s2, l2] = rgbToHsl(r2, g2, b2);
+	let dh = h2 - h1;
+	if (dh > .5) dh -= 1;
+	else if (dh < -.5) dh += 1;
+	return toHex(hslToRgb((h1 + dh * t + 1) % 1, s1 + (s2 - s1) * t, l1 + (l2 - l1) * t));
+}
+/**
+* Static gradient ramp of length `n` going from `from` (index 0) to
+* `to` (index n-1) in HSL space. For the cycling A→B→A→B ramp the
+* throbber uses, see `buildCycleRamp` in `crush-throbber.tsx`.
+*/
+function buildLinearRamp(from, to, n) {
+	if (n <= 0) return [];
+	if (n === 1) return [blendHsl(from, to, .5)];
+	const ramp = [];
+	for (let i = 0; i < n; i++) ramp.push(blendHsl(from, to, i / (n - 1)));
+	return ramp;
+}
+//#endregion
+//#region src/tui/crush-throbber.tsx
+/** @jsxImportSource @opentui/react */
+const CRUSH_RUNES = "0123456789abcdefABCDEF~!@#$£€%^&*()+=_";
+const TICK_MS = 50;
+const ELLIPSIS_FRAMES = [
+	".",
+	"..",
+	"...",
+	""
+];
+const ELLIPSIS_TICKS = 8;
+const BIRTH_MAX_MS = 1e3;
+/**
+* Build a gradient ramp of length `n` traversing the keys `from → to →
+* from → to` (matching Crush's `CycleColors=true` mode, which prerenders
+* `width*3` stops across four anchor points so the drift can loop without
+* a visible seam).
+*/
+function buildCycleRamp(from, to, n) {
+	const segLen = Math.floor(n / 3);
+	const ramp = [];
+	for (let i = 0; i < segLen; i++) ramp.push(blendHsl(from, to, i / segLen));
+	for (let i = 0; i < segLen; i++) ramp.push(blendHsl(to, from, i / segLen));
+	const tail = n - 2 * segLen;
+	for (let i = 0; i < tail; i++) ramp.push(blendHsl(from, to, i / Math.max(1, tail)));
+	return ramp;
+}
+function CrushThrobber({ label, size = 15, from, to, labelColor }) {
+	const COLOR = useColors();
+	const cells = Math.max(1, size);
+	const [frame, setFrame] = useState(0);
+	useEffect(() => {
+		const id = setInterval(() => setFrame((f) => f + 1), TICK_MS);
+		return () => clearInterval(id);
+	}, []);
+	const birthOffsets = useMemo(() => Array.from({ length: cells }, () => Math.random() * BIRTH_MAX_MS), [cells]);
+	const startRef = useRef(0);
+	if (startRef.current === 0) startRef.current = Date.now();
+	const ramp = useMemo(() => buildCycleRamp(from, to, cells * 3), [
+		from,
+		to,
+		cells
+	]);
+	const elapsed = Date.now() - startRef.current;
+	const initialized = elapsed >= BIRTH_MAX_MS;
+	const rampLen = ramp.length;
+	const offset = (frame % rampLen + rampLen) % rampLen;
+	const labelTint = labelColor ?? COLOR.dim;
+	const ellipsis = initialized && label ? ELLIPSIS_FRAMES[Math.floor(frame / ELLIPSIS_TICKS) % ELLIPSIS_FRAMES.length] : "";
+	return /* @__PURE__ */ jsxs("text", { children: [Array.from({ length: cells }, (_, i) => {
+		const ch = initialized || elapsed >= birthOffsets[i] ? CRUSH_RUNES[Math.floor(Math.random() * 38)] : ".";
+		const fg = ramp[(offset + i) % rampLen];
+		return /* @__PURE__ */ jsx("span", {
+			fg,
+			children: ch
+		}, i);
+	}), label !== void 0 && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
+		fg: labelTint,
+		children: ` ${label}`
+	}), /* @__PURE__ */ jsx("span", {
+		fg: labelTint,
+		children: ellipsis
+	})] })] });
+}
+//#endregion
 //#region src/tui/theme.ts
 /**
 * Convert the renderer-agnostic `Theme.syntax` map (hex strings + plain
@@ -506,12 +661,15 @@ function onInputSubmit(handler) {
 * Width tiering is driven by plain-text length estimates — close enough
 * since the segments are ASCII-heavy.
 */
-function Footer({ hints, context }) {
+function Footer({ hints, context, cost = null, status = null }) {
 	const { width } = useTerminalDimensions();
+	const showCost = typeof cost === "number" && cost > 0;
 	const inner = Math.max(0, width - 2);
 	const hW = hintsLength(hints);
-	const cW = context ? contextIndicatorLength(context) : 0;
-	if (hW + (cW > 0 ? cW + 1 : 0) <= inner) return /* @__PURE__ */ jsxs("box", {
+	const ctxW = context ? contextIndicatorLength(context) : 0;
+	const costW = showCost ? costIndicatorLength(cost) : 0;
+	const rightW = costW + ctxW + (costW > 0 && ctxW > 0 ? 3 : 0);
+	if (hW + (status === "asking" ? 3 : status ? 2 : 0) + (rightW > 0 ? rightW + 1 : 0) <= inner) return /* @__PURE__ */ jsxs("box", {
 		style: {
 			flexDirection: "row",
 			height: 1,
@@ -520,8 +678,12 @@ function Footer({ hints, context }) {
 		},
 		children: [
 			/* @__PURE__ */ jsx(HintsText, { hints }),
+			/* @__PURE__ */ jsx(FooterStatusIcon, { status }),
 			/* @__PURE__ */ jsx("box", { style: { flexGrow: 1 } }),
-			context && /* @__PURE__ */ jsx(ContextIndicator, { context })
+			/* @__PURE__ */ jsx(RightStatus, {
+				cost: showCost ? cost : null,
+				context
+			})
 		]
 	});
 	const stackedHints = clipHintsToWidth(hints, inner);
@@ -531,21 +693,48 @@ function Footer({ hints, context }) {
 			paddingLeft: 1,
 			paddingRight: 1
 		},
-		children: [stackedHints.length > 0 && /* @__PURE__ */ jsx("box", {
+		children: [(stackedHints.length > 0 || status) && /* @__PURE__ */ jsxs("box", {
 			style: {
 				flexDirection: "row",
 				height: 1
 			},
-			children: /* @__PURE__ */ jsx(HintsText, { hints: stackedHints })
-		}), context && /* @__PURE__ */ jsxs("box", {
+			children: [/* @__PURE__ */ jsx(HintsText, { hints: stackedHints }), /* @__PURE__ */ jsx(FooterStatusIcon, { status })]
+		}), rightW > 0 && /* @__PURE__ */ jsxs("box", {
 			style: {
 				flexDirection: "row",
 				height: 1
 			},
-			children: [/* @__PURE__ */ jsx("box", { style: { flexGrow: 1 } }), /* @__PURE__ */ jsx(ContextIndicator, { context })]
+			children: [/* @__PURE__ */ jsx("box", { style: { flexGrow: 1 } }), /* @__PURE__ */ jsx(RightStatus, {
+				cost: showCost ? cost : null,
+				context
+			})]
 		})]
 	});
 }
+function RightStatus({ cost, context }) {
+	const COLOR = useColors();
+	if (cost == null && !context) return null;
+	return /* @__PURE__ */ jsxs("text", { children: [
+		cost != null && /* @__PURE__ */ jsx(CostIndicator, { cost }),
+		cost != null && context && /* @__PURE__ */ jsx("span", {
+			fg: COLOR.mute,
+			children: " · "
+		}),
+		context && /* @__PURE__ */ jsx(ContextIndicator, { context })
+	] });
+}
+/**
+* Right-edge status glyph in the Footer's left section. Renders a single
+* cell preceded by a 1ch gap when active; nothing at all when `status` is
+* null. Color / glyph mapping mirrors the old title-overlay logic so the
+* cue reads the same just relocated to the bottom bar.
+*/
+function FooterStatusIcon({ status }) {
+	const COLOR = useColors();
+	if (!status) return null;
+	const glyph = status === "asking" ? /* @__PURE__ */ jsx("span", { children: "❓" }) : status === "busy" ? /* @__PURE__ */ jsx(StatusSpinner, { color: COLOR.warn }) : /* @__PURE__ */ jsx(StatusSpinner, { color: COLOR.accent });
+	return /* @__PURE__ */ jsxs("text", { children: [/* @__PURE__ */ jsx("span", { children: " " }), glyph] });
+}
 function HintsText({ hints }) {
 	const COLOR = useColors();
 	return /* @__PURE__ */ jsx("text", {
@@ -596,27 +785,35 @@ function ContextIndicator({ context }) {
 	const ratio = context.max > 0 ? context.used / context.max : 0;
 	const pct = Math.round(ratio * 100);
 	const color = ratio >= .85 ? COLOR.error : ratio >= .6 ? COLOR.warn : COLOR.dim;
-	return /* @__PURE__ */ jsxs("text", {
-		fg: COLOR.dim,
-		children: [
-			/* @__PURE__ */ jsx("span", {
-				fg: COLOR.mute,
-				children: "ctx "
-			}),
-			/* @__PURE__ */ jsx("span", {
-				fg: color,
-				children: fmtTokens(context.used)
-			}),
-			/* @__PURE__ */ jsx("span", {
-				fg: COLOR.mute,
-				children: ` / ${fmtTokens(context.max)} `
-			}),
-			/* @__PURE__ */ jsx("span", {
-				fg: color,
-				children: `(${pct}%)`
-			})
-		]
-	});
+	return /* @__PURE__ */ jsxs("span", { children: [
+		/* @__PURE__ */ jsx("span", {
+			fg: COLOR.mute,
+			children: "ctx "
+		}),
+		/* @__PURE__ */ jsx("span", {
+			fg: color,
+			children: fmtTokens(context.used)
+		}),
+		/* @__PURE__ */ jsx("span", {
+			fg: COLOR.mute,
+			children: ` / ${fmtTokens(context.max)} `
+		}),
+		/* @__PURE__ */ jsx("span", {
+			fg: color,
+			children: `(${pct}%)`
+		})
+	] });
+}
+function CostIndicator({ cost }) {
+	const COLOR = useColors();
+	const fg = COLOR.money ?? COLOR.warn;
+	return /* @__PURE__ */ jsxs("span", { children: [/* @__PURE__ */ jsx("span", {
+		fg: COLOR.mute,
+		children: "$"
+	}), /* @__PURE__ */ jsx("span", {
+		fg,
+		children: formatCost(cost)
+	})] });
 }
 /**
 * Width budget reservations applied to the responsive math in
@@ -629,10 +826,23 @@ const TITLE_OVERLAY_WRAP = 2;
 const TITLE_OVERLAY_META_WRAP = 2;
 const TITLE_OVERLAY_GAP = 2;
 /**
+* Render text as a per-character HSL gradient between two hex colors.
+* Used by the title overlay so the chat header sweeps the theme's
+* throbber pair (Charple→Dolly for Crush) instead of sitting flat on
+* the brand color.
+*/
+function renderGradientText(text, from, to) {
+	const ramp = buildLinearRamp(from, to, text.length);
+	return text.split("").map((ch, i) => /* @__PURE__ */ jsx("span", {
+		fg: ramp[i],
+		children: ch
+	}, i));
+}
+/**
 * Colored title for a full-screen bordered surface. The `title` slot
-* rides `titleColor` (defaults to `COLOR.brand` — the theme's primary
-* anchor) on the LEFT of the top border; the optional `meta` slot
-* rides on the RIGHT.
+* rides `titleColor` (defaults to a per-character gradient across the
+* theme's throbber pair, fallback brand→accent) on the LEFT of the top
+* border; the optional `meta` slot rides on the RIGHT.
 *
 * `meta` accepts either:
 *   - a plain `string` → rendered entirely in `COLOR.dim` (the simple
@@ -667,13 +877,16 @@ const TITLE_OVERLAY_GAP = 2;
 * </box>
 * ```
 */
-function TitleOverlay({ title, meta = null, titleColor, parentWidth, statusIcon = null }) {
+function TitleOverlay({ title, meta = null, titleColor, parentWidth, statusIcon = null, statusIconCells = 1 }) {
 	const COLOR = useColors();
 	const { width: termWidth } = useTerminalDimensions();
+	const useGradient = titleColor === void 0;
+	const gradientFrom = COLOR.throbber?.to ?? COLOR.accent;
+	const gradientTo = COLOR.throbber?.from ?? COLOR.brand;
 	const fg = titleColor ?? COLOR.brand;
 	const W = Math.max(0, parentWidth ?? termWidth - 2);
 	const inner = Math.max(0, W - 2);
-	const iconReserve = statusIcon ? 2 : 0;
+	const iconReserve = statusIcon ? 1 + statusIconCells : 0;
 	const metaLen = metaSegmentsLength(meta);
 	const showMeta = meta != null && metaLen > 0 && title.length + iconReserve + TITLE_OVERLAY_WRAP + TITLE_OVERLAY_GAP + metaLen + TITLE_OVERLAY_META_WRAP <= inner;
 	const titleBudget = (showMeta ? inner - (metaLen + TITLE_OVERLAY_META_WRAP) - TITLE_OVERLAY_GAP - TITLE_OVERLAY_WRAP : inner - TITLE_OVERLAY_WRAP) - iconReserve;
@@ -689,7 +902,7 @@ function TitleOverlay({ title, meta = null, titleColor, parentWidth, statusIcon
 				fg: COLOR.mute,
 				children: " "
 			}),
-			/* @__PURE__ */ jsx("span", {
+			useGradient && visibleTitle.length > 0 ? renderGradientText(visibleTitle, gradientFrom, gradientTo) : /* @__PURE__ */ jsx("span", {
 				fg,
 				children: visibleTitle
 			}),
@@ -800,17 +1013,23 @@ function contextIndicatorLength(context) {
 	const pct = Math.round(ratio * 100);
 	return 4 + fmtTokens(context.used).length + 3 + fmtTokens(context.max).length + 2 + String(pct).length + 2;
 }
+function formatCost(cost) {
+	return cost.toFixed(cost < .01 ? 4 : 2);
+}
+function costIndicatorLength(cost) {
+	return 1 + formatCost(cost).length;
+}
 const SPINNER_FRAMES = [
-	"⠋",
-	"⠙",
-	"⠹",
-	"⠸",
-	"⠼",
-	"⠴",
-	"⠦",
-	"⠧",
-	"⠇",
-	"⠏"
+	"▰▱▱▱▱",
+	"▰▰▱▱▱",
+	"▰▰▰▱▱",
+	"▰▰▰▰▱",
+	"▰▰▰▰▰",
+	"▱▰▰▰▰",
+	"▱▱▰▰▰",
+	"▱▱▱▰▰",
+	"▱▱▱▱▰",
+	"▱▱▱▱▱"
 ];
 const SPINNER_INTERVAL_MS = 80;
 /**
@@ -850,9 +1069,11 @@ function StatusSpinner({ color }) {
 		children: useSpinnerFrame()
 	});
 }
-function Transcript({ events, settings, selectedTurnId = null }) {
+function Transcript({ events, settings, selectedTurnId = null, busy = false }) {
 	const COLOR = useColors();
 	const items = useMemo(() => partitionTranscript(events, settings), [events, settings]);
+	const showThrobber = busy;
+	const throbberLabel = events.length > 0 && events[events.length - 1].kind === "thinking" ? "Thinking" : void 0;
 	const ownership = useMemo(() => turnSelectionOwnership(events), [events]);
 	const scrollboxRef = useRef(null);
 	const anchors = useMemo(() => computeTurnAnchors(items), [items]);
@@ -875,8 +1096,8 @@ function Transcript({ events, settings, selectedTurnId = null }) {
 		anchors,
 		ownership
 	]);
-	if (items.length === 0) return /* @__PURE__ */ jsx(EmptyState, {});
-	return /* @__PURE__ */ jsx("scrollbox", {
+	if (items.length === 0 && !showThrobber) return /* @__PURE__ */ jsx(EmptyState, {});
+	return /* @__PURE__ */ jsxs("scrollbox", {
 		ref: scrollboxRef,
 		focusable: false,
 		style: {
@@ -893,7 +1114,7 @@ function Transcript({ events, settings, selectedTurnId = null }) {
 				foregroundColor: COLOR.mute
 			}
 		},
-		children: items.map((item, i) => item.kind === "event" ? /* @__PURE__ */ jsx(EventLine, {
+		children: [items.map((item, i) => item.kind === "event" ? /* @__PURE__ */ jsx(EventLine, {
 			event: item.event,
 			previous: item.previous,
 			selected: isTurnHighlighted(item.event, selectedTurnId, ownership),
@@ -903,7 +1124,14 @@ function Transcript({ events, settings, selectedTurnId = null }) {
 			previous: item.previous,
 			selectedTurnId,
 			anchorIds: anchors.ids[i]
-		}, i))
+		}, i)), showThrobber && /* @__PURE__ */ jsx("box", {
+			style: { marginTop: items.length > 0 ? 1 : 0 },
+			children: /* @__PURE__ */ jsx(CrushThrobber, {
+				label: throbberLabel,
+				from: COLOR.throbber?.from ?? COLOR.brand,
+				to: COLOR.throbber?.to ?? COLOR.accent
+			})
+		})]
 	});
 }
 /**
@@ -1127,7 +1355,6 @@ function EventLineImpl({ event, depthOffset = 0 }) {
 			style: row,
 			children: /* @__PURE__ */ jsx(MarkdownBlock, {
 				text: event.text,
-				streaming: event.streaming ?? false,
 				dim: child
 			})
 		});
@@ -1276,13 +1503,10 @@ function UserPromptBlock({ text, refs }) {
 	};
 	if (!refs || refs.length === 0) return /* @__PURE__ */ jsx("box", {
 		style: boxStyle,
-		children: /* @__PURE__ */ jsxs("text", {
+		children: /* @__PURE__ */ jsxs("text", { children: [/* @__PURE__ */ jsx("span", {
 			fg: COLOR.brand,
-			children: [/* @__PURE__ */ jsx("span", {
-				fg: COLOR.brand,
-				children: USER_PROMPT_PREFIX
-			}), text]
-		})
+			children: USER_PROMPT_PREFIX
+		}), text] })
 	});
 	const segments = splitPromptSegments(text, refs);
 	return /* @__PURE__ */ jsx("box", {
@@ -1296,10 +1520,7 @@ function UserPromptBlock({ text, refs }) {
 				fg: COLOR.brand,
 				children: USER_PROMPT_PREFIX
 			}), segments.map((seg, i) => {
-				if (seg.kind === "plain") return /* @__PURE__ */ jsx("text", {
-					fg: COLOR.brand,
-					children: seg.text
-				}, i);
+				if (seg.kind === "plain") return /* @__PURE__ */ jsx("text", { children: seg.text }, i);
 				const chip = resolveChipColor(SURFACE.chips, seg.providerId);
 				return /* @__PURE__ */ jsx("text", {
 					fg: chip.fg,
@@ -1310,214 +1531,310 @@ function UserPromptBlock({ text, refs }) {
 		})
 	});
 }
+/** Click-feedback delay before `[copied]` reverts to `[copy]`, in ms. */
+const COPY_FEEDBACK_MS = 1200;
 /**
-* Split markdown text into alternating prose / fenced-code segments.
+* BoxRenderable subclass that hosts a `[lang]  …  [copy]` header above
+* an inner {@link CodeRenderable} body. Returned from
+* {@link makeMarkdownRenderNode} for every `code` token so the affordance
+* lives entirely inside OpenTUI — React doesn't see the wrapper.
+*
+* The accessor pairs below mirror the CodeRenderable surface (`content`,
+* `filetype`, `syntaxStyle`, `fg`, `bg`, `conceal`, `streaming`) so
+* coalesced mode's `applyCodeBlockRenderable` — which writes those
+* properties on the wrapper for every delta — lands on the body where
+* it produces visible output.
 *
-* Recognizes both ` ``` ` and `~~~` fences, with arbitrary length ≥ 3,
-* matching CommonMark's "fence indicator must be at least as long to
-* close" rule. Info-strings (the bit after the opening fence) are kept
-* as the `lang` hint; any trailing whitespace is trimmed. Closing
-* fences are detected on a line of their own (whitespace tolerated).
+* Two of those forwarders deliberately ignore the value the markdown
+* writes:
 *
-* Unclosed fences fall back to emitting the would-be-code body as a
-* trailing prose segment so no content is dropped — finalized markdown
-* isn't expected to ship one, but the fallback keeps the renderer
-* truthful when the model produces malformed output.
+*   - `drawUnstyledText` is pinned to `false` so the body's `content`
+*     setter stays on the "preserve last-styled buffer while async
+*     highlight runs" path. The markdown's `applyCodeBlockRenderable`
+*     writes `!(streaming && concealCode)` here, which evaluates to
+*     `true` for our defaults — that would put the body on the
+*     synchronous `textBuffer.setText` path and reintroduce a per-delta
+*     plain → styled colour swap.
 *
-* Exported for unit tests.
+*   - `marginBottom` is pinned to `0`. The markdown writes
+*     `getInterBlockMargin(code) = 1` here on every delta; combined with
+*     the `marginTop: 1` `renderNode` applies to the next block, it
+*     would stack into a two-row gap below every fence. Pinning to 0
+*     makes the next block's `marginTop` the single source of truth for
+*     inter-block spacing.
 */
-function splitMarkdownCodeBlocks(text) {
-	const lines = text.split("\n");
-	const segments = [];
-	let prose = [];
-	let code = [];
-	let inFence = false;
-	let fenceChar = "";
-	let fenceLen = 0;
-	let lang = "";
-	const flushProse = () => {
-		if (prose.length > 0) {
-			segments.push({
-				kind: "prose",
-				content: prose.join("\n")
-			});
-			prose = [];
-		}
-	};
-	for (const line of lines) if (!inFence) {
-		const open = line.match(/^(`{3,}|~{3,})([^\n`~]*)$/);
-		if (open) {
-			flushProse();
-			inFence = true;
-			fenceChar = open[1][0];
-			fenceLen = open[1].length;
-			lang = open[2].trim();
-			code = [];
-			continue;
-		}
-		prose.push(line);
-	} else {
-		const close = line.match(/^(`{3,}|~{3,})\s*$/);
-		if (close && close[1][0] === fenceChar && close[1].length >= fenceLen) {
-			segments.push({
-				kind: "code",
-				content: code.join("\n"),
-				lang
-			});
-			inFence = false;
-			code = [];
-			continue;
+var CodeBlockWrapper = class extends BoxRenderable {
+	/** Live code body owned by this wrapper. Updates pass through here. */
+	body;
+	/** Header chrome — re-themed on every {@link applyTheme} call. */
+	header;
+	spacer;
+	langLabel;
+	button;
+	/** Bag we belong to. Used for live theme lookups and self-deregistration. */
+	bag;
+	/** Pending feedback-reset timer for the `[copied]` flash. */
+	feedbackTimer = null;
+	/** Whether the button is currently showing `[copied]`. */
+	copied = false;
+	/**
+	* Latest body content, captured every time the markdown writes to
+	* `content`. Read by the click handler so a copy click pushes the
+	* up-to-date code (not whatever was there on first mount).
+	*/
+	latestContent;
+	constructor(ctx, body, options) {
+		const { colors, surfaces } = options.bag;
+		super(ctx, {
+			flexDirection: "column",
+			flexShrink: 0,
+			alignSelf: "stretch",
+			backgroundColor: surfaces.background
+		});
+		this.body = body;
+		this.bag = options.bag;
+		this.latestContent = body.content;
+		body.marginTop = 0;
+		body.marginBottom = 0;
+		body.drawUnstyledText = false;
+		this.header = new BoxRenderable(ctx, {
+			flexDirection: "row",
+			height: 1,
+			alignSelf: "stretch",
+			backgroundColor: surfaces.background
+		});
+		this.langLabel = new TextRenderable(ctx, {
+			content: options.lang && options.lang.length > 0 ? options.lang : "code",
+			fg: colors.mute,
+			selectable: false
+		});
+		this.spacer = new BoxRenderable(ctx, {
+			flexGrow: 1,
+			backgroundColor: surfaces.background
+		});
+		this.button = new TextRenderable(ctx, {
+			content: "[copy]",
+			fg: colors.warn,
+			selectable: false
+		});
+		this.button.onMouseDown = (event) => {
+			event.stopPropagation();
+			event.preventDefault();
+			if (!writeToClipboard(this.latestContent)) return;
+			const live = this.bag.colors;
+			if (!this.copied) {
+				this.copied = true;
+				this.button.content = "[copied]";
+				this.button.fg = live.accent;
+			}
+			if (this.feedbackTimer) clearTimeout(this.feedbackTimer);
+			this.feedbackTimer = setTimeout(() => {
+				this.copied = false;
+				this.feedbackTimer = null;
+				if (this.button.isDestroyed) return;
+				this.button.content = "[copy]";
+				this.button.fg = this.bag.colors.warn;
+			}, COPY_FEEDBACK_MS);
+		};
+		this.header.add(this.langLabel);
+		this.header.add(this.spacer);
+		this.header.add(this.button);
+		this.add(this.header);
+		this.add(this.body);
+		options.bag.wrappers.add(this);
+	}
+	/**
+	* Re-paint header chrome with the current theme. Called from
+	* {@link MarkdownBlock}'s `useEffect` after every theme switch — the
+	* body's `fg`/`bg` are already re-driven by the markdown's own
+	* `rerenderBlocks` pass through our forwarding accessors, so we only
+	* need to refresh the bits the markdown doesn't manage: the wrapper's
+	* own background, the header row, the spacer, the lang label, and the
+	* `[copy]`/`[copied]` button colour (which depends on `this.copied`).
+	*/
+	applyTheme(colors, surfaces) {
+		this.backgroundColor = surfaces.background;
+		this.header.backgroundColor = surfaces.background;
+		this.spacer.backgroundColor = surfaces.background;
+		this.langLabel.fg = colors.mute;
+		this.button.fg = this.copied ? colors.accent : colors.warn;
+	}
+	get content() {
+		return this.body.content;
+	}
+	set content(value) {
+		this.latestContent = value;
+		this.body.content = value;
+	}
+	get filetype() {
+		return this.body.filetype;
+	}
+	set filetype(value) {
+		this.body.filetype = value;
+	}
+	get syntaxStyle() {
+		return this.body.syntaxStyle;
+	}
+	set syntaxStyle(value) {
+		this.body.syntaxStyle = value;
+	}
+	get fg() {
+		return this.body.fg;
+	}
+	set fg(value) {
+		this.body.fg = value;
+	}
+	get bg() {
+		return this.body.bg;
+	}
+	set bg(value) {
+		this.body.bg = value;
+	}
+	get conceal() {
+		return this.body.conceal;
+	}
+	set conceal(value) {
+		this.body.conceal = value;
+	}
+	get streaming() {
+		return this.body.streaming;
+	}
+	set streaming(value) {
+		this.body.streaming = value;
+	}
+	/**
+	* Always reports `false`: see the setter doc.
+	*/
+	get drawUnstyledText() {
+		return false;
+	}
+	/**
+	* Pinned to `false` regardless of what the markdown writes. See the
+	* class doc — leaving this open to the markdown's default would put
+	* the body's `content` setter on the synchronous-plain-text path on
+	* every delta, replacing the styled buffer with raw text for one
+	* frame and producing a visible colour swap.
+	*/
+	set drawUnstyledText(_value) {
+		if (this.body.drawUnstyledText !== false) this.body.drawUnstyledText = false;
+	}
+	/**
+	* Always reports `0`: see the setter doc.
+	*/
+	get marginBottom() {
+		return 0;
+	}
+	/**
+	* Pinned to `0`. The next block's `marginTop` (which `renderNode`
+	* sets to `1` on every non-first block) is the single source of
+	* inter-block spacing. Letting the markdown also write
+	* `getInterBlockMargin(code) = 1` here on every delta would stack to
+	* a two-row gap below every fence.
+	*/
+	set marginBottom(_value) {}
+	destroy() {
+		this.bag.wrappers.delete(this);
+		if (this.feedbackTimer) {
+			clearTimeout(this.feedbackTimer);
+			this.feedbackTimer = null;
 		}
-		code.push(line);
+		super.destroy();
 	}
-	if (inFence) prose.push(`${fenceChar.repeat(fenceLen)}${lang}`, ...code);
-	flushProse();
-	return segments;
-}
-/** Fade-out delay for the "[copied]" affordance, in ms. */
-const COPY_FEEDBACK_MS = 1200;
-/**
-* Fence info-string → canonical Tree-sitter filetype.
-*
-* OpenTUI's built-in parsers register `typescript`, `javascript`,
-* `markdown`, `zig`; the `<markdown>` renderer has an internal
-* `infoStringMap` that translates short fence info-strings (`ts`, `js`,
-* `tsx`, `jsx`, `md`) into those canonical names before dispatching the
-* embedded fence. Our standalone `<code>` (lifted from the markdown body
-* so we can pin a copy header) skips that map, so we re-apply the same
-* translation here. Without it, ` ```ts ` would land as plain text while
-* ` ```typescript ` would highlight — a regression vs. the pre-copy
-* render path.
-*
-* Custom parsers registered in `tui/tree-sitter.ts` (`python`, `bash`,
-* `rust`, `go`, `yaml`, `html`, `css`, `json`) carry their own aliases
-* via `addDefaultParsers`, so the OpenTUI client resolves `py`, `sh`,
-* `rs`, `golang`, `yml`, `htm`, `zsh` natively — no entry needed here.
-*/
-const FILETYPE_ALIASES = {
-	ts: "typescript",
-	tsx: "typescript",
-	typescriptreact: "typescript",
-	js: "javascript",
-	jsx: "javascript",
-	mjs: "javascript",
-	cjs: "javascript",
-	javascriptreact: "javascript",
-	md: "markdown"
 };
 /**
-* Map a raw fence info-string to a Tree-sitter filetype key understood
-* by the parser client. Returns `undefined` for empty / `text` / `plain`
-* info-strings so the renderer paints plain text instead of dispatching
-* to an inappropriate parser.
+* Block-index regex applied to OpenTUI's auto-generated renderable ids
+* (`${markdown.id}-block-${index}`). The trailing digits give us the
+* block's position inside the markdown's child list, which is the only
+* piece of context we need to gate the "non-first block → marginTop: 1"
+* spacing rule.
 */
-function canonicalFiletype(lang) {
-	if (!lang) return void 0;
-	const key = lang.toLowerCase().trim();
-	if (!key || key === "text" || key === "plain" || key === "plaintext" || key === "txt") return void 0;
-	return FILETYPE_ALIASES[key] ?? key;
-}
+const BLOCK_ID_INDEX_RE = /-block-(\d+)$/;
 /**
-* Single fenced code block with a clickable `[copy]` header. The header
-* row carries:
-*   - the language label on the left (dim, falls back to `code`),
-*   - a clickable `[copy]` / `[copied]` indicator on the right.
+* Build a stable `renderNode` callback wired to a live `RenderNodeBag`.
+*
+* Returns:
+*   - `code` tokens → {@link CodeBlockWrapper} (hosts the `[lang]  …
+*     [copy]` header).
+*   - everything else (prose, heading, list, table, …) → the renderable
+*     we got from `context.defaultRender()`, mutated in place.
 *
-* Clicking the indicator pushes the code body to the OS clipboard via
-* OSC 52 (see `writeToClipboard`). The mouseDown also stops propagation
-* so it doesn't initiate an in-app text selection on the surrounding
-* code, and we suppress selection on the button text itself so dragging
-* over it doesn't extend a selection started elsewhere.
+* Critical: we MUST return the renderable we mutated, not `undefined`.
+* OpenTUI's coalesced-mode loop, when `renderNode` returns a falsy
+* value, creates a fresh default renderable (`markdown.ts ~8851`) — so
+* anything we mutated via `defaultRender()` is thrown away.
 *
-* Body uses the native `<code>` renderable so the snippet picks up the
-* same Tree-sitter highlighting the embedded markdown fences would have.
-* The `filetype` is only set when we got a non-empty info-string;
-* otherwise `<code>` renders plain text — better than guessing a wrong
-* language and shipping nonsensical highlights.
+* Tables: returning the default `TextTableRenderable` looks like it
+* should orphan the markdown's `tableContentCache` tuple (incremental
+* table updates depend on it), but the markdown has a follow-up branch
+* (`markdown.ts ~8854`) that re-builds the cache from the token when
+* `renderNode` returned a `TextTableRenderable` without one. So we can
+* safely mutate + return the table renderable too, and the spacing
+* rule applies uniformly.
+*
+* Every non-first block gets `marginTop: 1`. This reimplements the
+* inter-block spacing that top-level mode would compute from the
+* parser's space tokens — coalesced mode + `renderNode` strips them
+* (see the file-level comment), so we recompute the spacing ourselves.
+* The result is bit-identical to top-level mode for every
+* well-formatted markdown source.
+*/
+function makeMarkdownRenderNode(bag) {
+	return (token, context) => {
+		const inner = context.defaultRender();
+		if (!inner) return void 0;
+		const topMargin = parseBlockIndex(inner.id) === 0 ? 0 : 1;
+		if (token.type === "code" && inner instanceof CodeRenderable) {
+			const lang = typeof token.lang === "string" ? token.lang : "";
+			const wrapper = new CodeBlockWrapper(bag.current.ctx, inner, {
+				lang,
+				bag: bag.current
+			});
+			wrapper.marginTop = topMargin;
+			return wrapper;
+		}
+		inner.marginTop = topMargin;
+		return inner;
+	};
+}
+/**
+* Pull the trailing block index out of an OpenTUI renderable id. Returns
+* `0` for any id that doesn't match the expected `…-block-N` shape — the
+* spacing rule then treats unparseable ids as "first block" (no
+* `marginTop`), which is the safer side of the rendering edge case.
 */
-const FencedCodeBlock = memo(({ content, lang, dim }) => {
+function parseBlockIndex(id) {
+	if (!id) return 0;
+	const match = BLOCK_ID_INDEX_RE.exec(id);
+	if (!match) return 0;
+	const parsed = Number.parseInt(match[1] ?? "", 10);
+	return Number.isFinite(parsed) ? parsed : 0;
+}
+const MarkdownBlock = memo(({ text, dim }) => {
 	const COLOR = useColors();
+	const SURFACE = useSurfaces();
 	const mdStyle = useMdStyle();
-	const [copied, setCopied] = useState(false);
+	const renderer = useRenderer();
+	const bag = useRef({
+		ctx: renderer,
+		colors: COLOR,
+		surfaces: SURFACE,
+		wrappers: /* @__PURE__ */ new Set()
+	});
+	bag.current.ctx = renderer;
+	bag.current.colors = COLOR;
+	bag.current.surfaces = SURFACE;
 	useEffect(() => {
-		if (!copied) return;
-		const id = setTimeout(setCopied, COPY_FEEDBACK_MS, false);
-		return () => clearTimeout(id);
-	}, [copied]);
-	const onCopy = useCallback(() => {
-		setCopied(writeToClipboard(content));
-	}, [content]);
-	const filetype = canonicalFiletype(lang);
-	const label = lang && lang.length > 0 ? lang : "code";
-	const buttonColor = copied ? COLOR.accent : COLOR.warn;
-	const buttonText = copied ? "[copied]" : "[copy]";
-	return /* @__PURE__ */ jsxs("box", {
-		style: {
-			flexDirection: "column",
-			flexShrink: 0,
-			alignSelf: "stretch"
-		},
-		children: [/* @__PURE__ */ jsxs("box", {
-			style: {
-				flexDirection: "row",
-				height: 1,
-				alignSelf: "stretch"
-			},
-			children: [
-				/* @__PURE__ */ jsx("text", {
-					selectable: false,
-					fg: COLOR.mute,
-					children: label
-				}),
-				/* @__PURE__ */ jsx("box", { style: { flexGrow: 1 } }),
-				/* @__PURE__ */ jsx("text", {
-					selectable: false,
-					fg: buttonColor,
-					onMouseDown: (e) => {
-						e.stopPropagation();
-						e.preventDefault();
-						onCopy();
-					},
-					children: buttonText
-				})
-			]
-		}), /* @__PURE__ */ jsx("code", {
-			content,
-			...filetype ? { filetype } : {},
-			syntaxStyle: mdStyle,
-			...dim ? { fg: COLOR.dim } : {}
-		})]
-	});
-});
-FencedCodeBlock.displayName = "FencedCodeBlock";
-const MarkdownBlock = memo(({ text, streaming, dim }) => {
-	const COLOR = useColors();
-	const mdStyle = useMdStyle();
-	const segments = useMemo(() => streaming ? null : splitMarkdownCodeBlocks(text), [text, streaming]);
-	if (!segments || segments.length === 0 || !segments.some((s) => s.kind === "code")) return /* @__PURE__ */ jsx("markdown", {
+		for (const wrapper of bag.current.wrappers) wrapper.applyTheme(COLOR, SURFACE);
+	}, [COLOR, SURFACE]);
+	const renderNode = useMemo(() => makeMarkdownRenderNode(bag), []);
+	return /* @__PURE__ */ jsx("markdown", {
 		content: text,
 		syntaxStyle: mdStyle,
-		streaming,
-		internalBlockMode: streaming ? "top-level" : "coalesced",
-		fg: dim ? COLOR.dim : void 0
-	});
-	return /* @__PURE__ */ jsx("box", {
-		style: {
-			flexDirection: "column",
-			flexShrink: 0,
-			alignSelf: "stretch"
-		},
-		children: segments.map((seg, i) => seg.kind === "code" ? /* @__PURE__ */ jsx(FencedCodeBlock, {
-			content: seg.content,
-			lang: seg.lang,
-			dim
-		}, i) : /* @__PURE__ */ jsx("markdown", {
-			content: seg.content,
-			syntaxStyle: mdStyle,
-			streaming: false,
-			internalBlockMode: "coalesced",
-			fg: dim ? COLOR.dim : void 0
-		}, i))
+		streaming: true,
+		internalBlockMode: "coalesced",
+		fg: dim ? COLOR.dim : void 0,
+		bg: SURFACE.background,
+		renderNode
 	});
 });
 MarkdownBlock.displayName = "MarkdownBlock";
@@ -1607,6 +1924,7 @@ function EditDiffBlock({ payload, dim }) {
 			...SURFACE.diff.contextBg ? { contextBg: SURFACE.diff.contextBg } : {},
 			addedSignColor: SURFACE.diff.addFg,
 			removedSignColor: SURFACE.diff.removeFg,
+			treeSitterClient: getTreeSitterClient(),
 			...dim ? { fg: COLOR.dim } : {}
 		})]
 	});
@@ -2303,6 +2621,206 @@ function CompletionPopup({ state, visibleRows = 6 }) {
 	});
 }
 //#endregion
+//#region src/tui/file-edit-approval-modal.tsx
+const FILE_EDIT_TOOLS = new Set([
+	"edit",
+	"multi_edit",
+	"write_file"
+]);
+function isFileEditTool(tool) {
+	return FILE_EDIT_TOOLS.has(tool);
+}
+const ACTIONS = [
+	{
+		label: "Allow",
+		decision: "accept-once",
+		shortcut: "a"
+	},
+	{
+		label: "Allow for session",
+		decision: "accept-session",
+		shortcut: "s"
+	},
+	{
+		label: "Always allow",
+		decision: "accept-safelist",
+		shortcut: "p"
+	},
+	{
+		label: "Deny",
+		decision: "deny",
+		shortcut: "d",
+		destructive: true
+	}
+];
+function FileEditApprovalModal({ request, onDecide }) {
+	const COLOR = useColors();
+	const SURFACE = useSurfaces();
+	const mdStyle = useMdStyle();
+	const { width: termWidth } = useTerminalDimensions();
+	const modal = useModal();
+	const targetPath = String(request.input.path ?? "");
+	const [priorContent, priorError] = useMemo(() => {
+		try {
+			return [fs.readFileSync(targetPath, "utf8"), null];
+		} catch (e) {
+			if (e.code === "ENOENT") return ["", null];
+			return ["", e.message];
+		}
+	}, [targetPath]);
+	const payload = useMemo(() => {
+		try {
+			return extractEditPayload(request.tool, request.input, priorContent);
+		} catch {
+			return null;
+		}
+	}, [
+		request.tool,
+		request.input,
+		priorContent
+	]);
+	const diffText = useMemo(() => payload ? buildContextualDiff(payload, priorContent, 6) : "", [payload, priorContent]);
+	const [selected, setSelected] = useState(0);
+	const filetype = useMemo(() => filetypeFromPath(targetPath), [targetPath]);
+	const decide = useCallback((decision) => {
+		onDecide(decision);
+		modal.close();
+	}, [onDecide, modal]);
+	useKeyboard((key) => {
+		if (key.name === "left") {
+			setSelected((i) => (i - 1 + ACTIONS.length) % ACTIONS.length);
+			return;
+		}
+		if (key.name === "right" || key.name === "tab") {
+			setSelected((i) => (i + 1) % ACTIONS.length);
+			return;
+		}
+		if (key.name === "return") {
+			decide(ACTIONS[selected].decision);
+			return;
+		}
+		if (key.name === "escape") {
+			decide("deny");
+			return;
+		}
+		const ch = (key.sequence ?? "").toLowerCase();
+		const hit = ACTIONS.find((a) => a.shortcut === ch);
+		if (hit) decide(hit.decision);
+	});
+	const useSplit = termWidth >= 100;
+	const diffWidth = Math.min(termWidth - 6, 140);
+	const diffHeight = Math.max(8, Math.min(28, diffText.split("\n").length + 2));
+	return /* @__PURE__ */ jsxs("box", {
+		title: " Permission Request ",
+		bottomTitle: " ←/→ navigate · enter confirm · esc deny · a/s/d shortcuts ",
+		style: {
+			border: true,
+			borderColor: COLOR.brand,
+			backgroundColor: SURFACE.modal,
+			padding: 1,
+			flexDirection: "column",
+			width: diffWidth + 6,
+			flexShrink: 0
+		},
+		children: [
+			/* @__PURE__ */ jsx("box", {
+				style: {
+					flexDirection: "row",
+					height: 1,
+					marginBottom: 1,
+					flexShrink: 0
+				},
+				children: /* @__PURE__ */ jsxs("text", {
+					wrapMode: "none",
+					children: [
+						/* @__PURE__ */ jsx("span", {
+							fg: COLOR.brand,
+							children: request.tool
+						}),
+						/* @__PURE__ */ jsx("span", {
+							fg: COLOR.mute,
+							children: " · "
+						}),
+						/* @__PURE__ */ jsx("span", {
+							fg: COLOR.model,
+							children: targetPath || "(no path)"
+						})
+					]
+				})
+			}),
+			priorError ? /* @__PURE__ */ jsx("box", {
+				style: {
+					height: 3,
+					flexShrink: 0,
+					marginBottom: 1
+				},
+				children: /* @__PURE__ */ jsx("text", {
+					fg: COLOR.error,
+					wrapMode: "word",
+					children: `Couldn't read ${targetPath}: ${priorError}`
+				})
+			}) : /* @__PURE__ */ jsx("box", {
+				style: {
+					border: true,
+					borderColor: COLOR.mute,
+					width: diffWidth + 2,
+					height: diffHeight + 2,
+					flexShrink: 0,
+					marginBottom: 1
+				},
+				children: /* @__PURE__ */ jsx("diff", {
+					diff: diffText,
+					view: useSplit ? "split" : "unified",
+					wrapMode: "word",
+					showLineNumbers: true,
+					syntaxStyle: mdStyle,
+					treeSitterClient: getTreeSitterClient(),
+					...filetype ? { filetype } : {},
+					addedBg: SURFACE.diff.addBg,
+					removedBg: SURFACE.diff.removeBg,
+					...SURFACE.diff.addContentBg ? { addedContentBg: SURFACE.diff.addContentBg } : {},
+					...SURFACE.diff.removeContentBg ? { removedContentBg: SURFACE.diff.removeContentBg } : {},
+					addedSignColor: SURFACE.diff.addFg,
+					removedSignColor: SURFACE.diff.removeFg,
+					style: {
+						width: diffWidth,
+						height: diffHeight
+					}
+				})
+			}),
+			/* @__PURE__ */ jsx("box", {
+				style: {
+					flexDirection: "row",
+					height: 1,
+					flexShrink: 0
+				},
+				children: ACTIONS.map((action, i) => {
+					const isSelected = i === selected;
+					const tint = action.destructive ? COLOR.error : COLOR.brand;
+					const labelText = ` ${action.label} (${action.shortcut}) `;
+					return /* @__PURE__ */ jsx("box", {
+						style: {
+							marginRight: 2,
+							flexShrink: 0
+						},
+						children: isSelected ? /* @__PURE__ */ jsx("text", {
+							bg: tint,
+							fg: SURFACE.background,
+							wrapMode: "none",
+							children: labelText
+						}) : /* @__PURE__ */ jsx("text", {
+							bg: SURFACE.selection,
+							fg: COLOR.dim,
+							wrapMode: "none",
+							children: labelText
+						})
+					}, action.decision);
+				})
+			})
+		]
+	});
+}
+//#endregion
 //#region src/tui/interaction-block.tsx
 const COMMENT_TEXTAREA_BINDINGS = [
 	...defaultTextareaKeyBindings.filter((b) => b.name !== "return" && !(b.name === "a" && b.ctrl && !b.shift && !b.meta)),
@@ -3584,7 +4102,7 @@ function SessionsScreen({ sessions, currentId, focusedSessionId, onPick, onCreat
 		if (cwdBudget < 6) return countSegs;
 		const segs = [{
 			text: compactPath(currentProjectRoot, cwdBudget),
-			color: COLOR.dim
+			color: COLOR.model
 		}];
 		if (showAllProjects) segs.push({
 			text: " · ",
@@ -3818,6 +4336,7 @@ function renderProjectLabel(rowProject, currentProject, COLOR) {
 /** Visible content lines: 1 minimum, 5 maximum (textarea scrolls past 5). */
 const MIN_CONTENT_LINES = 1;
 const MAX_CONTENT_LINES = 5;
+const CWD_DISPLAY = compactPath(process.cwd());
 /**
 * Stable empty-array reference — keeps `queuedMessages` default referentially
 * stable across renders so memoized children don't bust their deps. Declared
@@ -3830,6 +4349,8 @@ function ChatScreen({ events, busy, compacting = false, queuedMessages = EMPTY_Q
 	const titleText = session?.title ?? "untitled";
 	const showSessionShortcut = !!session && !busy && !pending && !pendingInteraction;
 	const userMessageCount = useMemo(() => events.filter((e) => e.kind === "user-prompt").length, [events]);
+	const { width: termWidth } = useTerminalDimensions();
+	const hasStatusIcon = busy || compacting;
 	const metaSegments = useMemo(() => {
 		if (!session) return null;
 		const turnsSuffix = `turn${session.turnCount === 1 ? "" : "s"}`;
@@ -3857,15 +4378,28 @@ function ChatScreen({ events, busy, compacting = false, queuedMessages = EMPTY_Q
 			text: "ctrl+x",
 			color: COLOR.warn
 		}, { text: " session" });
+		const OVERLAY_RESERVED = 6;
+		const iconReserve = hasStatusIcon ? 2 : 0;
+		const statsLen = segments.reduce((sum, s) => sum + s.text.length, 0);
+		const cwdBudget = Math.max(0, termWidth - 4 - titleText.length - iconReserve - OVERLAY_RESERVED - statsLen - 3);
+		if (cwdBudget >= 6) segments.unshift({
+			text: compactPath(CWD_DISPLAY, cwdBudget),
+			color: COLOR.dim
+		}, {
+			text: " · ",
+			color: COLOR.mute
+		});
 		return segments;
 	}, [
 		session,
 		userMessageCount,
 		COLOR,
-		showSessionShortcut
+		showSessionShortcut,
+		termWidth,
+		titleText,
+		hasStatusIcon
 	]);
 	const userPrompts = useMemo(() => events.filter((e) => e.kind === "user-prompt").map((e) => e.text), [events]);
-	const titleStatusIcon = busy ? /* @__PURE__ */ jsx(StatusSpinner, { color: COLOR.warn }) : compacting ? /* @__PURE__ */ jsx(StatusSpinner, { color: COLOR.accent }) : null;
 	const [completionPopupOpen, setCompletionPopupOpen] = useState(false);
 	const handlePopupOpenChange = useCallback((open) => {
 		setCompletionPopupOpen(open);
@@ -3887,7 +4421,8 @@ function ChatScreen({ events, busy, compacting = false, queuedMessages = EMPTY_Q
 				children: /* @__PURE__ */ jsx(Transcript, {
 					events,
 					settings,
-					selectedTurnId: selectedTurnId ?? null
+					selectedTurnId: selectedTurnId ?? null,
+					busy: busy && !pending && !pendingInteraction
 				})
 			}),
 			pending ? /* @__PURE__ */ jsx(ApprovalBlock, {
@@ -3912,8 +4447,7 @@ function ChatScreen({ events, busy, compacting = false, queuedMessages = EMPTY_Q
 			})] }),
 			/* @__PURE__ */ jsx(TitleOverlay, {
 				title: titleText,
-				meta: metaSegments,
-				statusIcon: titleStatusIcon
+				meta: metaSegments
 			})
 		]
 	});
@@ -3974,6 +4508,22 @@ function ApprovalBlock({ request, onPick }) {
 	const focused = useModalAwareFocus();
 	const COLOR = useColors();
 	const SELECT_THEME = useSelectStyle();
+	const modal = useModal();
+	const isFileEdit = isFileEditTool(request.tool);
+	useEffect(() => {
+		if (!isFileEdit) return;
+		modal.open(/* @__PURE__ */ jsx(FileEditApprovalModal, {
+			request,
+			onDecide: onPick
+		}));
+		return () => modal.close();
+	}, [
+		isFileEdit,
+		request,
+		onPick,
+		modal
+	]);
+	if (isFileEdit) return null;
 	const summary = useMemo(() => `${request.tool}(${formatApprovalArgs(request.input)})`, [request.tool, request.input]);
 	const options = useMemo(() => {
 		return [
@@ -3982,6 +4532,11 @@ function ApprovalBlock({ request, onPick }) {
 				description: "",
 				value: "accept-once"
 			},
+			{
+				name: "accept for session · auto-approve matching calls until you quit",
+				description: "",
+				value: "accept-session"
+			},
 			{
 				name: `accept + remember · add "${suggestSafelistEntry(request.tool, request.input)}" to projects.json`,
 				description: "",
@@ -6464,6 +7019,10 @@ function AppShell() {
 	useEffect(() => {
 		persistToolResultsRef.current = settings.persistToolResults;
 	}, [settings.persistToolResults]);
+	const allowInteractionRef = useRef(settings.allowInteraction);
+	useEffect(() => {
+		allowInteractionRef.current = settings.allowInteraction;
+	}, [settings.allowInteraction]);
 	const autoCompactRef = useRef(settings.autoCompact);
 	useEffect(() => {
 		autoCompactRef.current = settings.autoCompact;
@@ -6472,6 +7031,10 @@ function AppShell() {
 	useEffect(() => {
 		autoCompactThresholdRef.current = settings.autoCompactThreshold;
 	}, [settings.autoCompactThreshold]);
+	const smoothStreamingRef = useRef(settings.smoothStreaming);
+	useEffect(() => {
+		smoothStreamingRef.current = settings.smoothStreaming;
+	}, [settings.smoothStreaming]);
 	const [projectDir] = useState(() => findGitRoot(process.cwd()) ?? process.cwd());
 	const safelistRef = useRef(null);
 	const readSafelist = useCallback(() => {
@@ -6481,6 +7044,7 @@ function AppShell() {
 	useEffect(() => {
 		safelistRef.current = null;
 	}, [dataDir, projectDir]);
+	const sessionSafelistRef = useRef(/* @__PURE__ */ new Set());
 	const [skillsCatalog, setSkillsCatalog] = useState([]);
 	const [mcpsCatalog, setMcpsCatalog] = useState([]);
 	const [mcpsErrors, setMcpsErrors] = useState([]);
@@ -6576,9 +7140,11 @@ function AppShell() {
 	const gateDecision = useCallback(async (tool, input) => {
 		if (!safeModeEnabledRef.current) return true;
 		if (isOnSafelist(readSafelist(), tool, input)) return true;
+		if (isOnSafelist([...sessionSafelistRef.current], tool, input)) return true;
 		const decision = await requestApproval(tool, input);
 		if (decision === "deny") return false;
-		if (decision === "accept-safelist") {
+		if (decision === "accept-session") sessionSafelistRef.current.add(suggestSafelistEntry(tool, input));
+		else if (decision === "accept-safelist") {
 			addToSafelist(dataDir, projectDir, suggestSafelistEntry(tool, input));
 			safelistRef.current = null;
 		}
@@ -6636,6 +7202,13 @@ function AppShell() {
 	/** Token count from the most recent assistant turn (caching-aware). */
 	const [lastInputTokens, setLastInputTokens] = useState(0);
 	/**
+	* Cumulative USD cost across every run in the active session — seeded
+	* from `session.runs` on activation and topped up by each `turn:after`'s
+	* `usage.cost`. Only providers that report cost (currently OpenRouter)
+	* contribute; everywhere else this stays at 0 and the footer hides it.
+	*/
+	const [sessionCost, setSessionCost] = useState(0);
+	/**
 	* Synchronous mirror of {@link lastInputTokens} for callbacks that need
 	* to read the freshest value after `await agent.run()` resolves. The
 	* `turn:after` hook updates both the state (drives the footer) and this
@@ -6695,7 +7268,7 @@ function AppShell() {
 	* via `useEffect` once `triggerAutoCompactIfNeeded` is defined below.
 	*/
 	const triggerAutoCompactRef = useRef(() => {});
-	const stream = useStreamBuffer(setEvents);
+	const stream = useStreamBuffer(setEvents, { getSmooth: useCallback(() => smoothStreamingRef.current, []) });
 	const makePicked = useCallback((provider, modelId) => {
 		const descriptor = providerRegistry[provider.key];
 		if (!descriptor) return null;
@@ -6711,6 +7284,14 @@ function AppShell() {
 			model
 		};
 	}, [providerRegistry, initialState]);
+	const cancelRunOnDenial = useCallback((reason) => {
+		denyAll();
+		interactions.cancelAll(reason);
+		messageQueueRef.current = [];
+		setMessageQueue([]);
+		setQueueSelectionIndex(null);
+		agentRef.current?.abort();
+	}, [denyAll, interactions]);
 	const buildAgent = useCallback((session, key) => {
 		const descriptor = providerRegistry[key];
 		if (!descriptor) throw new Error(`No provider registered for key "${key}"`);
@@ -6726,11 +7307,13 @@ function AppShell() {
 			discovered: mcpsCatalogRef.current,
 			enabled: enabledMcpsRef.current
 		});
-		const interactionTools = createInteractionTools({ requestInteraction: makeRequestInteraction(interactions) });
+		const allowInteraction = allowInteractionRef.current !== false;
+		const interactionTools = allowInteraction ? createInteractionTools({ requestInteraction: makeRequestInteraction(interactions) }) : {};
 		const actualCwd = process.cwd();
 		const envOpts = {
 			cwd: actualCwd,
-			...projectDir !== actualCwd ? { projectRoot: projectDir } : {}
+			...projectDir !== actualCwd ? { projectRoot: projectDir } : {},
+			allowInteraction
 		};
 		const builtInSystem = profile.id === "build" ? buildBuildSystem(envOpts) : profile.id === "plan" ? buildPlanSystem(envOpts) : null;
 		const persistDir = resolvePersistDir({
@@ -6769,6 +7352,7 @@ function AppShell() {
 			if (!await gateDecision(name, input)) {
 				ctx.block = true;
 				ctx.reason = "User denied this tool call";
+				cancelRunOnDenial("user denied a tool call");
 			}
 		};
 		agent.hooks.hook("tool:gate", (ctx) => applyGate(ctx.name, ctx.input, ctx));
@@ -6852,6 +7436,8 @@ function AppShell() {
 				const tokens = turnContextSize(usage);
 				setLastInputTokens(tokens);
 				lastInputTokensRef.current = tokens;
+				const turnCost = usage.cost ?? 0;
+				if (turnCost > 0) setSessionCost((prev) => prev + turnCost);
 			}
 			stream.flushAndUpdate(finalizeStreamingMarkdown);
 		});
@@ -6926,6 +7512,7 @@ function AppShell() {
 		providerRegistry,
 		stream,
 		gateDecision,
+		cancelRunOnDenial,
 		projectDir,
 		config.prefix,
 		interactions,
@@ -6969,6 +7556,7 @@ function AppShell() {
 		setMessageQueue([]);
 		setQueueSelectionIndex(null);
 		runningRef.current = false;
+		sessionSafelistRef.current.clear();
 	}, [
 		stream,
 		denyAll,
@@ -7050,6 +7638,7 @@ function AppShell() {
 		const replayedTokens = lastContextSizeFromTurns(session.turns, session.runs);
 		setLastInputTokens(replayedTokens);
 		lastInputTokensRef.current = replayedTokens;
+		setSessionCost(sumRunCosts(session.runs));
 		setCurrentSession({
 			id: session.id,
 			title: deriveSessionTitle(session.turns, session.metadata),
@@ -7160,13 +7749,12 @@ function AppShell() {
 	}, []);
 	const onAbort = useCallback(() => {
 		if (popupOpenRef.current) return;
-		denyAll();
-		interactions.cancelAll("user aborted run");
-		messageQueueRef.current = [];
-		setMessageQueue([]);
-		setQueueSelectionIndex(null);
-		agentRef.current?.abort();
-	}, [denyAll, interactions]);
+		cancelRunOnDenial("user aborted run");
+	}, [cancelRunOnDenial]);
+	const onInteractionResolve = useCallback((response) => {
+		interactions.resolveHead(response);
+		if (response.kind === "plan" && response.decision === "reject") cancelRunOnDenial("user rejected a plan");
+	}, [interactions, cancelRunOnDenial]);
 	const enterQueueSelection = useCallback(() => {
 		if (messageQueueRef.current.length === 0) return;
 		setQueueSelectionIndex(messageQueueRef.current.length - 1);
@@ -7621,6 +8209,7 @@ function AppShell() {
 		const replayedTokens = lastContextSizeFromTurns(session.turns, session.runs);
 		setLastInputTokens(replayedTokens);
 		lastInputTokensRef.current = replayedTokens;
+		setSessionCost(sumRunCosts(session.runs));
 		setCurrentSession((prev) => prev ? {
 			...prev,
 			turnCount: session.turns.length,
@@ -8044,6 +8633,7 @@ function AppShell() {
 		}
 		if (key.name !== "escape") return;
 		if (busy || pendingApproval) return onAbort();
+		if (popupOpenRef.current) return;
 		if (screen === "chat") return onOpenSessions();
 		if (screen === "sessions") {
 			if (currentSession) setScreen("chat");
@@ -8133,13 +8723,15 @@ function AppShell() {
 		lastInputTokens,
 		providerRegistry
 	]);
+	const footerCost = screen === "chat" ? sessionCost : null;
 	useEffect(() => () => {
 		teardown();
 	}, [teardown]);
 	return /* @__PURE__ */ jsxs("box", {
 		style: {
 			flexDirection: "column",
-			flexGrow: 1
+			flexGrow: 1,
+			backgroundColor: SURFACE.background
 		},
 		children: [/* @__PURE__ */ jsxs("box", {
 			style: {
@@ -8174,7 +8766,7 @@ function AppShell() {
 					pending: pendingApproval,
 					onApproval: resolveHead,
 					pendingInteraction,
-					onInteraction: interactions.resolveHead,
+					onInteraction: onInteractionResolve,
 					completionProviders,
 					onPopupOpenChange,
 					selectedTurnId,
@@ -8183,7 +8775,9 @@ function AppShell() {
 			]
 		}), /* @__PURE__ */ jsx(Footer, {
 			hints,
-			context: contextUsage
+			context: contextUsage,
+			cost: footerCost,
+			status: pendingInteraction?.kind === "question" ? "asking" : busy ? "busy" : compacting ? "compacting" : null
 		})]
 	});
 }
@@ -8359,6 +8953,18 @@ function shortChord(spec) {
 *     https://opentui.com/docs/reference/tree-sitter/#use-local-files).
 *   - If a download fails (offline / firewall), the language renders as
 *     plain `markup.raw.block` — no crash, just no syntax color.
+*   - **Self-hosted wasm.** Languages whose upstream grammars don't ship
+*     `.wasm` releases (currently: SQL) are built ahead of time and
+*     vendored under `tui/parsers/`; the TUI binary embeds the file via
+*     `with { type: 'file' }` (see `tui/src/tree-sitter-bundle.ts`),
+*     extracts it to a tmpdir at startup, and points the SDK at the
+*     extracted path through a `ZIDANE_LOCAL_TREE_SITTER_<X>_WASM` env
+*     var — keeps the repo's privacy boundary intact (no
+*     `raw.githubusercontent.com` fetches) and works offline / inside
+*     air-gapped runners. SDK consumers without these env vars set just
+*     skip the affected grammars. See `tui/parsers/README.md` for the
+*     rebuild recipe and `LOCAL_PARSERS` below for the env-var
+*     contract.
 *
 * Versions are pinned in the WASM URLs so a grammar repo's `master`
 * landing a breaking change can't silently affect us.
@@ -8413,8 +9019,71 @@ const EXTRA_PARSERS = [
 		filetype: "css",
 		wasm: "https://github.com/tree-sitter/tree-sitter-css/releases/download/v0.23.2/tree-sitter-css.wasm",
 		queries: { highlights: ["https://raw.githubusercontent.com/tree-sitter/tree-sitter-css/v0.23.2/queries/highlights.scm"] }
+	},
+	{
+		filetype: "haskell",
+		aliases: ["hs"],
+		wasm: "https://github.com/tree-sitter/tree-sitter-haskell/releases/download/v0.23.1/tree-sitter-haskell.wasm",
+		queries: { highlights: ["https://raw.githubusercontent.com/tree-sitter/tree-sitter-haskell/v0.23.1/queries/highlights.scm"] }
+	},
+	{
+		filetype: "c",
+		wasm: "https://github.com/tree-sitter/tree-sitter-c/releases/download/v0.24.1/tree-sitter-c.wasm",
+		queries: { highlights: ["https://raw.githubusercontent.com/tree-sitter/tree-sitter-c/v0.24.1/queries/highlights.scm"] }
+	},
+	{
+		filetype: "cpp",
+		aliases: [
+			"c++",
+			"cxx",
+			"cc"
+		],
+		wasm: "https://github.com/tree-sitter/tree-sitter-cpp/releases/download/v0.23.4/tree-sitter-cpp.wasm",
+		queries: { highlights: ["https://raw.githubusercontent.com/tree-sitter/tree-sitter-cpp/v0.23.4/queries/highlights.scm"] }
+	},
+	{
+		filetype: "csharp",
+		aliases: ["cs", "c#"],
+		wasm: "https://github.com/tree-sitter/tree-sitter-c-sharp/releases/download/v0.23.1/tree-sitter-c_sharp.wasm",
+		queries: { highlights: ["https://raw.githubusercontent.com/tree-sitter/tree-sitter-c-sharp/v0.23.1/queries/highlights.scm"] }
+	},
+	{
+		filetype: "elixir",
+		aliases: ["ex", "exs"],
+		wasm: "https://github.com/elixir-lang/tree-sitter-elixir/releases/download/v0.3.4/tree-sitter-elixir.wasm",
+		queries: { highlights: ["https://raw.githubusercontent.com/elixir-lang/tree-sitter-elixir/v0.3.4/queries/highlights.scm"] }
 	}
 ];
+const LOCAL_PARSERS = [{
+	template: {
+		filetype: "sql",
+		aliases: [
+			"psql",
+			"mysql",
+			"sqlite",
+			"plsql"
+		],
+		queries: { highlights: ["https://raw.githubusercontent.com/DerekStride/tree-sitter-sql/v0.3.11/queries/highlights.scm"] }
+	},
+	pathEnvVar: "ZIDANE_LOCAL_TREE_SITTER_SQL_WASM"
+}];
+/**
+* Walk {@link LOCAL_PARSERS} and return the parsers whose `pathEnvVar`
+* resolves to a non-empty string. Stripped entries log a one-shot warning
+* to stderr so a TUI host with broken bundle setup doesn't fail
+* silently.
+*/
+function resolveLocalParsers() {
+	const resolved = [];
+	for (const { template, pathEnvVar } of LOCAL_PARSERS) {
+		const wasm = process.env[pathEnvVar];
+		if (wasm && wasm.length > 0) resolved.push({
+			...template,
+			wasm
+		});
+	}
+	return resolved;
+}
 let registered = false;
 /**
 * Register the extra Tree-sitter parsers + start the worker. Idempotent —
@@ -8424,7 +9093,7 @@ let registered = false;
 async function setupTreeSitter() {
 	if (registered) return;
 	registered = true;
-	addDefaultParsers(EXTRA_PARSERS);
+	addDefaultParsers([...EXTRA_PARSERS, ...resolveLocalParsers()]);
 	await getTreeSitterClient().initialize();
 }
 //#endregion