scream-code 0.5.3 → 0.5.5

package/dist/main.mjs

@@ -118880,6 +118880,7 @@ function escapeTomlBasicString(value) {
 }
 //#endregion
 //#region src/tui/constant/rendering.ts
+const MAX_SHELL_OUTPUT_BYTES = 128 * 1024;
 const BRAILLE_SPINNER_FRAMES = [
 	"⠋",
 	"⠙",
@@ -121157,13 +121158,19 @@ var UsagePanelComponent = class {
 	lines;
 	borderHex;
 	title;
+	cachedWidth;
+	cachedLines;
 	constructor(lines, borderHex, title = " 用量 ") {
 		this.lines = lines;
 		this.borderHex = borderHex;
 		this.title = title;
 	}
-	invalidate() {}
+	invalidate() {
+		this.cachedWidth = void 0;
+		this.cachedLines = void 0;
+	}
 	render(width) {
+		if (this.cachedLines !== void 0 && this.cachedWidth === width) return this.cachedLines;
 		const paint = (s) => chalk.hex(this.borderHex)(s);
 		const indent = " ".repeat(LEFT_MARGIN$1);
 		const availableInterior = Math.max(MIN_INTERIOR_WIDTH, width - LEFT_MARGIN$1 - 2 - 2 * SIDE_PADDING$1);
@@ -121180,6 +121187,8 @@ var UsagePanelComponent = class {
 			out.push(indent + paint("│") + " " + clipped + " ".repeat(pad) + " " + paint("│"));
 		}
 		out.push(bottom);
+		this.cachedWidth = width;
+		this.cachedLines = out;
 		return out;
 	}
 };
@@ -122161,16 +122170,29 @@ function buildEmptyGoalLines(colors) {
 var GoalStatusMessageComponent = class {
 	goal;
 	colors;
+	panel;
+	cachedWidth;
+	cachedLines;
 	constructor(goal, colors) {
 		this.goal = goal;
 		this.colors = colors;
+		if (goal === null) this.panel = new UsagePanelComponent(buildEmptyGoalLines(this.colors), this.colors.success, " Scream Goal ");
+		else {
+			const title = ` Scream Goal · ${statusLabel(goal.status)} `;
+			this.panel = new UsagePanelComponent(buildGoalReportLines(goal, this.colors), this.colors.success, title);
+		}
+	}
+	invalidate() {
+		this.cachedWidth = void 0;
+		this.cachedLines = void 0;
+		this.panel.invalidate();
 	}
-	invalidate() {}
 	render(width) {
-		const goal = this.goal;
-		if (goal === null) return ["", ...new UsagePanelComponent(buildEmptyGoalLines(this.colors), this.colors.success, " Scream Goal ").render(width)];
-		const title = ` Scream Goal · ${statusLabel(goal.status)} `;
-		return ["", ...new UsagePanelComponent(buildGoalReportLines(goal, this.colors), this.colors.success, title).render(width)];
+		if (this.cachedLines !== void 0 && this.cachedWidth === width) return this.cachedLines;
+		const lines = ["", ...this.panel.render(width)];
+		this.cachedWidth = width;
+		this.cachedLines = lines;
+		return lines;
 	}
 };
 //#endregion
@@ -122350,703 +122372,117 @@ function dismissGoalPanel(host) {
 	}
 }
 //#endregion
-//#region src/utils/git/git-status.ts
+//#region src/tui/components/chrome/welcome.ts
+const HUE_STOPS = 24;
+const SUB_STEPS = 5;
+const BREATHE_STEPS = HUE_STOPS * SUB_STEPS;
+const BREATHE_INTERVAL_MS = 40;
+const LOGO_FRAMES = [
+	["██▄▄▄██", "▐█▄▀▄█▌"],
+	["██▄▄▄██", "▐▄▄▀▄▄▌"],
+	["██▄▄▄██", "▐▄▀▄▄▄▌"],
+	["██▄▄▄██", "▐▄▄▄▀▄▌"],
+	["██▄▄▄██", "▐█▄▀▄█▌"]
+];
+function hexToRgb$1(hex) {
+	return [
+		parseInt(hex.slice(1, 3), 16),
+		parseInt(hex.slice(3, 5), 16),
+		parseInt(hex.slice(5, 7), 16)
+	];
+}
+function rgbToHsl(r, g, b) {
+	const rf = r / 255, gf = g / 255, bf = b / 255;
+	const max = Math.max(rf, gf, bf), min = Math.min(rf, gf, bf);
+	const l = (max + min) / 2;
+	if (max === min) return [
+		0,
+		0,
+		l * 100
+	];
+	const d = max - min;
+	const s = l > .5 ? d / (2 - max - min) : d / (max + min);
+	let h = 0;
+	if (max === rf) h = ((gf - bf) / d + (gf < bf ? 6 : 0)) / 6;
+	else if (max === gf) h = ((bf - rf) / d + 2) / 6;
+	else h = ((rf - gf) / d + 4) / 6;
+	return [
+		h * 360,
+		s * 100,
+		l * 100
+	];
+}
+function hslToRgb(h, s, l) {
+	const hf = (h % 360 + 360) % 360 / 360;
+	const sf = s / 100, lf = l / 100;
+	if (sf === 0) {
+		const v = Math.round(lf * 255);
+		return [
+			v,
+			v,
+			v
+		];
+	}
+	const q = lf < .5 ? lf * (1 + sf) : lf + sf - lf * sf;
+	const p = 2 * lf - q;
+	const hue = (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;
+	};
+	return [
+		Math.round(hue(hf + 1 / 3) * 255),
+		Math.round(hue(hf) * 255),
+		Math.round(hue(hf - 1 / 3) * 255)
+	];
+}
+function rgbToHex(r, g, b) {
+	const c = (v) => Math.round(Math.max(0, Math.min(255, v))).toString(16).padStart(2, "0");
+	return `#${c(r)}${c(g)}${c(b)}`;
+}
 /**
-* Cached git branch + working-tree status for the footer/statusline.
-*
-* Branch name refreshes every 5s, porcelain status every 15s. Branch
-* and status reads stay synchronous with short timeouts. Pull request
-* lookup uses an async cache so a slow `gh pr view` never blocks
-* footer rendering.
+* Build a full-hue-wheel palette anchored at the primary-green hue.
+* At frame 0 (and BREATHE_STEPS) the colour is pure primary; in between
+* it sweeps through all 24 hue stops with smooth sub-step interpolation.
 */
-const BRANCH_TTL_MS = 5e3;
-const STATUS_TTL_MS = 15e3;
-const PULL_REQUEST_TTL_MS = 6e4;
-const SPAWN_TIMEOUT_MS = 500;
-const PR_SPAWN_TIMEOUT_MS = 5e3;
-const AHEAD_BEHIND_RE = /\[(?:ahead (\d+))?(?:, )?(?:behind (\d+))?\]/;
-function createGitStatusCache(workDir, options = {}) {
-	const isRepo = detectGitRepo(workDir);
-	let branch = {
-		value: null,
-		fetchedAt: 0
-	};
-	let status = {
-		dirty: false,
-		ahead: 0,
-		behind: 0,
-		diffAdded: 0,
-		diffDeleted: 0,
-		fetchedAt: 0
-	};
-	let pullRequest = {
-		value: null,
-		branch: null,
-		fetchedAt: 0,
-		pendingBranch: null,
-		requestId: 0
-	};
-	return { getStatus: () => {
-		if (!isRepo) return null;
-		const now = Date.now();
-		if (now - branch.fetchedAt >= BRANCH_TTL_MS) branch = {
-			value: readBranch(workDir),
-			fetchedAt: now
-		};
-		if (branch.value === null) return null;
-		if (now - status.fetchedAt >= STATUS_TTL_MS) status = {
-			...readStatus(workDir),
-			fetchedAt: now
-		};
-		refreshPullRequestIfNeeded(branch.value, now);
-		return {
-			branch: branch.value,
-			dirty: status.dirty,
-			ahead: status.ahead,
-			behind: status.behind,
-			diffAdded: status.diffAdded,
-			diffDeleted: status.diffDeleted,
-			pullRequest: pullRequest.branch === branch.value ? pullRequest.value : null
-		};
-	} };
-	function refreshPullRequestIfNeeded(branchName, now) {
-		if (pullRequest.pendingBranch === branchName) return;
-		const fetchedAt = pullRequest.branch === branchName ? pullRequest.fetchedAt : 0;
-		if (now - fetchedAt < PULL_REQUEST_TTL_MS) return;
-		const requestId = pullRequest.requestId + 1;
-		pullRequest = {
-			value: pullRequest.branch === branchName ? pullRequest.value : null,
-			branch: branchName,
-			fetchedAt,
-			pendingBranch: branchName,
-			requestId
-		};
-		readPullRequest(workDir).then((value) => {
-			if (pullRequest.requestId !== requestId) return;
-			const changed = !samePullRequest(pullRequest.branch === branchName ? pullRequest.value : null, value);
-			pullRequest = {
-				value,
-				branch: branchName,
-				fetchedAt: Date.now(),
-				pendingBranch: null,
-				requestId
-			};
-			if (changed) options.onChange?.();
-		});
+function buildBreathingPalette(primaryHex, hueStops, subSteps) {
+	const [r, g, b] = hexToRgb$1(primaryHex);
+	const [baseHue] = rgbToHsl(r, g, b);
+	const steps = hueStops * subSteps;
+	const palette = [];
+	for (let i = 0; i < steps; i++) {
+		const [rr, gg, bb] = hslToRgb((baseHue + i / steps * 360) % 360, 90, 70);
+		palette.push(rgbToHex(rr, gg, bb));
 	}
+	return palette;
 }
-function detectGitRepo(workDir) {
-	try {
-		const result = spawnSync("git", [
-			"-C",
-			workDir,
-			"rev-parse",
-			"--is-inside-work-tree"
-		], {
-			encoding: "utf8",
-			timeout: SPAWN_TIMEOUT_MS
-		});
-		return result.status === 0 && result.stdout.trim() === "true";
-	} catch {
-		return false;
+var WelcomeComponent = class {
+	state;
+	colors;
+	ui;
+	breatheFrame = 0;
+	breatheTimer = null;
+	breathePalette;
+	borderTitle = null;
+	constructor(state, colors, ui) {
+		this.state = state;
+		this.colors = colors;
+		this.ui = ui;
+		this.breathePalette = buildBreathingPalette(colors.primary, HUE_STOPS, SUB_STEPS);
+		this.startBreathing();
 	}
-}
-function readBranch(workDir) {
-	try {
-		const result = spawnSync("git", [
-			"-C",
-			workDir,
-			"branch",
-			"--show-current"
-		], {
-			encoding: "utf8",
-			timeout: SPAWN_TIMEOUT_MS
-		});
-		if (result.status !== 0) return null;
-		const name = result.stdout.trim();
-		return name.length > 0 ? name : null;
-	} catch {
-		return null;
-	}
-}
-function readStatus(workDir) {
-	try {
-		const result = spawnSync("git", [
-			"-C",
-			workDir,
-			"status",
-			"--porcelain",
-			"-b"
-		], {
-			encoding: "utf8",
-			timeout: SPAWN_TIMEOUT_MS,
-			maxBuffer: 4 * 1024 * 1024
-		});
-		if (result.status !== 0) return {
-			dirty: false,
-			ahead: 0,
-			behind: 0,
-			diffAdded: 0,
-			diffDeleted: 0
-		};
-		let dirty = false;
-		let ahead = 0;
-		let behind = 0;
-		for (const line of result.stdout.split("\n")) if (line.startsWith("## ")) {
-			const m = AHEAD_BEHIND_RE.exec(line);
-			if (m) {
-				ahead = Number.parseInt(m[1] ?? "0", 10) || 0;
-				behind = Number.parseInt(m[2] ?? "0", 10) || 0;
-			}
-		} else if (line.trim().length > 0) dirty = true;
-		const diff = dirty ? readDiffStats(workDir) : {
-			added: 0,
-			deleted: 0
-		};
-		return {
-			dirty,
-			ahead,
-			behind,
-			diffAdded: diff.added,
-			diffDeleted: diff.deleted
-		};
-	} catch {
-		return {
-			dirty: false,
-			ahead: 0,
-			behind: 0,
-			diffAdded: 0,
-			diffDeleted: 0
-		};
-	}
-}
-function readDiffStats(workDir) {
-	try {
-		const result = spawnSync("git", [
-			"-C",
-			workDir,
-			"diff",
-			"--numstat",
-			"HEAD",
-			"--"
-		], {
-			encoding: "utf8",
-			timeout: SPAWN_TIMEOUT_MS,
-			maxBuffer: 4 * 1024 * 1024
-		});
-		if (result.status !== 0) return {
-			added: 0,
-			deleted: 0
-		};
-		let added = 0;
-		let deleted = 0;
-		for (const line of result.stdout.split("\n")) {
-			if (!line) continue;
-			const [addedText, deletedText] = line.split("	");
-			added += parseDiffNumstatCount(addedText);
-			deleted += parseDiffNumstatCount(deletedText);
-		}
-		return {
-			added,
-			deleted
-		};
-	} catch {
-		return {
-			added: 0,
-			deleted: 0
-		};
-	}
-}
-function parseDiffNumstatCount(value) {
-	if (value === void 0 || value === "-") return 0;
-	const n = Number.parseInt(value, 10);
-	return Number.isFinite(n) && n > 0 ? n : 0;
-}
-function readPullRequest(workDir) {
-	return new Promise((resolve) => {
-		try {
-			execFile("gh", [
-				"pr",
-				"view",
-				"--json",
-				"number,url"
-			], {
-				cwd: workDir,
-				encoding: "utf8",
-				env: {
-					...process.env,
-					GH_NO_UPDATE_NOTIFIER: "1",
-					GH_PROMPT_DISABLED: "1"
-				},
-				timeout: PR_SPAWN_TIMEOUT_MS,
-				maxBuffer: 256 * 1024
-			}, (error, stdout) => {
-				if (error !== null) {
-					resolve(null);
-					return;
-				}
-				resolve(parsePullRequest(stdout));
-			});
-		} catch {
-			resolve(null);
-		}
-	});
-}
-function samePullRequest(a, b) {
-	if (a === null || b === null) return a === b;
-	return a.number === b.number && a.url === b.url;
-}
-function parsePullRequest(stdout) {
-	try {
-		const raw = JSON.parse(stdout);
-		if (typeof raw !== "object" || raw === null) return null;
-		const record = raw;
-		const number = record["number"];
-		const url = record["url"];
-		if (typeof number !== "number" || !Number.isInteger(number) || number <= 0) return null;
-		if (typeof url !== "string" || !isSafeHttpUrl(url)) return null;
-		return {
-			number,
-			url
-		};
-	} catch {
-		return null;
-	}
-}
-function isSafeHttpUrl(value) {
-	if (hasControlChars(value)) return false;
-	try {
-		const url = new URL(value);
-		return url.protocol === "https:" || url.protocol === "http:";
-	} catch {
-		return false;
-	}
-}
-function hasControlChars(value) {
-	for (const char of value) {
-		const code = char.codePointAt(0) ?? 0;
-		if (code <= 31 || code === 127) return true;
-	}
-	return false;
-}
-function formatGitBadgeBase(status) {
-	const parts = [];
-	const diff = formatDiffStats(status);
-	if (diff) parts.push(diff);
-	let sync = "";
-	if (status.ahead > 0) sync += `↑${status.ahead}`;
-	if (status.behind > 0) sync += `↓${status.behind}`;
-	if (sync) parts.push(sync);
-	return parts.length === 0 ? status.branch : `${status.branch} [${parts.join(" ")}]`;
-}
-function formatPullRequestBadge(pullRequest, options = {}) {
-	const prText = `[PR#${String(pullRequest.number)}]`;
-	return options.linkPullRequest ? toTerminalHyperlink(prText, pullRequest.url) : prText;
-}
-function formatDiffStats(status) {
-	const parts = [];
-	if (status.diffAdded > 0) parts.push(`+${String(status.diffAdded)}`);
-	if (status.diffDeleted > 0) parts.push(`-${String(status.diffDeleted)}`);
-	if (parts.length > 0) return parts.join(" ");
-	return status.dirty ? "±" : null;
-}
-function toTerminalHyperlink(text, url) {
-	if (!isSafeHttpUrl(url)) return text;
-	return `\u001B]8;;${url}\u0007${text}\u001B]8;;\u0007`;
-}
-//#endregion
-//#region src/tui/components/chrome/footer.ts
-const MAX_CWD_SEGMENTS = 3;
-const TIP_ROTATE_INTERVAL_MS = 1e4;
-const TOOLBAR_TIPS = [
-	{ text: "shift+tab: 计划模式" },
-	{ text: "/model: 切换模型" },
-	{
-		text: "ctrl+s: 中途干预",
-		priority: 2
-	},
-	{
-		text: "/compact: 压缩上下文",
-		priority: 2
-	},
-	{ text: "ctrl+o: 展开工具输出" },
-	{ text: "/tasks: 后台任务" },
-	{ text: "shift+enter: 换行" },
-	{
-		text: "/init: 生成 AGENTS.md",
-		priority: 2
-	},
-	{ text: "@: 提及文件" },
-	{ text: "ctrl+c: 取消" },
-	{ text: "/theme: 切换主题" },
-	{ text: "/auto: 自动权限模式" },
-	{ text: "/yes: 自动批准" },
-	{ text: "/help: 显示命令" },
-	{
-		text: "/config: 选择并配置你常用的模型商",
-		solo: true,
-		priority: 3
-	},
-	{
-		text: "让 Scream 安排任务，例如 \"2个小时后提醒我去拿快递\"",
-		solo: true,
-		priority: 3
-	}
-];
-/**
-* Expand tips into a rotation sequence using smooth weighted round-robin
-* (the nginx SWRR algorithm). Higher-`priority` tips appear more often while
-* staying evenly spread, so a tip generally does not land next to its own
-* duplicate. Deterministic and computed once at module load. Exported for
-* unit testing.
-*/
-function buildWeightedTips(tips) {
-	const items = tips.map((t) => ({
-		tip: t,
-		weight: Math.max(1, Math.trunc(t.priority ?? 1)),
-		current: 0
-	}));
-	const total = items.reduce((sum, it) => sum + it.weight, 0);
-	const seq = [];
-	for (let n = 0; n < total; n++) {
-		let best = items[0];
-		for (const it of items) {
-			it.current += it.weight;
-			if (it.current > best.current) best = it;
-		}
-		best.current -= total;
-		seq.push(best.tip);
-	}
-	return seq;
-}
-const ROTATION = buildWeightedTips(TOOLBAR_TIPS);
-function currentTipIndex() {
-	return Math.floor(Date.now() / TIP_ROTATE_INTERVAL_MS);
-}
-/**
-* Pick the tip(s) for a rotation index over the weighted ROTATION sequence.
-* `primary` is always shown when it fits; `pair` (primary + next tip joined
-* by the separator) is offered for wide terminals. Pairing is skipped when
-* the current/next tip is `solo` or when the neighbour is a duplicate of the
-* current tip (which can happen at the wrap boundary), keeping long/important
-* tips on their own and avoiding "X | X".
-*/
-function tipsForIndex(index) {
-	const n = ROTATION.length;
-	if (n === 0) return {
-		primary: "",
-		pair: null
-	};
-	const offset = (index % n + n) % n;
-	const current = ROTATION[offset];
-	if (n === 1 || current.solo) return {
-		primary: current.text,
-		pair: null
-	};
-	const next = ROTATION[(offset + 1) % n];
-	if (next.solo || next.text === current.text) return {
-		primary: current.text,
-		pair: null
-	};
-	return {
-		primary: current.text,
-		pair: current.text + " | " + next.text
-	};
-}
-function shortenModel(model) {
-	if (!model) return model;
-	const slash = model.lastIndexOf("/");
-	return slash >= 0 ? model.slice(slash + 1) : model;
-}
-function modelDisplayName(state) {
-	const model = state.availableModels[state.model];
-	return model?.displayName ?? model?.model ?? state.model;
-}
-function shortenCwd(path) {
-	if (!path) return path;
-	const home = process.env["HOME"] ?? "";
-	let work = path;
-	if (home && path === home) return "~";
-	if (home && path.startsWith(home + "/")) work = "~" + path.slice(home.length);
-	const segments = work.split("/").filter((s) => s.length > 0);
-	if (segments.length <= MAX_CWD_SEGMENTS) return work;
-	return `…/${segments.slice(-3).join("/")}`;
-}
-function formatTokenCount(n) {
-	if (n >= 1e6) return `${(n / 1e6).toFixed(1)}M`;
-	if (n >= 1e3) return `${(n / 1e3).toFixed(1)}k`;
-	return String(n);
-}
-function safeUsage(usage) {
-	return safeUsageRatio(usage);
-}
-function formatContextStatus(usage, tokens, maxTokens) {
-	const pct = `${(safeUsage(usage) * 100).toFixed(1)}%`;
-	if (maxTokens && maxTokens > 0 && tokens !== void 0) return `上下文：${pct} (${formatTokenCount(tokens)}/${formatTokenCount(maxTokens)})`;
-	return `上下文：${pct}`;
-}
-const BRAND_COLORS = [
-	"#72A4E9",
-	"#A78BFA",
-	"#34D399"
-];
-const GRADIENT_CYCLE_MS = 4e3;
-const SPINNER_FRAMES$1 = [
-	"●",
-	"◉",
-	"◎",
-	"◌",
-	"○",
-	"◌",
-	"◎",
-	"◉"
-];
-const SPINNER_TICK_MS = 120;
-function hexToRgb$1(hex) {
-	const v = parseInt(hex.slice(1), 16);
-	return [
-		v >> 16 & 255,
-		v >> 8 & 255,
-		v & 255
-	];
-}
-function lerpGradient(t) {
-	const count = BRAND_COLORS.length;
-	const segment = Math.min(t * count, count - 1);
-	const idx = Math.floor(segment);
-	const localT = segment - idx;
-	const nextIdx = (idx + 1) % count;
-	const [r0, g0, b0] = hexToRgb$1(BRAND_COLORS[idx]);
-	const [r1, g1, b1] = hexToRgb$1(BRAND_COLORS[nextIdx]);
-	const r = Math.round(r0 + (r1 - r0) * localT);
-	const g = Math.round(g0 + (g1 - g0) * localT);
-	const b = Math.round(b0 + (b1 - b0) * localT);
-	return `#${r.toString(16).padStart(2, "0")}${g.toString(16).padStart(2, "0")}${b.toString(16).padStart(2, "0")}`;
-}
-function buildStatusLine(streamingPhase, livePaneMode, streamingStartTime) {
-	if (streamingPhase === "idle" && livePaneMode !== "tool") return "○ 空闲";
-	let label;
-	if (livePaneMode === "tool") label = "执行中";
-	else if (streamingPhase === "waiting") label = "等待响应";
-	else if (streamingPhase === "thinking") label = "思考中";
-	else if (streamingPhase === "composing") label = "输出中";
-	else label = "";
-	const elapsed = Date.now() - streamingStartTime;
-	const totalSeconds = Math.floor(elapsed / 1e3);
-	const elapsedStr = totalSeconds < 60 ? `${totalSeconds}s` : `${Math.floor(totalSeconds / 60)}m${totalSeconds % 60}s`;
-	const now = Date.now();
-	const frame = SPINNER_FRAMES$1[Math.floor(now / SPINNER_TICK_MS) % SPINNER_FRAMES$1.length];
-	const gradientColor = lerpGradient(now % GRADIENT_CYCLE_MS / GRADIENT_CYCLE_MS);
-	return chalk.hex(gradientColor).bold(frame) + " " + label + " " + elapsedStr;
-}
-function formatFooterGitBadge(status, colors) {
-	const base = chalk.hex(colors.status)(formatGitBadgeBase(status));
-	if (status.pullRequest === null) return base;
-	return `${base} ${chalk.hex(colors.primary)(formatPullRequestBadge(status.pullRequest, { linkPullRequest: true }))}`;
-}
-var FooterComponent = class {
-	state;
-	colors;
-	onGitStatusChange;
-	gitCache;
-	gitCacheWorkDir;
-	transientHint = null;
-	/**
-	* Non-terminal background-task counts split by kind so the footer can
-	* render two distinct badges. `bashTasks` covers `bash-*` BPM tasks
-	* spawned via `Shell run_in_background=true`; `agentTasks` covers
-	* `agent-*` BPM tasks (background subagents). Either zero hides its
-	* respective badge.
-	*/
-	backgroundBashTaskCount = 0;
-	backgroundAgentCount = 0;
-	constructor(state, colors, onGitStatusChange = () => {}) {
-		this.state = state;
-		this.colors = colors;
-		this.onGitStatusChange = onGitStatusChange;
-		this.gitCacheWorkDir = state.workDir;
-		this.gitCache = createGitStatusCache(state.workDir, { onChange: this.onGitStatusChange });
-	}
-	setState(state) {
-		if (state.workDir !== this.gitCacheWorkDir) {
-			this.gitCacheWorkDir = state.workDir;
-			this.gitCache = createGitStatusCache(state.workDir, { onChange: this.onGitStatusChange });
-		}
-		this.state = state;
-	}
-	setColors(colors) {
-		this.colors = colors;
-	}
-	/**
-	* Short-lived hint that replaces the rotating toolbar tips on line 1.
-	* Used by the exit-confirmation double-tap flow to show "Press Ctrl+C
-	* again to exit" without requiring a toast/overlay subsystem.
-	* Pass `null` to clear.
-	*/
-	setTransientHint(hint) {
-		this.transientHint = hint;
-	}
-	/**
-	* Sync both background-task badges with live counts. Each non-zero
-	* count produces its own bracketed badge on line 1; zeros hide them
-	* independently.
-	*/
-	setBackgroundCounts(counts) {
-		this.backgroundBashTaskCount = Math.max(0, counts.bashTasks);
-		this.backgroundAgentCount = Math.max(0, counts.agentTasks);
-	}
-	invalidate() {}
-	render(width) {
-		const colors = this.colors;
-		const state = this.state;
-		const left = [];
-		if (state.permissionMode === "auto") left.push(chalk.hex(colors.warning).bold("auto"));
-		if (state.permissionMode === "yolo") left.push(chalk.hex(colors.warning).bold("YES"));
-		if (state.planMode) left.push(chalk.hex(colors.primary).bold("plan"));
-		if (state.wolfpackMode) left.push(chalk.hex(colors.primary).bold("wolfpack"));
-		if (state.goalActive) left.push(chalk.hex(colors.primary).bold("goal"));
-		const model = shortenModel(modelDisplayName(state));
-		if (model) {
-			const thinkingLabel = state.thinking ? " 思考中" : "";
-			left.push(chalk.hex(colors.text)(`${model}${thinkingLabel}`));
-		}
-		if (this.backgroundBashTaskCount > 0) {
-			const noun = this.backgroundBashTaskCount === 1 ? "个任务" : "个任务";
-			left.push(chalk.hex(colors.primary)(`[${String(this.backgroundBashTaskCount)}${noun} 运行中]`));
-		}
-		if (this.backgroundAgentCount > 0) {
-			const noun = this.backgroundAgentCount === 1 ? "个代理" : "个代理";
-			left.push(chalk.hex(colors.primary)(`[${String(this.backgroundAgentCount)}${noun} 运行中]`));
-		}
-		const cwd = shortenCwd(state.workDir);
-		if (cwd) left.push(chalk.hex(colors.status)(cwd));
-		const git = this.gitCache.getStatus();
-		if (git !== null) left.push(formatFooterGitBadge(git, colors));
-		const leftLine = left.join("  ");
-		const leftWidth = visibleWidth(leftLine);
-		let rightText;
-		if (this.transientHint) rightText = chalk.hex(colors.warning).bold(this.transientHint);
-		else {
-			const statusLine = buildStatusLine(state.streamingPhase, state.livePaneMode, state.streamingStartTime);
-			const ccDot = state.ccConnectActive ? chalk.hex(colors.success)("●") : chalk.hex(colors.textDim)("●");
-			rightText = chalk.hex(colors.textDim)(ccDot + " " + formatContextStatus(state.contextUsage, state.contextTokens, state.maxContextTokens) + "  " + statusLine);
-		}
-		const rightWidth = visibleWidth(rightText);
-		const gap = 3;
-		let line1;
-		if (leftWidth + gap + rightWidth <= width) {
-			const pad = width - leftWidth - rightWidth;
-			line1 = leftLine + " ".repeat(pad) + rightText;
-		} else if (leftWidth <= width) line1 = leftLine;
-		else line1 = truncateToWidth(leftLine, width, "…");
-		return [truncateToWidth(line1, width)];
-	}
-};
-//#endregion
-//#region src/tui/components/chrome/welcome.ts
-const HUE_STOPS = 24;
-const SUB_STEPS = 5;
-const BREATHE_STEPS = HUE_STOPS * SUB_STEPS;
-const BREATHE_INTERVAL_MS = 40;
-function hexToRgb(hex) {
-	return [
-		parseInt(hex.slice(1, 3), 16),
-		parseInt(hex.slice(3, 5), 16),
-		parseInt(hex.slice(5, 7), 16)
-	];
-}
-function rgbToHsl(r, g, b) {
-	const rf = r / 255, gf = g / 255, bf = b / 255;
-	const max = Math.max(rf, gf, bf), min = Math.min(rf, gf, bf);
-	const l = (max + min) / 2;
-	if (max === min) return [
-		0,
-		0,
-		l * 100
-	];
-	const d = max - min;
-	const s = l > .5 ? d / (2 - max - min) : d / (max + min);
-	let h = 0;
-	if (max === rf) h = ((gf - bf) / d + (gf < bf ? 6 : 0)) / 6;
-	else if (max === gf) h = ((bf - rf) / d + 2) / 6;
-	else h = ((rf - gf) / d + 4) / 6;
-	return [
-		h * 360,
-		s * 100,
-		l * 100
-	];
-}
-function hslToRgb(h, s, l) {
-	const hf = (h % 360 + 360) % 360 / 360;
-	const sf = s / 100, lf = l / 100;
-	if (sf === 0) {
-		const v = Math.round(lf * 255);
-		return [
-			v,
-			v,
-			v
-		];
-	}
-	const q = lf < .5 ? lf * (1 + sf) : lf + sf - lf * sf;
-	const p = 2 * lf - q;
-	const hue = (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;
-	};
-	return [
-		Math.round(hue(hf + 1 / 3) * 255),
-		Math.round(hue(hf) * 255),
-		Math.round(hue(hf - 1 / 3) * 255)
-	];
-}
-function rgbToHex(r, g, b) {
-	const c = (v) => Math.round(Math.max(0, Math.min(255, v))).toString(16).padStart(2, "0");
-	return `#${c(r)}${c(g)}${c(b)}`;
-}
-/**
-* Build a full-hue-wheel palette anchored at the primary-green hue.
-* At frame 0 (and BREATHE_STEPS) the colour is pure primary; in between
-* it sweeps through all 24 hue stops with smooth sub-step interpolation.
-*/
-function buildBreathingPalette(primaryHex, hueStops, subSteps) {
-	const [r, g, b] = hexToRgb(primaryHex);
-	const [baseHue, sat, lit] = rgbToHsl(r, g, b);
-	const steps = hueStops * subSteps;
-	const palette = [];
-	for (let i = 0; i < steps; i++) {
-		const [rr, gg, bb] = hslToRgb((baseHue + i / steps * 360) % 360, sat, lit);
-		palette.push(rgbToHex(rr, gg, bb));
-	}
-	return palette;
-}
-var WelcomeComponent = class {
-	state;
-	colors;
-	ui;
-	breatheFrame = 0;
-	breatheTimer = null;
-	breathePalette;
-	borderTitle = null;
-	constructor(state, colors, ui) {
-		this.state = state;
-		this.colors = colors;
-		this.ui = ui;
-		this.breathePalette = buildBreathingPalette(colors.primary, HUE_STOPS, SUB_STEPS);
-		this.startBreathing();
-	}
-	stopBreathing() {
-		if (this.breatheTimer !== null) {
-			clearInterval(this.breatheTimer);
-			this.breatheTimer = null;
-		}
-		if (this.breatheFrame !== 0) {
-			this.breatheFrame = 0;
-			this.ui.requestRender();
-		}
+	stopBreathing() {
+		if (this.breatheTimer !== null) {
+			clearInterval(this.breatheTimer);
+			this.breatheTimer = null;
+		}
+		if (this.breatheFrame !== 0) {
+			this.breatheFrame = 0;
+			this.ui.requestRender();
+		}
 	}
 	startBreathing() {
 		this.breatheTimer = setInterval(() => {
@@ -123058,53 +122494,52 @@ var WelcomeComponent = class {
 	render(width) {
 		const breatheColor = this.breathePalette[this.breatheFrame] ?? this.colors.primary;
 		const logoColor = (s) => chalk.hex(breatheColor)(s);
-		const primary = (s) => chalk.hex(this.colors.primary)(s);
-		const innerWidth = Math.max(10, width - 4);
-		const pad = "  ";
-		const logo = ["░▒▓██▄▄▄██", "░▒▓▐█▄▀▄█▌"];
-		const logoWidth = Math.max(...logo.map((row) => visibleWidth(row)));
-		const gap = "  ";
-		const textWidth = Math.max(4, innerWidth - logoWidth - 2);
-		const rightRow0 = truncateToWidth(chalk.bold.hex(this.colors.primary)("欢迎使用Scream 您的中文Ai助手"), textWidth, "…");
-		const isLoggedOut = !this.state.model;
 		const dim = chalk.hex(this.colors.textDim);
 		const labelStyle = chalk.bold.hex(this.colors.textDim);
-		const rightRow1 = truncateToWidth(dim(isLoggedOut ? "运行 /config 开始配置。" : "发送 / 进入快捷菜单，/exit 保存并退出"), textWidth, "…");
-		const headerLines = [logoColor(logo[0].padEnd(logoWidth)) + gap + rightRow0, logoColor(logo[1].padEnd(logoWidth)) + gap + rightRow1];
+		const innerWidth = Math.max(10, width - 4);
+		const isLoggedOut = !this.state.model;
+		const frame = LOGO_FRAMES[this.breatheTimer !== null ? Math.floor(this.breatheFrame / 24) % LOGO_FRAMES.length : 0];
+		const logo = [logoColor(frame[0]), logoColor(frame[1])];
 		const activeModel = this.state.availableModels[this.state.model];
 		const modelValue = isLoggedOut ? chalk.hex(this.colors.warning)("未设置，运行 /config") : activeModel?.displayName ?? activeModel?.model ?? this.state.model;
 		let versionValue;
 		if (this.state.hasNewVersion && this.state.latestVersion !== null) versionValue = chalk.hex(this.colors.warning)(this.state.version) + "  " + chalk.hex(this.colors.textDim)("有新版本（" + this.state.latestVersion + "）");
 		else versionValue = this.state.version;
-		const infoLines = [
-			labelStyle("目录： ") + this.state.workDir,
-			labelStyle("模型： ") + modelValue,
-			labelStyle("版本： ") + versionValue
-		];
-		const { primary: tipPrimary, pair: tipPair } = tipsForIndex(currentTipIndex());
-		const tip = tipPair && visibleWidth(tipPair) <= innerWidth ? tipPair : tipPrimary;
-		const tipLine = chalk.hex(this.colors.textMuted)("Tips：  " + tip);
+		const hintText = isLoggedOut ? "运行 /config 开始配置" : "发送 / 进入快捷菜单，/exit 保存并退出";
 		const contentLines = [
-			...headerLines,
+			...logo,
 			"",
-			...infoLines,
+			labelStyle("版本：") + " " + versionValue,
+			labelStyle("模型：") + " " + modelValue,
+			labelStyle("目录：") + " " + this.state.workDir,
 			"",
-			tipLine
+			dim(hintText)
 		];
-		const borderTitle = this.borderTitle;
+		const borderTitle = this.borderTitle ?? "";
+		const contentWidth = width - 2;
+		let topBorder;
+		if (borderTitle) {
+			const centerPos = Math.floor(contentWidth / 2);
+			const titleText = `─ ${borderTitle} ─`;
+			const titleStart = centerPos - Math.floor(visibleWidth(titleText) / 2);
+			const leftDash = Math.max(0, titleStart);
+			const rightDash = Math.max(0, contentWidth - leftDash - visibleWidth(titleText));
+			topBorder = logoColor("╭" + "─".repeat(leftDash) + titleText + "─".repeat(rightDash) + "╮");
+		} else topBorder = logoColor("╭" + "─".repeat(contentWidth) + "╮");
 		const lines = [
 			"",
-			borderTitle ? primary("╭─ " + borderTitle + " " + "─".repeat(Math.max(0, width - 5 - visibleWidth(borderTitle))) + "╮") : primary("╭" + "─".repeat(width - 2) + "╮"),
-			primary("│") + " ".repeat(width - 2) + primary("│")
+			topBorder,
+			logoColor("│") + " ".repeat(width - 2) + logoColor("│")
 		];
 		for (const content of contentLines) {
 			const truncated = truncateToWidth(content, innerWidth, "…");
 			const vis = visibleWidth(truncated);
-			const rightPad = Math.max(0, innerWidth - vis);
-			lines.push(primary("│") + pad + truncated + " ".repeat(rightPad) + primary("│"));
+			const centerPad = Math.floor((width - 1 - vis) / 2);
+			const rightPad = width - 2 - vis - centerPad;
+			lines.push(logoColor("│") + " ".repeat(centerPad) + truncated + " ".repeat(rightPad) + logoColor("│"));
 		}
-		lines.push(primary("│") + " ".repeat(width - 2) + primary("│"));
-		lines.push(primary("╰" + "─".repeat(width - 2) + "╯"));
+		lines.push(logoColor("│") + " ".repeat(width - 2) + logoColor("│"));
+		lines.push(logoColor("╰" + "─".repeat(width - 2) + "╯"));
 		lines.push("");
 		return lines;
 	}
@@ -123293,6 +122728,9 @@ var AssistantMessageComponent = class {
 	bulletColor;
 	lastText = "";
 	showBullet;
+	cachedWidth;
+	cachedLines;
+	markdownChild;
 	constructor(markdownTheme, colors, showBullet = true) {
 		this.markdownTheme = markdownTheme;
 		this.bulletColor = colors.roleAssistant;
@@ -123300,19 +122738,40 @@ var AssistantMessageComponent = class {
 		this.contentContainer = new Container();
 	}
 	setShowBullet(show) {
+		if (this.showBullet === show) return;
 		this.showBullet = show;
+		this.cachedWidth = void 0;
+		this.cachedLines = void 0;
 	}
 	updateContent(text) {
-		const displayText = text;
-		if (displayText === this.lastText) return;
-		this.lastText = displayText;
+		const trimmedText = text.trim();
+		const previousTrimmed = this.lastText.trim();
+		if (trimmedText === previousTrimmed) {
+			this.lastText = text;
+			return;
+		}
+		this.lastText = text;
+		this.cachedWidth = void 0;
+		this.cachedLines = void 0;
+		const markdownChild = this.markdownChild;
+		if (markdownChild !== void 0 && trimmedText.startsWith(previousTrimmed) && trimmedText.length > previousTrimmed.length) {
+			markdownChild.setText(trimmedText);
+			return;
+		}
 		this.contentContainer.clear();
-		if (displayText.trim().length > 0) this.contentContainer.addChild(new Markdown(displayText.trim(), 0, 0, this.markdownTheme));
+		this.markdownChild = void 0;
+		if (trimmedText.length > 0) {
+			this.markdownChild = new Markdown(trimmedText, 0, 0, this.markdownTheme);
+			this.contentContainer.addChild(this.markdownChild);
+		}
 	}
 	invalidate() {
+		this.cachedWidth = void 0;
+		this.cachedLines = void 0;
 		this.contentContainer.invalidate?.();
 	}
 	render(width) {
+		if (this.cachedLines !== void 0 && this.cachedWidth === width) return this.cachedLines;
 		if (this.lastText.trim().length === 0) return [];
 		const prefix = this.showBullet ? STATUS_BULLET : "  ";
 		const contentWidth = Math.max(1, width - visibleWidth(prefix));
@@ -123322,6 +122781,8 @@ var AssistantMessageComponent = class {
 			const p = i === 0 && this.showBullet ? chalk.hex(this.bulletColor)(STATUS_BULLET) : "  ";
 			lines.push(p + contentLines[i]);
 		}
+		this.cachedWidth = width;
+		this.cachedLines = lines;
 		return lines;
 	}
 };
@@ -123330,17 +122791,29 @@ var AssistantMessageComponent = class {
 var BackgroundAgentStatusComponent = class {
 	data;
 	colors;
+	bullet;
+	textComponent;
+	cachedWidth;
+	cachedLines;
 	constructor(data, colors) {
 		this.data = data;
 		this.colors = colors;
+		const tone = data.phase === "started" ? colors.primary : data.phase === "completed" ? colors.success : colors.error;
+		this.bullet = data.phase === "failed" ? chalk.hex(tone)(FAILURE_MARK) : chalk.hex(tone)(STATUS_BULLET);
+		const text = chalk.hex(tone)(data.headline) + (data.detail !== void 0 && data.detail.length > 0 ? chalk.hex(colors.textDim)(` (${data.detail})`) : "");
+		this.textComponent = new Text(text, 0, 0);
+	}
+	invalidate() {
+		this.cachedWidth = void 0;
+		this.cachedLines = void 0;
 	}
-	invalidate() {}
 	render(width) {
-		const tone = this.data.phase === "started" ? this.colors.primary : this.data.phase === "completed" ? this.colors.success : this.colors.error;
-		const bullet = this.data.phase === "failed" ? chalk.hex(tone)(FAILURE_MARK) : chalk.hex(tone)(STATUS_BULLET);
-		const textComponent = new Text(chalk.hex(tone)(this.data.headline) + (this.data.detail !== void 0 && this.data.detail.length > 0 ? chalk.hex(this.colors.textDim)(` (${this.data.detail})`) : ""), 0, 0);
+		if (this.cachedLines !== void 0 && this.cachedWidth === width) return this.cachedLines;
 		const contentWidth = Math.max(1, width - 2);
-		return ["", ...textComponent.render(contentWidth).map((line, index) => (index === 0 ? bullet : "  ") + line)];
+		const lines = ["", ...this.textComponent.render(contentWidth).map((line, index) => (index === 0 ? this.bullet : "  ") + line)];
+		this.cachedWidth = width;
+		this.cachedLines = lines;
+		return lines;
 	}
 };
 //#endregion
@@ -123507,6 +122980,8 @@ var ThinkingComponent = class {
 	spinnerFrame = 0;
 	spinnerInterval;
 	textComponent;
+	cachedWidth;
+	cachedLines;
 	constructor(text, colors, showMarker = true, mode = "finalized", ui) {
 		this.text = text;
 		this.color = colors.roleThinking;
@@ -123516,17 +122991,25 @@ var ThinkingComponent = class {
 		this.textComponent = new Text(this.styled(text), 0, 0);
 		if (mode === "live") this.startSpinner();
 	}
-	invalidate() {}
+	invalidate() {
+		this.cachedWidth = void 0;
+		this.cachedLines = void 0;
+	}
 	setText(text) {
 		if (this.text === text) return;
 		this.text = text;
+		this.cachedWidth = void 0;
+		this.cachedLines = void 0;
 		this.textComponent.setText(this.styled(text));
 	}
 	styled(text) {
 		return chalk.hex(this.color).italic(text);
 	}
 	finalize() {
+		if (this.mode === "finalized") return;
 		this.mode = "finalized";
+		this.cachedWidth = void 0;
+		this.cachedLines = void 0;
 		this.stopSpinner();
 	}
 	dispose() {
@@ -123535,8 +123018,11 @@ var ThinkingComponent = class {
 	setExpanded(expanded) {
 		if (this.expanded === expanded) return;
 		this.expanded = expanded;
+		this.cachedWidth = void 0;
+		this.cachedLines = void 0;
 	}
 	render(width) {
+		if (this.mode === "finalized" && this.cachedLines !== void 0 && this.cachedWidth === width) return this.cachedLines;
 		const contentWidth = Math.max(1, width - 2);
 		const contentLines = this.text.length > 0 ? this.textComponent.render(contentWidth) : [""];
 		if (this.mode === "live") {
@@ -123552,10 +123038,16 @@ var ThinkingComponent = class {
 			const p = i === 0 && this.showMarker ? chalk.hex(this.color)(STATUS_BULLET) : "  ";
 			rendered.push(p + contentLines[i]);
 		}
-		if (this.expanded || contentLines.length <= 2) return rendered;
+		if (this.expanded || contentLines.length <= 2) {
+			this.cachedWidth = width;
+			this.cachedLines = rendered;
+			return rendered;
+		}
 		const truncated = rendered.slice(0, 3);
 		const remaining = contentLines.length - 2;
 		truncated.push("  " + chalk.dim(`... (${String(remaining)} more lines, ctrl+o to expand)`));
+		this.cachedWidth = width;
+		this.cachedLines = truncated;
 		return truncated;
 	}
 	startSpinner() {
@@ -123944,6 +123436,26 @@ function trimTrailingEmptyLines(lines) {
 	return lines.slice(0, end);
 }
 /**
+* Returns the tail of `text` whose UTF-8 byte length is at most `maxBytes`.
+* Iterates by Unicode code points so multi-byte characters and surrogate
+* pairs are never split.
+*/
+function truncateTailBytes(text, maxBytes) {
+	if (Buffer.byteLength(text, "utf8") <= maxBytes) return text;
+	const chars = Array.from(text);
+	let start = chars.length;
+	let bytes = 0;
+	for (let i = chars.length - 1; i >= 0; i--) {
+		const char = chars[i];
+		if (char === void 0) continue;
+		const charBytes = Buffer.byteLength(char, "utf8");
+		if (bytes + charBytes > maxBytes) break;
+		bytes += charBytes;
+		start = i;
+	}
+	return chars.slice(start).join("");
+}
+/**
 * Component that renders tool output with wrap-aware line truncation.
 * Uses pi-tui's Text component to compute actual visual wrapped lines,
 * then caps at PREVIEW_LINES. This handles long single-line output (e.g.
@@ -123960,7 +123472,8 @@ var TruncatedOutputComponent = class {
 		this.hintFormatter = options.hintFormatter;
 		const tint = options.isError ? chalk.hex(options.colors.error) : chalk.dim;
 		const cleaned = trimTrailingEmptyLines(output.split("\n")).join("\n");
-		this.textComponent = new Text(tint(cleaned), 2, 0);
+		const truncated = options.maxBytes === void 0 ? cleaned : truncateTailBytes(cleaned, options.maxBytes);
+		this.textComponent = new Text(tint(truncated), 2, 0);
 	}
 	invalidate() {
 		this.textComponent.invalidate();
@@ -124006,6 +123519,7 @@ var ShellExecutionComponent = class extends Container {
 			isError: result.is_error ?? false,
 			colors,
 			maxLines: previewLines,
+			maxBytes: MAX_SHELL_OUTPUT_BYTES,
 			hintFormatter: (remaining) => `...（还有 ${String(remaining)} 行，按 ctrl+o 展开）`
 		}));
 	}
@@ -124600,6 +124114,7 @@ var ToolCallComponent = class ToolCallComponent extends Container {
 	subagentError;
 	streamingProgressTimer;
 	subagentElapsedTimer;
+	disposed = false;
 	subagentStartedAtMs;
 	subagentEndedAtMs;
 	progressLines = [];
@@ -124679,6 +124194,8 @@ var ToolCallComponent = class ToolCallComponent extends Container {
 		this.ui?.requestRender();
 	}
 	dispose() {
+		if (this.disposed) return;
+		this.disposed = true;
 		this.stopStreamingProgressTimer();
 		this.stopSubagentElapsedTimer();
 	}
@@ -124834,6 +124351,10 @@ var ToolCallComponent = class ToolCallComponent extends Container {
 		}
 		if (this.ui === void 0 || this.streamingProgressTimer !== void 0) return;
 		this.streamingProgressTimer = setInterval(() => {
+			if (this.disposed) {
+				this.stopStreamingProgressTimer();
+				return;
+			}
 			if (!this.isStreamingEditPreview()) {
 				this.stopStreamingProgressTimer();
 				return;
@@ -124855,6 +124376,10 @@ var ToolCallComponent = class ToolCallComponent extends Container {
 		}
 		if (this.ui === void 0 || this.subagentElapsedTimer !== void 0) return;
 		this.subagentElapsedTimer = setInterval(() => {
+			if (this.disposed) {
+				this.stopSubagentElapsedTimer();
+				return;
+			}
 			const latestPhase = this.getDerivedSubagentPhase();
 			if (latestPhase !== "spawning" && latestPhase !== "running") {
 				this.stopSubagentElapsedTimer();
@@ -125544,6 +125069,8 @@ var UserMessageComponent = class {
 	textComponent;
 	spacerComponent;
 	imageThumbnails;
+	cachedWidth;
+	cachedLines;
 	constructor(text, colors, images) {
 		this.color = colors.roleUser;
 		this.textComponent = new Text(chalk.hex(colors.roleUser).bold(text), 0, 0);
@@ -125551,10 +125078,13 @@ var UserMessageComponent = class {
 		this.imageThumbnails = images?.map((img) => new ImageThumbnail(img, colors)) ?? [];
 	}
 	invalidate() {
+		this.cachedWidth = void 0;
+		this.cachedLines = void 0;
 		this.textComponent.invalidate();
 		for (const img of this.imageThumbnails) img.invalidate?.();
 	}
 	render(width) {
+		if (this.cachedLines !== void 0 && this.cachedWidth === width) return this.cachedLines;
 		const border = chalk.hex(this.color).bold(USER_MESSAGE_BULLET);
 		const borderWidth = visibleWidth(border);
 		const contentWidth = Math.max(1, width - borderWidth);
@@ -125569,6 +125099,8 @@ var UserMessageComponent = class {
 			const imageLines = thumbnail.render(contentWidth);
 			for (const line of imageLines) lines.push(" ".repeat(borderWidth) + line);
 		}
+		this.cachedWidth = width;
+		this.cachedLines = lines;
 		return lines;
 	}
 };
@@ -127152,7 +126684,7 @@ async function confirmUninstall(host, label) {
 * restores the editor. The question and answer are never recorded in the
 * main conversation history.
 */
-const SPINNER_FRAMES = [
+const SPINNER_FRAMES$1 = [
 	"⠋",
 	"⠙",
 	"⠹",
@@ -127212,7 +126744,7 @@ var BtwOverlayComponent = class extends Container {
 	startSpinner() {
 		this.spinnerFrame = 0;
 		this.spinnerInterval = setInterval(() => {
-			this.spinnerFrame = (this.spinnerFrame + 1) % SPINNER_FRAMES.length;
+			this.spinnerFrame = (this.spinnerFrame + 1) % SPINNER_FRAMES$1.length;
 			this.requestRender();
 		}, 80);
 	}
@@ -127232,7 +126764,7 @@ var BtwOverlayComponent = class extends Container {
 		lines.push(chalk.hex(c.primary)("/btw") + chalk.hex(c.textMuted)(" — ") + chalk.hex(c.text)(truncated));
 		lines.push("");
 		if (this.status === "loading") {
-			const spinner = SPINNER_FRAMES[this.spinnerFrame];
+			const spinner = SPINNER_FRAMES$1[this.spinnerFrame];
 			lines.push(chalk.hex(c.textMuted)(`${spinner} Answering…`));
 		} else if (this.status === "done" && this.markdown !== void 0) {
 			const contentWidth = Math.max(20, width - 2);
@@ -130768,6 +130300,7 @@ var StreamingUIController = class {
 		const tc = this._pendingToolComponents.get(toolCallId);
 		if (tc) {
 			tc.setResult(result);
+			tc.dispose();
 			this._pendingToolComponents.delete(toolCallId);
 			state.ui.requestRender();
 			return;
@@ -131267,1119 +130800,1687 @@ var TasksBrowserApp = class extends Container {
 		}
 		this.invalidate();
 	}
-	syncSelectionFromProps() {
-		if (this.sortedVisible.length === 0) {
-			this.selectedIndex = 0;
-			this.listScroll = 0;
-			return;
-		}
-		if (this.props.selectedTaskId !== void 0) {
-			const idx = this.sortedVisible.findIndex((t) => t.taskId === this.props.selectedTaskId);
-			if (idx !== -1) {
-				this.selectedIndex = idx;
-				return;
-			}
+	syncSelectionFromProps() {
+		if (this.sortedVisible.length === 0) {
+			this.selectedIndex = 0;
+			this.listScroll = 0;
+			return;
+		}
+		if (this.props.selectedTaskId !== void 0) {
+			const idx = this.sortedVisible.findIndex((t) => t.taskId === this.props.selectedTaskId);
+			if (idx !== -1) {
+				this.selectedIndex = idx;
+				return;
+			}
+		}
+		if (this.selectedIndex >= this.sortedVisible.length) this.selectedIndex = this.sortedVisible.length - 1;
+	}
+	clearPendingStop() {
+		this.pendingStopTaskId = void 0;
+		if (this.pendingStopTimer !== void 0) {
+			clearTimeout(this.pendingStopTimer);
+			this.pendingStopTimer = void 0;
+		}
+	}
+	emitSelect() {
+		const task = this.sortedVisible[this.selectedIndex];
+		if (task) this.props.onSelect(task.taskId);
+	}
+	handleInput(data) {
+		const k = printableChar(data);
+		if (this.pendingStopTaskId !== void 0) {
+			if (k === "y" || k === "Y") {
+				const taskId = this.pendingStopTaskId;
+				this.clearPendingStop();
+				this.props.onStopConfirmed(taskId);
+				this.invalidate();
+				return;
+			}
+			this.clearPendingStop();
+			this.invalidate();
+			return;
+		}
+		if (matchesKey(data, Key.escape) || k === "q" || k === "Q") {
+			this.props.onCancel();
+			return;
+		}
+		if (matchesKey(data, Key.up) || k === "k") {
+			if (this.sortedVisible.length === 0) return;
+			this.selectedIndex = Math.max(0, this.selectedIndex - 1);
+			this.emitSelect();
+			this.invalidate();
+			return;
+		}
+		if (matchesKey(data, Key.down) || k === "j") {
+			if (this.sortedVisible.length === 0) return;
+			this.selectedIndex = Math.min(this.sortedVisible.length - 1, this.selectedIndex + 1);
+			this.emitSelect();
+			this.invalidate();
+			return;
+		}
+		if (matchesKey(data, Key.tab) || k === "	") {
+			this.props.onToggleFilter();
+			return;
+		}
+		if (k === "r" || k === "R") {
+			this.props.onRefresh();
+			return;
+		}
+		if (k === "s" || k === "S") {
+			const task = this.sortedVisible[this.selectedIndex];
+			if (task === void 0) return;
+			if (isTerminal(task.status)) {
+				this.props.onStopIgnored?.(task.taskId, "terminal");
+				return;
+			}
+			this.pendingStopTaskId = task.taskId;
+			this.pendingStopTimer = setTimeout(() => {
+				this.clearPendingStop();
+				this.invalidate();
+			}, STOP_CONFIRM_TIMEOUT_MS);
+			this.invalidate();
+			return;
+		}
+		if (k === "o" || k === "O" || matchesKey(data, Key.enter)) {
+			const task = this.sortedVisible[this.selectedIndex];
+			if (task) this.props.onOpenOutput(task.taskId);
+			return;
+		}
+	}
+	/**
+	* Render the entire screen as `terminal.rows` lines of `width` cols.
+	* Layout: header(1) + body(rows-2) + footer(1).
+	*/
+	render(width) {
+		const rows = Math.max(1, this.terminal.rows);
+		if (width < MIN_WIDTH || rows < MIN_HEIGHT) return this.renderTooSmall(width, rows);
+		const header = this.renderHeader(width);
+		const footer = this.renderFooter(width);
+		const bodyHeight = rows - 2;
+		const listWidth = Math.max(LIST_COL_MIN, Math.min(LIST_COL_MAX, Math.floor(width * LIST_COL_RATIO)));
+		const rightWidth = width - listWidth;
+		const listFrame = this.renderListFrame(listWidth, bodyHeight);
+		const rightFrames = this.renderRightStack(rightWidth, bodyHeight);
+		const lines = [header];
+		for (let i = 0; i < bodyHeight; i++) lines.push((listFrame[i] ?? " ".repeat(listWidth)) + (rightFrames[i] ?? " ".repeat(rightWidth)));
+		lines.push(footer);
+		return lines;
+	}
+	renderHeader(width) {
+		const colors = this.props.colors;
+		const title = chalk.hex(colors.primary).bold(" TASK BROWSER ");
+		const filterText = chalk.hex(colors.textMuted)(` filter=${this.props.filter === "all" ? "ALL" : "ACTIVE"} `);
+		const counts = countByStatus(this.props.tasks);
+		const countSegments = [];
+		if (counts.running > 0) countSegments.push(chalk.hex(colors.success)(` ${String(counts.running)} 运行中 `));
+		if (counts.awaiting > 0) countSegments.push(chalk.hex(colors.warning)(` ${String(counts.awaiting)} 等待中 `));
+		if (counts.completed > 0) countSegments.push(chalk.hex(colors.textDim)(` ${String(counts.completed)} 已完成 `));
+		if (counts.terminalFailed > 0) countSegments.push(chalk.hex(colors.error)(` ${String(counts.terminalFailed)} 已中断 `));
+		const totals = chalk.hex(colors.textMuted)(` ${String(this.props.tasks.length)} 总计 `);
+		return fitExactly$1(title + filterText + countSegments.join("") + totals, width);
+	}
+	renderFooter(width) {
+		const colors = this.props.colors;
+		const key = (text) => chalk.hex(colors.primary).bold(text);
+		const dim = (text) => chalk.hex(colors.textMuted)(text);
+		if (this.pendingStopTaskId !== void 0) {
+			const warn = (text) => chalk.hex(colors.warning).bold(text);
+			return fitExactly$1(` ${warn("停止")} ${chalk.hex(colors.text)(this.pendingStopTaskId)}? ${key("Y")} ${dim("确认")}  ${key("N")} ${dim("取消")} `, width);
+		}
+		const left = [
+			` ${key("↑↓")} ${dim("选择")}`,
+			`${key("Enter/O")} ${dim("输出")}`,
+			`${key("S")} ${dim("停止")}`,
+			`${key("R")} ${dim("刷新")}`,
+			`${key("Tab")} ${dim("筛选")}`,
+			`${key("Q/Esc")} ${dim("退出")} `
+		].join("  ");
+		const flash = this.props.flashMessage;
+		if (flash !== void 0 && flash.length > 0) {
+			const flashStyled = chalk.hex(colors.warning)(` ${flash} `);
+			const total = visibleWidth(left) + visibleWidth(flashStyled);
+			if (total <= width) return left + " ".repeat(width - total) + flashStyled;
+		}
+		return fitExactly$1(left, width);
+	}
+	/**
+	* Render a framed box: `┌─ Title ─┐` top, `│ <content> │` sides, `└─┘`
+	* bottom. Result is exactly `width × height` cells. `content` is a
+	* pre-rendered array of inner-width-sized lines; extra rows are padded.
+	*/
+	renderFrame(title, content, width, height) {
+		if (height < 2 || width < 4) {
+			const out = [];
+			for (let i = 0; i < height; i++) out.push(" ".repeat(width));
+			return out;
+		}
+		const stroke = this.props.colors.primary;
+		const innerWidth = width - 2;
+		const innerHeight = height - 2;
+		const titleStyled = chalk.hex(this.props.colors.textStrong).bold(title);
+		const titleWidth = visibleWidth(titleStyled);
+		const titleSegmentWidth = visibleWidth(`─ ${titleStyled} `);
+		const remainingDashes = Math.max(0, innerWidth - titleSegmentWidth);
+		const topMid = titleWidth > 0 && titleSegmentWidth <= innerWidth ? chalk.hex(stroke)("─ ") + titleStyled + " " + chalk.hex(stroke)("─".repeat(remainingDashes)) : chalk.hex(stroke)("─".repeat(innerWidth));
+		const top = chalk.hex(stroke)("┌") + topMid + chalk.hex(stroke)("┐");
+		const bottom = chalk.hex(stroke)("└" + "─".repeat(innerWidth) + "┘");
+		const lines = [top];
+		for (let i = 0; i < innerHeight; i++) {
+			const inner = content[i] ?? "";
+			lines.push(chalk.hex(stroke)("│") + fitExactly$1(inner, innerWidth) + chalk.hex(stroke)("│"));
+		}
+		lines.push(bottom);
+		return lines;
+	}
+	renderListFrame(width, height) {
+		const title = `Tasks [${this.props.filter}]`;
+		const innerHeight = Math.max(0, height - 2);
+		if (this.sortedVisible.length === 0) {
+			const empty = this.props.filter === "active" ? "无活跃任务。Tab = 显示全部。" : "本会话无后台任务。";
+			const lines = [chalk.hex(this.props.colors.textMuted)(empty)];
+			while (lines.length < innerHeight) lines.push("");
+			return this.renderFrame(title, lines, width, height);
+		}
+		this.adjustScroll(innerHeight);
+		const start = this.listScroll;
+		const window = this.sortedVisible.slice(start, start + innerHeight);
+		const innerWidth = width - 2;
+		const lines = [];
+		for (const [vi, task] of window.entries()) {
+			const index = start + vi;
+			lines.push(this.renderListRow(task, index === this.selectedIndex, innerWidth));
+		}
+		while (lines.length < innerHeight) lines.push("");
+		return this.renderFrame(title, lines, width, height);
+	}
+	renderListRow(task, selected, innerWidth) {
+		const colors = this.props.colors;
+		const pointer = selected ? "> " : "  ";
+		const pointerStyled = chalk.hex(selected ? colors.primary : colors.textDim)(pointer);
+		const idColor = selected ? colors.primary : task.taskId.startsWith("agent-") ? colors.success : colors.accent;
+		const idText = selected ? chalk.hex(idColor).bold(task.taskId) : chalk.hex(idColor)(task.taskId);
+		const idPad = " ".repeat(Math.max(0, 17 - task.taskId.length));
+		const status = STATUS_LABEL[task.status];
+		const prefix = `${pointerStyled}${idText}${idPad} ${chalk.hex(statusColor(colors, task.status))(status)}`;
+		const prefixWidth = visibleWidth(prefix);
+		const descBudget = Math.max(0, innerWidth - prefixWidth - 1);
+		if (descBudget < 4) return fitExactly$1(prefix, innerWidth);
+		const desc = truncateToWidth(singleLine$2(task.description) || singleLine$2(task.command) || "(no description)", descBudget, ELLIPSIS$3);
+		return fitExactly$1(`${prefix} ${chalk.hex(colors.text)(desc)}`, innerWidth);
+	}
+	adjustScroll(visibleRows) {
+		if (visibleRows <= 0) {
+			this.listScroll = 0;
+			return;
+		}
+		if (this.selectedIndex < this.listScroll) this.listScroll = this.selectedIndex;
+		else if (this.selectedIndex >= this.listScroll + visibleRows) this.listScroll = this.selectedIndex - visibleRows + 1;
+		const maxScroll = Math.max(0, this.sortedVisible.length - visibleRows);
+		if (this.listScroll < 0) this.listScroll = 0;
+		if (this.listScroll > maxScroll) this.listScroll = maxScroll;
+	}
+	renderRightStack(width, height) {
+		const detailHeight = Math.max(8, Math.min(Math.floor(height * .4), height - 5));
+		const previewHeight = height - detailHeight;
+		return [...this.renderDetailFrame(width, detailHeight), ...this.renderPreviewFrame(width, previewHeight)];
+	}
+	renderDetailFrame(width, height) {
+		const colors = this.props.colors;
+		const innerHeight = Math.max(0, height - 2);
+		const task = this.sortedVisible[this.selectedIndex];
+		if (task === void 0) {
+			const lines = [chalk.hex(colors.textMuted)("从列表中选择一个任务。")];
+			while (lines.length < innerHeight) lines.push("");
+			return this.renderFrame("详情", lines, width, height);
+		}
+		const label = (text) => chalk.hex(colors.textMuted)(text.padEnd(14));
+		const value = (text) => chalk.hex(colors.text)(text);
+		const lines = [
+			`${label("任务 ID：")}${value(task.taskId)}`,
+			`${label("状态：")}${chalk.hex(statusColor(colors, task.status))(STATUS_LABEL[task.status])}`,
+			`${label("描述：")}${value(singleLine$2(task.description) || "—")}`
+		];
+		if (task.command && task.command !== task.description) lines.push(`${label("命令：")}${value(singleLine$2(task.command))}`);
+		const timing = task.status === "running" || task.status === "awaiting_approval" ? `运行中 ${formatRelativeTime$2(task.startedAt)}` : task.endedAt !== null && task.endedAt !== void 0 ? `已完成 ${formatRelativeTime$2(task.endedAt)}` : "";
+		if (timing.length > 0) lines.push(`${label("时间：")}${chalk.hex(colors.textMuted)(timing)}`);
+		if (task.pid > 0) lines.push(`${label("进程 ID：")}${chalk.hex(colors.textMuted)(String(task.pid))}`);
+		if (task.exitCode !== null && task.exitCode !== void 0) lines.push(`${label("退出码：")}${chalk.hex(colors.textMuted)(String(task.exitCode))}`);
+		if (task.stopReason !== void 0 && task.stopReason.length > 0) lines.push(`${label("停止原因：")}${chalk.hex(colors.textMuted)(task.stopReason)}`);
+		if (task.timedOut === true) lines.push(`${label("已超时：")}${chalk.hex(colors.warning)("是")}`);
+		if (task.approvalReason !== void 0 && task.approvalReason.length > 0) lines.push(`${label("等待中：")}${chalk.hex(colors.warning)(singleLine$2(task.approvalReason))}`);
+		while (lines.length < innerHeight) lines.push("");
+		return this.renderFrame("详情", lines, width, height);
+	}
+	renderPreviewFrame(width, height) {
+		const colors = this.props.colors;
+		const innerHeight = Math.max(0, height - 2);
+		if (this.sortedVisible[this.selectedIndex] === void 0) {
+			const lines = [chalk.hex(colors.textMuted)("No task selected.")];
+			while (lines.length < innerHeight) lines.push("");
+			return this.renderFrame("Preview Output", lines, width, height);
 		}
-		if (this.selectedIndex >= this.sortedVisible.length) this.selectedIndex = this.sortedVisible.length - 1;
+		let body;
+		if (this.props.tailLoading) body = "[loading…]";
+		else if (this.props.tailOutput === void 0 || this.props.tailOutput.length === 0) body = "[no output captured]";
+		else body = this.props.tailOutput;
+		const styled = body.split("\n").slice(-innerHeight).map((line) => chalk.hex(colors.textDim)(line));
+		while (styled.length < innerHeight) styled.push("");
+		return this.renderFrame("Preview Output", styled, width, height);
 	}
-	clearPendingStop() {
-		this.pendingStopTaskId = void 0;
-		if (this.pendingStopTimer !== void 0) {
-			clearTimeout(this.pendingStopTimer);
-			this.pendingStopTimer = void 0;
-		}
+	renderTooSmall(width, rows) {
+		const lines = [];
+		const msg = chalk.hex(this.props.colors.error)(`Terminal too small (need ≥ ${String(MIN_WIDTH)} × ${String(MIN_HEIGHT)})`);
+		lines.push(fitExactly$1(msg, width));
+		for (let i = 1; i < rows; i++) lines.push(" ".repeat(width));
+		return lines;
 	}
-	emitSelect() {
-		const task = this.sortedVisible[this.selectedIndex];
-		if (task) this.props.onSelect(task.taskId);
+};
+//#endregion
+//#region src/tui/controllers/tasks-browser.ts
+var TasksBrowserController = class {
+	host;
+	constructor(host) {
+		this.host = host;
 	}
-	handleInput(data) {
-		const k = printableChar(data);
-		if (this.pendingStopTaskId !== void 0) {
-			if (k === "y" || k === "Y") {
-				const taskId = this.pendingStopTaskId;
-				this.clearPendingStop();
-				this.props.onStopConfirmed(taskId);
-				this.invalidate();
-				return;
-			}
-			this.clearPendingStop();
-			this.invalidate();
+	async show() {
+		const { state } = this.host;
+		if (state.tasksBrowser !== void 0) return;
+		const session = this.host.session;
+		if (session === void 0) {
+			this.host.showError("没有活动会话。");
 			return;
 		}
-		if (matchesKey(data, Key.escape) || k === "q" || k === "Q") {
-			this.props.onCancel();
+		let tasks = [];
+		try {
+			tasks = await session.listBackgroundTasks({ activeOnly: false });
+		} catch (error) {
+			this.host.showError(`加载任务失败： ${error instanceof Error ? error.message : String(error)}`);
 			return;
 		}
-		if (matchesKey(data, Key.up) || k === "k") {
-			if (this.sortedVisible.length === 0) return;
-			this.selectedIndex = Math.max(0, this.selectedIndex - 1);
-			this.emitSelect();
-			this.invalidate();
+		if (state.tasksBrowser !== void 0) return;
+		const filter = "all";
+		const selectedTaskId = this.pickInitialSelection(tasks, filter);
+		const component = new TasksBrowserApp({
+			tasks,
+			filter,
+			selectedTaskId,
+			tailOutput: void 0,
+			tailLoading: false,
+			flashMessage: void 0,
+			colors: state.theme.colors,
+			...this.buildCallbacks()
+		}, state.terminal);
+		const savedChildren = [...state.ui.children];
+		state.ui.clear();
+		state.ui.addChild(component);
+		state.ui.setFocus(component);
+		state.ui.requestRender(true);
+		const pollTimer = setInterval(() => {
+			this.refresh({ silent: true });
+		}, 1e3);
+		this.host.setTasksBrowser({
+			component,
+			savedChildren,
+			filter,
+			selectedTaskId,
+			tailOutput: void 0,
+			tailLoading: false,
+			tailRequestId: 0,
+			flashMessage: void 0,
+			flashTimer: void 0,
+			pollTimer,
+			viewer: void 0
+		});
+		if (selectedTaskId !== void 0) this.loadTail(selectedTaskId);
+	}
+	close() {
+		const { state } = this.host;
+		const browser = state.tasksBrowser;
+		if (browser === void 0) return;
+		if (browser.viewer !== void 0) this.closeOutputViewer();
+		if (browser.pollTimer !== void 0) clearInterval(browser.pollTimer);
+		if (browser.flashTimer !== void 0) clearTimeout(browser.flashTimer);
+		state.ui.clear();
+		for (const child of browser.savedChildren) state.ui.addChild(child);
+		this.host.setTasksBrowser(void 0);
+		state.ui.setFocus(state.editor);
+		state.ui.requestRender(true);
+	}
+	repaint() {
+		if (this.host.state.tasksBrowser === void 0) return;
+		const tasks = [...this.host.backgroundTasks.values()];
+		this.pushProps(tasks);
+	}
+	async refreshOutputViewer(opts = {}) {
+		const { state } = this.host;
+		const browser = state.tasksBrowser;
+		const viewer = browser?.viewer;
+		if (browser === void 0 || viewer === void 0) return;
+		const session = this.host.session;
+		if (session === void 0) return;
+		const myRefreshId = ++viewer.refreshId;
+		let output;
+		try {
+			output = await session.getBackgroundTaskOutput(viewer.taskId);
+		} catch (error) {
+			if (!opts.silent) {
+				const message = error instanceof Error ? error.message : String(error);
+				this.flash(`输出刷新失败： ${message}`);
+			}
 			return;
 		}
-		if (matchesKey(data, Key.down) || k === "j") {
-			if (this.sortedVisible.length === 0) return;
-			this.selectedIndex = Math.min(this.sortedVisible.length - 1, this.selectedIndex + 1);
-			this.emitSelect();
-			this.invalidate();
+		const current = state.tasksBrowser?.viewer;
+		if (current === void 0 || current !== viewer || current.refreshId !== myRefreshId) return;
+		if (output === viewer.output) return;
+		viewer.output = output;
+		const info = this.host.backgroundTasks.get(viewer.taskId);
+		viewer.component.setProps({
+			taskId: viewer.taskId,
+			info,
+			output,
+			colors: state.theme.colors,
+			onClose: () => {
+				this.closeOutputViewer();
+			}
+		});
+		state.ui.requestRender();
+	}
+	pickInitialSelection(tasks, filter) {
+		const candidates = filter === "all" ? tasks : tasks.filter((t) => t.status !== "completed" && t.status !== "failed" && t.status !== "killed" && t.status !== "lost");
+		if (candidates.length === 0) return void 0;
+		return candidates.find((t) => t.status === "running" || t.status === "awaiting_approval")?.taskId ?? candidates[0].taskId;
+	}
+	async refresh(opts = {}) {
+		const { state } = this.host;
+		const browser = state.tasksBrowser;
+		if (browser === void 0) return;
+		const session = this.host.session;
+		if (session === void 0) return;
+		let tasks;
+		try {
+			tasks = await session.listBackgroundTasks({ activeOnly: false });
+		} catch (error) {
+			if (!opts.silent) this.flash(`刷新失败： ${error instanceof Error ? error.message : String(error)}`);
 			return;
 		}
-		if (matchesKey(data, Key.tab) || k === "	") {
-			this.props.onToggleFilter();
+		if (state.tasksBrowser !== browser) return;
+		this.pushProps(tasks);
+	}
+	pushProps(tasks) {
+		const browser = this.host.state.tasksBrowser;
+		if (browser === void 0) return;
+		browser.component.setProps({
+			tasks,
+			filter: browser.filter,
+			selectedTaskId: browser.selectedTaskId,
+			tailOutput: browser.tailOutput,
+			tailLoading: browser.tailLoading,
+			flashMessage: browser.flashMessage,
+			colors: this.host.state.theme.colors,
+			...this.buildCallbacks()
+		});
+		this.host.state.ui.requestRender();
+	}
+	buildCallbacks() {
+		return {
+			onSelect: (taskId) => {
+				this.handleSelect(taskId);
+			},
+			onToggleFilter: () => {
+				this.handleToggleFilter();
+			},
+			onRefresh: () => {
+				this.handleRefresh();
+			},
+			onCancel: () => {
+				this.close();
+			},
+			onStopConfirmed: (taskId) => {
+				this.handleStop(taskId);
+			},
+			onOpenOutput: (taskId) => {
+				this.handleOpenOutput(taskId);
+			},
+			onStopIgnored: (taskId, reason) => {
+				if (reason === "terminal") this.flash(`${taskId} 已是终止状态 — 无需停止。`);
+			}
+		};
+	}
+	handleSelect(taskId) {
+		const browser = this.host.state.tasksBrowser;
+		if (browser === void 0) return;
+		if (browser.selectedTaskId === taskId) return;
+		browser.selectedTaskId = taskId;
+		browser.tailOutput = void 0;
+		browser.tailLoading = true;
+		this.repaint();
+		this.loadTail(taskId);
+	}
+	handleToggleFilter() {
+		const browser = this.host.state.tasksBrowser;
+		if (browser === void 0) return;
+		browser.filter = browser.filter === "all" ? "active" : "all";
+		this.repaint();
+	}
+	handleRefresh() {
+		this.flash("正在刷新…", 600);
+		this.refresh();
+	}
+	async handleStop(taskId) {
+		if (this.host.state.tasksBrowser === void 0) return;
+		const session = this.host.session;
+		if (session === void 0) {
+			this.flash("没有活动会话。");
 			return;
 		}
-		if (k === "r" || k === "R") {
-			this.props.onRefresh();
-			return;
+		this.flash(`正在停止 ${taskId}…`, 1500);
+		try {
+			await session.stopBackgroundTask(taskId, { reason: "用户发起停止" });
+			await this.refresh({ silent: true });
+		} catch (error) {
+			const message = error instanceof Error ? error.message : String(error);
+			this.flash(`停止失败： ${message}`);
 		}
-		if (k === "s" || k === "S") {
-			const task = this.sortedVisible[this.selectedIndex];
-			if (task === void 0) return;
-			if (isTerminal(task.status)) {
-				this.props.onStopIgnored?.(task.taskId, "terminal");
-				return;
-			}
-			this.pendingStopTaskId = task.taskId;
-			this.pendingStopTimer = setTimeout(() => {
-				this.clearPendingStop();
-				this.invalidate();
-			}, STOP_CONFIRM_TIMEOUT_MS);
-			this.invalidate();
+	}
+	async handleOpenOutput(taskId) {
+		const { state } = this.host;
+		const browser = state.tasksBrowser;
+		if (browser === void 0) return;
+		if (browser.viewer !== void 0) return;
+		const session = this.host.session;
+		if (session === void 0) {
+			this.flash("没有活动会话。");
 			return;
 		}
-		if (k === "o" || k === "O" || matchesKey(data, Key.enter)) {
-			const task = this.sortedVisible[this.selectedIndex];
-			if (task) this.props.onOpenOutput(task.taskId);
+		let output;
+		try {
+			output = await session.getBackgroundTaskOutput(taskId);
+		} catch (error) {
+			const message = error instanceof Error ? error.message : String(error);
+			this.flash(`无法打开输出： ${message}`);
 			return;
 		}
+		const current = state.tasksBrowser;
+		if (current === void 0 || current !== browser) return;
+		const viewer = new TaskOutputViewer({
+			taskId,
+			info: this.host.backgroundTasks.get(taskId),
+			output,
+			colors: state.theme.colors,
+			onClose: () => {
+				this.closeOutputViewer();
+			}
+		}, state.terminal);
+		const savedBrowserChildren = [...state.ui.children];
+		state.ui.clear();
+		state.ui.addChild(viewer);
+		state.ui.setFocus(viewer);
+		state.ui.requestRender(true);
+		const pollTimer = setInterval(() => {
+			this.refreshOutputViewer({ silent: true });
+		}, 1e3);
+		browser.viewer = {
+			component: viewer,
+			savedChildren: savedBrowserChildren,
+			taskId,
+			output,
+			refreshId: 0,
+			pollTimer
+		};
 	}
-	/**
-	* Render the entire screen as `terminal.rows` lines of `width` cols.
-	* Layout: header(1) + body(rows-2) + footer(1).
-	*/
-	render(width) {
-		const rows = Math.max(1, this.terminal.rows);
-		if (width < MIN_WIDTH || rows < MIN_HEIGHT) return this.renderTooSmall(width, rows);
-		const header = this.renderHeader(width);
-		const footer = this.renderFooter(width);
-		const bodyHeight = rows - 2;
-		const listWidth = Math.max(LIST_COL_MIN, Math.min(LIST_COL_MAX, Math.floor(width * LIST_COL_RATIO)));
-		const rightWidth = width - listWidth;
-		const listFrame = this.renderListFrame(listWidth, bodyHeight);
-		const rightFrames = this.renderRightStack(rightWidth, bodyHeight);
-		const lines = [header];
-		for (let i = 0; i < bodyHeight; i++) lines.push((listFrame[i] ?? " ".repeat(listWidth)) + (rightFrames[i] ?? " ".repeat(rightWidth)));
-		lines.push(footer);
-		return lines;
+	loadTail(taskId) {
+		const { state } = this.host;
+		const browser = state.tasksBrowser;
+		if (browser === void 0) return;
+		const session = this.host.session;
+		if (session === void 0) {
+			browser.tailLoading = false;
+			this.repaint();
+			return;
+		}
+		const requestId = ++browser.tailRequestId;
+		session.getBackgroundTaskOutput(taskId, { tail: 4e3 }).then((output) => {
+			const current = state.tasksBrowser;
+			if (current === void 0) return;
+			if (current !== browser || current.tailRequestId !== requestId) return;
+			if (current.selectedTaskId !== taskId) return;
+			current.tailOutput = output;
+			current.tailLoading = false;
+			this.repaint();
+		}).catch(() => {
+			const current = state.tasksBrowser;
+			if (current === void 0) return;
+			if (current !== browser || current.tailRequestId !== requestId) return;
+			if (current.selectedTaskId !== taskId) return;
+			current.tailOutput = "";
+			current.tailLoading = false;
+			this.repaint();
+		});
 	}
-	renderHeader(width) {
-		const colors = this.props.colors;
-		const title = chalk.hex(colors.primary).bold(" TASK BROWSER ");
-		const filterText = chalk.hex(colors.textMuted)(` filter=${this.props.filter === "all" ? "ALL" : "ACTIVE"} `);
-		const counts = countByStatus(this.props.tasks);
-		const countSegments = [];
-		if (counts.running > 0) countSegments.push(chalk.hex(colors.success)(` ${String(counts.running)} 运行中 `));
-		if (counts.awaiting > 0) countSegments.push(chalk.hex(colors.warning)(` ${String(counts.awaiting)} 等待中 `));
-		if (counts.completed > 0) countSegments.push(chalk.hex(colors.textDim)(` ${String(counts.completed)} 已完成 `));
-		if (counts.terminalFailed > 0) countSegments.push(chalk.hex(colors.error)(` ${String(counts.terminalFailed)} 已中断 `));
-		const totals = chalk.hex(colors.textMuted)(` ${String(this.props.tasks.length)} 总计 `);
-		return fitExactly$1(title + filterText + countSegments.join("") + totals, width);
+	flash(message, durationMs = 2500) {
+		const browser = this.host.state.tasksBrowser;
+		if (browser === void 0) return;
+		if (browser.flashTimer !== void 0) clearTimeout(browser.flashTimer);
+		browser.flashMessage = message;
+		browser.flashTimer = setTimeout(() => {
+			const current = this.host.state.tasksBrowser;
+			if (current !== browser) return;
+			current.flashMessage = void 0;
+			current.flashTimer = void 0;
+			this.repaint();
+		}, durationMs);
+		this.repaint();
 	}
-	renderFooter(width) {
-		const colors = this.props.colors;
-		const key = (text) => chalk.hex(colors.primary).bold(text);
-		const dim = (text) => chalk.hex(colors.textMuted)(text);
-		if (this.pendingStopTaskId !== void 0) {
-			const warn = (text) => chalk.hex(colors.warning).bold(text);
-			return fitExactly$1(` ${warn("停止")} ${chalk.hex(colors.text)(this.pendingStopTaskId)}? ${key("Y")} ${dim("确认")}  ${key("N")} ${dim("取消")} `, width);
-		}
-		const left = [
-			` ${key("↑↓")} ${dim("选择")}`,
-			`${key("Enter/O")} ${dim("输出")}`,
-			`${key("S")} ${dim("停止")}`,
-			`${key("R")} ${dim("刷新")}`,
-			`${key("Tab")} ${dim("筛选")}`,
-			`${key("Q/Esc")} ${dim("退出")} `
-		].join("  ");
-		const flash = this.props.flashMessage;
-		if (flash !== void 0 && flash.length > 0) {
-			const flashStyled = chalk.hex(colors.warning)(` ${flash} `);
-			const total = visibleWidth(left) + visibleWidth(flashStyled);
-			if (total <= width) return left + " ".repeat(width - total) + flashStyled;
-		}
-		return fitExactly$1(left, width);
+	closeOutputViewer() {
+		const browser = this.host.state.tasksBrowser;
+		if (browser === void 0 || browser.viewer === void 0) return;
+		const viewer = browser.viewer;
+		clearInterval(viewer.pollTimer);
+		browser.viewer = void 0;
+		this.host.state.ui.clear();
+		for (const child of viewer.savedChildren) this.host.state.ui.addChild(child);
+		this.host.state.ui.setFocus(browser.component);
+		this.host.state.ui.requestRender(true);
 	}
-	/**
-	* Render a framed box: `┌─ Title ─┐` top, `│ <content> │` sides, `└─┘`
-	* bottom. Result is exactly `width × height` cells. `content` is a
-	* pre-rendered array of inner-width-sized lines; extra rows are padded.
-	*/
-	renderFrame(title, content, width, height) {
-		if (height < 2 || width < 4) {
-			const out = [];
-			for (let i = 0; i < height; i++) out.push(" ".repeat(width));
-			return out;
-		}
-		const stroke = this.props.colors.primary;
-		const innerWidth = width - 2;
-		const innerHeight = height - 2;
-		const titleStyled = chalk.hex(this.props.colors.textStrong).bold(title);
-		const titleWidth = visibleWidth(titleStyled);
-		const titleSegmentWidth = visibleWidth(`─ ${titleStyled} `);
-		const remainingDashes = Math.max(0, innerWidth - titleSegmentWidth);
-		const topMid = titleWidth > 0 && titleSegmentWidth <= innerWidth ? chalk.hex(stroke)("─ ") + titleStyled + " " + chalk.hex(stroke)("─".repeat(remainingDashes)) : chalk.hex(stroke)("─".repeat(innerWidth));
-		const top = chalk.hex(stroke)("┌") + topMid + chalk.hex(stroke)("┐");
-		const bottom = chalk.hex(stroke)("└" + "─".repeat(innerWidth) + "┘");
-		const lines = [top];
-		for (let i = 0; i < innerHeight; i++) {
-			const inner = content[i] ?? "";
-			lines.push(chalk.hex(stroke)("│") + fitExactly$1(inner, innerWidth) + chalk.hex(stroke)("│"));
-		}
-		lines.push(bottom);
-		return lines;
+};
+//#endregion
+//#region src/tui/components/editor/file-mention-provider.ts
+/**
+* `@file` autocomplete provider for the input box.
+*
+* pi-tui's `CombinedAutocompleteProvider` handles the mechanical parts
+* (extract `@…` prefix, insert completion with the right quoting). This
+* wrapper adds scream-specific ranking + filtering so the default "empty
+* `@`" list surfaces files the user actually wants, not alphabetical
+* noise from `.agents/skills/*` et al.
+*
+* Sort order — empty query:
+*   1. recently edited (from `git log --name-only`)
+*   2. recent fs mtime
+*   3. basename alphabetical
+*   (first 15, not 50 — pi-tui's menu height is ~6-10 lines anyway)
+*
+* Sort order — non-empty query (strict to fuzzy):
+*   cat 0: basename starts-with query
+*   cat 1: basename contains query
+*   cat 2: fuzzyMatch succeeds on full path
+*   tie-break within each cat: recency rank → mtime → basename length
+*   (first 50)
+*
+* Filter — dot directories are hidden by default. User can opt in by starting the query
+* with `.` (e.g. `@.github/`), since those paths rarely need
+* completion.
+*
+* When `fd` is available the inner pi-tui provider owns the `@` branch
+* verbatim — its fd invocation respects `.gitignore` and is strictly
+* better than anything we can cheaply reproduce in TS. We only kick in
+* when `fd` is missing AND we're in a git repo.
+*/
+const MAX_SUGGESTIONS_WHEN_QUERY = 50;
+const MAX_SUGGESTIONS_WHEN_EMPTY = 15;
+const PATH_DELIMITERS = new Set([
+	" ",
+	"	",
+	"\"",
+	"'",
+	"="
+]);
+var FileMentionProvider = class {
+	fdPath;
+	gitCache;
+	inner;
+	slashCommandItems;
+	constructor(slashCommands, workDir, fdPath, gitCache) {
+		this.fdPath = fdPath;
+		this.gitCache = gitCache;
+		this.slashCommandItems = slashCommands.map((cmd) => {
+			const ac = cmd;
+			if (ac.label !== void 0 && ac.label.length > 0) return {
+				value: ac.value ?? ac.name ?? "",
+				label: ac.label
+			};
+			const name = ac.value ?? ac.name ?? "";
+			const desc = ac.description ?? "";
+			return {
+				value: name,
+				label: `/${name}${desc ? ` — ${desc}` : ""}`
+			};
+		});
+		this.inner = new CombinedAutocompleteProvider(slashCommands, workDir, fdPath);
 	}
-	renderListFrame(width, height) {
-		const title = `Tasks [${this.props.filter}]`;
-		const innerHeight = Math.max(0, height - 2);
-		if (this.sortedVisible.length === 0) {
-			const empty = this.props.filter === "active" ? "无活跃任务。Tab = 显示全部。" : "本会话无后台任务。";
-			const lines = [chalk.hex(this.props.colors.textMuted)(empty)];
-			while (lines.length < innerHeight) lines.push("");
-			return this.renderFrame(title, lines, width, height);
+	async getSuggestions(lines, cursorLine, cursorCol, options) {
+		const textBeforeCursor = (lines[cursorLine] ?? "").slice(0, cursorCol);
+		const atPrefix = extractAtPrefix(textBeforeCursor);
+		if (!options.force && atPrefix === null && textBeforeCursor.startsWith("/") && !textBeforeCursor.includes(" ")) {
+			const query = textBeforeCursor.slice(1);
+			const filtered = fuzzyFilter(this.slashCommandItems, query, (item) => item.value).slice(0, MAX_SUGGESTIONS_WHEN_QUERY);
+			if (filtered.length === 0) return null;
+			return {
+				items: filtered,
+				prefix: textBeforeCursor
+			};
 		}
-		this.adjustScroll(innerHeight);
-		const start = this.listScroll;
-		const window = this.sortedVisible.slice(start, start + innerHeight);
-		const innerWidth = width - 2;
-		const lines = [];
-		for (const [vi, task] of window.entries()) {
-			const index = start + vi;
-			lines.push(this.renderListRow(task, index === this.selectedIndex, innerWidth));
+		if (atPrefix === null) return this.inner.getSuggestions(lines, cursorLine, cursorCol, options);
+		if (this.fdPath !== null) return this.inner.getSuggestions(lines, cursorLine, cursorCol, options);
+		const snapshot = this.gitCache.getSnapshot();
+		if (snapshot === null || snapshot.files.length === 0) return this.inner.getSuggestions(lines, cursorLine, cursorCol, options);
+		const query = atPrefix.slice(1);
+		const candidates = query.startsWith(".") ? snapshot.files : snapshot.files.filter((p) => !containsDotSegment(p));
+		const items = query.length === 0 ? rankForEmptyQuery(candidates, snapshot) : rankForQuery(candidates, query, snapshot);
+		if (items.length === 0) return this.inner.getSuggestions(lines, cursorLine, cursorCol, options);
+		return {
+			items,
+			prefix: atPrefix
+		};
+	}
+	applyCompletion(lines, cursorLine, cursorCol, item, prefix) {
+		if (prefix.startsWith("/")) {
+			const line = lines[cursorLine] ?? "";
+			const before = line.slice(0, cursorCol - prefix.length);
+			const after = line.slice(cursorCol);
+			const replacement = `/${item.value} `;
+			const newLine = `${before}${replacement}${after}`;
+			return {
+				lines: [
+					...lines.slice(0, cursorLine),
+					newLine,
+					...lines.slice(cursorLine + 1)
+				],
+				cursorLine,
+				cursorCol: before.length + replacement.length
+			};
 		}
-		while (lines.length < innerHeight) lines.push("");
-		return this.renderFrame(title, lines, width, height);
+		return this.inner.applyCompletion(lines, cursorLine, cursorCol, item, prefix);
 	}
-	renderListRow(task, selected, innerWidth) {
-		const colors = this.props.colors;
-		const pointer = selected ? "> " : "  ";
-		const pointerStyled = chalk.hex(selected ? colors.primary : colors.textDim)(pointer);
-		const idColor = selected ? colors.primary : task.taskId.startsWith("agent-") ? colors.success : colors.accent;
-		const idText = selected ? chalk.hex(idColor).bold(task.taskId) : chalk.hex(idColor)(task.taskId);
-		const idPad = " ".repeat(Math.max(0, 17 - task.taskId.length));
-		const status = STATUS_LABEL[task.status];
-		const prefix = `${pointerStyled}${idText}${idPad} ${chalk.hex(statusColor(colors, task.status))(status)}`;
-		const prefixWidth = visibleWidth(prefix);
-		const descBudget = Math.max(0, innerWidth - prefixWidth - 1);
-		if (descBudget < 4) return fitExactly$1(prefix, innerWidth);
-		const desc = truncateToWidth(singleLine$2(task.description) || singleLine$2(task.command) || "(no description)", descBudget, ELLIPSIS$3);
-		return fitExactly$1(`${prefix} ${chalk.hex(colors.text)(desc)}`, innerWidth);
+};
+/**
+* Return the `@…` token ending at the cursor, or `null` if we're not in
+* an `@` mention. Mirrors pi-tui's `extractAtPrefix` — the token
+* boundary is the last PATH_DELIMITER before the cursor, and the token
+* must start with `@`.
+*/
+function extractAtPrefix(text) {
+	let tokenStart = 0;
+	for (let i = text.length - 1; i >= 0; i -= 1) if (PATH_DELIMITERS.has(text[i] ?? "")) {
+		tokenStart = i + 1;
+		break;
 	}
-	adjustScroll(visibleRows) {
-		if (visibleRows <= 0) {
-			this.listScroll = 0;
-			return;
+	if (text[tokenStart] !== "@") return null;
+	return text.slice(tokenStart);
+}
+/** True when any path segment starts with a dot (e.g. `.github/x.yml`). */
+function containsDotSegment(path) {
+	for (const segment of path.split("/")) if (segment.startsWith(".")) return true;
+	return false;
+}
+/**
+* Empty-query ranking: stratified by signal strength.
+*
+* Layer 1: files touched in the last RECENT_COMMIT_DEPTH commits,
+*          ordered by how recently. Strongest signal — if the user
+*          just worked on it, they probably want to mention it.
+* Layer 2: files with the newest fs mtime (covers uncommitted edits
+*          and files edited but not yet added to git).
+* Layer 3: everything else, alphabetical by basename so
+*          README/package.json-style top-level files bubble up
+*          relative to deeply-nested alphabetical paths.
+*
+* Cap at MAX_SUGGESTIONS_WHEN_EMPTY. Layers fill in order; dedup by
+* path so a recently-edited file isn't also listed in layer 2.
+*/
+function rankForEmptyQuery(files, snapshot) {
+	const picked = /* @__PURE__ */ new Set();
+	const result = [];
+	const cap = MAX_SUGGESTIONS_WHEN_EMPTY;
+	const inFiles = new Set(files);
+	const byRecency = [...snapshot.recencyOrder.entries()].filter(([path]) => inFiles.has(path)).toSorted((a, b) => a[1] - b[1]);
+	for (const [path] of byRecency) {
+		if (result.length >= cap) break;
+		if (picked.has(path)) continue;
+		picked.add(path);
+		result.push(path);
+	}
+	if (result.length < cap) {
+		const byMtime = files.filter((p) => !picked.has(p) && snapshot.mtimeByPath.has(p)).toSorted((a, b) => (snapshot.mtimeByPath.get(b) ?? 0) - (snapshot.mtimeByPath.get(a) ?? 0));
+		for (const path of byMtime) {
+			if (result.length >= cap) break;
+			picked.add(path);
+			result.push(path);
 		}
-		if (this.selectedIndex < this.listScroll) this.listScroll = this.selectedIndex;
-		else if (this.selectedIndex >= this.listScroll + visibleRows) this.listScroll = this.selectedIndex - visibleRows + 1;
-		const maxScroll = Math.max(0, this.sortedVisible.length - visibleRows);
-		if (this.listScroll < 0) this.listScroll = 0;
-		if (this.listScroll > maxScroll) this.listScroll = maxScroll;
 	}
-	renderRightStack(width, height) {
-		const detailHeight = Math.max(8, Math.min(Math.floor(height * .4), height - 5));
-		const previewHeight = height - detailHeight;
-		return [...this.renderDetailFrame(width, detailHeight), ...this.renderPreviewFrame(width, previewHeight)];
+	if (result.length < cap) {
+		const rest = files.filter((p) => !picked.has(p)).toSorted((a, b) => basename(a).localeCompare(basename(b)) || a.localeCompare(b));
+		for (const path of rest) {
+			if (result.length >= cap) break;
+			result.push(path);
+		}
 	}
-	renderDetailFrame(width, height) {
-		const colors = this.props.colors;
-		const innerHeight = Math.max(0, height - 2);
-		const task = this.sortedVisible[this.selectedIndex];
-		if (task === void 0) {
-			const lines = [chalk.hex(colors.textMuted)("从列表中选择一个任务。")];
-			while (lines.length < innerHeight) lines.push("");
-			return this.renderFrame("详情", lines, width, height);
+	return result.map(toItem);
+}
+/**
+* Non-empty-query ranking: three strictness tiers, with recency /
+* mtime as tie-breakers inside each tier so "the readme you just
+* edited" beats "a readme deep in a vendor dir".
+*/
+function rankForQuery(files, query, snapshot) {
+	const lowerQuery = query.toLowerCase();
+	const scored = [];
+	for (const path of files) {
+		const base = basename(path).toLowerCase();
+		if (base.startsWith(lowerQuery)) {
+			scored.push({
+				path,
+				cat: 0,
+				fuzzyScore: 0
+			});
+			continue;
 		}
-		const label = (text) => chalk.hex(colors.textMuted)(text.padEnd(14));
-		const value = (text) => chalk.hex(colors.text)(text);
-		const lines = [
-			`${label("任务 ID：")}${value(task.taskId)}`,
-			`${label("状态：")}${chalk.hex(statusColor(colors, task.status))(STATUS_LABEL[task.status])}`,
-			`${label("描述：")}${value(singleLine$2(task.description) || "—")}`
-		];
-		if (task.command && task.command !== task.description) lines.push(`${label("命令：")}${value(singleLine$2(task.command))}`);
-		const timing = task.status === "running" || task.status === "awaiting_approval" ? `运行中 ${formatRelativeTime$2(task.startedAt)}` : task.endedAt !== null && task.endedAt !== void 0 ? `已完成 ${formatRelativeTime$2(task.endedAt)}` : "";
-		if (timing.length > 0) lines.push(`${label("时间：")}${chalk.hex(colors.textMuted)(timing)}`);
-		if (task.pid > 0) lines.push(`${label("进程 ID：")}${chalk.hex(colors.textMuted)(String(task.pid))}`);
-		if (task.exitCode !== null && task.exitCode !== void 0) lines.push(`${label("退出码：")}${chalk.hex(colors.textMuted)(String(task.exitCode))}`);
-		if (task.stopReason !== void 0 && task.stopReason.length > 0) lines.push(`${label("停止原因：")}${chalk.hex(colors.textMuted)(task.stopReason)}`);
-		if (task.timedOut === true) lines.push(`${label("已超时：")}${chalk.hex(colors.warning)("是")}`);
-		if (task.approvalReason !== void 0 && task.approvalReason.length > 0) lines.push(`${label("等待中：")}${chalk.hex(colors.warning)(singleLine$2(task.approvalReason))}`);
-		while (lines.length < innerHeight) lines.push("");
-		return this.renderFrame("详情", lines, width, height);
+		if (base.includes(lowerQuery)) {
+			scored.push({
+				path,
+				cat: 1,
+				fuzzyScore: 0
+			});
+			continue;
+		}
+		const fuzzy = fuzzyMatch(query, path);
+		if (fuzzy.matches) scored.push({
+			path,
+			cat: 2,
+			fuzzyScore: fuzzy.score
+		});
+	}
+	if (scored.length === 0) return fuzzyFilter([...files], query, (p) => p).slice(0, MAX_SUGGESTIONS_WHEN_QUERY).map(toItem);
+	scored.sort((a, b) => {
+		if (a.cat !== b.cat) return a.cat - b.cat;
+		if (a.cat === 2 && a.fuzzyScore !== b.fuzzyScore) return a.fuzzyScore - b.fuzzyScore;
+		const ra = snapshot.recencyOrder.get(a.path);
+		const rb = snapshot.recencyOrder.get(b.path);
+		if (ra !== void 0 && rb !== void 0 && ra !== rb) return ra - rb;
+		if (ra !== void 0 && rb === void 0) return -1;
+		if (ra === void 0 && rb !== void 0) return 1;
+		const ma = snapshot.mtimeByPath.get(a.path) ?? 0;
+		const mb = snapshot.mtimeByPath.get(b.path) ?? 0;
+		if (ma !== mb) return mb - ma;
+		const baseLenDiff = basename(a.path).length - basename(b.path).length;
+		if (baseLenDiff !== 0) return baseLenDiff;
+		return a.path.localeCompare(b.path);
+	});
+	return scored.slice(0, MAX_SUGGESTIONS_WHEN_QUERY).map((entry) => toItem(entry.path));
+}
+function toItem(path) {
+	return {
+		value: `@${path}`,
+		label: basename(path),
+		description: path
+	};
+}
+//#endregion
+//#region src/tui/components/messages/cron-message.ts
+var CronMessageComponent = class {
+	colors;
+	spacer = new Spacer(1);
+	title;
+	detail;
+	titleColor;
+	promptText;
+	bullet;
+	bulletWidth;
+	cachedWidth;
+	cachedLines;
+	constructor(prompt, data, colors) {
+		this.colors = colors;
+		const missed = data.missedCount !== void 0;
+		this.title = missed ? "错过的定时提醒" : "定时提醒触发";
+		this.detail = cronDetail(data);
+		this.titleColor = data.stale === true || missed ? colors.warning : colors.accent;
+		this.promptText = new Text(chalk.hex(colors.text)(prompt), 0, 0);
+		this.bullet = chalk.hex(this.titleColor).bold(STATUS_BULLET);
+		this.bulletWidth = visibleWidth(this.bullet);
 	}
-	renderPreviewFrame(width, height) {
-		const colors = this.props.colors;
-		const innerHeight = Math.max(0, height - 2);
-		if (this.sortedVisible[this.selectedIndex] === void 0) {
-			const lines = [chalk.hex(colors.textMuted)("No task selected.")];
-			while (lines.length < innerHeight) lines.push("");
-			return this.renderFrame("Preview Output", lines, width, height);
-		}
-		let body;
-		if (this.props.tailLoading) body = "[loading…]";
-		else if (this.props.tailOutput === void 0 || this.props.tailOutput.length === 0) body = "[no output captured]";
-		else body = this.props.tailOutput;
-		const styled = body.split("\n").slice(-innerHeight).map((line) => chalk.hex(colors.textDim)(line));
-		while (styled.length < innerHeight) styled.push("");
-		return this.renderFrame("Preview Output", styled, width, height);
+	invalidate() {
+		this.cachedWidth = void 0;
+		this.cachedLines = void 0;
+		this.promptText.invalidate();
 	}
-	renderTooSmall(width, rows) {
+	render(width) {
+		if (this.cachedLines !== void 0 && this.cachedWidth === width) return this.cachedLines;
+		const contentWidth = Math.max(1, width - this.bulletWidth);
 		const lines = [];
-		const msg = chalk.hex(this.props.colors.error)(`Terminal too small (need ≥ ${String(MIN_WIDTH)} × ${String(MIN_HEIGHT)})`);
-		lines.push(fitExactly$1(msg, width));
-		for (let i = 1; i < rows; i++) lines.push(" ".repeat(width));
+		for (const line of this.spacer.render(width)) lines.push(line);
+		const title = chalk.hex(this.titleColor).bold(this.title);
+		lines.push(`${this.bullet}${title}`);
+		if (this.detail !== void 0) lines.push(`${" ".repeat(this.bulletWidth)}${chalk.hex(this.colors.textDim)(this.detail)}`);
+		const promptLines = this.promptText.render(contentWidth);
+		for (const line of promptLines) lines.push(`${" ".repeat(this.bulletWidth)}${line}`);
+		this.cachedWidth = width;
+		this.cachedLines = lines;
 		return lines;
 	}
 };
+function cronDetail(data) {
+	const parts = [];
+	if (data.cron !== void 0 && data.cron.length > 0) parts.push(data.cron);
+	if (data.jobId !== void 0 && data.jobId.length > 0) parts.push(`job ${data.jobId}`);
+	if (data.recurring === false) parts.push("一次性");
+	if (data.coalescedCount !== void 0 && data.coalescedCount > 1) parts.push(`${String(data.coalescedCount)} 次合并触发`);
+	if (data.missedCount !== void 0) parts.push(`${String(data.missedCount)} 次错过`);
+	if (data.stale === true) parts.push("最终投递");
+	return parts.length > 0 ? parts.join(" | ") : void 0;
+}
 //#endregion
-//#region src/tui/controllers/tasks-browser.ts
-var TasksBrowserController = class {
-	host;
-	constructor(host) {
-		this.host = host;
-	}
-	async show() {
-		const { state } = this.host;
-		if (state.tasksBrowser !== void 0) return;
-		const session = this.host.session;
-		if (session === void 0) {
-			this.host.showError("没有活动会话。");
+//#region src/tui/components/panes/activity-pane.ts
+var ActivityPaneComponent = class extends Container {
+	constructor(options) {
+		super();
+		if (options.mode === "waiting" || options.mode === "tool") {
+			if (options.spinner !== void 0) {
+				this.addChild(new Spacer(1));
+				this.addChild(options.spinner);
+			}
+			if (options.pulseWave !== void 0) {
+				this.addChild(new Spacer(1));
+				this.addChild(options.pulseWave);
+			}
 			return;
 		}
-		let tasks = [];
-		try {
-			tasks = await session.listBackgroundTasks({ activeOnly: false });
-		} catch (error) {
-			this.host.showError(`加载任务失败： ${error instanceof Error ? error.message : String(error)}`);
-			return;
+		if (options.mode === "composing" && options.spinner !== void 0) {
+			this.addChild(new Spacer(1));
+			this.addChild(options.spinner);
+			if (options.pulseWave !== void 0) {
+				this.addChild(new Spacer(1));
+				this.addChild(options.pulseWave);
+			}
 		}
-		if (state.tasksBrowser !== void 0) return;
-		const filter = "all";
-		const selectedTaskId = this.pickInitialSelection(tasks, filter);
-		const component = new TasksBrowserApp({
-			tasks,
-			filter,
-			selectedTaskId,
-			tailOutput: void 0,
-			tailLoading: false,
-			flashMessage: void 0,
-			colors: state.theme.colors,
-			...this.buildCallbacks()
-		}, state.terminal);
-		const savedChildren = [...state.ui.children];
-		state.ui.clear();
-		state.ui.addChild(component);
-		state.ui.setFocus(component);
-		state.ui.requestRender(true);
-		const pollTimer = setInterval(() => {
-			this.refresh({ silent: true });
-		}, 1e3);
-		this.host.setTasksBrowser({
-			component,
-			savedChildren,
-			filter,
-			selectedTaskId,
-			tailOutput: void 0,
-			tailLoading: false,
-			tailRequestId: 0,
-			flashMessage: void 0,
-			flashTimer: void 0,
-			pollTimer,
-			viewer: void 0
-		});
-		if (selectedTaskId !== void 0) this.loadTail(selectedTaskId);
 	}
-	close() {
-		const { state } = this.host;
-		const browser = state.tasksBrowser;
-		if (browser === void 0) return;
-		if (browser.viewer !== void 0) this.closeOutputViewer();
-		if (browser.pollTimer !== void 0) clearInterval(browser.pollTimer);
-		if (browser.flashTimer !== void 0) clearTimeout(browser.flashTimer);
-		state.ui.clear();
-		for (const child of browser.savedChildren) state.ui.addChild(child);
-		this.host.setTasksBrowser(void 0);
-		state.ui.setFocus(state.editor);
-		state.ui.requestRender(true);
+};
+//#endregion
+//#region src/tui/components/panes/queue-pane.ts
+var QueuePaneComponent = class extends Container {
+	constructor(options) {
+		super();
+		const accent = chalk.hex(options.colors.accent);
+		const dim = chalk.hex(options.colors.textDim);
+		for (const item of options.messages) this.addChild(new Text(accent(`  ❯ ${item.text}`), 0, 0));
+		if (options.messages.length > 0) {
+			const hint = options.isCompacting && !options.isStreaming ? "  ↑ to edit · will send after compaction" : !options.canSteerImmediately ? "  ↑ to edit · will send after current task" : "  ↑ to edit · ctrl-s to steer immediately";
+			this.addChild(new Text(dim(hint), 0, 0));
+		}
 	}
-	repaint() {
-		if (this.host.state.tasksBrowser === void 0) return;
-		const tasks = [...this.host.backgroundTasks.values()];
-		this.pushProps(tasks);
+};
+//#endregion
+//#region src/tui/reverse-rpc/base-controller.ts
+var ReverseRpcController = class {
+	uiHooks = null;
+	current = null;
+	queue = [];
+	setUIHooks(hooks) {
+		this.uiHooks = hooks;
 	}
-	async refreshOutputViewer(opts = {}) {
-		const { state } = this.host;
-		const browser = state.tasksBrowser;
-		const viewer = browser?.viewer;
-		if (browser === void 0 || viewer === void 0) return;
-		const session = this.host.session;
-		if (session === void 0) return;
-		const myRefreshId = ++viewer.refreshId;
-		let output;
-		try {
-			output = await session.getBackgroundTaskOutput(viewer.taskId);
-		} catch (error) {
-			if (!opts.silent) {
-				const message = error instanceof Error ? error.message : String(error);
-				this.flash(`输出刷新失败： ${message}`);
-			}
-			return;
-		}
-		const current = state.tasksBrowser?.viewer;
-		if (current === void 0 || current !== viewer || current.refreshId !== myRefreshId) return;
-		if (output === viewer.output) return;
-		viewer.output = output;
-		const info = this.host.backgroundTasks.get(viewer.taskId);
-		viewer.component.setProps({
-			taskId: viewer.taskId,
-			info,
-			output,
-			colors: state.theme.colors,
-			onClose: () => {
-				this.closeOutputViewer();
-			}
+	/**
+	* Called when a reverse RPC request arrives from core. The returned promise
+	* resolves after the user responds or `cancelAll` forces cancellation.
+	*/
+	show(payload) {
+		return new Promise((resolve) => {
+			const entry = {
+				payload,
+				resolve
+			};
+			if (this.current === null) {
+				this.current = entry;
+				this.uiHooks?.showPanel(payload);
+			} else this.queue.push(entry);
 		});
-		state.ui.requestRender();
 	}
-	pickInitialSelection(tasks, filter) {
-		const candidates = filter === "all" ? tasks : tasks.filter((t) => t.status !== "completed" && t.status !== "failed" && t.status !== "killed" && t.status !== "lost");
-		if (candidates.length === 0) return void 0;
-		return candidates.find((t) => t.status === "running" || t.status === "awaiting_approval")?.taskId ?? candidates[0].taskId;
+	/** Called by the UI after the user makes a panel choice. */
+	respond(data) {
+		const pending = this.current;
+		this.current = null;
+		pending?.resolve(data);
+		if (pending !== null) this.drainAutoResolved(pending.payload, data);
+		this.advanceOrHide();
 	}
-	async refresh(opts = {}) {
-		const { state } = this.host;
-		const browser = state.tasksBrowser;
-		if (browser === void 0) return;
-		const session = this.host.session;
-		if (session === void 0) return;
-		let tasks;
-		try {
-			tasks = await session.listBackgroundTasks({ activeOnly: false });
-		} catch (error) {
-			if (!opts.silent) this.flash(`刷新失败： ${error instanceof Error ? error.message : String(error)}`);
+	/** Cancels all pending requests during shutdown or session switches. */
+	cancelAll(reason) {
+		const all = [...this.current === null ? [] : [this.current], ...this.queue];
+		this.current = null;
+		this.queue = [];
+		this.uiHooks?.hidePanel();
+		for (const entry of all) entry.resolve(this.createCancelResponse(reason));
+	}
+	hasPending() {
+		return this.current !== null || this.queue.length > 0;
+	}
+	advanceOrHide() {
+		const next = this.queue.shift();
+		if (next === void 0) {
+			this.uiHooks?.hidePanel();
 			return;
 		}
-		if (state.tasksBrowser !== browser) return;
-		this.pushProps(tasks);
+		this.current = next;
+		this.uiHooks?.showPanel(next.payload);
 	}
-	pushProps(tasks) {
-		const browser = this.host.state.tasksBrowser;
-		if (browser === void 0) return;
-		browser.component.setProps({
-			tasks,
-			filter: browser.filter,
-			selectedTaskId: browser.selectedTaskId,
-			tailOutput: browser.tailOutput,
-			tailLoading: browser.tailLoading,
-			flashMessage: browser.flashMessage,
-			colors: this.host.state.theme.colors,
-			...this.buildCallbacks()
-		});
-		this.host.state.ui.requestRender();
+	drainAutoResolved(resolvedPayload, response) {
+		const remaining = [];
+		for (const entry of this.queue) {
+			const auto = this.autoResolveFor(resolvedPayload, response, entry.payload);
+			if (auto === void 0) remaining.push(entry);
+			else entry.resolve(auto);
+		}
+		this.queue = remaining;
 	}
-	buildCallbacks() {
+	/**
+	* Subclasses override to short-circuit queued requests when an answer to the
+	* just-resolved one (e.g. an approve-for-session) implies the same answer
+	* for matching queued requests. Return `undefined` to leave the queued
+	* request waiting for its own panel turn.
+	*/
+	autoResolveFor(_resolvedPayload, _response, _queuedPayload) {}
+};
+//#endregion
+//#region src/tui/reverse-rpc/approval/controller.ts
+var ApprovalController = class extends ReverseRpcController {
+	createCancelResponse(reason) {
 		return {
-			onSelect: (taskId) => {
-				this.handleSelect(taskId);
-			},
-			onToggleFilter: () => {
-				this.handleToggleFilter();
-			},
-			onRefresh: () => {
-				this.handleRefresh();
-			},
-			onCancel: () => {
-				this.close();
-			},
-			onStopConfirmed: (taskId) => {
-				this.handleStop(taskId);
-			},
-			onOpenOutput: (taskId) => {
-				this.handleOpenOutput(taskId);
-			},
-			onStopIgnored: (taskId, reason) => {
-				if (reason === "terminal") this.flash(`${taskId} 已是终止状态 — 无需停止。`);
-			}
+			decision: "cancelled",
+			feedback: reason
 		};
 	}
-	handleSelect(taskId) {
-		const browser = this.host.state.tasksBrowser;
-		if (browser === void 0) return;
-		if (browser.selectedTaskId === taskId) return;
-		browser.selectedTaskId = taskId;
-		browser.tailOutput = void 0;
-		browser.tailLoading = true;
-		this.repaint();
-		this.loadTail(taskId);
+	autoResolveFor(resolvedPayload, response, queuedPayload) {
+		if (response.decision !== "approved") return void 0;
+		if (response.scope !== "session") return void 0;
+		if (resolvedPayload.action !== queuedPayload.action) return void 0;
+		return {
+			decision: "approved",
+			scope: "session"
+		};
 	}
-	handleToggleFilter() {
-		const browser = this.host.state.tasksBrowser;
-		if (browser === void 0) return;
-		browser.filter = browser.filter === "all" ? "active" : "all";
-		this.repaint();
+};
+//#endregion
+//#region src/tui/reverse-rpc/modal-coordinator.ts
+var ReverseRpcModalCoordinator = class {
+	hooks;
+	active = null;
+	queued = [];
+	constructor(hooks) {
+		this.hooks = hooks;
 	}
-	handleRefresh() {
-		this.flash("正在刷新…", 600);
-		this.refresh();
+	showApproval(payload) {
+		this.show({
+			owner: "approval",
+			show: () => {
+				this.hooks.showApprovalPanel(payload);
+			},
+			hide: () => {
+				this.hooks.hideApprovalPanel();
+			}
+		});
 	}
-	async handleStop(taskId) {
-		if (this.host.state.tasksBrowser === void 0) return;
-		const session = this.host.session;
-		if (session === void 0) {
-			this.flash("没有活动会话。");
+	showQuestion(payload) {
+		this.show({
+			owner: "question",
+			show: () => {
+				this.hooks.showQuestionDialog(payload);
+			},
+			hide: () => {
+				this.hooks.hideQuestionDialog();
+			}
+		});
+	}
+	hide(owner) {
+		if (this.active?.owner === owner) {
+			const active = this.active;
+			this.active = null;
+			active.hide();
+			this.showNext();
 			return;
 		}
-		this.flash(`正在停止 ${taskId}…`, 1500);
-		try {
-			await session.stopBackgroundTask(taskId, { reason: "用户发起停止" });
-			await this.refresh({ silent: true });
-		} catch (error) {
-			const message = error instanceof Error ? error.message : String(error);
-			this.flash(`停止失败： ${message}`);
-		}
+		const queuedIndex = this.queued.findIndex((entry) => entry.owner === owner);
+		if (queuedIndex >= 0) this.queued.splice(queuedIndex, 1);
 	}
-	async handleOpenOutput(taskId) {
-		const { state } = this.host;
-		const browser = state.tasksBrowser;
-		if (browser === void 0) return;
-		if (browser.viewer !== void 0) return;
-		const session = this.host.session;
-		if (session === void 0) {
-			this.flash("没有活动会话。");
+	clear() {
+		const active = this.active;
+		this.active = null;
+		this.queued.length = 0;
+		active?.hide();
+	}
+	show(entry) {
+		const active = this.active;
+		if (active === null) {
+			this.active = entry;
+			entry.show();
 			return;
 		}
-		let output;
-		try {
-			output = await session.getBackgroundTaskOutput(taskId);
-		} catch (error) {
-			const message = error instanceof Error ? error.message : String(error);
-			this.flash(`无法打开输出： ${message}`);
+		if (active.owner === entry.owner) {
+			this.active = entry;
+			entry.show();
 			return;
 		}
-		const current = state.tasksBrowser;
-		if (current === void 0 || current !== browser) return;
-		const viewer = new TaskOutputViewer({
-			taskId,
-			info: this.host.backgroundTasks.get(taskId),
-			output,
-			colors: state.theme.colors,
-			onClose: () => {
-				this.closeOutputViewer();
-			}
-		}, state.terminal);
-		const savedBrowserChildren = [...state.ui.children];
-		state.ui.clear();
-		state.ui.addChild(viewer);
-		state.ui.setFocus(viewer);
-		state.ui.requestRender(true);
-		const pollTimer = setInterval(() => {
-			this.refreshOutputViewer({ silent: true });
-		}, 1e3);
-		browser.viewer = {
-			component: viewer,
-			savedChildren: savedBrowserChildren,
-			taskId,
-			output,
-			refreshId: 0,
-			pollTimer
-		};
-	}
-	loadTail(taskId) {
-		const { state } = this.host;
-		const browser = state.tasksBrowser;
-		if (browser === void 0) return;
-		const session = this.host.session;
-		if (session === void 0) {
-			browser.tailLoading = false;
-			this.repaint();
+		const queuedIndex = this.queued.findIndex((queued) => queued.owner === entry.owner);
+		if (queuedIndex >= 0) {
+			this.queued[queuedIndex] = entry;
 			return;
 		}
-		const requestId = ++browser.tailRequestId;
-		session.getBackgroundTaskOutput(taskId, { tail: 4e3 }).then((output) => {
-			const current = state.tasksBrowser;
-			if (current === void 0) return;
-			if (current !== browser || current.tailRequestId !== requestId) return;
-			if (current.selectedTaskId !== taskId) return;
-			current.tailOutput = output;
-			current.tailLoading = false;
-			this.repaint();
-		}).catch(() => {
-			const current = state.tasksBrowser;
-			if (current === void 0) return;
-			if (current !== browser || current.tailRequestId !== requestId) return;
-			if (current.selectedTaskId !== taskId) return;
-			current.tailOutput = "";
-			current.tailLoading = false;
-			this.repaint();
-		});
+		this.queued.push(entry);
 	}
-	flash(message, durationMs = 2500) {
-		const browser = this.host.state.tasksBrowser;
-		if (browser === void 0) return;
-		if (browser.flashTimer !== void 0) clearTimeout(browser.flashTimer);
-		browser.flashMessage = message;
-		browser.flashTimer = setTimeout(() => {
-			const current = this.host.state.tasksBrowser;
-			if (current !== browser) return;
-			current.flashMessage = void 0;
-			current.flashTimer = void 0;
-			this.repaint();
-		}, durationMs);
-		this.repaint();
+	showNext() {
+		const next = this.queued.shift();
+		if (next === void 0) return;
+		this.active = next;
+		next.show();
 	}
-	closeOutputViewer() {
-		const browser = this.host.state.tasksBrowser;
-		if (browser === void 0 || browser.viewer === void 0) return;
-		const viewer = browser.viewer;
-		clearInterval(viewer.pollTimer);
-		browser.viewer = void 0;
-		this.host.state.ui.clear();
-		for (const child of viewer.savedChildren) this.host.state.ui.addChild(child);
-		this.host.state.ui.setFocus(browser.component);
-		this.host.state.ui.requestRender(true);
+};
+//#endregion
+//#region src/tui/reverse-rpc/index.ts
+function registerReverseRPCHandlers(approvalController, questionController, uiHooks) {
+	const modalCoordinator = new ReverseRpcModalCoordinator(uiHooks);
+	approvalController.setUIHooks({
+		showPanel: (payload) => {
+			modalCoordinator.showApproval(payload);
+		},
+		hidePanel: () => {
+			modalCoordinator.hide("approval");
+		}
+	});
+	questionController.setUIHooks({
+		showPanel: (payload) => {
+			modalCoordinator.showQuestion(payload);
+		},
+		hidePanel: () => {
+			modalCoordinator.hide("question");
+		}
+	});
+	return [() => {
+		modalCoordinator.clear();
+	}];
+}
+//#endregion
+//#region src/tui/reverse-rpc/question/controller.ts
+var QuestionController = class extends ReverseRpcController {
+	createCancelResponse(_reason) {
+		return { answers: [] };
 	}
 };
 //#endregion
-//#region src/tui/components/editor/file-mention-provider.ts
+//#region src/tui/theme/bundle.ts
+function createScreamTUIThemeBundle(theme, resolvedTheme) {
+	const actualTheme = resolvedTheme ?? resolveThemeSync(theme);
+	const colors = { ...getColorPalette(actualTheme) };
+	return {
+		resolvedTheme: actualTheme,
+		colors,
+		styles: createThemeStyles(colors),
+		markdownTheme: createMarkdownTheme(colors)
+	};
+}
+//#endregion
+//#region src/tui/types.ts
+const INITIAL_LIVE_PANE = {
+	mode: "idle",
+	pendingApproval: null,
+	pendingQuestion: null
+};
+//#endregion
+//#region src/utils/git/git-status.ts
 /**
-* `@file` autocomplete provider for the input box.
-*
-* pi-tui's `CombinedAutocompleteProvider` handles the mechanical parts
-* (extract `@…` prefix, insert completion with the right quoting). This
-* wrapper adds scream-specific ranking + filtering so the default "empty
-* `@`" list surfaces files the user actually wants, not alphabetical
-* noise from `.agents/skills/*` et al.
-*
-* Sort order — empty query:
-*   1. recently edited (from `git log --name-only`)
-*   2. recent fs mtime
-*   3. basename alphabetical
-*   (first 15, not 50 — pi-tui's menu height is ~6-10 lines anyway)
-*
-* Sort order — non-empty query (strict to fuzzy):
-*   cat 0: basename starts-with query
-*   cat 1: basename contains query
-*   cat 2: fuzzyMatch succeeds on full path
-*   tie-break within each cat: recency rank → mtime → basename length
-*   (first 50)
-*
-* Filter — dot directories are hidden by default. User can opt in by starting the query
-* with `.` (e.g. `@.github/`), since those paths rarely need
-* completion.
+* Cached git branch + working-tree status for the footer/statusline.
 *
-* When `fd` is available the inner pi-tui provider owns the `@` branch
-* verbatim — its fd invocation respects `.gitignore` and is strictly
-* better than anything we can cheaply reproduce in TS. We only kick in
-* when `fd` is missing AND we're in a git repo.
+* Branch name refreshes every 5s, porcelain status every 15s. Branch
+* and status reads stay synchronous with short timeouts. Pull request
+* lookup uses an async cache so a slow `gh pr view` never blocks
+* footer rendering.
 */
-const MAX_SUGGESTIONS_WHEN_QUERY = 50;
-const MAX_SUGGESTIONS_WHEN_EMPTY = 15;
-const PATH_DELIMITERS = new Set([
-	" ",
-	"	",
-	"\"",
-	"'",
-	"="
-]);
-var FileMentionProvider = class {
-	fdPath;
-	gitCache;
-	inner;
-	slashCommandItems;
-	constructor(slashCommands, workDir, fdPath, gitCache) {
-		this.fdPath = fdPath;
-		this.gitCache = gitCache;
-		this.slashCommandItems = slashCommands.map((cmd) => {
-			const ac = cmd;
-			if (ac.label !== void 0 && ac.label.length > 0) return {
-				value: ac.value ?? ac.name ?? "",
-				label: ac.label
-			};
-			const name = ac.value ?? ac.name ?? "";
-			const desc = ac.description ?? "";
-			return {
-				value: name,
-				label: `/${name}${desc ? ` — ${desc}` : ""}`
+const BRANCH_TTL_MS = 5e3;
+const STATUS_TTL_MS = 15e3;
+const PULL_REQUEST_TTL_MS = 6e4;
+const SPAWN_TIMEOUT_MS = 500;
+const PR_SPAWN_TIMEOUT_MS = 5e3;
+const AHEAD_BEHIND_RE = /\[(?:ahead (\d+))?(?:, )?(?:behind (\d+))?\]/;
+function createGitStatusCache(workDir, options = {}) {
+	const isRepo = detectGitRepo(workDir);
+	let branch = {
+		value: null,
+		fetchedAt: 0
+	};
+	let status = {
+		dirty: false,
+		ahead: 0,
+		behind: 0,
+		diffAdded: 0,
+		diffDeleted: 0,
+		fetchedAt: 0
+	};
+	let pullRequest = {
+		value: null,
+		branch: null,
+		fetchedAt: 0,
+		pendingBranch: null,
+		requestId: 0
+	};
+	return { getStatus: () => {
+		if (!isRepo) return null;
+		const now = Date.now();
+		if (now - branch.fetchedAt >= BRANCH_TTL_MS) branch = {
+			value: readBranch(workDir),
+			fetchedAt: now
+		};
+		if (branch.value === null) return null;
+		if (now - status.fetchedAt >= STATUS_TTL_MS) status = {
+			...readStatus(workDir),
+			fetchedAt: now
+		};
+		refreshPullRequestIfNeeded(branch.value, now);
+		return {
+			branch: branch.value,
+			dirty: status.dirty,
+			ahead: status.ahead,
+			behind: status.behind,
+			diffAdded: status.diffAdded,
+			diffDeleted: status.diffDeleted,
+			pullRequest: pullRequest.branch === branch.value ? pullRequest.value : null
+		};
+	} };
+	function refreshPullRequestIfNeeded(branchName, now) {
+		if (pullRequest.pendingBranch === branchName) return;
+		const fetchedAt = pullRequest.branch === branchName ? pullRequest.fetchedAt : 0;
+		if (now - fetchedAt < PULL_REQUEST_TTL_MS) return;
+		const requestId = pullRequest.requestId + 1;
+		pullRequest = {
+			value: pullRequest.branch === branchName ? pullRequest.value : null,
+			branch: branchName,
+			fetchedAt,
+			pendingBranch: branchName,
+			requestId
+		};
+		readPullRequest(workDir).then((value) => {
+			if (pullRequest.requestId !== requestId) return;
+			const changed = !samePullRequest(pullRequest.branch === branchName ? pullRequest.value : null, value);
+			pullRequest = {
+				value,
+				branch: branchName,
+				fetchedAt: Date.now(),
+				pendingBranch: null,
+				requestId
 			};
+			if (changed) options.onChange?.();
 		});
-		this.inner = new CombinedAutocompleteProvider(slashCommands, workDir, fdPath);
 	}
-	async getSuggestions(lines, cursorLine, cursorCol, options) {
-		const textBeforeCursor = (lines[cursorLine] ?? "").slice(0, cursorCol);
-		const atPrefix = extractAtPrefix(textBeforeCursor);
-		if (!options.force && atPrefix === null && textBeforeCursor.startsWith("/") && !textBeforeCursor.includes(" ")) {
-			const query = textBeforeCursor.slice(1);
-			const filtered = fuzzyFilter(this.slashCommandItems, query, (item) => item.value).slice(0, MAX_SUGGESTIONS_WHEN_QUERY);
-			if (filtered.length === 0) return null;
-			return {
-				items: filtered,
-				prefix: textBeforeCursor
-			};
-		}
-		if (atPrefix === null) return this.inner.getSuggestions(lines, cursorLine, cursorCol, options);
-		if (this.fdPath !== null) return this.inner.getSuggestions(lines, cursorLine, cursorCol, options);
-		const snapshot = this.gitCache.getSnapshot();
-		if (snapshot === null || snapshot.files.length === 0) return this.inner.getSuggestions(lines, cursorLine, cursorCol, options);
-		const query = atPrefix.slice(1);
-		const candidates = query.startsWith(".") ? snapshot.files : snapshot.files.filter((p) => !containsDotSegment(p));
-		const items = query.length === 0 ? rankForEmptyQuery(candidates, snapshot) : rankForQuery(candidates, query, snapshot);
-		if (items.length === 0) return this.inner.getSuggestions(lines, cursorLine, cursorCol, options);
+}
+function detectGitRepo(workDir) {
+	try {
+		const result = spawnSync("git", [
+			"-C",
+			workDir,
+			"rev-parse",
+			"--is-inside-work-tree"
+		], {
+			encoding: "utf8",
+			timeout: SPAWN_TIMEOUT_MS
+		});
+		return result.status === 0 && result.stdout.trim() === "true";
+	} catch {
+		return false;
+	}
+}
+function readBranch(workDir) {
+	try {
+		const result = spawnSync("git", [
+			"-C",
+			workDir,
+			"branch",
+			"--show-current"
+		], {
+			encoding: "utf8",
+			timeout: SPAWN_TIMEOUT_MS
+		});
+		if (result.status !== 0) return null;
+		const name = result.stdout.trim();
+		return name.length > 0 ? name : null;
+	} catch {
+		return null;
+	}
+}
+function readStatus(workDir) {
+	try {
+		const result = spawnSync("git", [
+			"-C",
+			workDir,
+			"status",
+			"--porcelain",
+			"-b"
+		], {
+			encoding: "utf8",
+			timeout: SPAWN_TIMEOUT_MS,
+			maxBuffer: 4 * 1024 * 1024
+		});
+		if (result.status !== 0) return {
+			dirty: false,
+			ahead: 0,
+			behind: 0,
+			diffAdded: 0,
+			diffDeleted: 0
+		};
+		let dirty = false;
+		let ahead = 0;
+		let behind = 0;
+		for (const line of result.stdout.split("\n")) if (line.startsWith("## ")) {
+			const m = AHEAD_BEHIND_RE.exec(line);
+			if (m) {
+				ahead = Number.parseInt(m[1] ?? "0", 10) || 0;
+				behind = Number.parseInt(m[2] ?? "0", 10) || 0;
+			}
+		} else if (line.trim().length > 0) dirty = true;
+		const diff = dirty ? readDiffStats(workDir) : {
+			added: 0,
+			deleted: 0
+		};
+		return {
+			dirty,
+			ahead,
+			behind,
+			diffAdded: diff.added,
+			diffDeleted: diff.deleted
+		};
+	} catch {
 		return {
-			items,
-			prefix: atPrefix
+			dirty: false,
+			ahead: 0,
+			behind: 0,
+			diffAdded: 0,
+			diffDeleted: 0
 		};
 	}
-	applyCompletion(lines, cursorLine, cursorCol, item, prefix) {
-		if (prefix.startsWith("/")) {
-			const line = lines[cursorLine] ?? "";
-			const before = line.slice(0, cursorCol - prefix.length);
-			const after = line.slice(cursorCol);
-			const replacement = `/${item.value} `;
-			const newLine = `${before}${replacement}${after}`;
-			return {
-				lines: [
-					...lines.slice(0, cursorLine),
-					newLine,
-					...lines.slice(cursorLine + 1)
-				],
-				cursorLine,
-				cursorCol: before.length + replacement.length
-			};
-		}
-		return this.inner.applyCompletion(lines, cursorLine, cursorCol, item, prefix);
-	}
-};
-/**
-* Return the `@…` token ending at the cursor, or `null` if we're not in
-* an `@` mention. Mirrors pi-tui's `extractAtPrefix` — the token
-* boundary is the last PATH_DELIMITER before the cursor, and the token
-* must start with `@`.
-*/
-function extractAtPrefix(text) {
-	let tokenStart = 0;
-	for (let i = text.length - 1; i >= 0; i -= 1) if (PATH_DELIMITERS.has(text[i] ?? "")) {
-		tokenStart = i + 1;
-		break;
-	}
-	if (text[tokenStart] !== "@") return null;
-	return text.slice(tokenStart);
-}
-/** True when any path segment starts with a dot (e.g. `.github/x.yml`). */
-function containsDotSegment(path) {
-	for (const segment of path.split("/")) if (segment.startsWith(".")) return true;
-	return false;
 }
-/**
-* Empty-query ranking: stratified by signal strength.
-*
-* Layer 1: files touched in the last RECENT_COMMIT_DEPTH commits,
-*          ordered by how recently. Strongest signal — if the user
-*          just worked on it, they probably want to mention it.
-* Layer 2: files with the newest fs mtime (covers uncommitted edits
-*          and files edited but not yet added to git).
-* Layer 3: everything else, alphabetical by basename so
-*          README/package.json-style top-level files bubble up
-*          relative to deeply-nested alphabetical paths.
-*
-* Cap at MAX_SUGGESTIONS_WHEN_EMPTY. Layers fill in order; dedup by
-* path so a recently-edited file isn't also listed in layer 2.
-*/
-function rankForEmptyQuery(files, snapshot) {
-	const picked = /* @__PURE__ */ new Set();
-	const result = [];
-	const cap = MAX_SUGGESTIONS_WHEN_EMPTY;
-	const inFiles = new Set(files);
-	const byRecency = [...snapshot.recencyOrder.entries()].filter(([path]) => inFiles.has(path)).toSorted((a, b) => a[1] - b[1]);
-	for (const [path] of byRecency) {
-		if (result.length >= cap) break;
-		if (picked.has(path)) continue;
-		picked.add(path);
-		result.push(path);
-	}
-	if (result.length < cap) {
-		const byMtime = files.filter((p) => !picked.has(p) && snapshot.mtimeByPath.has(p)).toSorted((a, b) => (snapshot.mtimeByPath.get(b) ?? 0) - (snapshot.mtimeByPath.get(a) ?? 0));
-		for (const path of byMtime) {
-			if (result.length >= cap) break;
-			picked.add(path);
-			result.push(path);
-		}
-	}
-	if (result.length < cap) {
-		const rest = files.filter((p) => !picked.has(p)).toSorted((a, b) => basename(a).localeCompare(basename(b)) || a.localeCompare(b));
-		for (const path of rest) {
-			if (result.length >= cap) break;
-			result.push(path);
+function readDiffStats(workDir) {
+	try {
+		const result = spawnSync("git", [
+			"-C",
+			workDir,
+			"diff",
+			"--numstat",
+			"HEAD",
+			"--"
+		], {
+			encoding: "utf8",
+			timeout: SPAWN_TIMEOUT_MS,
+			maxBuffer: 4 * 1024 * 1024
+		});
+		if (result.status !== 0) return {
+			added: 0,
+			deleted: 0
+		};
+		let added = 0;
+		let deleted = 0;
+		for (const line of result.stdout.split("\n")) {
+			if (!line) continue;
+			const [addedText, deletedText] = line.split("	");
+			added += parseDiffNumstatCount(addedText);
+			deleted += parseDiffNumstatCount(deletedText);
 		}
+		return {
+			added,
+			deleted
+		};
+	} catch {
+		return {
+			added: 0,
+			deleted: 0
+		};
 	}
-	return result.map(toItem);
 }
-/**
-* Non-empty-query ranking: three strictness tiers, with recency /
-* mtime as tie-breakers inside each tier so "the readme you just
-* edited" beats "a readme deep in a vendor dir".
-*/
-function rankForQuery(files, query, snapshot) {
-	const lowerQuery = query.toLowerCase();
-	const scored = [];
-	for (const path of files) {
-		const base = basename(path).toLowerCase();
-		if (base.startsWith(lowerQuery)) {
-			scored.push({
-				path,
-				cat: 0,
-				fuzzyScore: 0
-			});
-			continue;
-		}
-		if (base.includes(lowerQuery)) {
-			scored.push({
-				path,
-				cat: 1,
-				fuzzyScore: 0
+function parseDiffNumstatCount(value) {
+	if (value === void 0 || value === "-") return 0;
+	const n = Number.parseInt(value, 10);
+	return Number.isFinite(n) && n > 0 ? n : 0;
+}
+function readPullRequest(workDir) {
+	return new Promise((resolve) => {
+		try {
+			execFile("gh", [
+				"pr",
+				"view",
+				"--json",
+				"number,url"
+			], {
+				cwd: workDir,
+				encoding: "utf8",
+				env: {
+					...process.env,
+					GH_NO_UPDATE_NOTIFIER: "1",
+					GH_PROMPT_DISABLED: "1"
+				},
+				timeout: PR_SPAWN_TIMEOUT_MS,
+				maxBuffer: 256 * 1024
+			}, (error, stdout) => {
+				if (error !== null) {
+					resolve(null);
+					return;
+				}
+				resolve(parsePullRequest(stdout));
 			});
-			continue;
+		} catch {
+			resolve(null);
 		}
-		const fuzzy = fuzzyMatch(query, path);
-		if (fuzzy.matches) scored.push({
-			path,
-			cat: 2,
-			fuzzyScore: fuzzy.score
-		});
-	}
-	if (scored.length === 0) return fuzzyFilter([...files], query, (p) => p).slice(0, MAX_SUGGESTIONS_WHEN_QUERY).map(toItem);
-	scored.sort((a, b) => {
-		if (a.cat !== b.cat) return a.cat - b.cat;
-		if (a.cat === 2 && a.fuzzyScore !== b.fuzzyScore) return a.fuzzyScore - b.fuzzyScore;
-		const ra = snapshot.recencyOrder.get(a.path);
-		const rb = snapshot.recencyOrder.get(b.path);
-		if (ra !== void 0 && rb !== void 0 && ra !== rb) return ra - rb;
-		if (ra !== void 0 && rb === void 0) return -1;
-		if (ra === void 0 && rb !== void 0) return 1;
-		const ma = snapshot.mtimeByPath.get(a.path) ?? 0;
-		const mb = snapshot.mtimeByPath.get(b.path) ?? 0;
-		if (ma !== mb) return mb - ma;
-		const baseLenDiff = basename(a.path).length - basename(b.path).length;
-		if (baseLenDiff !== 0) return baseLenDiff;
-		return a.path.localeCompare(b.path);
 	});
-	return scored.slice(0, MAX_SUGGESTIONS_WHEN_QUERY).map((entry) => toItem(entry.path));
 }
-function toItem(path) {
-	return {
-		value: `@${path}`,
-		label: basename(path),
-		description: path
-	};
+function samePullRequest(a, b) {
+	if (a === null || b === null) return a === b;
+	return a.number === b.number && a.url === b.url;
 }
-//#endregion
-//#region src/tui/components/messages/cron-message.ts
-var CronMessageComponent = class {
-	colors;
-	spacer = new Spacer(1);
-	title;
-	detail;
-	titleColor;
-	promptText;
-	constructor(prompt, data, colors) {
-		this.colors = colors;
-		const missed = data.missedCount !== void 0;
-		this.title = missed ? "错过的定时提醒" : "定时提醒触发";
-		this.detail = cronDetail(data);
-		this.titleColor = data.stale === true || missed ? colors.warning : colors.accent;
-		this.promptText = new Text(chalk.hex(colors.text)(prompt), 0, 0);
+function parsePullRequest(stdout) {
+	try {
+		const raw = JSON.parse(stdout);
+		if (typeof raw !== "object" || raw === null) return null;
+		const record = raw;
+		const number = record["number"];
+		const url = record["url"];
+		if (typeof number !== "number" || !Number.isInteger(number) || number <= 0) return null;
+		if (typeof url !== "string" || !isSafeHttpUrl(url)) return null;
+		return {
+			number,
+			url
+		};
+	} catch {
+		return null;
 	}
-	invalidate() {
-		this.promptText.invalidate();
+}
+function isSafeHttpUrl(value) {
+	if (hasControlChars(value)) return false;
+	try {
+		const url = new URL(value);
+		return url.protocol === "https:" || url.protocol === "http:";
+	} catch {
+		return false;
 	}
-	render(width) {
-		const bullet = chalk.hex(this.titleColor).bold(STATUS_BULLET);
-		const bulletWidth = visibleWidth(bullet);
-		const contentWidth = Math.max(1, width - bulletWidth);
-		const lines = [];
-		for (const line of this.spacer.render(width)) lines.push(line);
-		const title = chalk.hex(this.titleColor).bold(this.title);
-		lines.push(`${bullet}${title}`);
-		if (this.detail !== void 0) lines.push(`${" ".repeat(bulletWidth)}${chalk.hex(this.colors.textDim)(this.detail)}`);
-		const promptLines = this.promptText.render(contentWidth);
-		for (const line of promptLines) lines.push(`${" ".repeat(bulletWidth)}${line}`);
-		return lines;
+}
+function hasControlChars(value) {
+	for (const char of value) {
+		const code = char.codePointAt(0) ?? 0;
+		if (code <= 31 || code === 127) return true;
 	}
-};
-function cronDetail(data) {
+	return false;
+}
+function formatGitBadgeBase(status) {
 	const parts = [];
-	if (data.cron !== void 0 && data.cron.length > 0) parts.push(data.cron);
-	if (data.jobId !== void 0 && data.jobId.length > 0) parts.push(`job ${data.jobId}`);
-	if (data.recurring === false) parts.push("一次性");
-	if (data.coalescedCount !== void 0 && data.coalescedCount > 1) parts.push(`${String(data.coalescedCount)} 次合并触发`);
-	if (data.missedCount !== void 0) parts.push(`${String(data.missedCount)} 次错过`);
-	if (data.stale === true) parts.push("最终投递");
-	return parts.length > 0 ? parts.join(" | ") : void 0;
+	const diff = formatDiffStats(status);
+	if (diff) parts.push(diff);
+	let sync = "";
+	if (status.ahead > 0) sync += `↑${status.ahead}`;
+	if (status.behind > 0) sync += `↓${status.behind}`;
+	if (sync) parts.push(sync);
+	return parts.length === 0 ? status.branch : `${status.branch} [${parts.join(" ")}]`;
+}
+function formatPullRequestBadge(pullRequest, options = {}) {
+	const prText = `[PR#${String(pullRequest.number)}]`;
+	return options.linkPullRequest ? toTerminalHyperlink(prText, pullRequest.url) : prText;
+}
+function formatDiffStats(status) {
+	const parts = [];
+	if (status.diffAdded > 0) parts.push(`+${String(status.diffAdded)}`);
+	if (status.diffDeleted > 0) parts.push(`-${String(status.diffDeleted)}`);
+	if (parts.length > 0) return parts.join(" ");
+	return status.dirty ? "±" : null;
+}
+function toTerminalHyperlink(text, url) {
+	if (!isSafeHttpUrl(url)) return text;
+	return `\u001B]8;;${url}\u0007${text}\u001B]8;;\u0007`;
 }
 //#endregion
-//#region src/tui/components/panes/activity-pane.ts
-var ActivityPaneComponent = class extends Container {
-	constructor(options) {
-		super();
-		if (options.mode === "waiting" || options.mode === "tool") {
-			if (options.spinner !== void 0) {
-				this.addChild(new Spacer(1));
-				this.addChild(options.spinner);
-			}
-			if (options.pulseWave !== void 0) {
-				this.addChild(new Spacer(1));
-				this.addChild(options.pulseWave);
-			}
-			return;
-		}
-		if (options.mode === "composing" && options.spinner !== void 0) {
-			this.addChild(new Spacer(1));
-			this.addChild(options.spinner);
-			if (options.pulseWave !== void 0) {
-				this.addChild(new Spacer(1));
-				this.addChild(options.pulseWave);
-			}
-		}
+//#region src/tui/components/chrome/footer.ts
+const MAX_CWD_SEGMENTS = 3;
+const TOOLBAR_TIPS = [
+	{ text: "shift+tab: 计划模式" },
+	{ text: "/model: 切换模型" },
+	{
+		text: "ctrl+s: 中途干预",
+		priority: 2
+	},
+	{
+		text: "/compact: 压缩上下文",
+		priority: 2
+	},
+	{ text: "ctrl+o: 展开工具输出" },
+	{ text: "/tasks: 后台任务" },
+	{ text: "shift+enter: 换行" },
+	{
+		text: "/init: 生成 AGENTS.md",
+		priority: 2
+	},
+	{ text: "@: 提及文件" },
+	{ text: "ctrl+c: 取消" },
+	{ text: "/theme: 切换主题" },
+	{ text: "/auto: 自动权限模式" },
+	{ text: "/yes: 自动批准" },
+	{ text: "/help: 显示命令" },
+	{
+		text: "/config: 选择并配置你常用的模型商",
+		solo: true,
+		priority: 3
+	},
+	{
+		text: "让 Scream 安排任务，例如 \"2个小时后提醒我去拿快递\"",
+		solo: true,
+		priority: 3
 	}
-};
-//#endregion
-//#region src/tui/components/panes/queue-pane.ts
-var QueuePaneComponent = class extends Container {
-	constructor(options) {
-		super();
-		const accent = chalk.hex(options.colors.accent);
-		const dim = chalk.hex(options.colors.textDim);
-		for (const item of options.messages) this.addChild(new Text(accent(`  ❯ ${item.text}`), 0, 0));
-		if (options.messages.length > 0) {
-			const hint = options.isCompacting && !options.isStreaming ? "  ↑ to edit · will send after compaction" : !options.canSteerImmediately ? "  ↑ to edit · will send after current task" : "  ↑ to edit · ctrl-s to steer immediately";
-			this.addChild(new Text(dim(hint), 0, 0));
+];
+/**
+* Expand tips into a rotation sequence using smooth weighted round-robin
+* (the nginx SWRR algorithm). Higher-`priority` tips appear more often while
+* staying evenly spread, so a tip generally does not land next to its own
+* duplicate. Deterministic and computed once at module load. Exported for
+* unit testing.
+*/
+function buildWeightedTips(tips) {
+	const items = tips.map((t) => ({
+		tip: t,
+		weight: Math.max(1, Math.trunc(t.priority ?? 1)),
+		current: 0
+	}));
+	const total = items.reduce((sum, it) => sum + it.weight, 0);
+	const seq = [];
+	for (let n = 0; n < total; n++) {
+		let best = items[0];
+		for (const it of items) {
+			it.current += it.weight;
+			if (it.current > best.current) best = it;
 		}
+		best.current -= total;
+		seq.push(best.tip);
 	}
-};
-//#endregion
-//#region src/tui/reverse-rpc/base-controller.ts
-var ReverseRpcController = class {
-	uiHooks = null;
-	current = null;
-	queue = [];
-	setUIHooks(hooks) {
-		this.uiHooks = hooks;
-	}
-	/**
-	* Called when a reverse RPC request arrives from core. The returned promise
-	* resolves after the user responds or `cancelAll` forces cancellation.
-	*/
-	show(payload) {
-		return new Promise((resolve) => {
-			const entry = {
-				payload,
-				resolve
-			};
-			if (this.current === null) {
-				this.current = entry;
-				this.uiHooks?.showPanel(payload);
-			} else this.queue.push(entry);
-		});
-	}
-	/** Called by the UI after the user makes a panel choice. */
-	respond(data) {
-		const pending = this.current;
-		this.current = null;
-		pending?.resolve(data);
-		if (pending !== null) this.drainAutoResolved(pending.payload, data);
-		this.advanceOrHide();
-	}
-	/** Cancels all pending requests during shutdown or session switches. */
-	cancelAll(reason) {
-		const all = [...this.current === null ? [] : [this.current], ...this.queue];
-		this.current = null;
-		this.queue = [];
-		this.uiHooks?.hidePanel();
-		for (const entry of all) entry.resolve(this.createCancelResponse(reason));
-	}
-	hasPending() {
-		return this.current !== null || this.queue.length > 0;
+	return seq;
+}
+buildWeightedTips(TOOLBAR_TIPS);
+function shortenModel(model) {
+	if (!model) return model;
+	const slash = model.lastIndexOf("/");
+	return slash >= 0 ? model.slice(slash + 1) : model;
+}
+function modelDisplayName(state) {
+	const model = state.availableModels[state.model];
+	return model?.displayName ?? model?.model ?? state.model;
+}
+function shortenCwd(path) {
+	if (!path) return path;
+	const home = process.env["HOME"] ?? "";
+	let work = path;
+	if (home && path === home) return "~";
+	if (home && path.startsWith(home + "/")) work = "~" + path.slice(home.length);
+	const segments = work.split("/").filter((s) => s.length > 0);
+	if (segments.length <= MAX_CWD_SEGMENTS) return work;
+	return `…/${segments.slice(-3).join("/")}`;
+}
+function formatTokenCount(n) {
+	if (n >= 1e6) return `${(n / 1e6).toFixed(1)}M`;
+	if (n >= 1e3) return `${(n / 1e3).toFixed(1)}k`;
+	return String(n);
+}
+function safeUsage(usage) {
+	return safeUsageRatio(usage);
+}
+function formatContextStatus(usage, tokens, maxTokens) {
+	const pct = `${(safeUsage(usage) * 100).toFixed(1)}%`;
+	if (maxTokens && maxTokens > 0 && tokens !== void 0) return `上下文：${pct} (${formatTokenCount(tokens)}/${formatTokenCount(maxTokens)})`;
+	return `上下文：${pct}`;
+}
+const BRAND_COLORS = [
+	"#72A4E9",
+	"#A78BFA",
+	"#34D399"
+];
+const GRADIENT_CYCLE_MS = 4e3;
+const SPINNER_FRAMES = [
+	"●",
+	"◉",
+	"◎",
+	"◌",
+	"○",
+	"◌",
+	"◎",
+	"◉"
+];
+const SPINNER_TICK_MS = 120;
+function hexToRgb(hex) {
+	const v = parseInt(hex.slice(1), 16);
+	return [
+		v >> 16 & 255,
+		v >> 8 & 255,
+		v & 255
+	];
+}
+function lerpGradient(t) {
+	const count = BRAND_COLORS.length;
+	const segment = Math.min(t * count, count - 1);
+	const idx = Math.floor(segment);
+	const localT = segment - idx;
+	const nextIdx = (idx + 1) % count;
+	const [r0, g0, b0] = hexToRgb(BRAND_COLORS[idx]);
+	const [r1, g1, b1] = hexToRgb(BRAND_COLORS[nextIdx]);
+	const r = Math.round(r0 + (r1 - r0) * localT);
+	const g = Math.round(g0 + (g1 - g0) * localT);
+	const b = Math.round(b0 + (b1 - b0) * localT);
+	return `#${r.toString(16).padStart(2, "0")}${g.toString(16).padStart(2, "0")}${b.toString(16).padStart(2, "0")}`;
+}
+function buildStatusLine(streamingPhase, livePaneMode, streamingStartTime) {
+	if (streamingPhase === "idle" && livePaneMode !== "tool") return "○ 空闲";
+	let label;
+	if (livePaneMode === "tool") label = "执行中";
+	else if (streamingPhase === "waiting") label = "等待响应";
+	else if (streamingPhase === "thinking") label = "思考中";
+	else if (streamingPhase === "composing") label = "输出中";
+	else label = "";
+	const elapsed = Date.now() - streamingStartTime;
+	const totalSeconds = Math.floor(elapsed / 1e3);
+	const elapsedStr = totalSeconds < 60 ? `${totalSeconds}s` : `${Math.floor(totalSeconds / 60)}m${totalSeconds % 60}s`;
+	const now = Date.now();
+	const frame = SPINNER_FRAMES[Math.floor(now / SPINNER_TICK_MS) % SPINNER_FRAMES.length];
+	const gradientColor = lerpGradient(now % GRADIENT_CYCLE_MS / GRADIENT_CYCLE_MS);
+	return chalk.hex(gradientColor).bold(frame) + " " + label + " " + elapsedStr;
+}
+function formatFooterGitBadge(status, colors) {
+	const base = chalk.hex(colors.status)(formatGitBadgeBase(status));
+	if (status.pullRequest === null) return base;
+	return `${base} ${chalk.hex(colors.primary)(formatPullRequestBadge(status.pullRequest, { linkPullRequest: true }))}`;
+}
+var FooterComponent = class {
+	state;
+	colors;
+	onGitStatusChange;
+	gitCache;
+	gitCacheWorkDir;
+	transientHint = null;
+	/**
+	* Non-terminal background-task counts split by kind so the footer can
+	* render two distinct badges. `bashTasks` covers `bash-*` BPM tasks
+	* spawned via `Shell run_in_background=true`; `agentTasks` covers
+	* `agent-*` BPM tasks (background subagents). Either zero hides its
+	* respective badge.
+	*/
+	backgroundBashTaskCount = 0;
+	backgroundAgentCount = 0;
+	constructor(state, colors, onGitStatusChange = () => {}) {
+		this.state = state;
+		this.colors = colors;
+		this.onGitStatusChange = onGitStatusChange;
+		this.gitCacheWorkDir = state.workDir;
+		this.gitCache = createGitStatusCache(state.workDir, { onChange: this.onGitStatusChange });
 	}
-	advanceOrHide() {
-		const next = this.queue.shift();
-		if (next === void 0) {
-			this.uiHooks?.hidePanel();
-			return;
+	setState(state) {
+		if (state.workDir !== this.gitCacheWorkDir) {
+			this.gitCacheWorkDir = state.workDir;
+			this.gitCache = createGitStatusCache(state.workDir, { onChange: this.onGitStatusChange });
 		}
-		this.current = next;
-		this.uiHooks?.showPanel(next.payload);
+		this.state = state;
 	}
-	drainAutoResolved(resolvedPayload, response) {
-		const remaining = [];
-		for (const entry of this.queue) {
-			const auto = this.autoResolveFor(resolvedPayload, response, entry.payload);
-			if (auto === void 0) remaining.push(entry);
-			else entry.resolve(auto);
-		}
-		this.queue = remaining;
+	setColors(colors) {
+		this.colors = colors;
 	}
 	/**
-	* Subclasses override to short-circuit queued requests when an answer to the
-	* just-resolved one (e.g. an approve-for-session) implies the same answer
-	* for matching queued requests. Return `undefined` to leave the queued
-	* request waiting for its own panel turn.
+	* Short-lived hint that replaces the rotating toolbar tips on line 1.
+	* Used by the exit-confirmation double-tap flow to show "Press Ctrl+C
+	* again to exit" without requiring a toast/overlay subsystem.
+	* Pass `null` to clear.
 	*/
-	autoResolveFor(_resolvedPayload, _response, _queuedPayload) {}
-};
-//#endregion
-//#region src/tui/reverse-rpc/approval/controller.ts
-var ApprovalController = class extends ReverseRpcController {
-	createCancelResponse(reason) {
-		return {
-			decision: "cancelled",
-			feedback: reason
-		};
-	}
-	autoResolveFor(resolvedPayload, response, queuedPayload) {
-		if (response.decision !== "approved") return void 0;
-		if (response.scope !== "session") return void 0;
-		if (resolvedPayload.action !== queuedPayload.action) return void 0;
-		return {
-			decision: "approved",
-			scope: "session"
-		};
-	}
-};
-//#endregion
-//#region src/tui/reverse-rpc/modal-coordinator.ts
-var ReverseRpcModalCoordinator = class {
-	hooks;
-	active = null;
-	queued = [];
-	constructor(hooks) {
-		this.hooks = hooks;
-	}
-	showApproval(payload) {
-		this.show({
-			owner: "approval",
-			show: () => {
-				this.hooks.showApprovalPanel(payload);
-			},
-			hide: () => {
-				this.hooks.hideApprovalPanel();
-			}
-		});
-	}
-	showQuestion(payload) {
-		this.show({
-			owner: "question",
-			show: () => {
-				this.hooks.showQuestionDialog(payload);
-			},
-			hide: () => {
-				this.hooks.hideQuestionDialog();
-			}
-		});
-	}
-	hide(owner) {
-		if (this.active?.owner === owner) {
-			const active = this.active;
-			this.active = null;
-			active.hide();
-			this.showNext();
-			return;
-		}
-		const queuedIndex = this.queued.findIndex((entry) => entry.owner === owner);
-		if (queuedIndex >= 0) this.queued.splice(queuedIndex, 1);
+	setTransientHint(hint) {
+		this.transientHint = hint;
 	}
-	clear() {
-		const active = this.active;
-		this.active = null;
-		this.queued.length = 0;
-		active?.hide();
+	/**
+	* Sync both background-task badges with live counts. Each non-zero
+	* count produces its own bracketed badge on line 1; zeros hide them
+	* independently.
+	*/
+	setBackgroundCounts(counts) {
+		this.backgroundBashTaskCount = Math.max(0, counts.bashTasks);
+		this.backgroundAgentCount = Math.max(0, counts.agentTasks);
 	}
-	show(entry) {
-		const active = this.active;
-		if (active === null) {
-			this.active = entry;
-			entry.show();
-			return;
-		}
-		if (active.owner === entry.owner) {
-			this.active = entry;
-			entry.show();
-			return;
+	invalidate() {}
+	render(width) {
+		const colors = this.colors;
+		const state = this.state;
+		const left = [];
+		if (state.permissionMode === "auto") left.push(chalk.hex(colors.warning).bold("auto"));
+		if (state.permissionMode === "yolo") left.push(chalk.hex(colors.warning).bold("YES"));
+		if (state.planMode) left.push(chalk.hex(colors.primary).bold("plan"));
+		if (state.wolfpackMode) left.push(chalk.hex(colors.primary).bold("wolfpack"));
+		if (state.goalActive) left.push(chalk.hex(colors.primary).bold("goal"));
+		const model = shortenModel(modelDisplayName(state));
+		if (model) {
+			const thinkingLabel = state.thinking ? " 思考中" : "";
+			left.push(chalk.hex(colors.text)(`${model}${thinkingLabel}`));
 		}
-		const queuedIndex = this.queued.findIndex((queued) => queued.owner === entry.owner);
-		if (queuedIndex >= 0) {
-			this.queued[queuedIndex] = entry;
-			return;
+		if (this.backgroundBashTaskCount > 0) {
+			const noun = this.backgroundBashTaskCount === 1 ? "个任务" : "个任务";
+			left.push(chalk.hex(colors.primary)(`[${String(this.backgroundBashTaskCount)}${noun} 运行中]`));
 		}
-		this.queued.push(entry);
-	}
-	showNext() {
-		const next = this.queued.shift();
-		if (next === void 0) return;
-		this.active = next;
-		next.show();
-	}
-};
-//#endregion
-//#region src/tui/reverse-rpc/index.ts
-function registerReverseRPCHandlers(approvalController, questionController, uiHooks) {
-	const modalCoordinator = new ReverseRpcModalCoordinator(uiHooks);
-	approvalController.setUIHooks({
-		showPanel: (payload) => {
-			modalCoordinator.showApproval(payload);
-		},
-		hidePanel: () => {
-			modalCoordinator.hide("approval");
+		if (this.backgroundAgentCount > 0) {
+			const noun = this.backgroundAgentCount === 1 ? "个代理" : "个代理";
+			left.push(chalk.hex(colors.primary)(`[${String(this.backgroundAgentCount)}${noun} 运行中]`));
 		}
-	});
-	questionController.setUIHooks({
-		showPanel: (payload) => {
-			modalCoordinator.showQuestion(payload);
-		},
-		hidePanel: () => {
-			modalCoordinator.hide("question");
+		const cwd = shortenCwd(state.workDir);
+		if (cwd) left.push(chalk.hex(colors.status)(cwd));
+		const git = this.gitCache.getStatus();
+		if (git !== null) left.push(formatFooterGitBadge(git, colors));
+		const leftLine = left.join("  ");
+		const leftWidth = visibleWidth(leftLine);
+		let rightText;
+		if (this.transientHint) rightText = chalk.hex(colors.warning).bold(this.transientHint);
+		else {
+			const statusLine = buildStatusLine(state.streamingPhase, state.livePaneMode, state.streamingStartTime);
+			const ccDot = state.ccConnectActive ? chalk.hex(colors.success)("●") : chalk.hex(colors.textDim)("●");
+			rightText = chalk.hex(colors.textDim)(ccDot + " " + formatContextStatus(state.contextUsage, state.contextTokens, state.maxContextTokens) + "  " + statusLine);
 		}
-	});
-	return [() => {
-		modalCoordinator.clear();
-	}];
-}
-//#endregion
-//#region src/tui/reverse-rpc/question/controller.ts
-var QuestionController = class extends ReverseRpcController {
-	createCancelResponse(_reason) {
-		return { answers: [] };
+		const rightWidth = visibleWidth(rightText);
+		const gap = 3;
+		let line1;
+		if (leftWidth + gap + rightWidth <= width) {
+			const pad = width - leftWidth - rightWidth;
+			line1 = leftLine + " ".repeat(pad) + rightText;
+		} else if (leftWidth <= width) line1 = leftLine;
+		else line1 = truncateToWidth(leftLine, width, "…");
+		return [truncateToWidth(line1, width)];
 	}
 };
 //#endregion
-//#region src/tui/theme/bundle.ts
-function createScreamTUIThemeBundle(theme, resolvedTheme) {
-	const actualTheme = resolvedTheme ?? resolveThemeSync(theme);
-	const colors = { ...getColorPalette(actualTheme) };
-	return {
-		resolvedTheme: actualTheme,
-		colors,
-		styles: createThemeStyles(colors),
-		markdownTheme: createMarkdownTheme(colors)
-	};
-}
-//#endregion
-//#region src/tui/types.ts
-const INITIAL_LIVE_PANE = {
-	mode: "idle",
-	pendingApproval: null,
-	pendingQuestion: null
-};
-//#endregion
 //#region src/tui/components/chrome/todo-panel.ts
 const MAX_VISIBLE = 5;
 /**
@@ -136147,27 +136248,6 @@ var ScreamTUI = class ScreamTUI {
 		const footerWrap = new GutterContainer(1, 1);
 		footerWrap.addChild(this.state.footer);
 		this.state.ui.addChild(footerWrap);
-		this.installFixedBottomRegion();
-	}
-	/**
-	* Pin the editor + footer to the terminal bottom. The pi-tui patch adds a
-	* `fixedBottomLineCount` property: the last N rendered lines stay pinned
-	* while the transcript above scrolls independently.
-	*
-	* We override `doRender` to measure the editor + footer height each frame
-	* (they change with multi-line input or terminal resize) and set the count
-	* before the real render runs.
-	*/
-	installFixedBottomRegion() {
-		const ui = this.state.ui;
-		const originalDoRender = ui.doRender.bind(ui);
-		const editorContainer = this.state.editorContainer;
-		const footerWrap = ui.children.at(-1);
-		ui.doRender = () => {
-			const w = ui.terminal?.columns ?? 0;
-			if (w > 0) ui.fixedBottomLineCount = editorContainer.render(w).length + (footerWrap ? footerWrap.render(w).length : 0);
-			originalDoRender();
-		};
 	}
 	handlePlanToggle(next) {
 		handlePlanCommand(this, next ? "on" : "off");
@@ -136598,7 +136678,7 @@ var ScreamTUI = class ScreamTUI {
 	updateActivityPane() {
 		const effectiveMode = this.resolveActivityPaneMode();
 		this.syncTerminalProgress(this.shouldShowTerminalProgress(effectiveMode));
-		if (effectiveMode === this.lastActivityMode && (effectiveMode === "waiting" || effectiveMode === "thinking" || effectiveMode === "tool")) return;
+		if (effectiveMode === this.lastActivityMode) return;
 		this.lastActivityMode = effectiveMode;
 		this.state.activityContainer.clear();
 		switch (effectiveMode) {
@@ -136702,6 +136782,7 @@ var ScreamTUI = class ScreamTUI {
 		this.state.theme.markdownTheme = nextTheme.markdownTheme;
 		this.setAppState({ theme });
 		this.updateEditorBorderHighlight();
+		for (const child of this.state.transcriptContainer.children) child.invalidate?.();
 		this.state.ui.requestRender(true);
 	}
 	refreshTerminalThemeTracking() {