pi-open-tui 0.3.7 → 0.3.9

package/README.md

@@ -19,7 +19,7 @@ A polished terminal interface for the [Pi](https://pi.dev) coding agent. It brin
 
 ## Requirements
 
-- Pi 0.80 or later
+- Pi 0.85 or later
 - A terminal with UTF-8 and color support
 - A [Nerd Font](https://www.nerdfonts.com/font-downloads) for the full icon set (optional; ASCII icons are built in)
 
@@ -56,6 +56,7 @@ Run `/open-tui` to open the settings dialog. It provides **General**, **Appearan
 ```json
 {
   "enabled": true,
+  "inlineFooter": false,
   "settingsLanguage": "en",
   "cursorStyle": "block",
   "fullscreen": {
@@ -98,6 +99,7 @@ Key options:
 | Option | Values | Notes |
 | --- | --- | --- |
 | `settingsLanguage` | `en`, `zh` | Changes the `/open-tui` interface language |
+| `inlineFooter` | `true`, `false` | Moves the two main Footer rows into the editor's top and bottom borders; defaults to `false`. Extension status rows remain below the editor |
 | `cursorStyle` | `block`, `bar`, `underline` | `bar` and `underline` require terminal cursor-shape support |
 | `fullscreen.wheelScrollLines` | `1`-`10` | Lines scrolled per mouse-wheel notch in fullscreen mode; defaults to `4`. In `/open-tui`, press Enter on this item and type a number (values are clamped to `1`-`10`) |
 | `icons.mode` | `auto`, `nerd`, `ascii` | Controls footer and telemetry icons |
@@ -108,6 +110,8 @@ Key options:
 
 `sessionName` appears only when the session has a name. `hostname` shows the short host name (first label of the machine's host name, e.g. `mba` from `mba.example.com`) with a server icon. `gitCommit` shows the short hash and tag in detached HEAD state. Disabling `extensionStatuses` hides the entire extension status line, including MCP status.
 
+With `inlineFooter` enabled, the two normal Footer rows are rendered inside the editor frame to save vertical space. The top border places the Git branch on the left and CWD first in the right-hand group; the session title appears on the left too when `sessionName` is enabled. The Header and extension status rows remain separate; narrow terminals truncate lower-priority Footer data first, keeping the right-hand statistics and the border corner.
+
 Fullscreen wheel speed uses an isolated compatibility shim for Pi 0.84.2's runtime field because Pi does not yet expose a public setter. On Pi versions without a compatible field, the setting is ignored and Pi's default scrolling remains active.
 
 ## Turn telemetry

package/README.zh-CN.md

@@ -19,7 +19,7 @@
 
 ## 环境要求
 
-- Pi 0.80 或更高版本
+- Pi 0.85 或更高版本
 - 支持 UTF-8 和彩色输出的终端
 - 使用完整图标集时需要 [Nerd Font](https://www.nerdfonts.com/font-downloads)（可选；内置 ASCII 图标）
 
@@ -56,6 +56,7 @@ pi -e npm:pi-open-tui
 ```json
 {
   "enabled": true,
+  "inlineFooter": false,
   "settingsLanguage": "zh",
   "cursorStyle": "block",
   "fullscreen": {
@@ -98,6 +99,7 @@ pi -e npm:pi-open-tui
 | 选项 | 可选值 | 说明 |
 | --- | --- | --- |
 | `settingsLanguage` | `en`、`zh` | 切换 `/open-tui` 设置界面的语言 |
+| `inlineFooter` | `true`、`false` | 将两条主要 Footer 信息行移入编辑器上下边框以节省垂直空间，默认关闭；扩展状态行仍显示在编辑器外 |
 | `cursorStyle` | `block`、`bar`、`underline` | `bar` 和 `underline` 需要终端支持光标形状转义序列 |
 | `fullscreen.wheelScrollLines` | `1`-`10` | 全屏模式下滚轮每格滚动的行数，默认值为 `4`；`/open-tui` 中在该项上按 Enter 后直接输入数字（超出范围会自动钳制到 `1`-`10`） |
 | `icons.mode` | `auto`、`nerd`、`ascii` | 控制底栏和遥测通知使用的图标 |
@@ -108,6 +110,8 @@ pi -e npm:pi-open-tui
 
 `sessionName` 仅在会话有名称时显示；`hostname` 会显示主机名的短名称（主机名的第一个标签，例如从 `mba.example.com` 显示为 `mba`），并使用服务器图标；`gitCommit` 会在 detached HEAD 状态下显示短哈希和标签；关闭 `extensionStatuses` 会隐藏整行扩展状态，其中也包括 MCP 状态。
 
+开启 `inlineFooter` 后，两条常规 Footer 信息行会移入编辑器边框，从而节省垂直空间。顶部边框左侧显示 Git 分支，右侧信息组以当前目录开头；开启 `sessionName` 时，会话标题也会显示在左侧。Header 和扩展状态行保持独立显示；终端较窄时优先截断低优先级 Footer 数据，保留右侧统计信息和边框角。
+
 全屏滚轮速度通过隔离的兼容层写入 Pi 0.84.2 的运行时字段，因为 Pi 尚未提供公开 setter。若后续 Pi 版本不再包含兼容字段，该设置会被忽略并继续使用 Pi 的默认滚动行为。
 
 ## 单轮遥测

package/extensions/open-tui/config.ts

@@ -48,6 +48,7 @@ export interface FullscreenConfig {
 
 export interface OpenTuiConfig {
 	enabled: boolean;
+	inlineFooter: boolean;
 	settingsLanguage: SettingsLanguage;
 	cursorStyle: CursorStyle;
 	fullscreen: FullscreenConfig;
@@ -61,6 +62,7 @@ export interface OpenTuiConfig {
 
 export const DEFAULT_CONFIG: OpenTuiConfig = {
 	enabled: true,
+	inlineFooter: false,
 	settingsLanguage: "en",
 	cursorStyle: "block",
 	fullscreen: {
@@ -151,6 +153,9 @@ export function loadConfig(notify?: (msg: string, level: "warning" | "info") =>
 		const raw = readFileSync(path, "utf8");
 		const parsed: unknown = JSON.parse(raw);
 		const config = deepMerge(DEFAULT_CONFIG, parsed);
+		if (typeof config.inlineFooter !== "boolean") {
+			config.inlineFooter = DEFAULT_CONFIG.inlineFooter;
+		}
 		if (config.settingsLanguage !== "en" && config.settingsLanguage !== "zh") {
 			config.settingsLanguage = DEFAULT_CONFIG.settingsLanguage;
 		}

package/extensions/open-tui/editor.ts

@@ -4,7 +4,7 @@ import {
 	type ExtensionContext,
 	type KeybindingsManager,
 } from "@earendil-works/pi-coding-agent";
-import type { EditorTheme, TUI } from "@earendil-works/pi-tui";
+import type { EditorTheme, TuiMouseEvent, TuiMouseEventResult, TUI } from "@earendil-works/pi-tui";
 import { CURSOR_MARKER, truncateToWidth, visibleWidth } from "@earendil-works/pi-tui";
 import type { CursorStyle } from "./config.ts";
 import {
@@ -24,12 +24,24 @@ const CURSOR_STYLE_SEQUENCES: Partial<Record<CursorStyle, string>> = {
 	underline: "\x1b[4 q",
 };
 const DEFAULT_CURSOR_STYLE_SEQUENCE = "\x1b[0 q";
+const EDITOR_FRAME_LEFT_INSET = 2;
+const EDITOR_FRAME_HORIZONTAL_CHROME = EDITOR_FRAME_LEFT_INSET * 2;
 
 interface WorkingStatusIndicator {
 	renderInBorder(width: number): string;
 	renderSpinnerInBorder(width: number): string;
 }
 
+export interface InlineFooterLine {
+	left: string;
+	right: string;
+}
+
+export interface InlineFooterRenderer {
+	enabled(): boolean;
+	render(width: number): { top: InlineFooterLine; bottom: InlineFooterLine } | undefined;
+}
+
 interface HiddenThinkingLabelComponent {
 	children: unknown[];
 	setHiddenThinkingLabel(label: string): void;
@@ -132,11 +144,59 @@ function roundedBorder(
 	return paint(`${corners[0]}${"─".repeat(Math.max(0, width - 2))}${corners[1]}`);
 }
 
+function trimTrailingSpaces(text: string): string {
+	const ansiSuffix = text.match(/(?:\x1b\[[0-?]*[ -/]*[@-~])+$/)?.[0] ?? "";
+	const content = ansiSuffix ? text.slice(0, -ansiSuffix.length) : text;
+	return `${content.replace(/ +$/, "")}${ansiSuffix}`;
+}
+
+function inlineBorder(
+	width: number,
+	kind: "top" | "bottom",
+	paint: (s: string) => string,
+	renderLine: (width: number) => InlineFooterLine | undefined,
+	sourceLine?: string,
+	indicator?: WorkingStatusIndicator,
+): string {
+	if (width < 2) return paint(truncateToWidth(kind === "top" ? "╭╮" : "╰╯", width, ""));
+
+	const corners = kind === "top" ? (["╭", "╮"] as const) : (["╰", "╯"] as const);
+	const contentWidth = width - 2;
+	const plain = sourceLine ? stripAnsi(sourceLine) : "";
+	const scrollMatch = plain.match(/([↑↓]\s+\d+\s+more)/);
+	const right = scrollMatch ? paint(` ${scrollMatch[1]} `) : "";
+	let left = paint("─");
+
+	if (kind === "top" && indicator) {
+		const statusBudget = Math.max(1, contentWidth - visibleWidth(right) - 7);
+		let status = indicator.renderInBorder(statusBudget);
+		if (visibleWidth(status) > statusBudget) status = indicator.renderSpinnerInBorder(statusBudget);
+		const leftBudget = Math.max(0, contentWidth - visibleWidth(right) - 1);
+		status = truncateToWidth(status, Math.max(0, leftBudget - 4), "");
+		if (visibleWidth(status) > 0) left = `${paint("── ")}${status}${paint(" ")}`;
+	}
+
+	const lineBudget = Math.max(0, contentWidth - visibleWidth(left) - visibleWidth(right) - 6);
+	const line = renderLine(lineBudget);
+	if (!line) return roundedBorder(width, kind, paint, sourceLine, indicator);
+	const leftContent = trimTrailingSpaces(line.left);
+	const rightContent = trimTrailingSpaces(line.right);
+	if (visibleWidth(leftContent) === 0 && visibleWidth(rightContent) === 0) {
+		return roundedBorder(width, kind, paint, sourceLine, indicator);
+	}
+
+	const leftCell = leftContent ? ` ${leftContent} ` : "";
+	const rightCell = rightContent ? ` ${rightContent} ` : "";
+	const fill = Math.max(1, contentWidth - visibleWidth(left) - visibleWidth(leftCell) - visibleWidth(rightCell) - visibleWidth(right) - 1);
+	return `${paint(corners[0])}${left}${leftCell}${paint("─".repeat(fill))}${rightCell}${right}${paint("─")}${paint(corners[1])}`;
+}
+
 export class OpenTuiEditor extends CustomEditor {
 	readonly embedWorkingStatus = true;
 	private readonly getRail: () => string;
 	private readonly getBorder: (s: string) => string;
 	private embeddedWorkingStatusIndicator: WorkingStatusIndicator | undefined;
+	private readonly inlineFooter: InlineFooterRenderer | undefined;
 	private cursorStyle: CursorStyle;
 	private previewHardwareCursor = false;
 
@@ -145,9 +205,11 @@ export class OpenTuiEditor extends CustomEditor {
 		editorTheme: EditorTheme,
 		keybindings: KeybindingsManager,
 		cursorStyle: CursorStyle = "block",
+		inlineFooter?: InlineFooterRenderer,
 	) {
 		super(tui, editorTheme, keybindings, { paddingX: 0 });
 		this.cursorStyle = cursorStyle;
+		this.inlineFooter = inlineFooter;
 		configureCursor(tui, cursorStyle);
 		// ponytail: route the frame through this.borderColor so Pi can recolor it
 		// via updateEditorBorderColor() — bash mode ("! " prefix → green) and
@@ -161,6 +223,16 @@ export class OpenTuiEditor extends CustomEditor {
 		super.setPaddingX(0);
 	}
 
+	override handleMouse(event: TuiMouseEvent): TuiMouseEventResult | undefined {
+		if (event.width < EDITOR_FRAME_HORIZONTAL_CHROME) return super.handleMouse(event);
+
+		return super.handleMouse({
+			...event,
+			x: event.x - EDITOR_FRAME_LEFT_INSET,
+			width: event.width - EDITOR_FRAME_HORIZONTAL_CHROME,
+		});
+	}
+
 	setWorkingStatusIndicator(indicator: WorkingStatusIndicator | undefined): void {
 		this.embeddedWorkingStatusIndicator = indicator;
 		this.tui.requestRender();
@@ -202,17 +274,22 @@ export class OpenTuiEditor extends CustomEditor {
 	}
 
 	render(width: number): string[] {
-		if (width < 4) return this.renderBase(width);
+		if (width < EDITOR_FRAME_HORIZONTAL_CHROME) return this.renderBase(width);
 
 		const rail = this.getRail();
 		const borderPaint = this.getBorder;
 		// ponytail: 1-char rail + 1-char gap on each side = 4 chars of chrome.
-		const innerWidth = Math.max(0, width - 4);
+		const innerWidth = Math.max(0, width - EDITOR_FRAME_HORIZONTAL_CHROME);
 		const baseLines = this.renderBase(innerWidth);
 		const bottomIdx = findBottomBorderIndex(baseLines);
 
 		const result: string[] = [];
-		result.push(roundedBorder(width, "top", borderPaint, baseLines[0], this.embeddedWorkingStatusIndicator));
+		const inlineFooter = this.inlineFooter?.enabled() === true;
+		const renderInlineLine = (kind: "top" | "bottom", budget: number): InlineFooterLine | undefined =>
+			this.inlineFooter?.render(budget)?.[kind];
+		result.push(inlineFooter
+			? inlineBorder(width, "top", borderPaint, (budget) => renderInlineLine("top", budget), baseLines[0], this.embeddedWorkingStatusIndicator)
+			: roundedBorder(width, "top", borderPaint, baseLines[0], this.embeddedWorkingStatusIndicator));
 
 		for (let i = 1; i < bottomIdx; i++) {
 			const line = baseLines[i] ?? "";
@@ -223,7 +300,9 @@ export class OpenTuiEditor extends CustomEditor {
 			}
 		}
 
-		result.push(roundedBorder(width, "bottom", borderPaint, baseLines[bottomIdx]));
+		result.push(inlineFooter
+			? inlineBorder(width, "bottom", borderPaint, (budget) => renderInlineLine("bottom", budget), baseLines[bottomIdx])
+			: roundedBorder(width, "bottom", borderPaint, baseLines[bottomIdx]));
 
 		for (let i = bottomIdx + 1; i < baseLines.length; i++) {
 			result.push(baseLines[i]!);
@@ -238,6 +317,7 @@ export function installEditor(
 	ctx: ExtensionContext,
 	cursorStyle: CursorStyle = "block",
 	wheelScrollLines = DEFAULT_FULLSCREEN_WHEEL_SCROLL_LINES,
+	inlineFooter?: InlineFooterRenderer,
 ) {
 	let activeTui: TUI | undefined;
 	let activeEditor: OpenTuiEditor | undefined;
@@ -255,7 +335,7 @@ export function installEditor(
 		hiddenThinkingTarget = undefined;
 		applyFullscreenWheelScrollLines(tui, currentWheelScrollLines);
 		previousHardwareCursor = tui.getShowHardwareCursor();
-		activeEditor = new OpenTuiEditor(tui, editorTheme, keybindings, currentCursorStyle);
+		activeEditor = new OpenTuiEditor(tui, editorTheme, keybindings, currentCursorStyle, inlineFooter);
 		return activeEditor;
 	});
 	return {

package/extensions/open-tui/footer.ts

@@ -202,141 +202,241 @@ export interface FooterHooks {
 	scheduleGitRefresh: () => void;
 }
 
+interface FooterDataLike {
+	getExtensionStatuses(): ReadonlyMap<string, string>;
+}
+
+export interface InlineFooterLine {
+	left: string;
+	right: string;
+}
+
+export interface InlineFooterLines {
+	top: InlineFooterLine;
+	bottom: InlineFooterLine;
+}
+
+/**
+ * Split the bottom border content the way `alignRight` splits the plain row:
+ * the right block (statistics) survives, the left one (model) shrinks to an
+ * ellipsis and only then disappears. Keeps the assembled border inside its
+ * budget so editor-side truncation never eats the right corner.
+ */
+function fitInlineLine(left: string, right: string, width: number, theme: Theme): InlineFooterLine {
+	const rightWidth = visibleWidth(right);
+	if (rightWidth > width) {
+		return { left: "", right: truncateToWidth(right, width, theme.fg("dim", "...")) };
+	}
+	const availableForLeft = width - rightWidth - 1;
+	if (availableForLeft <= 0) return { left: "", right };
+	return { left: truncateToWidth(left, availableForLeft, theme.fg("dim", "...")), right };
+}
+
+export interface FooterHandle {
+	renderInline(width: number): InlineFooterLines | undefined;
+	cleanup(): void;
+}
+
+function fitInlineSegments(
+	parts: readonly PrioritizedSegment[],
+	width: number,
+	theme: Theme,
+): string {
+	const separator = theme.fg("dim", " · ");
+	const separatorReserve = Math.max(0, parts.length - 1) * Math.max(0, visibleWidth(separator) - 1);
+	return fitSegmentsByPriority(
+		parts,
+		Math.max(0, width - separatorReserve),
+		theme.fg("dim", "..."),
+	).join(separator);
+}
+
+function renderFooterContent(
+	ctx: ExtensionContext,
+	getState: () => FooterState,
+	getConfig: () => OpenTuiConfig,
+	getModelMeta: () => ModelMeta,
+	theme: Theme,
+	footerData: FooterDataLike,
+	width: number,
+): { mainLines: [string, string]; inlineLines: InlineFooterLines; extensionLines: string[] } {
+	if (width <= 0) {
+		return {
+			mainLines: ["", ""],
+			inlineLines: {
+				top: { left: "", right: "" },
+				bottom: { left: "", right: "" },
+			},
+			extensionLines: [],
+		};
+	}
+
+	const state = getState();
+	const config = getConfig();
+	const glyphs = resolveGlyphs(config.icons.mode);
+	const segments = config.footerSegments;
+	const meta = getModelMeta();
+	const totals = getUsageTotals(ctx);
+
+	const leftParts: PrioritizedSegment[] = [];
+	const inlineTopLeftParts: PrioritizedSegment[] = [];
+	const inlineTopRightParts: PrioritizedSegment[] = [];
+	if (segments.cwd) {
+		const maxCwd = Math.min(30, Math.max(10, Math.floor(width * 0.4)));
+		const cwd = formatCwd(ctx.sessionManager.getCwd());
+		const cwdPrefix = `${theme.fg("mdLink", glyphs.cwd)} `;
+		const accent = (text: string) => theme.fg("accent", text);
+		leftParts.push({
+			text: `${cwdPrefix}${accent(truncatePath(cwd, maxCwd))}`,
+			compactText: `${cwdPrefix}${accent(truncatePath(basenamePath(cwd), maxCwd))}`,
+			priority: 0,
+			truncate: (_text, maxWidth, ellipsis) => {
+				const pathWidth = maxWidth - visibleWidth(cwdPrefix);
+				if (pathWidth <= visibleWidth(ellipsis)) {
+					return truncateToWidth(`${cwdPrefix}${accent(basenamePath(cwd))}`, maxWidth, ellipsis);
+				}
+				return `${cwdPrefix}${accent(truncatePath(basenamePath(cwd), pathWidth))}`;
+			},
+		});
+		inlineTopRightParts.push(leftParts.at(-1)!);
+	}
+	if (segments.hostname) {
+		const shortHost = shortHostname(osHostname());
+		if (shortHost) {
+			leftParts.push({
+				text: `${theme.fg("dim", glyphs.host)} ${theme.fg("accent", shortHost)}`,
+				priority: 1,
+			});
+			inlineTopRightParts.push(leftParts.at(-1)!);
+		}
+	}
+	const sessionName = ctx.sessionManager.getSessionName();
+	if (sessionName) {
+		const sessionPart: PrioritizedSegment = {
+			text: `${theme.fg("dim", glyphs.session)} ${theme.fg("text", truncateToWidth(sessionName, 24, theme.fg("dim", "...")))}`,
+			priority: 2,
+		};
+		if (segments.sessionName) {
+			leftParts.push(sessionPart);
+			inlineTopLeftParts.push(sessionPart);
+		}
+	}
+	const gitSeg = renderGitSegment(theme, state.git, glyphs, segments);
+	if (gitSeg) {
+		leftParts.push({ text: gitSeg, priority: 3 });
+		inlineTopLeftParts.push(leftParts.at(-1)!);
+	}
+	if (segments.runtime) {
+		const runtimeSeg = renderRuntimeSegment(theme, state.runtime, config.icons.mode);
+		if (runtimeSeg) {
+			leftParts.push({ text: runtimeSeg, priority: 4 });
+			inlineTopRightParts.push(leftParts.at(-1)!);
+		}
+	}
+	const timerSeg = renderTimerSegment(theme, state, glyphs);
+	if (timerSeg) {
+		leftParts.push({ text: timerSeg, priority: 1 });
+		inlineTopRightParts.push(leftParts.at(-1)!);
+	}
+
+	// The context bar competes with the left segments for the same row:
+	// full bar first, then the compact icon+pct form, then dropped.
+	let contextText = "";
+	let contextCompact: string | undefined;
+	if (segments.context) {
+		contextText = renderContextBar(theme, ctx, width, glyphs, config.icons.mode);
+		const compact = renderContextCompact(theme, ctx, glyphs);
+		if (compact && visibleWidth(compact) < visibleWidth(contextText)) {
+			contextCompact = compact;
+		}
+	}
+	const allParts: PrioritizedSegment[] = [...leftParts];
+	if (contextText) {
+		// ponytail: priority 4 = sheds with runtime, before git/timer/cwd.
+		allParts.push({ text: contextText, compactText: contextCompact, priority: 4 });
+		// Context stays at the far right; cwd is the first item in this group.
+		inlineTopRightParts.push({ text: contextText, compactText: contextCompact, priority: 4 });
+	}
+
+	const fitted = fitSegmentsByPriority(allParts, width, theme.fg("dim", "..."));
+	const fittedContext = contextText ? fitted.pop() ?? "" : "";
+	const line1 = alignRight(fitted.join(" "), fittedContext, width, theme);
+
+	const inlineLeftBudget = Math.floor(width * 0.45);
+	const inlineTopLeft = fitInlineSegments(inlineTopLeftParts, inlineLeftBudget, theme);
+	const inlineRightBudget = Math.max(0, width - visibleWidth(inlineTopLeft) - (inlineTopLeft ? 1 : 0));
+	const inlineTop: InlineFooterLine = {
+		left: inlineTopLeft,
+		right: fitInlineSegments(inlineTopRightParts, inlineRightBudget, theme),
+	};
+
+	const modelParts: string[] = [];
+	modelParts.push(theme.fg("mdLink", glyphs.model));
+	if (meta.provider && meta.provider !== "Unknown") {
+		modelParts.push(theme.fg(providerColor(ctx.model?.provider ?? "none"), meta.provider));
+	}
+	modelParts.push(theme.fg("text", meta.model));
+	if (meta.effort && meta.effort !== "off") {
+		modelParts.push(theme.fg(effortColor(meta.effort), `${glyphs.thinking} ${meta.effort}`));
+	}
+	const modelBlock = modelParts.join(theme.fg("dim", " · "));
+	const statsBlock = renderStatsBlock(theme, totals, glyphs, segments);
+	const inlineBottom = fitInlineLine(modelBlock, statsBlock, width, theme);
+	const line2 = alignRight(inlineBottom.left, inlineBottom.right, width, theme);
+	const mainLines: [string, string] = [line1, line2]
+		.map((line) => truncateToWidth(line, width, theme.fg("dim", "..."))) as [string, string];
+	const extensionLines = segments.extensionStatuses
+		? renderExtensionStatusLines(theme, footerData.getExtensionStatuses(), glyphs, width)
+		: [];
+	return { mainLines, inlineLines: { top: inlineTop, bottom: inlineBottom }, extensionLines };
+}
+
 export function installFooter(
 	ctx: ExtensionContext,
 	getState: () => FooterState,
 	getConfig: () => OpenTuiConfig,
 	getModelMeta: () => ModelMeta,
 	hooks: FooterHooks,
-): () => void {
+): FooterHandle {
+	let renderInline: (width: number) => InlineFooterLines | undefined = () => undefined;
+
 	ctx.ui.setFooter((tui, theme, footerData) => {
 		hooks.setRequestRender(() => tui.requestRender());
 		const unsubBranch = footerData.onBranchChange(() => {
 			hooks.scheduleGitRefresh();
 			tui.requestRender();
 		});
+		const getContent = (width: number) => renderFooterContent(
+			ctx,
+			getState,
+			getConfig,
+			getModelMeta,
+			theme,
+			footerData,
+			width,
+		);
+
+		renderInline = (width) => getContent(width).inlineLines;
 
 		return {
 			dispose() {
 				unsubBranch();
 				hooks.setRequestRender(undefined);
+				renderInline = () => undefined;
 			},
 			invalidate() {},
 			render(width: number): string[] {
 				if (width <= 0) return [""];
-				const state = getState();
-				const config = getConfig();
-				const glyphs = resolveGlyphs(config.icons.mode);
-				const segments = config.footerSegments;
-				const meta = getModelMeta();
-
-				const totals = getUsageTotals(ctx);
-
-				const leftParts: PrioritizedSegment[] = [];
-				if (segments.cwd) {
-					const maxCwd = Math.min(30, Math.max(10, Math.floor(width * 0.4)));
-					const cwd = formatCwd(ctx.sessionManager.getCwd());
-					const cwdPrefix = `${theme.fg("mdLink", glyphs.cwd)} `;
-					const accent = (text: string) => theme.fg("accent", text);
-					leftParts.push({
-						text: `${cwdPrefix}${accent(truncatePath(cwd, maxCwd))}`,
-						compactText: `${cwdPrefix}${accent(truncatePath(basenamePath(cwd), maxCwd))}`,
-						priority: 0,
-						truncate: (_text, maxWidth, ellipsis) => {
-							const pathWidth = maxWidth - visibleWidth(cwdPrefix);
-							if (pathWidth <= visibleWidth(ellipsis)) {
-								return truncateToWidth(`${cwdPrefix}${accent(basenamePath(cwd))}`, maxWidth, ellipsis);
-							}
-							return `${cwdPrefix}${accent(truncatePath(basenamePath(cwd), pathWidth))}`;
-						},
-					});
-				}
-				if (segments.hostname) {
-					const shortHost = shortHostname(osHostname());
-					if (shortHost) {
-						leftParts.push({
-							text: `${theme.fg("dim", glyphs.host)} ${theme.fg("accent", shortHost)}`,
-							priority: 1,
-						});
-					}
-				}
-				if (segments.sessionName) {
-					const sessionName = ctx.sessionManager.getSessionName();
-					if (sessionName) {
-						leftParts.push({
-							text: `${theme.fg("dim", glyphs.session)} ${theme.fg("text", truncateToWidth(sessionName, 24, theme.fg("dim", "...")))}`,
-							priority: 2,
-						});
-					}
-				}
-				const gitSeg = renderGitSegment(theme, state.git, glyphs, segments);
-				if (gitSeg) leftParts.push({ text: gitSeg, priority: 3 });
-				if (segments.runtime) {
-					const runtimeSeg = renderRuntimeSegment(theme, state.runtime, config.icons.mode);
-					if (runtimeSeg) leftParts.push({ text: runtimeSeg, priority: 4 });
-				}
-				const timerSeg = renderTimerSegment(theme, state, glyphs);
-				if (timerSeg) leftParts.push({ text: timerSeg, priority: 1 });
-
-				// The context bar competes with the left segments for the same row:
-				// full bar first, then the compact icon+pct form, then dropped.
-				let contextText = "";
-				let contextCompact: string | undefined;
-				if (segments.context) {
-					contextText = renderContextBar(theme, ctx, width, glyphs, config.icons.mode);
-					const compact = renderContextCompact(theme, ctx, glyphs);
-					if (compact && visibleWidth(compact) < visibleWidth(contextText)) {
-						contextCompact = compact;
-					}
-				}
-				const allParts: PrioritizedSegment[] = [...leftParts];
-				if (contextText) {
-					// ponytail: priority 4 = sheds with runtime, before git/timer/cwd.
-					allParts.push({ text: contextText, compactText: contextCompact, priority: 4 });
-				}
-
-				const fitted = fitSegmentsByPriority(allParts, width, theme.fg("dim", "..."));
-				const fittedContext = contextText ? fitted.pop() ?? "" : "";
-				const line1 = alignRight(fitted.join(" "), fittedContext, width, theme);
-
-				const modelParts: string[] = [];
-				modelParts.push(theme.fg("mdLink", glyphs.model));
-				if (meta.provider && meta.provider !== "Unknown") {
-					modelParts.push(theme.fg(providerColor(ctx.model?.provider ?? "none"), meta.provider));
-				}
-				modelParts.push(theme.fg("text", meta.model));
-				if (meta.effort && meta.effort !== "off") {
-					modelParts.push(theme.fg(effortColor(meta.effort), `${glyphs.thinking} ${meta.effort}`));
-				}
-				const modelBlock = modelParts.join(theme.fg("dim", " · "));
-
-				const statsBlock = renderStatsBlock(
-					theme,
-					totals,
-					glyphs,
-					segments,
-				);
-
-				const line2 = alignRight(modelBlock, statsBlock, width, theme);
-
-				const mainLines = [line1, line2]
-					.map((line) => truncateToWidth(line, width, theme.fg("dim", "...")));
-				return segments.extensionStatuses
-					? [
-						...mainLines,
-						...renderExtensionStatusLines(
-							theme,
-							footerData.getExtensionStatuses(),
-							glyphs,
-							width,
-						),
-					]
-					: mainLines;
+				const { mainLines, extensionLines } = getContent(width);
+				return getConfig().inlineFooter ? extensionLines : [...mainLines, ...extensionLines];
 			},
 		};
 	});
 
-	return () => {
-		ctx.ui.setFooter(undefined);
+	return {
+		renderInline: (width) => renderInline(width),
+		cleanup() {
+			ctx.ui.setFooter(undefined);
+		},
 	};
 }

package/extensions/open-tui/index.ts

@@ -131,7 +131,7 @@ export default function (pi: ExtensionAPI) {
 		}
 		if (!active) {
 			cleanupHeader = installHeader(pi, ctx);
-			cleanupFooter = installFooter(
+			const footer = installFooter(
 				ctx,
 				() => state,
 				() => config,
@@ -145,7 +145,17 @@ export default function (pi: ExtensionAPI) {
 					},
 				},
 			);
-			editor = installEditor(pi, ctx, config.cursorStyle, config.fullscreen.wheelScrollLines);
+			cleanupFooter = footer.cleanup;
+			editor = installEditor(
+				pi,
+				ctx,
+				config.cursorStyle,
+				config.fullscreen.wheelScrollLines,
+				{
+					enabled: () => config.inlineFooter,
+					render: footer.renderInline,
+				},
+			);
 			active = true;
 		}
 	};

package/extensions/open-tui/settings-command.ts

@@ -33,6 +33,7 @@ const COPY = {
 		hint: "Tab/Shift+Tab/←/→: tabs · ↑/↓: move · Enter/Space: change · Enter on wheel speed: type 1-10 · Esc/q: close",
 		labels: {
 			enabled: "Enabled",
+			inlineFooter: "Inline footer",
 			thinkingPeek: "Thinking peek",
 			language: "Language",
 			wheelScrollLines: "Mouse wheel speed",
@@ -72,6 +73,7 @@ const COPY = {
 		hint: "Tab/Shift+Tab/←/→：切页 · ↑/↓：移动 · Enter/Space：更改 · 滚轮速度项 Enter 输入 1-10 · Esc/q：关闭",
 		labels: {
 			enabled: "启用",
+			inlineFooter: "内联底栏",
 			thinkingPeek: "思考预览",
 			language: "语言",
 			wheelScrollLines: "鼠标滚轮速度",
@@ -185,6 +187,7 @@ function buildFeaturesItems(config: OpenTuiConfig, copy: SettingsCopy): SettingI
 			currentValue: copy.values.wheelLines(config.fullscreen.wheelScrollLines),
 		},
 		{ id: "thinkingPeek", label: copy.labels.thinkingPeek, currentValue: formatThinkingPeekLines(config.thinkingPeek.lines, copy) },
+		{ id: "inlineFooter", label: copy.labels.inlineFooter, currentValue: flag(config.inlineFooter) },
 	];
 }
 
@@ -245,6 +248,7 @@ function handleSettingChange(
 ): OpenTuiConfig {
 	if (tab === "features") {
 		if (itemId === "enabled") return toggleEnabled(config);
+		if (itemId === "inlineFooter") return { ...config, inlineFooter: !config.inlineFooter };
 		if (itemId === "settingsLanguage") return toggleLanguage(config);
 		if (itemId === "thinkingPeek") return cycleThinkingPeek(config);
 	}

package/extensions/open-tui/utils.ts

@@ -43,23 +43,28 @@ export function truncateBranch(branch: string, maxLen: number): string {
 }
 
 export function truncatePath(path: string, maxLen: number): string {
-	if (path.length <= maxLen) return path;
+	// `maxLen` is a terminal-column budget, so every comparison here must use
+	// display width. Comparing String.length let wide (CJK) paths stay wider than
+	// the budget: for a basename of 4 characters but 8 columns, `truncatePath`
+	// returned it unchanged, so fitSegmentsByPriority's `while (totalW() > maxW)`
+	// loop never made progress and livelocked the renderer at 100% CPU.
+	if (visibleWidth(path) <= maxLen) return path;
 	if (maxLen <= 3) return "...".slice(0, maxLen);
 	const sepChar = path.includes("/") ? "/" : "\\";
 	const parts = path.split(/[\\/]/);
-	if (parts.length <= 2) return path.slice(0, maxLen - 3) + "...";
+	if (parts.length <= 2) return truncateToWidth(path, maxLen, "...");
 	// Keep first segment (e.g. ~) and as many trailing segments as fit.
 	const tail: string[] = [];
 	let tailLen = 0;
 	for (let i = parts.length - 1; i >= 1; i--) {
 		const seg = parts[i]!;
-		if (tailLen + seg.length + 4 > maxLen) break;
+		if (tailLen + visibleWidth(seg) + 4 > maxLen) break;
 		tail.unshift(seg);
-		tailLen += seg.length + 1;
+		tailLen += visibleWidth(seg) + 1;
 	}
 	const head = parts[0]!;
 	const result = `${head}${sepChar}...${sepChar}${tail.join(sepChar)}`;
-	return result.length > maxLen ? result.slice(0, maxLen - 3) + "..." : result;
+	return visibleWidth(result) > maxLen ? truncateToWidth(result, maxLen, "...") : result;
 }
 
 export function finiteOrZero(value: unknown): number {
@@ -158,7 +163,25 @@ export function fitSegmentsByPriority(
 			if (totalW() <= maxW) break;
 		}
 	}
+	// A segment whose `truncate` cannot actually shrink would otherwise spin here
+	// forever and block the render timer. Require each pass to make progress, and
+	// drop the worst segment when it does not, so layout always terminates.
+	let lastTotal = Infinity;
 	while (totalW() > maxW) {
+		const nowTotal = totalW();
+		if (nowTotal >= lastTotal) {
+			let worst = -1;
+			for (let i = 0; i < items.length; i++) {
+				if (items[i].text !== "" && (worst === -1 || items[i].priority < items[worst].priority)) {
+					worst = i;
+				}
+			}
+			if (worst === -1) break;
+			items[worst].text = "";
+			items[worst].w = 0;
+			continue;
+		}
+		lastTotal = nowTotal;
 		let target = -1;
 		for (let i = 0; i < items.length; i++) {
 			if (items[i].text !== "" && (target === -1 || items[i].priority < items[target].priority)) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pi-open-tui",
-  "version": "0.3.7",
+  "version": "0.3.9",
   "description": "A polished TUI for Pi coding agent: animated logo header, Starship-style footer, rounded editor with model metadata, and prompt-box user messages.",
   "type": "module",
   "repository": {
@@ -35,9 +35,9 @@
     "image": "https://raw.githubusercontent.com/OldSuns/pi-open-tui/main/assets/preview_dashboard_1.png"
   },
   "peerDependencies": {
-    "@earendil-works/pi-coding-agent": ">=0.81",
-    "@earendil-works/pi-ai": ">=0.81",
-    "@earendil-works/pi-tui": ">=0.81"
+    "@earendil-works/pi-coding-agent": ">=0.85",
+    "@earendil-works/pi-ai": ">=0.85",
+    "@earendil-works/pi-tui": ">=0.85"
   },
   "peerDependenciesMeta": {
     "@earendil-works/pi-coding-agent": {