@oh-my-pi/pi-tui 18.6.0 → 18.6.3

package/src/components/image.ts

@@ -1,5 +1,7 @@
+import { encodeSixelAsync } from "@oh-my-pi/pi-natives";
 import { getKittyGraphics } from "../kitty-graphics";
 import {
+	encodeSixelNow,
 	getCellDimensions,
 	getImageDimensions,
 	type ImageDimensions,
@@ -29,6 +31,29 @@ export interface ImageOptions {
 	 * repaint replaces the placement instead of stacking a duplicate.
 	 */
 	imageKey?: string;
+	/**
+	 * Schedules a repaint once this image's off-thread SIXEL encode lands.
+	 * Defaults to the budget's repaint; a host without a budget must pass one,
+	 * or the image's reserved rows stay blank until an unrelated repaint.
+	 */
+	requestRender?: () => void;
+}
+
+/** Renders in progress whose rows are bound for native scrollback. */
+let scrollbackRenderDepth = 0;
+
+/**
+ * Run `render` for rows bound for native scrollback. Those rows are never
+ * repainted, so an image whose off-thread SIXEL encode has not landed encodes
+ * synchronously instead of committing its reserved blank rows.
+ */
+export function renderForScrollback<T>(render: () => T): T {
+	scrollbackRenderDepth++;
+	try {
+		return render();
+	} finally {
+		scrollbackRenderDepth--;
+	}
 }
 
 const EMPTY_IDS: readonly number[] = [];
@@ -227,6 +252,11 @@ export class ImageBudget {
 		this.#requestRender = requestRender;
 	}
 
+	/** Ask for a repaint, e.g. once an image's off-thread encode settles. */
+	requestRender(): void {
+		this.#requestRender();
+	}
+
 	setCap(cap: number): void {
 		const next = normalizeCap(cap);
 		if (next === this.#cap) return;
@@ -735,6 +765,8 @@ export class Image implements Component {
 	// (its rows may already be committed to native scrollback).
 	#renderedGraphicRows = 0;
 	#native?: NativeNode;
+	/** Newest SIXEL encode: its target size and, once settled, the sequence (`null` on failure). */
+	#sixel?: { widthPx: number; heightPx: number; sequence?: string | null };
 
 	constructor(
 		base64Data: string,
@@ -768,6 +800,38 @@ export class Image implements Component {
 		this.#cachedWidth = undefined;
 	}
 
+	/**
+	 * SIXEL sequence for a target size. A new size starts the encode off the JS
+	 * thread and answers `undefined` until it settles; the settled encode
+	 * invalidates the cached lines and requests a repaint. A render bound for
+	 * scrollback cannot wait, so it encodes synchronously.
+	 */
+	#sixelSequence(widthPx: number, heightPx: number): string | null | undefined {
+		const current = this.#sixel;
+		const sameSize = current !== undefined && current.widthPx === widthPx && current.heightPx === heightPx;
+		if (sameSize && current.sequence !== undefined) return current.sequence;
+		if (scrollbackRenderDepth > 0) {
+			// Replacing the entry makes a still-pending async encode settle as stale.
+			const sequence = encodeSixelNow(this.#base64Data, widthPx, heightPx);
+			this.#sixel = { widthPx, heightPx, sequence };
+			return sequence;
+		}
+		if (sameSize) return undefined;
+		const request: { widthPx: number; heightPx: number; sequence?: string | null } = { widthPx, heightPx };
+		this.#sixel = request;
+		const settle = (sequence: string | null): void => {
+			request.sequence = sequence;
+			if (this.#sixel !== request) return;
+			this.invalidate();
+			if (this.#options.requestRender) this.#options.requestRender();
+			else this.#budget?.requestRender();
+		};
+		encodeSixelAsync(new Uint8Array(Buffer.from(this.#base64Data, "base64")), widthPx, heightPx).then(settle, () =>
+			settle(null),
+		);
+		return undefined;
+	}
+
 	/**
 	 * A native `image` backed by a content-addressed blob; the terminal fits
 	 * it. Cell caps become `ch`/`lines` bounds. The inline-image budget and
@@ -820,7 +884,9 @@ export class Image implements Component {
 			this.#cachedCellWidthPx === cellDimensions.widthPx &&
 			this.#cachedCellHeightPx === cellDimensions.heightPx &&
 			this.#cachedKittyUnicodePlaceholders === kittyUnicodePlaceholders &&
-			(!transmitsSeparately || this.#budget?.shouldTransmit(imageId) !== true)
+			(!transmitsSeparately || this.#budget?.shouldTransmit(imageId) !== true) &&
+			// Cached rows reserved for a pending SIXEL encode must not reach scrollback.
+			!(scrollbackRenderDepth > 0 && this.#sixel !== undefined && this.#sixel.sequence === undefined)
 		) {
 			return this.#cachedLines;
 		}
@@ -839,6 +905,7 @@ export class Image implements Component {
 				maxHeightCells: this.#options.maxHeightCells,
 				imageId: this.#imageId,
 				includeTransmit: needsTransmit,
+				sixel: (widthPx, heightPx) => this.#sixelSequence(widthPx, heightPx),
 			});
 
 			if (result?.transmit && this.#imageId != null && this.#budget !== undefined) {

package/src/components/input.ts

@@ -1,6 +1,6 @@
 import { BracketedPasteHandler, decodeReencodedPasteControls } from "../bracketed-paste";
-import { getKeybindings } from "../keybindings";
-import { extractPrintableText, matchesKey } from "../keys";
+import { canonicalKeyId, getKeybindings } from "../keybindings";
+import { extractPrintableText, parseKey } from "../keys";
 import { KillRing } from "../kill-ring";
 import type { TspInputProps } from "@oh-my-pi/pi-wire";
 import { node } from "../native/describe";
@@ -14,7 +14,7 @@ import {
 	type NativeUiEvent,
 	resolveTextEdit,
 } from "../native/node";
-import { SpaceHoldGesture } from "../space-hold";
+import { getSpaceHoldText, SpaceHoldGesture } from "../space-hold";
 import { type Component, CURSOR_MARKER, type Focusable } from "../tui";
 import { cursorColumnWindow } from "./scroll-viewport";
 import {
@@ -134,6 +134,10 @@ export class Input implements Component, Focusable {
 		return this.#useTerminalCursor;
 	}
 
+	capturesInput(data: string): boolean {
+		return this.spaceHold.shouldRoute(data);
+	}
+
 	/**
 	 * Apply one key: the editor's text bindings (motion, deletion, kill ring,
 	 * undo), pastes and printable text. Returns whether the key was the
@@ -154,10 +158,14 @@ export class Input implements Component, Focusable {
 			return true;
 		}
 
-		// Space-hold push-to-talk: a sustained space bar starts/stops STT instead of typing spaces.
-		switch (this.spaceHold.process(matchesKey(data, "space"))) {
+		// Reserve configured keys before text bindings or submit/delete handlers can consume them.
+		const parsedKey = parseKey(data);
+		const canonical = parsedKey !== undefined ? canonicalKeyId(parsedKey) : undefined;
+		const spaceHoldText = getSpaceHoldText(data, canonical);
+		switch (this.spaceHold.process(canonical, spaceHoldText?.length ?? 0)) {
 			case "type":
-				this.#insertCharacter(" ");
+				this.#insertCharacter(spaceHoldText!);
+				this.spaceHold.recordTyped(spaceHoldText!.length);
 				return true;
 			case "swallow":
 				return true;

package/src/components/loader.ts

@@ -1,4 +1,6 @@
 import type { TspProps } from "@oh-my-pi/pi-wire";
+import { formatTooltipKey } from "../key-hint-format";
+import type { KeyId } from "../keys";
 import { elapsed, kbd, keyed, node, row, span, text } from "../native/describe";
 import { plainText } from "../native/spans";
 import type { DescribeContext, NativeChild, NativeNode, NativeUiEvent } from "../native/node";
@@ -38,22 +40,15 @@ export interface WorkingRowSpec {
 	readonly variant?: WorkingRowVariant;
 	/** Shimmer palette of the label (a session-accented intent). */
 	readonly palette?: ShimmerPalette;
-	/** Live tok/s, docked before the stop control. */
-	readonly rate?: number;
 	/** Key id that interrupts (`escape`); undefined hides the stop control (Esc would not cancel). */
-	readonly interruptKey?: string;
-}
-
-/** A key id as tooltip keys: `escape` reads `esc`, the rest as bound. */
-function titleKey(key: string): string {
-	return key === "escape" ? "esc" : key;
+	readonly interruptKey?: KeyId;
 }
 
 /**
  * The dock's working row: `starburst` spinner (or a retry countdown ring),
- * the intent shimmering, `·`, the elapsed time, a grow spacer, then the stop
- * control whose click sends `interrupt`. Compaction adds an indeterminate
- * `progress` before the stop control; a retry says "Cancel".
+ * the elapsed time, the `·` divider, the intent shimmering, a grow spacer,
+ * then the stop control whose click sends `interrupt`. Compaction adds an
+ * indeterminate `progress` before the stop control; a retry says "Cancel".
  */
 export function describeWorkingRow(spec: WorkingRowSpec, cx: DescribeContext, now = Date.now()): NativeNode {
 	const variant = spec.variant;
@@ -67,13 +62,12 @@ export function describeWorkingRow(spec: WorkingRowSpec, cx: DescribeContext, no
 	}
 	const label = describeShimmer([{ text: spec.label, palette: spec.palette }], "label");
 	children.push(
-		node(label.k, { ...label.p, role: "omp.working.label" } as TspProps, label.c, label.key),
-		node("text", { text: "·", role: "omp.working.sep" }, undefined, "sep"),
 		keyed(elapsed(now - spec.startedAt), "elapsed"),
+		node("text", { text: "·", role: "omp.working.sep" }, undefined, "sep"),
+		node(label.k, { ...label.p, role: "omp.working.label" } as TspProps, label.c, label.key),
 		node("row", { grow: 1 }, undefined, "fill"),
 	);
 	if (variant?.kind === "compaction") children.push(node("progress", { value: null }, undefined, "progress"));
-	if (spec.rate !== undefined) children.push(node("rate", { value: spec.rate, unit: "tok/s" }, undefined, "rate"));
 	if (spec.interruptKey !== undefined) {
 		const verb = variant?.kind === "retry" ? "Cancel" : "Stop";
 		children.push(
@@ -83,10 +77,10 @@ export function describeWorkingRow(spec: WorkingRowSpec, cx: DescribeContext, no
 					role: "omp.working.stop",
 					gap: "xs",
 					align: "center",
-					title: `${verb}  ${titleKey(spec.interruptKey)}`,
+					title: `${verb}  ${formatTooltipKey(spec.interruptKey)}`,
 					actions: { click: "interrupt" },
 				},
-				[kbd(titleKey(spec.interruptKey)), text(verb)],
+				[kbd(spec.interruptKey), text(verb)],
 				"stop",
 			),
 		);
@@ -285,7 +279,6 @@ export class Loader extends Text {
 			variant?.kind,
 			variant?.kind === "retry" ? `${variant.attempt}/${variant.max}` : "",
 			countdown,
-			spec.rate,
 			spec.interruptKey,
 			spec.palette?.mid,
 			shimmerEnabled(),

package/src/hotkeys-markdown.ts

@@ -62,6 +62,7 @@ function hotkeyGroups(bindings: HotkeysMarkdownBindings): HotkeyGroup[] {
 		if (keys.length > 0) return { keys: keys.map(formatKeyHint), ids: keys, action };
 		return { keys: [bindings.keybindings.getDisplayString(action) || "Disabled"], ids: [], action };
 	};
+	const pushToTalkKeys = bindings.keybindings.getKeys("app.stt.pushToTalk");
 	// CustomEditor tests the chord that was actually pressed, so exit keys split by role: a key
 	// that also carries tui.editor.deleteCharForward (the readline `^D` overlap) forward-deletes
 	// while the prompt holds a draft, any other exit key quits immediately. Mixed bindings such as
@@ -139,8 +140,14 @@ function hotkeyGroups(bindings: HotkeysMarkdownBindings): HotkeyGroup[] {
 				{ keys: [act("app.retry")], action: "Retry last failed assistant turn" },
 				{ keys: [act("app.clipboard.pasteImage")], action: "Paste image or text from clipboard" },
 				{
-					keys: [{ text: "Hold " }, hints(["space"])],
-					action: "Speech-to-text (push-to-talk): hold to record, release to transcribe",
+					keys:
+						pushToTalkKeys.length > 0
+							? [{ text: "Hold " }, act("app.stt.pushToTalk")]
+							: [act("app.stt.pushToTalk")],
+					action:
+						pushToTalkKeys.length > 0
+							? "Speech-to-text (push-to-talk): hold to record, release to transcribe"
+							: "Speech-to-text (push-to-talk) (disabled)",
 				},
 				{ keys: [act("app.live.toggle")], action: "Start/stop live voice mode (/live)" },
 				{

package/src/key-hint-format.ts

@@ -7,7 +7,7 @@
 import type { KeyId } from "./keybindings";
 import type { ModifierName } from "./keys";
 import { activeThemeSymbol } from "./theme/active-symbols";
-import type { SymbolKey } from "./theme/symbols";
+import { SYMBOL_PRESETS, type SymbolKey } from "./theme/symbols";
 
 /**
  * Key hint formatting: every key shown to the user renders through
@@ -69,9 +69,8 @@ const KEY_WORDS: Record<string, string | undefined> = {
 	insert: "Ins",
 };
 
-function keySymbol(key: SymbolKey): string {
-	return activeThemeSymbol(key);
-}
+/** Where a key's glyphs come from: the active theme, or a fixed preset. */
+type KeySymbols = (key: SymbolKey) => string;
 
 const HAS_LETTER = /[A-Za-z0-9]/;
 
@@ -89,6 +88,22 @@ export type KeyName = KeyId | ModifierName;
  * is capitalized. Other keys are capitalized (`f5` → `F5`).
  */
 export function formatKeyHint(key: KeyName): string {
+	return formatKey(key, activeThemeSymbol);
+}
+
+/**
+ * Format one key for a native tooltip (a TSP `title`): unicode keycap glyphs
+ * whatever the theme's symbol preset (`shift+tab` → `⇧⇥`), which Tern's
+ * tooltip splits into keycaps, and `esc` as Tern's own keycaps read. The nerd
+ * preset's icons are missing from Tern's UI font, and its spaced chords would
+ * not parse as keys.
+ */
+export function formatTooltipKey(key: KeyName): string {
+	return key === "escape" ? "esc" : formatKey(key, symbol => SYMBOL_PRESETS.unicode[symbol]);
+}
+
+/** {@link formatKeyHint} with glyphs from `symbol`. */
+function formatKey(key: KeyName, symbol: KeySymbols): string {
 	const mac = keyHintPlatform() === "darwin";
 	// A trailing `+` is the plus key itself (`+`, `ctrl++`), not a separator.
 	const parts = key.endsWith("+") ? [...key.slice(0, -1).split("+").slice(0, -1), "+"] : key.split("+");
@@ -96,14 +111,14 @@ export function formatKeyHint(key: KeyName): string {
 	let out = "";
 	for (const modifier in MODIFIER_SYMBOLS) {
 		if (!parts.includes(modifier)) continue;
-		const label = keySymbol(MODIFIER_SYMBOLS[modifier]![mac ? 1 : 0]);
-		out += HAS_LETTER.test(label) ? `${label}+` : label + keySymbol("key.joiner");
+		const label = symbol(MODIFIER_SYMBOLS[modifier]![mac ? 1 : 0]);
+		out += HAS_LETTER.test(label) ? `${label}+` : label + symbol("key.joiner");
 	}
 	const lower = base.toLowerCase();
 	const modifier = MODIFIER_SYMBOLS[lower];
-	const symbol = KEY_SYMBOLS[lower];
-	if (modifier) out += keySymbol(modifier[mac ? 1 : 0]);
-	else if (symbol !== undefined) out += keySymbol(symbol);
+	const glyph = KEY_SYMBOLS[lower];
+	if (modifier) out += symbol(modifier[mac ? 1 : 0]);
+	else if (glyph !== undefined) out += symbol(glyph);
 	else if (KEY_WORDS[lower] !== undefined) out += KEY_WORDS[lower];
 	else if (base.length === 1) out += parts.length === 0 ? base : base.toUpperCase();
 	else out += base[0]!.toUpperCase() + base.slice(1);
@@ -118,5 +133,5 @@ export function formatKeyHints(keys: KeyName | readonly KeyName[]): string {
 /** Format a double-tap gesture: `←←` with glyphs, `Left Left` with words. */
 export function formatDoubleTap(key: KeyName): string {
 	const label = formatKeyHint(key);
-	return `${label}${HAS_LETTER.test(label) ? " " : keySymbol("key.joiner")}${label}`;
+	return `${label}${HAS_LETTER.test(label) ? " " : activeThemeSymbol("key.joiner")}${label}`;
 }

package/src/native/apply.ts

@@ -1,8 +1,9 @@
 /**
  * Reference document applier: applies TSP frames to a node tree the way the
- * spec says the terminal does (§5.1). Ops are validated and applied one by
- * one; a rejected op is reported and skipped without affecting the rest of
- * the frame. `settle` is recorded as a hint and never restricts later ops.
+ * spec says the terminal does (Tern SDK, `protocol/documents.md`, frame ops).
+ * Ops are validated and applied one by one; a rejected op is reported and
+ * skipped without affecting the rest of the frame. `settle` is recorded as a
+ * hint and never restricts later ops.
  *
  * Used by tests, the debug server's `doc` op, and the TSP test harness.
  */

package/src/native/backend.ts

@@ -120,6 +120,7 @@ class NativeContext implements DescribeContext {
 	cols: number;
 	reduceMotion: boolean;
 	dark: boolean;
+	hour12: boolean | undefined;
 	#kinds: ReadonlySet<string>;
 	#features: ReadonlySet<string>;
 
@@ -127,6 +128,7 @@ class NativeContext implements DescribeContext {
 		this.cols = cols;
 		this.reduceMotion = hello.reduceMotion === true;
 		this.dark = hello.dark !== false;
+		this.hour12 = hello.hour12;
 		this.#kinds = new Set(hello.kinds);
 		this.#features = new Set(hello.features);
 	}
@@ -398,8 +400,8 @@ export class NativeBackend {
 	 * The terminal's real `hello` reply after an optimistic start: adopt its
 	 * APC limit, credits, cell size, kinds, appearance and motion preference.
 	 * A width the terminal already reported in a `resize` event wins over the
-	 * reply's. A different vocabulary or motion preference re-describes every
-	 * component, so kinds the terminal lacks fall back.
+	 * reply's. A different vocabulary, motion preference or clock re-describes
+	 * every component, so kinds the terminal lacks fall back.
 	 */
 	confirm(hello: TspHello): void {
 		const before = this.#cx;
@@ -411,7 +413,12 @@ export class NativeBackend {
 			this.#sawResize = true;
 		}
 		if (this.#cx.dark !== before.dark) this.#host.appearanceChanged(this.#cx.dark);
-		if (this.#cx.reduceMotion !== before.reduceMotion || !this.#cx.sameVocabulary(before)) this.#host.invalidate();
+		if (
+			this.#cx.reduceMotion !== before.reduceMotion ||
+			this.#cx.hour12 !== before.hour12 ||
+			!this.#cx.sameVocabulary(before)
+		)
+			this.#host.invalidate();
 		this.#host.requestRender();
 	}
 

package/src/native/encode.ts

@@ -108,9 +108,10 @@ export function encodeTspJson(verb: TspVerb, value: unknown, params?: TspParams,
 
 /**
  * The `hello` query; callers follow it with a DA1 sentinel. `features: ["edit"]`
- * tells the terminal that omp applies its `edit` events (TSP §8.5), so it may keep a
- * native selection in omp's editors; without it, every key stays omp's. `"undo"`
- * says omp applies `undo` events, so the terminal may turn ⌃Z in a field into one.
+ * tells the terminal that omp applies its `edit` events (Tern SDK,
+ * `protocol/input.md`), so it may keep a native selection in omp's editors;
+ * without it, every key stays omp's. `"undo"` says omp applies `undo` events,
+ * so the terminal may turn ⌃Z in a field into one.
  * `"send"` accepts an explicit prompt for a live composer without simulating keys.
  */
 export function encodeTspHelloQuery(version?: string): string {

package/src/native/node.ts

@@ -11,7 +11,8 @@
  * `rows` fallback node rendered through `render(cx.cols)`.
  *
  * See `packages/wire/src/tsp.ts` for the wire vocabulary and
- * `crates/tern/SURFACE_PROTOCOL.md` (Stencil repository) for the spec.
+ * the Tern SDK's Surface Protocol reference (`docs/sdk/src/protocol` in the
+ * Stencil repository, https://docs.stencil.so/tern/protocol/) for the spec.
  */
 import type { TspEvent, TspKind, TspProps, TspScrollBy, TspSpan } from "@oh-my-pi/pi-wire";
 import type { Component } from "../tui";
@@ -76,6 +77,12 @@ export interface DescribeContext {
 	readonly reduceMotion: boolean;
 	/** The terminal's appearance is dark. */
 	readonly dark: boolean;
+	/**
+	 * The user's system reads a 12-hour clock (`false`: 24-hour); `undefined`
+	 * when the terminal doesn't say. Pass it as `hour12` when formatting times:
+	 * the process's own default locale may not know.
+	 */
+	readonly hour12?: boolean;
 	/** Whether the terminal renders `kind` natively (else describe something simpler or let it fall back). */
 	supports(kind: TspKind): boolean;
 	/**

package/src/native/overlay.ts

@@ -7,7 +7,7 @@
  * component's root is a `card` whose `head` carries the title.
  */
 import type { TspProps, TspSpan, TspText } from "@oh-my-pi/pi-wire";
-import type { KeyName } from "../key-hint-format";
+import { formatTooltipKey, type KeyName } from "../key-hint-format";
 import { getKeybindings, type Keybinding } from "../keybindings";
 import { card, kbd, list, node, row, span, text } from "./describe";
 import type { NativeChild, NativeNode } from "./node";
@@ -86,10 +86,10 @@ export interface ActionButtonOptions {
 	/** Sibling identity key (defaults to the action id); `leafKey(event.key)` reports it back. */
 	readonly key?: string;
 	/** Key id of the keyboard path the button mirrors, drawn as a keycap inside it (`"r"`, `"ctrl+g"`). */
-	readonly keys?: string;
+	readonly keys?: KeyName;
 	/** `accent` = the view's hero action, `error` = destructive. */
 	readonly tone?: "accent" | "error";
-	/** Tooltip; defaults to the label plus the keycap (`"Refresh  r"`). */
+	/** Tooltip; defaults to the label plus the keycap (`"Refresh  r"`, see {@link formatTooltipKey}). */
 	readonly title?: string;
 	/** Target of an `open` action (URL or `file://` path). */
 	readonly href?: string;
@@ -110,7 +110,7 @@ export function actionButton(label: string, act: string, options: ActionButtonOp
 			gap: "xs",
 			align: "center",
 			actions: { click: act },
-			title: options.title ?? (options.keys ? `${label}  ${options.keys}` : label),
+			title: options.title ?? (options.keys ? `${label}  ${formatTooltipKey(options.keys)}` : label),
 			...(options.tone ? { tone: options.tone } : {}),
 			...(options.href ? { href: options.href } : {}),
 		},

package/src/native/settle.ts

@@ -1,8 +1,9 @@
 /**
  * Settling: the frame provider marks finalized transcript blocks so the
- * native reconciler stops keeping their description (spec §12 "Settling and
- * program memory"). A settled block stays editable: a later change is sent as
- * targeted ops by id, followed by a fresh `settle` hint.
+ * native reconciler stops keeping their description (Tern SDK,
+ * `protocol/operations.md`, "Settling"). A settled block stays editable: a
+ * later change is sent as targeted ops by id, followed by a fresh `settle`
+ * hint.
  */
 import type { Component } from "../tui";
 

package/src/overlays/agent-hub.ts

@@ -300,6 +300,7 @@ export interface AgentHubDeps<TRecord extends AgentRecordLike = AgentRecordLike>
 	/** Mirrors the main transcript's thinking-block visibility. */
 	hideThinkingBlock?: () => boolean;
 	proseOnlyThinking?: () => boolean;
+	expandThinkingBlocks?: () => boolean;
 	/** Keys toggling tool output expansion (app.tools.expand). */
 	expandKeys?: KeyId[];
 	/** Focus the main view on this agent's live session (ctx.focusAgentSession). When absent (collab guest, tests), Enter opens the in-hub chat view instead. */
@@ -445,6 +446,7 @@ export class AgentHubOverlayComponent<TRecord extends AgentRecordLike = AgentRec
 	#cwd: string;
 	#hideThinkingBlock: (() => boolean) | undefined;
 	#proseOnlyThinking: (() => boolean) | undefined;
+	#expandThinkingBlocks: (() => boolean) | undefined;
 	#expandKeys: KeyId[];
 	#focusAgent: ((id: string) => Promise<void>) | undefined;
 
@@ -490,6 +492,7 @@ export class AgentHubOverlayComponent<TRecord extends AgentRecordLike = AgentRec
 		this.#cwd = deps.cwd ?? getProjectDir();
 		this.#hideThinkingBlock = deps.hideThinkingBlock;
 		this.#proseOnlyThinking = deps.proseOnlyThinking;
+		this.#expandThinkingBlocks = deps.expandThinkingBlocks;
 		this.#expandKeys = deps.expandKeys ?? ["ctrl+o"];
 		this.#focusAgent = deps.focusAgent;
 
@@ -639,6 +642,7 @@ export class AgentHubOverlayComponent<TRecord extends AgentRecordLike = AgentRec
 			cwd: this.#cwd,
 			hideThinkingBlock: this.#hideThinkingBlock,
 			proseOnlyThinking: this.#proseOnlyThinking,
+			expandThinkingBlocks: this.#expandThinkingBlocks,
 			expandKeys: this.#expandKeys,
 			hubKeys: this.#hubKeys,
 			requestRender: this.#requestRender,

package/src/overlays/agent-transcript-viewer.ts

@@ -73,6 +73,7 @@ export interface AgentTranscriptViewerDeps {
 	cwd: string;
 	hideThinkingBlock?: () => boolean;
 	proseOnlyThinking?: () => boolean;
+	expandThinkingBlocks?: () => boolean;
 	expandKeys: KeyId[];
 	/** Keys that toggle the whole hub closed (app.agents.hub + app.session.observe). */
 	hubKeys: KeyId[];
@@ -199,6 +200,7 @@ export class AgentTranscriptViewer implements Component {
 			cwd: deps.cwd,
 			hideThinkingBlock: deps.hideThinkingBlock,
 			proseOnlyThinking: deps.proseOnlyThinking,
+			expandThinkingBlocks: deps.expandThinkingBlocks,
 			requestRender: deps.requestRender,
 		});
 		this.#browser = new TranscriptBrowser({