pi-claude-code-ui 1.0.69

package/extensions/spinner.ts

@@ -0,0 +1,851 @@
+import { existsSync, readFileSync } from "node:fs";
+
+import type { ExtensionAPI } from "@earendil-works/pi-coding-agent";
+import { Loader } from "@earendil-works/pi-tui";
+
+// ---------------------------------------------------------------------------
+// Patch built-in Loader with Claude/OpenBrawd-style glyphs.
+// Keep animation cadence constant so the spinner doesn't appear to slow down
+// or freeze as the session grows.
+// ---------------------------------------------------------------------------
+
+const RAW_ANSI_RE = /\x1b\[[0-9;]*m/;
+const RESET = "\x1b[0m";
+
+// Defaults match the previous hardcoded values so behavior is identical
+// when no theme is available or themeAdaptive=false. `applyThemeColors`
+// below re-derives them from the active pi theme each tick.
+let CLAUDE_ORANGE = "\x1b[38;2;215;119;87m";
+let STATUS_DIM = "\x1b[38;2;153;153;153m";
+
+// Short TTL so /cc-spinner changes are picked up within ~1s without
+// re-reading the file on every spinner tick (~170ms).
+let _spinnerSettingsCache: { value: { adaptive: boolean; verbColor: string; statusColor: string }; expires: number } | null = null;
+const SPINNER_SETTINGS_TTL_MS = 1_000;
+// Cross-extension bust signal: /cc-spinner in index.ts bumps this counter
+// and we drop the cache when it changes.
+const SPINNER_BUST_KEY = Symbol.for("pi-claude-style-tools:spinner-settings-bust");
+let _spinnerLastBust = 0;
+
+function readSpinnerSettings(): { adaptive: boolean; verbColor: string; statusColor: string } {
+	const now = Date.now();
+	const bust = ((globalThis as any)[SPINNER_BUST_KEY] as number | undefined) ?? 0;
+	if (bust !== _spinnerLastBust) {
+		_spinnerLastBust = bust;
+		_spinnerSettingsCache = null;
+	}
+	if (_spinnerSettingsCache && _spinnerSettingsCache.expires > now) {
+		return _spinnerSettingsCache.value;
+	}
+	let adaptive = true;
+	// Spinner glyph is still pi's accent. Use borderAccent for the verb so it
+	// feels themed and lively without collapsing into the exact same Claude
+	// orange as the glyph on themes like openAntigravity-dark.
+	let verbColor = "borderAccent";
+	let statusColor = "muted";
+	const paths = [`${process.cwd()}/.pi/settings.json`, `${process.env.HOME ?? ""}/.pi/settings.json`];
+	for (const p of paths) {
+		try {
+			if (!p || !existsSync(p)) continue;
+			const raw = JSON.parse(readFileSync(p, "utf8"));
+			if (raw && typeof raw === "object") {
+				if (raw.themeAdaptive === false) adaptive = false;
+				if (typeof raw.spinnerVerbColor === "string" && raw.spinnerVerbColor.length > 0) verbColor = raw.spinnerVerbColor;
+				if (typeof raw.spinnerStatusColor === "string" && raw.spinnerStatusColor.length > 0) statusColor = raw.spinnerStatusColor;
+			}
+		} catch { /* ignore */ }
+	}
+	const value = { adaptive, verbColor, statusColor };
+	_spinnerSettingsCache = { value, expires: now + SPINNER_SETTINGS_TTL_MS };
+	return value;
+}
+
+function themeAdaptiveEnabled(): boolean {
+	return readSpinnerSettings().adaptive;
+}
+
+// Original Claude-style values restored when the user turns adaptive off.
+const _DEFAULT_CLAUDE_ORANGE = "\x1b[38;2;215;119;87m";
+const _DEFAULT_STATUS_DIM = "\x1b[38;2;153;153;153m";
+
+let _themeColorsCacheTheme: unknown = null;
+let _themeColorsLastAdaptive: boolean | null = null;
+let _themeColorsLastVerbKey: string | null = null;
+let _themeColorsLastStatusKey: string | null = null;
+
+function resolveThemeColor(theme: any, key: string, fallbackKey: string): string | null {
+	if (!theme || typeof theme.getFgAnsi !== "function") return null;
+	try {
+		const v = theme.getFgAnsi(key);
+		if (typeof v === "string" && v.length > 0) return v;
+	} catch { /* ignore */ }
+	if (fallbackKey !== key) {
+		try {
+			const v = theme.getFgAnsi(fallbackKey);
+			if (typeof v === "string" && v.length > 0) return v;
+		} catch { /* ignore */ }
+	}
+	return null;
+}
+
+function applyThemeColors(theme: any): void {
+	const { adaptive, verbColor, statusColor } = readSpinnerSettings();
+
+	// Respond to runtime toggles (themeAdaptive or spinner color key changes)
+	// without restarting pi.
+	const settingsChanged = _themeColorsLastAdaptive !== adaptive
+		|| _themeColorsLastVerbKey !== verbColor
+		|| _themeColorsLastStatusKey !== statusColor;
+	if (settingsChanged) {
+		_themeColorsLastAdaptive = adaptive;
+		_themeColorsLastVerbKey = verbColor;
+		_themeColorsLastStatusKey = statusColor;
+		_themeColorsCacheTheme = null;
+		if (!adaptive) {
+			CLAUDE_ORANGE = _DEFAULT_CLAUDE_ORANGE;
+			STATUS_DIM = _DEFAULT_STATUS_DIM;
+		}
+	}
+
+	if (!theme || !adaptive) return;
+	if (_themeColorsCacheTheme === theme) return;
+	_themeColorsCacheTheme = theme;
+
+	const verb = resolveThemeColor(theme, verbColor, "accent");
+	if (verb) CLAUDE_ORANGE = verb;
+	const status = resolveThemeColor(theme, statusColor, "muted");
+	if (status) STATUS_DIM = status;
+}
+
+// Match OpenBrawd's spinner glyph set, with the final Ghostty frame restored
+// to ✽ because the user's font-codepoint-map now centers it correctly.
+function getDefaultSpinnerCharacters(): string[] {
+	if (process.env.TERM === "xterm-ghostty") {
+		return ["·", "✢", "✳", "✶", "✻", "✽"];
+	}
+	return process.platform === "darwin"
+		? ["·", "✢", "✳", "✶", "✻", "✽"]
+		: ["·", "✢", "*", "✶", "✻", "✽"];
+}
+
+const SPINNER_CHARS = getDefaultSpinnerCharacters();
+const OB_FRAMES = [...SPINNER_CHARS, ...[...SPINNER_CHARS].reverse()];
+// Slightly snappier than the old 250ms so ✶/glyphs feel livelier without
+// turning into a full-tree re-render firehose (each tick still requestRenders).
+const LOADER_INTERVAL_MS = 170;
+const LOADER_LAST_TEXT = Symbol.for("pi-claude-style-tools:loader-last-text");
+const LOADER_ACTIVE = Symbol.for("pi-claude-style-tools:loader-active");
+const LOADER_GENERATION = Symbol.for("pi-claude-style-tools:loader-generation");
+const ACTIVE_UI_SYMBOL = Symbol.for("pi-claude-style-tools:active-ui");
+
+function getLoaderIntervalMs(_loader: any): number {
+	return LOADER_INTERVAL_MS;
+}
+
+function unrefTimer(timer: ReturnType<typeof setTimeout> | null | undefined): void {
+	(timer as any)?.unref?.();
+}
+
+function stopLoaderIfUiStopped(loader: any): boolean {
+	if (!loader?.ui || !(loader.ui as any).stopped) return false;
+	loader.stop?.();
+	return true;
+}
+
+(Loader.prototype as any).updateDisplay = function patchedUpdateDisplay() {
+	if (stopLoaderIfUiStopped(this)) return;
+	const frame = OB_FRAMES[this.currentFrame % OB_FRAMES.length];
+	const message = typeof this.message === "string" && RAW_ANSI_RE.test(this.message)
+		? this.message
+		: this.messageColorFn(this.message);
+	const nextText = `${this.spinnerColorFn(frame)} ${message}`;
+	if ((this as any)[LOADER_LAST_TEXT] === nextText) return;
+	(this as any)[LOADER_LAST_TEXT] = nextText;
+	this.setText(nextText);
+	if (this.ui && !(this.ui as any).stopped) {
+		(globalThis as any)[ACTIVE_UI_SYMBOL] = this.ui;
+		this.ui.requestRender();
+	}
+};
+
+Loader.prototype.start = function patchedStart() {
+	this.stop();
+	(this as any)[LOADER_ACTIVE] = true;
+	const generation = ((this as any)[LOADER_GENERATION] ?? 0) + 1;
+	(this as any)[LOADER_GENERATION] = generation;
+	delete (this as any)[LOADER_LAST_TEXT];
+	(this as any).updateDisplay();
+	if (OB_FRAMES.length <= 1 || stopLoaderIfUiStopped(this)) return;
+	const scheduleNext = () => {
+		if ((this as any)[LOADER_ACTIVE] !== true || (this as any)[LOADER_GENERATION] !== generation || stopLoaderIfUiStopped(this)) return;
+		const intervalMs = getLoaderIntervalMs(this);
+		const timer = setTimeout(() => {
+			(this as any).intervalId = null;
+			if ((this as any)[LOADER_ACTIVE] !== true || (this as any)[LOADER_GENERATION] !== generation || stopLoaderIfUiStopped(this)) return;
+			(this as any).currentFrame = ((this as any).currentFrame + 1) % OB_FRAMES.length;
+			(this as any).updateDisplay();
+			scheduleNext();
+		}, intervalMs);
+		unrefTimer(timer);
+		(this as any).intervalId = timer;
+	};
+	scheduleNext();
+};
+
+Loader.prototype.stop = function patchedStop() {
+	(this as any)[LOADER_ACTIVE] = false;
+	(this as any)[LOADER_GENERATION] = ((this as any)[LOADER_GENERATION] ?? 0) + 1;
+	if ((this as any).intervalId) {
+		clearTimeout((this as any).intervalId);
+		(this as any).intervalId = null;
+	}
+};
+
+// ---------------------------------------------------------------------------
+// Spinner verbs — fun/whimsical loading messages (different set from OpenBrawd)
+// ---------------------------------------------------------------------------
+
+const SPINNER_VERBS = [
+	"Accomplishing",
+	"Actioning",
+	"Actualizing",
+	"Aligning",
+	"Alchemizing",
+	"Analyzing",
+	"Animating",
+	"Assembling",
+	"Astral-projecting",
+	"Architecting",
+	"Baking",
+	"Balancing",
+	"Bamboozling",
+	"Beaming",
+	"Beboppin'",
+	"Befuddling",
+	"Bespangling",
+	"Billowing",
+	"Blanching",
+	"Bloviating",
+	"Blueprinting",
+	"Boogieing",
+	"Boondoggling",
+	"Booping",
+	"Bootstrapping",
+	"Brainstorming",
+	"Brewing",
+	"Buffering",
+	"Bumbling",
+	"Bunning",
+	"Burrowing",
+	"Busying",
+	"Calculating",
+	"Calibrating",
+	"Canoodling",
+	"Caramelizing",
+	"Cascading",
+	"Catapulting",
+	"Catalyzing",
+	"Cerebrating",
+	"Channeling",
+	"Choreographing",
+	"Churning",
+	"Clattering",
+	"Coalescing",
+	"Cogitating",
+	"Combobulating",
+	"Composing",
+	"Compiling",
+	"Computing",
+	"Concocting",
+	"Conjuring",
+	"Considering",
+	"Contemplating",
+	"Cooking",
+	"Coordinating",
+	"Crafting",
+	"Creating",
+	"Crunching",
+	"Crystallizing",
+	"Cultivating",
+	"Dabbling",
+	"Daydreaming",
+	"Debugging",
+	"Deciphering",
+	"Deconstructing",
+	"Deliberating",
+	"Deducing",
+	"Determining",
+	"Diagnosing",
+	"Dilly-dallying",
+	"Discombobulating",
+	"Distilling",
+	"Doodling",
+	"Drizzling",
+	"Ebbing",
+	"Effecting",
+	"Elucidating",
+	"Embellishing",
+	"Enchanting",
+	"Engineering",
+	"Envisioning",
+	"Evaporating",
+	"Experimenting",
+	"Exploring",
+	"Extrapolating",
+	"Fabricating",
+	"Fathoming",
+	"Fermenting",
+	"Fiddle-faddling",
+	"Finagling",
+	"Flambéing",
+	"Flibbertigibbeting",
+	"Flowing",
+	"Flummoxing",
+	"Fluttering",
+	"Focusing",
+	"Forging",
+	"Forming",
+	"Frolicking",
+	"Frosting",
+	"Futzing",
+	"Gallivanting",
+	"Galloping",
+	"Garnishing",
+	"Gathering",
+	"Generating",
+	"Gesticulating",
+	"Germinating",
+	"Glitching",
+	"Grappling",
+	"Grooving",
+	"Gusting",
+	"Harmonizing",
+	"Hashing",
+	"Hatching",
+	"Herding",
+	"Honing",
+	"Hustling",
+	"Hullaballooing",
+	"Hyperspacing",
+	"Ideating",
+	"Imagining",
+	"Improvising",
+	"Incubating",
+	"Inferring",
+	"Infusing",
+	"Innovating",
+	"Inspecting",
+	"Ionizing",
+	"Iterating",
+	"Jamming",
+	"Jitterbugging",
+	"Juggling",
+	"Julienning",
+	"Knitting",
+	"Kneading",
+	"Leavening",
+	"Levitating",
+	"Lollygagging",
+	"Manifesting",
+	"Mapping",
+	"Marinating",
+	"Meandering",
+	"Meditating",
+	"Metamorphosing",
+	"Misting",
+	"Mashing",
+	"Moonwalking",
+	"Moseying",
+	"Mulling",
+	"Mustering",
+	"Musing",
+	"Nebulizing",
+	"Nesting",
+	"Noodling",
+	"Nucleating",
+	"Optimizing",
+	"Orbiting",
+	"Orchestrating",
+	"Osmosing",
+	"Outlining",
+	"Overthinking",
+	"Perambulating",
+	"Percolating",
+	"Perusing",
+	"Philosophising",
+	"Photosynthesizing",
+	"Plotting",
+	"Pollinating",
+	"Pondering",
+	"Pontificating",
+	"Pouncing",
+	"Precipitating",
+	"Prestidigitating",
+	"Probing",
+	"Processing",
+	"Proofing",
+	"Propagating",
+	"Prototyping",
+	"Puttering",
+	"Puzzling",
+	"Quantumizing",
+	"Querying",
+	"Razzle-dazzling",
+	"Razzmatazzing",
+	"Rebooting",
+	"Recombobulating",
+	"Refactoring",
+	"Refining",
+	"Reticulating",
+	"Riffing",
+	"Roosting",
+	"Ruminating",
+	"Sautéing",
+	"Scampering",
+	"Scheming",
+	"Schlepping",
+	"Scurrying",
+	"Seasoning",
+	"Shenaniganing",
+	"Shimmying",
+	"Simmering",
+	"Skedaddling",
+	"Sketching",
+	"Sleuthing",
+	"Slithering",
+	"Smooshing",
+	"Sock-hopping",
+	"Spelunking",
+	"Spinning",
+	"Sprouting",
+	"Stacking",
+	"Stewing",
+	"Sublimating",
+	"Summoning",
+	"Swirling",
+	"Swooping",
+	"Symbioting",
+	"Syncing",
+	"Synthesizing",
+	"Tempering",
+	"Thinking",
+	"Thundering",
+	"Tinkering",
+	"Tomfoolering",
+	"Topsy-turvying",
+	"Transfiguring",
+	"Transmuting",
+	"Troubleshooting",
+	"Tuning",
+	"Twisting",
+	"Undulating",
+	"Unfurling",
+	"Unpacking",
+	"Unravelling",
+	"Untangling",
+	"Vibing",
+	"Waddling",
+	"Wandering",
+	"Warping",
+	"Weaving",
+	"Whatchamacalliting",
+	"Whirlpooling",
+	"Whirring",
+	"Whisking",
+	"Wibbling",
+	"Wondering",
+	"Working",
+	"Wrangling",
+	"Yammering",
+	"Zapping",
+	"Zesting",
+	"Zigzagging",
+	"Zooming",
+];
+
+// ---------------------------------------------------------------------------
+// Spinner glyph characters are now patched into the Loader above.
+// No separate glyph prefix needed.
+// ---------------------------------------------------------------------------
+
+function pickVerb(): string {
+	return SPINNER_VERBS[Math.floor(Math.random() * SPINNER_VERBS.length)];
+}
+
+/** Format elapsed ms as compact duration: 5s, 1m 23s, 1h 2m 3s */
+function formatDuration(ms: number): string {
+	const totalSec = Math.floor(ms / 1000);
+	const h = Math.floor(totalSec / 3600);
+	const m = Math.floor((totalSec % 3600) / 60);
+	const s = totalSec % 60;
+	if (h > 0) return `${h}h ${m}m ${s}s`;
+	if (m > 0) return `${m}m ${s}s`;
+	return `${s}s`;
+}
+
+function formatCount(value: number): string {
+	return new Intl.NumberFormat("en-US").format(value);
+}
+
+function estimateResponseLength(message: any): number {
+	if (!Array.isArray(message?.content)) return 0;
+	return message.content.reduce((sum: number, block: any) =>
+		sum + (block?.type === "text" && typeof block.text === "string" ? block.text.length : 0), 0);
+}
+
+function textBlockLengths(message: any): number[] {
+	if (!Array.isArray(message?.content)) return [];
+	const lengths: number[] = [];
+	for (let i = 0; i < message.content.length; i++) {
+		const block = message.content[i];
+		if (block?.type === "text" && typeof block.text === "string") {
+			lengths[i] = block.text.length;
+		}
+	}
+	return lengths;
+}
+
+function statusText(text: string): string {
+	return `${STATUS_DIM}${text}${RESET}`;
+}
+
+// ---------------------------------------------------------------------------
+// Extension
+// ---------------------------------------------------------------------------
+
+/** Threshold before showing elapsed time in status parentheses */
+const SHOW_TIMER_AFTER_MS = 30_000;
+
+/** How long to preserve "thought for Ns" across turns */
+const THOUGHT_DISPLAY_MS = 3_500;
+
+/** Minimum thinking duration before showing "thought for Ns" */
+const MIN_THINKING_SHOW_MS = 100;
+
+/** Message refresh cadence. Keep constant so status updates don't stall on long sessions. */
+const WORKING_MESSAGE_INTERVAL_MS = 1_000;
+
+/** Completion message linger */
+const TURN_COMPLETION_MS = 2_500;
+
+
+export default function (pi: ExtensionAPI) {
+	let agentStartTime = 0;
+	let turnStartTime = 0;
+	let refreshTimer: ReturnType<typeof setTimeout> | null = null;
+	let completionTimer: ReturnType<typeof setTimeout> | null = null;
+	let thoughtStatusTimer: ReturnType<typeof setTimeout> | null = null;
+	let currentVerb = "";
+	let responseLength = 0;
+	let responseTextBlockLengths: number[] = [];
+	let thinkingStatus: "thinking" | number /* duration ms */ | null = null;
+	let thinkingStartTime = 0;
+	let thoughtForSetAt = 0;
+	let activeTurnId = 0;
+	let turnActive = false;
+	let lastWorkingMessage: string | null = null;
+	let activeCtx: { ui: any; hasUI: boolean } | null = null;
+
+	function getEffortSuffix(): string {
+		try {
+			const level = pi.getThinkingLevel();
+			if (!level || level === "off") return "";
+			return ` with ${level} effort`;
+		} catch {
+			return "";
+		}
+	}
+
+	function buildWorkingMessage(): string {
+		const elapsed = Date.now() - (agentStartTime || turnStartTime);
+		const tokenCount = Math.max(0, Math.round(responseLength / 4));
+		const statusParts: string[] = [];
+
+		if (thinkingStatus === "thinking") {
+			statusParts.push(`thinking${getEffortSuffix()}`);
+		} else if (typeof thinkingStatus === "number") {
+			statusParts.push(`thought for ${Math.max(1, Math.round(thinkingStatus / 1000))}s`);
+		}
+
+		if (tokenCount > 0) {
+			statusParts.push(`↓ ${formatCount(tokenCount)} tokens`);
+		}
+
+		if (elapsed > SHOW_TIMER_AFTER_MS || thinkingStatus !== null || tokenCount > 0) {
+			statusParts.push(formatDuration(elapsed));
+		}
+
+		let message = `${CLAUDE_ORANGE}${currentVerb}…${RESET}`;
+		if (statusParts.length > 0) {
+			message += statusText(` (${statusParts.join(" · ")})`);
+		}
+		return message;
+	}
+
+	function setResponseTextBlockLength(index: number, length: number): void {
+		const previous = responseTextBlockLengths[index] ?? 0;
+		responseTextBlockLengths[index] = Math.max(0, length);
+		responseLength = Math.max(0, responseLength + responseTextBlockLengths[index] - previous);
+	}
+
+	function resetResponseTracking(message?: any): void {
+		responseTextBlockLengths = message ? textBlockLengths(message) : [];
+		responseLength = message ? estimateResponseLength(message) : 0;
+	}
+
+	function syncWorkingMessage(force = false): void {
+		if (!activeCtx?.hasUI) return;
+		// Re-derive colors on every tick so /cc-spinner verb/status changes
+		// take effect within ~250 ms without waiting for the next pi event.
+		// applyThemeColors is identity-cached on (theme, verbKey, statusKey) so
+		// this is cheap when nothing changed.
+		applyThemeColors(activeCtx.ui?.theme);
+		const nextMessage = buildWorkingMessage();
+		if (!force && nextMessage === lastWorkingMessage) return;
+		lastWorkingMessage = nextMessage;
+		try {
+			activeCtx.ui.setWorkingMessage(nextMessage);
+		} catch { /* noop */ }
+	}
+
+	function restoreDefaultWorkingMessage(): void {
+		lastWorkingMessage = null;
+		if (!activeCtx?.hasUI) return;
+		try {
+			activeCtx.ui.setWorkingMessage();
+		} catch { /* noop */ }
+	}
+
+	function getWorkingMessageIntervalMs(): number {
+		const elapsed = Date.now() - (agentStartTime || turnStartTime);
+		const tokenCount = Math.max(0, Math.round(responseLength / 4));
+		// Keep ticking once per second even when idle so /cc-spinner changes
+		// take effect within ~1s and elapsed-time crossover into the timer-on
+		// state still fires close to 30s. syncWorkingMessage short-circuits
+		// when the rendered string is unchanged, so the cost is negligible.
+		if (thinkingStatus === null && tokenCount === 0 && elapsed <= SHOW_TIMER_AFTER_MS) {
+			return Math.max(250, Math.min(WORKING_MESSAGE_INTERVAL_MS, SHOW_TIMER_AFTER_MS - elapsed + 1));
+		}
+		return Math.max(250, WORKING_MESSAGE_INTERVAL_MS - (elapsed % WORKING_MESSAGE_INTERVAL_MS));
+	}
+
+	function scheduleRefreshTick(): void {
+		if (!turnActive || refreshTimer) return;
+		const intervalMs = getWorkingMessageIntervalMs();
+		refreshTimer = setTimeout(() => {
+			refreshTimer = null;
+			syncWorkingMessage();
+			scheduleRefreshTick();
+		}, intervalMs);
+		unrefTimer(refreshTimer);
+	}
+
+	function startRefreshLoop(): void {
+		stopRefreshLoop();
+		syncWorkingMessage(true);
+		scheduleRefreshTick();
+	}
+
+	function rescheduleRefreshLoop(): void {
+		if (!turnActive) return;
+		stopRefreshLoop();
+		scheduleRefreshTick();
+	}
+
+	function stopRefreshLoop(): void {
+		if (refreshTimer) {
+			clearTimeout(refreshTimer);
+			refreshTimer = null;
+		}
+	}
+
+	function clearCompletionTimer(): void {
+		if (completionTimer) {
+			clearTimeout(completionTimer);
+			completionTimer = null;
+		}
+	}
+
+	function clearThoughtStatusTimer(): void {
+		if (thoughtStatusTimer) {
+			clearTimeout(thoughtStatusTimer);
+			thoughtStatusTimer = null;
+		}
+	}
+
+	function scheduleThoughtStatusClear(): void {
+		clearThoughtStatusTimer();
+		if (typeof thinkingStatus !== "number") return;
+		const remaining = THOUGHT_DISPLAY_MS - (Date.now() - thoughtForSetAt);
+		if (remaining <= 0) {
+			thinkingStatus = null;
+			if (turnActive) syncWorkingMessage(true);
+			else if (!completionTimer) restoreDefaultWorkingMessage();
+			return;
+		}
+		thoughtStatusTimer = setTimeout(() => {
+			thoughtStatusTimer = null;
+			if (typeof thinkingStatus !== "number") return;
+			if (Date.now() - thoughtForSetAt < THOUGHT_DISPLAY_MS) {
+				scheduleThoughtStatusClear();
+				return;
+			}
+			thinkingStatus = null;
+			if (turnActive) syncWorkingMessage(true);
+			else if (!completionTimer) restoreDefaultWorkingMessage();
+		}, remaining);
+		unrefTimer(thoughtStatusTimer);
+	}
+
+	function clearDisplay(): void {
+		stopRefreshLoop();
+		clearCompletionTimer();
+		clearThoughtStatusTimer();
+		agentStartTime = 0;
+		turnStartTime = 0;
+		thinkingStatus = null;
+		thoughtForSetAt = 0;
+		resetResponseTracking();
+		restoreDefaultWorkingMessage();
+	}
+
+	function onThinkingEnd(): void {
+		if (thinkingStatus !== "thinking") return;
+		const duration = Date.now() - thinkingStartTime;
+		if (duration < MIN_THINKING_SHOW_MS) {
+			thinkingStatus = null;
+			clearThoughtStatusTimer();
+			return;
+		}
+		thinkingStatus = duration;
+		thoughtForSetAt = Date.now();
+		scheduleThoughtStatusClear();
+	}
+
+	pi.on("before_agent_start", async () => {
+		// Start once per top-level request. Steering/follow-up messages while the
+		// agent is active must not reset the timer.
+		if (!agentStartTime) agentStartTime = Date.now();
+	});
+
+	pi.on("agent_start", async () => {
+		if (!agentStartTime) agentStartTime = Date.now();
+	});
+
+	pi.on("turn_start", async (_event, ctx) => {
+		activeTurnId++;
+		turnActive = true;
+		activeCtx = ctx;
+		applyThemeColors(ctx.ui?.theme);
+		turnStartTime = Date.now();
+		if (!agentStartTime) agentStartTime = turnStartTime;
+		currentVerb = pickVerb();
+		resetResponseTracking();
+		clearCompletionTimer();
+		if (typeof thinkingStatus !== "number" || Date.now() - thoughtForSetAt >= THOUGHT_DISPLAY_MS) {
+			thinkingStatus = null;
+			clearThoughtStatusTimer();
+		} else {
+			scheduleThoughtStatusClear();
+		}
+		startRefreshLoop();
+	});
+
+	pi.on("message_update", async (event, ctx) => {
+		activeCtx = ctx;
+		applyThemeColors(ctx.ui?.theme);
+		const evt = event.assistantMessageEvent;
+		let statusChanged = false;
+		const previousTokenCount = Math.max(0, Math.round(responseLength / 4));
+
+		if (evt.type === "start") {
+			resetResponseTracking();
+		} else if (evt.type === "text_start") {
+			setResponseTextBlockLength(evt.contentIndex, 0);
+		} else if (evt.type === "text_delta") {
+			const previous = responseTextBlockLengths[evt.contentIndex] ?? 0;
+			setResponseTextBlockLength(evt.contentIndex, previous + (typeof evt.delta === "string" ? evt.delta.length : 0));
+		} else if (evt.type === "text_end") {
+			setResponseTextBlockLength(evt.contentIndex, typeof evt.content === "string" ? evt.content.length : 0);
+		} else if (evt.type === "done") {
+			resetResponseTracking(evt.message);
+		} else if (evt.type === "error") {
+			resetResponseTracking(evt.error);
+		}
+
+		if (evt.type === "thinking_start") {
+			clearThoughtStatusTimer();
+			thinkingStatus = "thinking";
+			thinkingStartTime = Date.now();
+			statusChanged = true;
+		}
+		if (evt.type === "thinking_end") {
+			onThinkingEnd();
+			statusChanged = true;
+		}
+
+		if (statusChanged) {
+			syncWorkingMessage(true);
+			rescheduleRefreshLoop();
+			// Same-frame ordering: ensure footer updates even if pi rendered first.
+			const timer = setTimeout(() => syncWorkingMessage(true), 0);
+			unrefTimer(timer);
+			return;
+		}
+
+		const nextTokenCount = Math.max(0, Math.round(responseLength / 4));
+		if (previousTokenCount === 0 && nextTokenCount > 0) {
+			rescheduleRefreshLoop();
+		}
+	});
+
+	pi.on("turn_end", async (_event, ctx) => {
+		turnActive = false;
+		activeCtx = ctx;
+		applyThemeColors(ctx.ui?.theme);
+		const turnId = activeTurnId;
+		const elapsed = Date.now() - (agentStartTime || turnStartTime);
+		stopRefreshLoop();
+		clearCompletionTimer();
+
+		if (typeof thinkingStatus === "number" && Date.now() - thoughtForSetAt >= THOUGHT_DISPLAY_MS) {
+			thinkingStatus = null;
+			clearThoughtStatusTimer();
+		}
+
+		if (activeCtx?.hasUI) {
+			const message = `${STATUS_DIM}✻ Turn took ${formatDuration(elapsed)}${RESET}`;
+			lastWorkingMessage = message;
+			try {
+				activeCtx.ui.setWorkingMessage(message);
+			} catch { /* noop */ }
+			completionTimer = setTimeout(() => {
+				completionTimer = null;
+				if (activeTurnId !== turnId) return;
+				restoreDefaultWorkingMessage();
+			}, TURN_COMPLETION_MS);
+			unrefTimer(completionTimer);
+		} else if (typeof thinkingStatus !== "number") {
+			restoreDefaultWorkingMessage();
+		}
+
+		responseLength = 0;
+		responseTextBlockLengths = [];
+	});
+
+	pi.on("agent_end", async () => {
+		turnActive = false;
+		agentStartTime = 0;
+		// Preserve the just-finished "Turn took …" line. Pi emits agent_end
+		// immediately after the final turn, so clearing here made the completion
+		// status disappear before users could see it.
+		if (completionTimer) return;
+		clearDisplay();
+	});
+
+	pi.on("session_shutdown", async () => {
+		turnActive = false;
+		clearDisplay();
+		activeCtx = null;
+	});
+}