pi-firecode 0.8.1 → 1.0.0

package/statusbar/index.ts

@@ -1,118 +1,256 @@
-/** 底部两行状态栏：位置/会话名 + 模型/额度/上下文/缓存/速度。 */
-import { basename, join } from "node:path";
-import { type ExtensionAPI, getAgentDir } from "@earendil-works/pi-coding-agent";
-import { formatModelName } from "../format.js";
-import { thinkingColor } from "../theme.js";
-import { fileQuotaCache } from "./quota-cache.js";
-import { registerQuota } from "./quota.js";
-import type { QuotaStatus } from "./quota-parse.js";
+/**
+ * 输入框外壳：状态画进编辑器的上下边框，不再有独立底栏。
+ * 上边框：回合火苗与计时、主会话审查进度 | 观察员、指挥官；下边框：会话标题 | 模型、上下文。
+ */
+import { stripVTControlCharacters } from "node:util";
 import {
-	alignRight,
-	fitMetadataLine,
-	fitStatusLine,
-	reviewStatus,
-	statusBadges,
-	latestCacheHitPercent,
-	renderCache,
-	renderContext,
-	renderLocation,
-	renderQuota,
-	renderTps,
-} from "./render.js";
-import { type TpsStatus, registerTps } from "./tps.js";
+	CustomEditor,
+	type ExtensionAPI,
+	type ExtensionContext,
+	type KeybindingsManager,
+	type MessageStartEvent,
+	type Theme,
+} from "@earendil-works/pi-coding-agent";
+import type { EditorTheme, TUI } from "@earendil-works/pi-tui";
+import { type BusyView, IDLE, OUTCOME_TEXT, roundTexts, watchBusy } from "../busy.js";
+import { HEAT_COLORS, flame, onFrame, paint, phaseOf, reviewMark, settleMark, settling } from "../flame.js";
+import { clip, firstSentence, formatDuration, formatModelName, formatTokens, oneLine } from "../format.js";
+import { OCCUPANCY_CHANNEL, type OccupancyPayload, type ReviewProgress, type ReviewStage } from "../review/occupancy.js";
+import { contextColor, thinkingColor } from "../theme.js";
+import { type BranchEntry, latestTurnRecord, ROUND_RECORDED_CHANNEL, type TurnRecord } from "../tools/round.js";
+import { type BottomParts, type TopParts, bottomBorder, topBorder } from "./render.js";
+
+/** 展示标题的上限（列）：实际宽度由下边框布局按终端宽度逐级裁。 */
+const TITLE_MAX_WIDTH = 60;
+/** 去掉终端控制序列与控制字符，保留换行供首句规则识别 Markdown 结构。 */
+const sanitize = (text: string) => stripVTControlCharacters(text).replace(/[\x00-\x09\x0b-\x1f\x7f-\x9f]/g, " ");
+
+function userTitle(message: MessageStartEvent["message"]): string | undefined {
+	if (message.role !== "user") return undefined;
+	const content = message.content;
+	const text = typeof content === "string" ? content : content
+		.filter((block) => block.type === "text").map((block) => block.text).join("\n");
+	return clip(firstSentence(sanitize(text)), TITLE_MAX_WIDTH) || undefined;
+}
+
+function displayTitle(ctx: ExtensionContext, incoming?: MessageStartEvent["message"]): string {
+	const name = ctx.sessionManager.getSessionName();
+	if (name) return oneLine(sanitize(name));
+	for (const entry of ctx.sessionManager.getBranch()) {
+		if (entry.type !== "message") continue;
+		const title = userTitle(entry.message);
+		if (title) return title;
+	}
+	return (incoming && userTitle(incoming)) || "新会话";
+}
+
+const FAST_STATUS = "pi-openai-native-fast";
+/** session/presets.ts 发布的生效预设名（已着色）。 */
+const PRESET_STATUS = "preset";
+/** 落定后暖光渐隐的时长；落定结果本身一直留到下一轮开始。 */
+const GLOW_FADE_MS = 1_000;
+
+/** 外壳要展示的全部运行状态；事件写入，编辑器每次绘制只读。 */
+class Shell {
+	title = "新会话";
+	/** busy.ts 的会话进行中快照：起点、指挥官是否在跑、在飞子代理数。 */
+	busy: BusyView = IDLE;
+	/**
+	 * 最近一轮的落定事实（分支轮记录按与摘要行同一条规则合成）与落定时刻，留到下一轮开始。
+	 * 只在轮记录写入、开会话、切分支时算一次，绘制只读它：读分支是整条回溯。at 为空是开会话时恢复的，不播落定过渡。
+	 */
+	settled: { record: TurnRecord; at?: number } | undefined;
+	/** 审查占用期间的进度访问器（review 经占用频道发布）；undefined 表示没有审查。 */
+	review: (() => ReviewProgress | undefined) | undefined;
+	statuses: () => ReadonlyMap<string, string> = () => new Map();
+	theme: Theme | undefined;
+	requestRender = () => {};
+	private stopClock: (() => void) | undefined;
+
+	/** 时钟只在有动效要播时订阅：回合进行、落定过渡或审查进行。 */
+	syncClock(): void {
+		const need = this.review !== undefined || this.busy.busy || (this.settled?.at !== undefined && settling(Date.now() - this.settled.at));
+		if (need && !this.stopClock) this.stopClock = onFrame(() => { this.syncClock(); this.requestRender(); });
+		if (!need && this.stopClock) { this.stopClock(); this.stopClock = undefined; }
+	}
+
+	dispose(): void {
+		this.stopClock?.();
+		this.stopClock = undefined;
+		this.requestRender = () => {};
+	}
+
+	sync(view: BusyView): void {
+		this.busy = view;
+		if (view.busy) this.settled = undefined;
+	}
+
+	showRecord(branch: readonly BranchEntry[], at?: number): void {
+		if (this.busy.busy) return;
+		const record = latestTurnRecord(branch);
+		this.settled = record && { record, at };
+	}
+
+	top(): TopParts {
+		const { busy, settled, review, theme } = this;
+		const status = (key: string) => this.statuses().get(key) ?? "";
+		const parts: TopParts = {
+			mark: "", word: "", elapsed: "", review: [], glow: 0,
+			watcher: status("watcher"), master: status("master"),
+		};
+		if (busy.since !== undefined) {
+			parts.mark = flame(3, phaseOf(0));
+			const word = activityWord(busy);
+			parts.word = word && (this.theme?.fg("text", word) ?? "");
+			parts.elapsed = this.theme?.fg("muted", formatDuration(Date.now() - busy.since)) ?? "";
+			parts.glow = 1;
+		} else if (settled && theme) {
+			const { record } = settled;
+			const since = settled.at === undefined ? Infinity : Date.now() - settled.at;
+			const text = OUTCOME_TEXT[record.round.outcome];
+			parts.mark = settleMark(text ? "failed" : "done", since);
+			// 与摘要行同一写法：终态字样、耗时、均速之间都是“ · ”；终态字样不随窄屏退让。
+			parts.elapsed = [
+				...(text ? [theme.fg("error", text)] : []),
+				...roundTexts(record.round).map((part) => theme.fg("muted", part)),
+				...record.earlier.map((part) => theme.fg("warning", part)),
+			].join(theme.fg("dim", " · "));
+			parts.glow = Math.max(0, 1 - since / GLOW_FADE_MS);
+		}
+		if (review && theme) parts.review = reviewTiers(review(), theme);
+		return parts;
+	}
+
+	bottom(ctx: ExtensionContext, thinking: string): BottomParts {
+		const theme = this.theme;
+		const fg = (color: Parameters<Theme["fg"]>[0], text: string) => theme?.fg(color, text) ?? text;
+		const model = ctx.model;
+		const usage = ctx.getContextUsage();
+		const window = usage?.contextWindow ?? model?.contextWindow ?? 0;
+		const percent = usage?.percent;
+		return {
+			title: fg("muted", this.title),
+			preset: this.statuses().get(PRESET_STATUS) ?? "",
+			model: fg("text", formatModelName(model?.id)),
+			think: model?.reasoning ? fg(thinkingColor(thinking as never), `/${thinking}`) : "",
+			fast: this.statuses().has(FAST_STATUS) ? fg("warning", "Fast") : "",
+			percent: fg(contextColor(percent), percent == null ? "?" : `${percent.toFixed(1)}%`),
+			capacity: fg("dim", `/${formatTokens(window)}`),
+		};
+	}
+}
+
+/** 进行中的那个词：主会话审查期间（等结论、修复、总结）一律由审查进度说明，不另写词；否则指挥官在跑是“处理中”，再否则是在等子代理。 */
+function activityWord(busy: BusyView): string {
+	if (busy.review) return "";
+	return busy.agentRunning ? "处理中" : `等待 ${busy.inFlight} 个子代理`;
+}
+
+const STAGE_TEXT: Record<Exclude<ReviewStage, "reviewing">, string> = {
+	queued: "排队中", advisor: "顾问介入", fixing: "修复中", summarizing: "总结中",
+};
+
+/** 审查进度的退让档：`审查 第2轮 1/3 · 1 阻断` → 丢阻断数 → 丢票数或阶段，“审查 第N轮”留到最后；字形始终在。 */
+function reviewTiers(progress: ReviewProgress | undefined, theme: Theme): string[] {
+	const gold = (text: string) => paint(HEAT_COLORS.gold, text);
+	const mark = reviewMark(phaseOf(2));
+	const head = `${mark} ${gold("审查")}`;
+	if (!progress) return [head];
+	const named = progress.round > 0 ? `${head}${gold(` 第${progress.round}轮`)}` : head;
+	const body = gold(progress.stage === "reviewing" ? `${progress.passed}/${progress.total}` : STAGE_TEXT[progress.stage]);
+	const blocked = progress.stage === "reviewing" && progress.blocked ? `${gold(" · ")}${theme.fg("error", `${progress.blocked} 阻断`)}` : "";
+	const tiers = [`${named} ${body}${blocked}`, `${named} ${body}`, named];
+	return tiers.filter((tier, index) => tier !== tiers[index - 1]);
+}
+
+class ShellEditor extends CustomEditor {
+	constructor(
+		tui: TUI,
+		theme: EditorTheme,
+		keybindings: KeybindingsManager,
+		private readonly shell: Shell,
+		private readonly bottomParts: () => BottomParts,
+	) {
+		super(tui, theme, keybindings);
+		shell.requestRender = () => tui.requestRender();
+	}
+
+	// 输入过长滚动时让位给宿主的“↑ n more”提示。
+	protected override renderTopBorder(width: number, hiddenLineCount: number): string {
+		return hiddenLineCount > 0
+			? super.renderTopBorder(width, hiddenLineCount)
+			: topBorder(width, this.shell.top(), this.borderColor);
+	}
+
+	protected override renderBottomBorder(width: number, hiddenLineCount: number): string {
+		return hiddenLineCount > 0
+			? super.renderBottomBorder(width, hiddenLineCount)
+			: bottomBorder(width, this.bottomParts(), this.borderColor);
+	}
+}
 
 export function registerStatusBar(pi: ExtensionAPI, subsession = false): void {
 	if (subsession) return;
-	let quota: QuotaStatus | undefined;
-	let tpsStatus: TpsStatus | undefined;
-	let requestRender = () => {};
-
-	registerQuota(
-		pi,
-		(status) => {
-			quota = status;
-			requestRender();
+	const shell = new Shell();
+	const updateTitle = (ctx: ExtensionContext, incoming?: MessageStartEvent["message"]) => {
+		shell.title = displayTitle(ctx, incoming);
+		shell.requestRender();
+	};
+	pi.on("message_start", (event, ctx) => {
+		if (event.message.role === "user") updateTitle(ctx, event.message);
+	});
+	pi.on("session_info_changed", (_event, ctx) => updateTitle(ctx));
+	watchBusy(pi, {
+		onChange: (view) => {
+			shell.sync(view);
+			shell.syncClock();
+			shell.requestRender();
 		},
-		fileQuotaCache(join(getAgentDir(), "tmp")),
-	);
-	registerTps(pi, (status) => {
-		tpsStatus = status;
-		requestRender();
 	});
-
-	// 助手消息落定后缓存命中率才可算。
-	pi.on("message_end", (event) => {
-		if (event.message.role === "assistant") requestRender();
+	let branch: () => readonly BranchEntry[] = () => [];
+	/**
+	 * 落定态只在三个时点算一次并存下，绘制只读（读分支是整条回溯，不能放进每次按键重绘）：轮记录写入后的发布、
+	 * session_start（重开会话直接显示上一轮，不播落定过渡）、session_tree。不取歇下边沿：那一刻记录未必已写进分支，订阅顺序不定。
+	 */
+	const showRecord = (at?: number) => {
+		shell.showRecord(branch(), at);
+		shell.syncClock();
+		shell.requestRender();
+	};
+	pi.events.on(ROUND_RECORDED_CHANNEL, () => showRecord(Date.now()));
+	pi.on("session_tree", (_event, ctx) => {
+		updateTitle(ctx);
+		showRecord();
+	});
+	pi.events.on(OCCUPANCY_CHANNEL, (data) => {
+		const occupancy = data as OccupancyPayload;
+		shell.review = occupancy.active ? occupancy.progress : undefined;
+		shell.syncClock();
+		shell.requestRender();
 	});
-
 	pi.on("session_start", (_event, ctx) => {
-		ctx.ui.setFooter((tui, theme, footerData) => {
-			requestRender = () => tui.requestRender();
-			const unsubscribe = footerData.onBranchChange(requestRender);
-
-			return {
-				dispose: unsubscribe,
-				invalidate() {},
-				render(width: number): string[] {
-					const statuses = footerData.getExtensionStatuses();
-					const review = reviewStatus(statuses);
-					const model = ctx.model;
-					const thinkingLevel = pi.getThinkingLevel();
-					const modelCore = `${theme.fg("accent", `🧠 ${formatModelName(model?.id)}`)}${
-						model?.reasoning
-							? theme.fg(thinkingColor(thinkingLevel), `/${thinkingLevel}`)
-							: ""
-					}`;
-					const modelText = statuses.has("pi-openai-native-fast")
-						? `${modelCore}${theme.fg("warning", " · ⚡fast")}`
-						: modelCore;
-
-					const location = renderLocation(
-						theme,
-						basename(ctx.sessionManager.getCwd()) || "/",
-						footerData.getGitBranch(),
-					);
-					const sessionName = ctx.sessionManager.getSessionName();
-					const title = sessionName ? theme.fg("dim", `💬 ${sessionName}`) : "";
-
-					const usage = ctx.getContextUsage();
-					const percent = usage?.percent;
-					const contextWindow = usage?.contextWindow ?? model?.contextWindow ?? 0;
-					const separator = ` ${theme.fg("dim", "｜")}`;
-
-					const statusLine = fitStatusLine(
-						{
-							model: modelText,
-							modelCompact: modelCore,
-							quota: quota ? renderQuota(theme, quota) : "",
-							quotaCompact: quota ? renderQuota(theme, quota, true) : "",
-							context: renderContext(theme, percent, contextWindow),
-							contextCompact: renderContext(theme, percent, contextWindow, true),
-							cache: renderCache(
-								theme,
-								latestCacheHitPercent(ctx.sessionManager.getEntries()),
-							),
-							tps: renderTps(theme, tpsStatus),
-						},
-						width,
-						separator,
-					);
-					return [
-						alignRight(
-							fitMetadataLine(location, title, width, separator, statusBadges(statuses, separator)),
-							review,
-							width,
-						),
-						statusLine,
-					];
-				},
-			};
+		updateTitle(ctx);
+		branch = () => ctx.sessionManager.getBranch();
+		showRecord();
+		// 宿主内嵌的 Working 指示由外壳的火苗取代，可见性只在这里管理。
+		ctx.ui.setWorkingVisible(false);
+		// 独立底栏 0 行；借它拿到状态订阅与主题。
+		ctx.ui.setFooter((_tui, theme, footerData) => {
+			shell.theme = theme;
+			shell.statuses = () => footerData.getExtensionStatuses();
+			return { dispose() {}, invalidate() {}, render: () => [] };
 		});
+		ctx.ui.setEditorComponent((tui, theme, keybindings) =>
+			new ShellEditor(tui, theme, keybindings, shell, () => shell.bottom(ctx, pi.getThinkingLevel())));
 	});
-
-	pi.on("thinking_level_select", () => requestRender());
+	pi.on("thinking_level_select", () => shell.requestRender());
+	pi.on("model_select", () => shell.requestRender());
 	pi.on("session_shutdown", (_event, ctx) => {
-		requestRender = () => {};
+		shell.dispose();
+		shell.busy = IDLE;
+		shell.settled = undefined;
+		shell.review = undefined;
 		ctx.ui.setFooter(undefined);
+		ctx.ui.setEditorComponent(undefined);
 	});
 }

package/statusbar/render.ts

@@ -1,181 +1,113 @@
-/** 状态栏的纯渲染与布局：给定数据和宽度产出字符串，不触碰会话状态。 */
-import type { ThemeColor } from "@earendil-works/pi-coding-agent";
+/**
+ * 输入框边框纯布局：状态嵌进上下边框横线。所有片段由调用方预先着色，
+ * 本文件只按显示宽度逐级退让，宽窄布局不保存状态。
+ */
 import { visibleWidth } from "@earendil-works/pi-tui";
-import { clip, formatDuration, formatTokens, oneLine } from "../format.js";
-import { cacheColor, contextColor, quotaColor } from "../theme.js";
-import type { QuotaStatus } from "./quota-parse.js";
-import type { TpsStatus } from "./tps.js";
+import { clip } from "../format.js";
+import { HEAT_COLORS, type Rgb, mix, paint } from "../flame.js";
 
-export type StatusLineParts = {
-	model: string;
-	modelCompact: string;
-	quota: string;
-	quotaCompact: string;
-	context: string;
-	contextCompact: string;
-	cache: string;
-	tps: string;
-};
+/** 回合进行时边框左端的暖光渐隐距离（列）。 */
+const GLOW_SPAN = 18;
+const LINE_BASE: Rgb = [78, 74, 70];
+export const SEPARATOR = ` ${paint([88, 84, 79], "·")} `;
 
-type ForegroundTheme = {
-	fg(color: ThemeColor, text: string): string;
-};
+export type Line = (text: string) => string;
+/** 一条边框的一档候选：左、右两段（已着色）。 */
+export type BorderParts = readonly [left: string, right: string];
 
-/** 最近一条助手消息的 cacheRead / (input + cacheRead + cacheWrite)。 */
-export function latestCacheHitPercent(
-	entries: ReadonlyArray<{
-		type?: string;
-		message?: {
-			role?: string;
-			usage?: { input?: number; cacheRead?: number; cacheWrite?: number };
-		};
-	}>,
-): number | undefined {
-	for (let index = entries.length - 1; index >= 0; index--) {
-		const entry = entries[index];
-		if (entry?.type !== "message" || entry.message?.role !== "assistant") continue;
-		const usage = entry.message.usage;
-		if (!usage) continue;
-		const input = usage.input ?? 0;
-		const cacheRead = usage.cacheRead ?? 0;
-		const cacheWrite = usage.cacheWrite ?? 0;
-		const promptTokens = input + cacheRead + cacheWrite;
-		if (promptTokens <= 0 || (cacheRead === 0 && cacheWrite === 0)) return undefined;
-		return (cacheRead / promptTokens) * 100;
-	}
-	return undefined;
+/**
+ * 一条边框：`─ 左 ───── 右 ─`。左端按 glow 渐变成暖橙；横线放不下（填充不足两格）返回空串。
+ * 左右为空时对应空位并入横线。
+ */
+function border(width: number, left: string, right: string, line: Line, glow: number): string {
+	const fill = width - 2 - (left ? visibleWidth(left) + 2 : 0) - (right ? visibleWidth(right) + 2 : 0);
+	if (fill < 2) return "";
+	const lit = (index: number) => glow * Math.max(0, 1 - index / GLOW_SPAN);
+	const dash = (index: number) => {
+		const k = lit(index);
+		return k > 0.02 ? paint(mix(LINE_BASE, HEAT_COLORS.orange, k), "─") : line("─");
+	};
+	let bar = "";
+	for (let index = 0; index < fill; index++) bar += dash(index + (left ? 0 : 1));
+	return `${dash(0)}${left ? ` ${left} ` : ""}${bar}${right ? ` ${right} ` : ""}${line("─")}`;
 }
 
-export function renderLocation(
-	theme: ForegroundTheme,
-	directory: string,
-	branch: string | null | undefined,
-): string {
-	return [theme.fg("dim", `📍${directory}`), branch ? theme.fg("dim", `🌿 ${branch}`) : ""]
-		.filter(Boolean)
-		.join(" · ");
-}
-
-export function renderQuota(
-	theme: ForegroundTheme,
-	status: QuotaStatus,
-	compact = false,
-): string {
-	if (status.state === "loading") return theme.fg("dim", "🔋 …");
-	if (status.state === "unavailable") return theme.fg("dim", "🔋 —");
-	const windows = compact
-		? [
-				status.windows.reduce((tightest, window) =>
-					window.remaining < tightest.remaining ? window : tightest,
-				),
-			]
-		: status.windows;
-	return `${theme.fg("dim", "🔋 ")}${windows
-		.map((window) =>
-			theme.fg(quotaColor(window.remaining), `${window.label} ${window.remaining}%`),
-		)
-		.join(theme.fg("dim", "/"))}`;
-}
-
-export function renderContext(
-	theme: ForegroundTheme,
-	percent: number | null | undefined,
-	contextWindow: number,
-	compact = false,
-): string {
-	const percentText = percent == null ? "?" : `${percent.toFixed(1)}%`;
-	return `${theme.fg("dim", "📦 ")}${theme.fg(contextColor(percent), percentText)}${
-		compact ? "" : theme.fg("dim", `/${formatTokens(contextWindow)}`)
-	}`;
-}
-
-export function renderCache(theme: ForegroundTheme, percent: number | undefined): string {
-	if (percent === undefined) return "";
-	return `${theme.fg("dim", "♻️ ")}${theme.fg(cacheColor(percent), `${Math.round(percent)}%`)}`;
-}
-
-export function renderTps(theme: ForegroundTheme, status: TpsStatus | undefined): string {
-	if (!status) return "";
-	if (status.phase === "live") {
-		return theme.fg(
-			"success",
-			`↗ ${status.tokensPerSecond ? `${status.tokensPerSecond}t/s` : "…"}`,
-		);
+/**
+ * 边框布局：依次尝试由长到短的候选，取第一个放得下的；全都放不下就是一条纯横线。
+ * 主会话输入框与子代理视图输入区共用这一个函数，退让档由各自给出。
+ */
+export function fitBorder(width: number, line: Line, glow: number, candidates: Iterable<BorderParts>): string {
+	for (const [left, right] of candidates) {
+		const text = border(width, left, right, line, glow);
+		if (text && visibleWidth(text) <= width) return text;
 	}
-	const elapsed = formatDuration(status.elapsedSeconds * 1_000);
-	const duration = theme.fg("dim", `⏱ ${elapsed}${status.tokensPerSecond ? " · " : ""}`);
-	return status.tokensPerSecond
-		? `${duration}${theme.fg("success", `↗ ${status.tokensPerSecond}t/s`)}`
-		: duration;
-}
-
-/** /fire-review 广播的审查进度，右对齐挂在首行末尾。 */
-export function reviewStatus(statuses: ReadonlyMap<string, string>): string {
-	return oneLine(statuses.get("fire-review") ?? "");
+	return line("─").repeat(Math.max(0, width));
 }
 
-/** 首行模块状态由各模块的 setStatus/onChange 驱动，状态栏只负责组合。 */
-export function statusBadges(statuses: ReadonlyMap<string, string>, separator: string): string {
-	return [statuses.get("master"), statuses.get("watcher")].filter(Boolean).join(separator);
+export interface TopParts {
+	/** 火苗或落定标记；空表示没有回合。 */
+	mark: string;
+	word: string;
+	elapsed: string;
+	/** 审查进度由长到短的退让档（已着色）；空数组表示没有审查。 */
+	review: readonly string[];
+	watcher: string;
+	master: string;
+	/** 0–1：回合进行时边框左端的暖光强度。 */
+	glow: number;
 }
 
-export function alignRight(left: string, right: string, width: number): string {
-	if (!right) return left;
-	const padding = width - visibleWidth(left) - visibleWidth(right);
-	return padding >= 2 ? `${left}${" ".repeat(padding)}${right}` : left;
+/** 退让顺序：观察员 → 审查进度逐档缩短 → “处理中” → 审查进度最短档 → 指挥官。 */
+export function topBorder(width: number, parts: TopParts, line: Line): string {
+	const left = (word: boolean, review: string) => {
+		const head = [parts.mark, word ? parts.word : "", parts.elapsed].filter(Boolean).join(" ");
+		return [head, review].filter(Boolean).join(SEPARATOR);
+	};
+	const right = (...items: string[]) => items.filter(Boolean).join(" ");
+	const at = (word: boolean, review: string, ...items: string[]): BorderParts => [left(word, review), right(...items)];
+	const [full = "", ...shorter] = parts.review;
+	return fitBorder(width, line, parts.glow, [
+		at(true, full, parts.watcher, parts.master),
+		...[full, ...shorter].map((review) => at(true, review, parts.master)),
+		at(false, parts.review.at(-1) ?? "", parts.master),
+		at(false, "", parts.master),
+		at(false, ""),
+	]);
 }
 
-export function fitMetadataLine(
-	location: string,
-	title: string,
-	width: number,
-	separator: string,
-	badge = "",
-): string {
-	if (width <= 0) return "";
-	// badge（如指挥官态）整段取舍：放不下就丢，不截半个，再走会话名截断阶梯。
-	if (badge) {
-		const full = [location, title, badge].filter(Boolean).join(separator);
-		if (visibleWidth(full) <= width) return full;
-	}
-	if (!title) return clip(location, width, "end", visibleWidth(location) > width ? "…" : "");
-	const full = `${location}${separator}${title}`;
-	if (visibleWidth(full) <= width) return full;
-	const titleWidth = width - visibleWidth(location) - visibleWidth(separator);
-	if (titleWidth > 0) {
-		const fittedTitle = clip(title, titleWidth, "end");
-		if (fittedTitle) return `${location}${separator}${fittedTitle}`;
-	}
-	return clip(location, width, "end");
+export interface BottomParts {
+	title: string;
+	/** 生效中的预设名（已着色）；没有预设为空。 */
+	preset: string;
+	model: string;
+	/** 含前导斜杠，如 `/high`；模型不支持思考档时为空。 */
+	think: string;
+	fast: string;
+	percent: string;
+	/** 含前导斜杠，如 `/1M`。 */
+	capacity: string;
 }
 
-const joinParts = (parts: string[], separator: string) => parts.filter(Boolean).join(separator);
-
-export function fitStatusLine(
-	parts: StatusLineParts,
-	width: number,
-	separator: string,
-): string {
-	if (width <= 0) return "";
-	// joinParts 会丢掉空的 quota/cache/tps。顺序：model → quota? → context → cache → tps。
-	const candidates = [
-		[parts.model, parts.quota, parts.context, parts.cache, parts.tps],
-		[parts.model, parts.quota, parts.context, parts.cache],
-		[parts.modelCompact, parts.quota, parts.context, parts.cache],
-		[parts.modelCompact, parts.quotaCompact, parts.context, parts.cache],
-		[parts.modelCompact, parts.context, parts.cache],
-		[parts.modelCompact, parts.context],
-		[parts.modelCompact, parts.contextCompact],
-	].map((candidate) => joinParts(candidate, separator));
-	for (const candidate of candidates) {
-		if (visibleWidth(candidate) <= width) return candidate;
-	}
+/** 标题裁到这么窄就先去裁模型名：再窄的标题认不出会话。 */
+const TITLE_MIN = 8;
 
-	const context = parts.contextCompact || parts.context;
-	const contextWidth = visibleWidth(context);
-	const modelBudget = width - contextWidth - visibleWidth(separator);
-	if (modelBudget > 0 && contextWidth <= width) {
-		return `${clip(parts.modelCompact, modelBudget, "end")}${separator}${context}`;
+/** 退让顺序：容量 → 预设名 → 标题裁到 TITLE_MIN → 模型名逐列裁 → 丢标题；Fast 与百分比始终保留。 */
+export function bottomBorder(width: number, parts: BottomParts, line: Line): string {
+	const right = (preset: string, model: string, capacity: string) => {
+		const name = [model + (model ? parts.think : ""), parts.fast].filter(Boolean).join(" ");
+		return [preset, name, `${parts.percent}${capacity}`].filter(Boolean).join(SEPARATOR);
+	};
+	const at = (title: string, preset: string, model: string, capacity: string): BorderParts => [title, right(preset, model, capacity)];
+	function* candidates() {
+		yield at(parts.title, parts.preset, parts.model, parts.capacity);
+		yield at(parts.title, parts.preset, parts.model, "");
+		const titleWidth = visibleWidth(parts.title);
+		for (let n = titleWidth; n >= Math.min(titleWidth, TITLE_MIN); n--) yield at(clip(parts.title, n), "", parts.model, "");
+		const short = clip(parts.title, TITLE_MIN);
+		for (let n = visibleWidth(parts.model) - 1; n >= 1; n--) yield at(short, "", clip(parts.model, n), "");
+		yield at("", "", parts.model, "");
+		for (let n = visibleWidth(parts.model) - 1; n >= 1; n--) yield at("", "", clip(parts.model, n), "");
+		yield at("", "", "", "");
 	}
-	return clip(context, width, "end", "");
+	return fitBorder(width, line, 0, candidates());
 }