@selesai/code 0.13.15 → 0.13.18

package/dist/extensions/pi-zentui/test/working-line.test.ts

@@ -1,6 +1,6 @@
 import { readFileSync } from "node:fs";
 import { stripVTControlCharacters } from "node:util";
-import type { Theme } from "@earendil-works/pi-coding-agent";
+import type { EventBus, Theme } from "@earendil-works/pi-coding-agent";
 import { Loader, visibleWidth } from "@earendil-works/pi-tui";
 import { describe, expect, it, vi } from "vitest";
 import { defaultConfig, type PolishedTuiConfig } from "../extensions/zentui/config";
@@ -35,6 +35,10 @@ import {
 	WorkingLineController,
 	workingLineSpinnerWidth,
 } from "../extensions/zentui/working-line";
+import {
+	WorkingLineExtensionSegments,
+	ZENTUI_WORKING_LINE_SEGMENT_EVENT,
+} from "../extensions/zentui/working-line-extension-segments";
 
 function theme(): Theme {
 	return {
@@ -968,6 +972,42 @@ describe("working-line row composition", () => {
 		expect(constrained.row).not.toContain("parallel");
 	});
 
+	it("composes sanitized extension segments into every animated frame", () => {
+		const current = config();
+		const component = current.components.workingLine;
+		const runtime = {
+			tokens: { input: 12, output: 3 },
+			extensions: ["24.3 tok/s · TTFT 820ms", "\x1b[31mqueue 2\x1b[0m"],
+		};
+		const composed = composeWorkingLineRow(component, "Working…", runtime);
+		expect(composed.row).toBe("Working… · ↑12 ↓3 · 24.3 tok/s · TTFT 820ms · queue 2");
+		const generated = buildWorkingLineFrames(
+			component,
+			current.colors,
+			theme(),
+			"Working…",
+			runtime,
+		);
+		expect(strippedFrames(generated.frames).every((frame) => frame.includes(composed.row))).toBe(
+			true,
+		);
+	});
+
+	it("bounds extension segments inside the complete Working-line row", () => {
+		const component = config().components.workingLine;
+		component.spinner = "pulse";
+		const composed = composeWorkingLineRow(component, "Working…", {
+			tokens: { input: Number.MAX_SAFE_INTEGER, output: Number.MAX_SAFE_INTEGER },
+			extensions: ["extension ".repeat(50), "must-not-fit"],
+		});
+		expect(composed.row).toContain("extension");
+		expect(composed.row).toContain("…");
+		expect(composed.row).not.toContain("must-not-fit");
+		expect(
+			workingLineSpinnerWidth(component.spinner) + 1 + visibleWidth(composed.row) + 3,
+		).toBeLessThanOrEqual(MAX_WORKING_LINE_ROW_CELLS);
+	});
+
 	it("reserves exact Tokens, then allocates Message, Elapsed, and truncated Tool within 80 cells", () => {
 		const component = config().components.workingLine;
 		const composed = composeWorkingLineRow(component, "x".repeat(43), {
@@ -1061,6 +1101,7 @@ describe("working-line runtime ownership", () => {
 		harness.controller.finishAgent(harness.ctx);
 		harness.controller.dispose(harness.ctx);
 		harness.clock.reset();
+		expect(harness.controller.isAvailable()).toBe(false);
 		expect(harness.calls).toEqual([]);
 	});
 
@@ -1069,6 +1110,7 @@ describe("working-line runtime ownership", () => {
 		for (const ui of [{ setWorkingMessage: vi.fn() }, { setWorkingIndicator: vi.fn() }]) {
 			const result = harness.controller.startSession({ hasUI: true, mode: "tui", ui });
 			expect(result.applied).toBe(false);
+			expect(harness.controller.isAvailable()).toBe(false);
 			expect(Object.values(ui).every((fn) => !fn.mock.calls.length)).toBe(true);
 		}
 		expect(harness.calls).toEqual([]);
@@ -1099,6 +1141,42 @@ describe("working-line runtime ownership", () => {
 		]);
 	});
 
+	it("accepts render-equivalent extension text and deduplicates its identical replay", () => {
+		const harness = runtime(true);
+		harness.controller.startSession(harness.ctx);
+		const eventHandlers = new Map<string, Set<(data: unknown) => void>>();
+		const events: EventBus = {
+			emit(channel: string, data: unknown) {
+				for (const handler of eventHandlers.get(channel) ?? []) handler(data);
+			},
+			on(channel: string, handler: (data: unknown) => void) {
+				const current = eventHandlers.get(channel) ?? new Set();
+				current.add(handler);
+				eventHandlers.set(channel, current);
+				return () => current.delete(handler);
+			},
+		};
+		const publish = vi.fn((segments: readonly string[]) =>
+			harness.controller.updateExtensionSegments(segments, harness.ctx),
+		);
+		new WorkingLineExtensionSegments(events, () => harness.controller.isAvailable(), publish);
+
+		events.emit(ZENTUI_WORKING_LINE_SEGMENT_EVENT, { key: "publisher:value", text: "queue 2" });
+		const indicatorWrites = harness.calls.filter(([name]) => name === "indicator").length;
+		events.emit(ZENTUI_WORKING_LINE_SEGMENT_EVENT, {
+			key: "publisher:value",
+			text: "  queue   2  ",
+		});
+		expect(harness.calls.filter(([name]) => name === "indicator")).toHaveLength(indicatorWrites);
+		expect(publish).toHaveBeenCalledTimes(2);
+
+		events.emit(ZENTUI_WORKING_LINE_SEGMENT_EVENT, {
+			key: "publisher:value",
+			text: "  queue   2  ",
+		});
+		expect(publish).toHaveBeenCalledTimes(2);
+	});
+
 	it("does not rewrite Static frames for text-speed or spinner-color participation changes", () => {
 		const harness = runtime(true);
 		harness.current.components.workingLine.textAnimation = "disabled";
@@ -1454,7 +1532,7 @@ describe("working-line runtime ownership", () => {
 			let generationPending = true;
 			const delayedTheme = theme();
 			const baseFg = delayedTheme.fg.bind(delayedTheme);
-			delayedTheme.fg = (color, text) => {
+			delayedTheme.fg = (color: Parameters<typeof baseFg>[0], text: Parameters<typeof baseFg>[1]) => {
 				if (generationPending) {
 					now += 250;
 					generationPending = false;
@@ -1739,6 +1817,7 @@ describe("working-line runtime ownership", () => {
 		};
 		const controller = new WorkingLineController(() => current, theme);
 		expect(controller.startSession(ctx).applied).toBe(true);
+		expect(controller.isAvailable()).toBe(true);
 		current.components.workingLine.spinnerIntervalMs += 1;
 		failureSets = 2;
 		expect(controller.reconcile(ctx).applied).toBe(false);
@@ -1750,10 +1829,12 @@ describe("working-line runtime ownership", () => {
 		]);
 		expect(indicatorSurface).toBeUndefined();
 		expect(messageSurface).toBeUndefined();
+		expect(controller.isAvailable()).toBe(false);
 		const afterRelease = calls.length;
 		controller.updateTokens({ input: 1, output: 1 }, ctx);
 		expect(calls).toHaveLength(afterRelease);
 		expect(controller.reconcile(ctx).applied).toBe(true);
+		expect(controller.isAvailable()).toBe(true);
 		expect(calls.slice(-2)).toEqual(["message-set", "indicator-set"]);
 	});
 
@@ -1999,10 +2080,17 @@ describe("working-line runtime ownership", () => {
 		harness.controller.startTurn(harness.ctx);
 		harness.current.components.workingLine.enabled = true;
 		expect(harness.controller.reconcile(harness.ctx).applied).toBe(true);
+		expect(harness.controller.isAvailable()).toBe(true);
 		expect(harness.controller.currentMessage()).toBe("B");
 		harness.current.components.workingLine.enabled = false;
+		expect(harness.controller.isAvailable()).toBe(false);
 		harness.controller.reconcile(harness.ctx);
+		expect(harness.controller.isAvailable()).toBe(false);
+		harness.current.components.workingLine.enabled = true;
+		expect(harness.controller.reconcile(harness.ctx).applied).toBe(true);
+		expect(harness.controller.isAvailable()).toBe(true);
 		harness.controller.dispose(harness.ctx);
+		expect(harness.controller.isAvailable()).toBe(false);
 		harness.controller.dispose(harness.ctx);
 		expect(
 			harness.calls.map(([name, value]) => [name, value === undefined ? "reset" : "set"]),
@@ -2011,6 +2099,10 @@ describe("working-line runtime ownership", () => {
 			["indicator", "set"],
 			["indicator", "reset"],
 			["message", "reset"],
+			["message", "set"],
+			["indicator", "set"],
+			["indicator", "reset"],
+			["message", "reset"],
 		]);
 	});
 });

package/dist/index.d.ts

@@ -26,7 +26,7 @@ export { type BashOperations, type BashSpawnContext, type BashSpawnHook, type Ba
 export { hasTrustRequiringProjectResources, type ProjectTrustDecision, ProjectTrustStore, type ProjectTrustStoreEntry, type ProjectTrustUpdate, } from "./core/trust-manager.ts";
 export { type MainOptions, main } from "./main.ts";
 export { InteractiveMode, type InteractiveModeOptions, type ModelInfo, type PrintModeOptions, RpcClient, type RpcClientOptions, type RpcCommand, type RpcEventListener, type RpcExtensionUIRequest, type RpcExtensionUIResponse, type RpcResponse, type RpcSessionState, runPrintMode, runRpcMode, } from "./modes/index.ts";
-export { ArminComponent, AssistantMessageComponent, BashExecutionComponent, BorderedLoader, BranchSummaryMessageComponent, CompactionSummaryMessageComponent, CustomEditor, CustomMessageComponent, DynamicBorder, ExtensionEditorComponent, ExtensionInputComponent, ExtensionSelectorComponent, FooterComponent, keyHint, keyText, LoginDialogComponent, ModelSelectorComponent, OAuthSelectorComponent, type RenderDiffOptions, rawKeyHint, renderDiff, SessionSelectorComponent, type SettingsCallbacks, type SettingsConfig, SettingsSelectorComponent, ShowImagesSelectorComponent, SkillInvocationMessageComponent, ThemeSelectorComponent, ThinkingSelectorComponent, ToolExecutionComponent, type ToolExecutionOptions, TreeSelectorComponent, truncateToVisualLines, UserMessageComponent, UserMessageSelectorComponent, type VisualTruncateResult, } from "./modes/interactive/components/index.ts";
+export { ArminComponent, AssistantMessageComponent, BashExecutionComponent, BorderedLoader, BranchSummaryMessageComponent, CompactionSummaryMessageComponent, CustomEditor, type CustomEditorOptions, CustomMessageComponent, DynamicBorder, ExtensionEditorComponent, ExtensionInputComponent, ExtensionSelectorComponent, FooterComponent, keyHint, keyText, LoginDialogComponent, ModelSelectorComponent, OAuthSelectorComponent, type RenderDiffOptions, rawKeyHint, renderDiff, SessionSelectorComponent, type SettingsCallbacks, type SettingsConfig, SettingsSelectorComponent, ShowImagesSelectorComponent, SkillInvocationMessageComponent, ThemeSelectorComponent, ThinkingSelectorComponent, ToolExecutionComponent, type ToolExecutionOptions, TreeSelectorComponent, truncateToVisualLines, UserMessageComponent, UserMessageSelectorComponent, type VisualTruncateResult, } from "./modes/interactive/components/index.ts";
 export { getLanguageFromPath, getMarkdownTheme, getSelectListTheme, getSettingsListTheme, highlightCode, initTheme, Theme, type ThemeColor, } from "./modes/interactive/theme/theme.ts";
 export { copyToClipboard } from "./utils/clipboard.ts";
 export { parseFrontmatter, stripFrontmatter } from "./utils/frontmatter.ts";

package/dist/main.js

@@ -34,7 +34,8 @@ import { hasTrustRequiringProjectResources, ProjectTrustStore } from "./core/tru
 import { builtInExtensions } from "./core/built-in-extensions.js";
 import { runMigrations, showDeprecationWarnings } from "./migrations.js";
 import { InteractiveMode, runPrintMode, runRpcMode } from "./modes/index.js";
-import { initTheme, stopThemeWatcher } from "./modes/interactive/theme/theme.js";
+import { initTheme, setThemeJsonValidator, stopThemeWatcher } from "./modes/interactive/theme/theme.js";
+import { validateThemeJson } from "./modes/interactive/theme/theme-json.js";
 import { handleConfigCommand, handlePackageCommand } from "./package-manager-cli.js";
 import { isLocalPath, normalizePath, resolvePath } from "./utils/paths.js";
 import { cleanupWindowsSelfUpdateQuarantine } from "./utils/windows-self-update.js";
@@ -686,6 +687,8 @@ export async function main(args, options) {
     time("readPipedStdin");
     const { initialMessage, initialImages } = await prepareInitialMessage(parsed, settingsManager.getImageAutoResize(), stdinContent);
     time("prepareInitialMessage");
+    // pi reads user-authored themes, so it opts into full validation before any theme loads.
+    setThemeJsonValidator(validateThemeJson);
     initTheme(settingsManager.getTheme(), appMode === "interactive");
     time("initTheme");
     // Show deprecation warnings in interactive mode

package/dist/modes/interactive/chat-viewport.d.ts

@@ -0,0 +1,19 @@
+import { type Component, ScrollView, type ScrollViewScrollbar } from "@earendil-works/pi-tui";
+export interface ChatViewportOptions {
+    readonly document: Component;
+    readonly pendingMessages: Component;
+    readonly status: Component;
+    readonly editor: Component;
+    readonly footer: Component;
+    readonly widgetsAbove?: Component;
+    readonly widgetsBelow?: Component;
+    readonly scrollbar?: ScrollViewScrollbar;
+    readonly scrollbarTrackStyle?: (text: string) => string;
+    readonly scrollbarThumbStyle?: (text: string) => string;
+}
+export interface ChatViewport {
+    readonly root: Component;
+    readonly transcript: ScrollView;
+}
+/** Shared fullscreen transcript and fixed input-dock layout. */
+export declare function createChatViewport(options: ChatViewportOptions): ChatViewport;

package/dist/modes/interactive/chat-viewport.js

@@ -0,0 +1,27 @@
+import { ScrollView, VStack } from "@earendil-works/pi-tui";
+/** Shared fullscreen transcript and fixed input-dock layout. */
+export function createChatViewport(options) {
+    const transcript = new ScrollView(options.document, {
+        follow: "end",
+        primary: true,
+        overscroll: "chain",
+        scrollbar: options.scrollbar ?? "auto",
+        ...(options.scrollbarTrackStyle === undefined ? {} : { scrollbarTrackStyle: options.scrollbarTrackStyle }),
+        ...(options.scrollbarThumbStyle === undefined ? {} : { scrollbarThumbStyle: options.scrollbarThumbStyle }),
+    });
+    const dock = new VStack([
+        { component: options.pendingMessages, shrink: 1, minSize: 0 },
+        { component: options.status, shrink: 1, minSize: 0 },
+        ...(options.widgetsAbove === undefined ? [] : [{ component: options.widgetsAbove, shrink: 1, minSize: 0 }]),
+        { component: options.editor, shrink: 1, minSize: 3 },
+        ...(options.widgetsBelow === undefined ? [] : [{ component: options.widgetsBelow, shrink: 1, minSize: 0 }]),
+        { component: options.footer, shrink: 1, minSize: 1 },
+    ]);
+    return {
+        transcript,
+        root: new VStack([
+            { component: transcript, basis: 0, grow: 1, shrink: 1, minSize: 1 },
+            { component: dock, basis: "auto", grow: 0, shrink: 1, minSize: 1 },
+        ]),
+    };
+}

package/dist/modes/interactive/components/assistant-message.d.ts

@@ -1,5 +1,6 @@
 import type { AssistantMessage } from "@earendil-works/pi-ai";
 import { Container, type MarkdownTheme } from "@earendil-works/pi-tui";
+import type { MarkdownTransformer } from "../../../core/extensions/types.ts";
 /**
  * Component that renders a complete assistant message
  */
@@ -9,13 +10,16 @@ export declare class AssistantMessageComponent extends Container {
     private markdownTheme;
     private hiddenThinkingLabel;
     private outputPad;
+    private markdownTransformers;
     private lastMessage?;
     private hasToolCalls;
-    constructor(message?: AssistantMessage, hideThinkingBlock?: boolean, markdownTheme?: MarkdownTheme, hiddenThinkingLabel?: string, outputPad?: number);
+    private isStreaming;
+    private thinkingVisibilityOverrides;
+    constructor(message?: AssistantMessage, hideThinkingBlock?: boolean, markdownTheme?: MarkdownTheme, hiddenThinkingLabel?: string, outputPad?: number, markdownTransformers?: readonly MarkdownTransformer[]);
     invalidate(): void;
     setHideThinkingBlock(hide: boolean): void;
     setHiddenThinkingLabel(label: string): void;
     setOutputPad(padding: number): void;
     render(width: number): string[];
-    updateContent(message: AssistantMessage): void;
+    updateContent(message: AssistantMessage, isStreaming?: boolean): void;
 }

package/dist/modes/interactive/components/assistant-message.js

@@ -1,6 +1,7 @@
-import { Container, Markdown, Spacer, Text } from "@earendil-works/pi-tui";
+import { Container, Markdown, MouseRegion, Spacer, Text } from "@earendil-works/pi-tui";
 import { normalizeAssistantThinkingTags } from "../../../utils/thinking-tags.js";
 import { getMarkdownTheme, theme } from "../theme/theme.js";
+import { createMarkdownTransform } from "./markdown-transform.js";
 const OSC133_ZONE_START = "\x1b]133;A\x07";
 const OSC133_ZONE_END = "\x1b]133;B\x07";
 const OSC133_ZONE_FINAL = "\x1b]133;C\x07";
@@ -13,14 +14,18 @@ export class AssistantMessageComponent extends Container {
     markdownTheme;
     hiddenThinkingLabel;
     outputPad;
+    markdownTransformers;
     lastMessage;
     hasToolCalls = false;
-    constructor(message, hideThinkingBlock = false, markdownTheme = getMarkdownTheme(), hiddenThinkingLabel = "Thinking...", outputPad = 1) {
+    isStreaming = false;
+    thinkingVisibilityOverrides = new Map();
+    constructor(message, hideThinkingBlock = false, markdownTheme = getMarkdownTheme(), hiddenThinkingLabel = "Thinking...", outputPad = 1, markdownTransformers = []) {
         super();
         this.hideThinkingBlock = hideThinkingBlock;
         this.markdownTheme = markdownTheme;
         this.hiddenThinkingLabel = hiddenThinkingLabel;
         this.outputPad = outputPad;
+        this.markdownTransformers = markdownTransformers;
         // Container for text/thinking content
         this.contentContainer = new Container();
         this.addChild(this.contentContainer);
@@ -36,6 +41,7 @@ export class AssistantMessageComponent extends Container {
     }
     setHideThinkingBlock(hide) {
         this.hideThinkingBlock = hide;
+        this.thinkingVisibilityOverrides.clear();
         if (this.lastMessage) {
             this.updateContent(this.lastMessage);
         }
@@ -61,9 +67,10 @@ export class AssistantMessageComponent extends Container {
         lines[lines.length - 1] = OSC133_ZONE_END + OSC133_ZONE_FINAL + lines[lines.length - 1];
         return lines;
     }
-    updateContent(message) {
+    updateContent(message, isStreaming = this.isStreaming) {
         message = normalizeAssistantThinkingTags(message);
         this.lastMessage = message;
+        this.isStreaming = isStreaming;
         // Clear content container
         this.contentContainer.clear();
         const hasVisibleContent = message.content.some((c) => (c.type === "text" && c.text.trim()) || (c.type === "thinking" && c.thinking.trim()));
@@ -71,12 +78,15 @@ export class AssistantMessageComponent extends Container {
             this.contentContainer.addChild(new Spacer(1));
         }
         // Render content in order
+        let thinkingRunIndex = 0;
         for (let i = 0; i < message.content.length; i++) {
             const content = message.content[i];
             if (content.type === "text" && content.text.trim()) {
                 // Assistant text messages with no background - trim the text
                 // Set paddingY=0 to avoid extra spacing before tool executions
-                this.contentContainer.addChild(new Markdown(content.text.trim(), this.outputPad, 0, this.markdownTheme));
+                this.contentContainer.addChild(new Markdown(content.text.trim(), this.outputPad, 0, this.markdownTheme, undefined, {
+                    transform: createMarkdownTransform("assistant", this.isStreaming, this.markdownTransformers),
+                }));
             }
             else if (content.type === "thinking") {
                 const thinkingBlocks = [];
@@ -99,17 +109,24 @@ export class AssistantMessageComponent extends Container {
                 const hasVisibleContentAfter = message.content
                     .slice(i + 1)
                     .some((c) => (c.type === "text" && c.text.trim()) || (c.type === "thinking" && c.thinking.trim()));
-                if (this.hideThinkingBlock) {
-                    // Show one static label for each run of thinking blocks when hidden.
-                    this.contentContainer.addChild(new Text(theme.italic(theme.fg("thinkingText", this.hiddenThinkingLabel)), this.outputPad, 0));
-                }
-                else {
-                    // Render each run of thinking blocks as one Markdown section.
-                    this.contentContainer.addChild(new Markdown(thinkingBlocks.join("\n\n"), this.outputPad, 0, this.markdownTheme, {
+                const runIndex = thinkingRunIndex++;
+                const hidden = this.thinkingVisibilityOverrides.get(runIndex) ?? this.hideThinkingBlock;
+                const thinkingComponent = hidden
+                    ? new Text(theme.italic(theme.fg("thinkingText", this.hiddenThinkingLabel)), this.outputPad, 0)
+                    : new Markdown(thinkingBlocks.join("\n\n"), this.outputPad, 0, this.markdownTheme, {
                         color: (text) => theme.fg("thinkingText", text),
                         italic: true,
-                    }));
-                }
+                    }, {
+                        transform: createMarkdownTransform("assistant-thinking", this.isStreaming, this.markdownTransformers),
+                    });
+                this.contentContainer.addChild(new MouseRegion(thinkingComponent, (event) => {
+                    if (event.type !== "click" || event.button !== "left")
+                        return undefined;
+                    this.thinkingVisibilityOverrides.set(runIndex, !hidden);
+                    if (this.lastMessage)
+                        this.updateContent(this.lastMessage);
+                    return { handled: true };
+                }));
                 if (hasVisibleContentAfter) {
                     this.contentContainer.addChild(new Spacer(1));
                 }

package/dist/modes/interactive/components/custom-editor.d.ts

@@ -1,17 +1,26 @@
 import { Editor, type EditorOptions, type EditorTheme, type TUI } from "@earendil-works/pi-tui";
 import type { AppKeybinding, KeybindingsManager } from "../../../core/keybindings.ts";
+import type { WorkingStatusIndicator } from "./status-indicator.ts";
+export type CustomEditorOptions = EditorOptions & {
+    /** Render the streaming working status in the editor's top border. */
+    embedWorkingStatus?: boolean;
+};
 /**
  * Custom editor that handles app-level keybindings for coding-agent.
  */
 export declare class CustomEditor extends Editor {
     private keybindings;
+    private workingStatusIndicator;
+    readonly embedWorkingStatus: boolean;
     actionHandlers: Map<AppKeybinding, () => void>;
     onEscape?: () => void;
     onCtrlD?: () => void;
     onPasteImage?: () => void;
     /** Handler for extension-registered shortcuts. Returns true if handled. */
     onExtensionShortcut?: (data: string) => boolean;
-    constructor(tui: TUI, theme: EditorTheme, keybindings: KeybindingsManager, options?: EditorOptions);
+    constructor(tui: TUI, theme: EditorTheme, keybindings: KeybindingsManager, options?: CustomEditorOptions);
+    setWorkingStatusIndicator(indicator: WorkingStatusIndicator | undefined): void;
+    protected renderTopBorder(width: number, hiddenLineCount: number): string;
     /**
      * Register a handler for an app action.
      */

package/dist/modes/interactive/components/custom-editor.js

@@ -1,9 +1,11 @@
-import { Editor } from "@earendil-works/pi-tui";
+import { Editor, visibleWidth } from "@earendil-works/pi-tui";
 /**
  * Custom editor that handles app-level keybindings for coding-agent.
  */
 export class CustomEditor extends Editor {
     keybindings;
+    workingStatusIndicator;
+    embedWorkingStatus;
     actionHandlers = new Map();
     // Special handlers that can be dynamically replaced
     onEscape;
@@ -14,6 +16,42 @@ export class CustomEditor extends Editor {
     constructor(tui, theme, keybindings, options) {
         super(tui, theme, options);
         this.keybindings = keybindings;
+        this.embedWorkingStatus = options?.embedWorkingStatus ?? false;
+    }
+    setWorkingStatusIndicator(indicator) {
+        this.workingStatusIndicator = indicator;
+    }
+    renderTopBorder(width, hiddenLineCount) {
+        if (!this.embedWorkingStatus || !this.workingStatusIndicator || width <= 0) {
+            return super.renderTopBorder(width, hiddenLineCount);
+        }
+        let status = this.workingStatusIndicator.renderInBorder(Math.max(1, width - 5));
+        let statusWidth = visibleWidth(status);
+        if (statusWidth === 0)
+            return super.renderTopBorder(width, hiddenLineCount);
+        const overflowLabel = hiddenLineCount > 0 ? ` ↑ ${hiddenLineCount} more ` : undefined;
+        const overflowLabelWidth = overflowLabel ? visibleWidth(overflowLabel) : 0;
+        const overflowStart = Math.floor((width - overflowLabelWidth) / 2);
+        const canFitOverflow = () => overflowLabel !== undefined && overflowLabelWidth + 2 <= width && overflowStart - (3 + statusWidth + 1) >= 1;
+        if (overflowLabel && !canFitOverflow()) {
+            status = this.workingStatusIndicator.renderSpinnerInBorder(width);
+            statusWidth = visibleWidth(status);
+        }
+        if (canFitOverflow()) {
+            const leftBlockWidth = 3 + statusWidth + 1;
+            return (this.borderColor("── ") +
+                status +
+                this.borderColor(` ${"─".repeat(overflowStart - leftBlockWidth)}${overflowLabel}${"─".repeat(width - overflowStart - overflowLabelWidth)}`));
+        }
+        if (width >= statusWidth + 5) {
+            return this.borderColor("── ") + status + this.borderColor(` ${"─".repeat(width - statusWidth - 4)}`);
+        }
+        status = this.workingStatusIndicator.renderSpinnerInBorder(width);
+        statusWidth = visibleWidth(status);
+        const prefixWidth = Math.min(3, Math.max(0, width - statusWidth));
+        return (this.borderColor("─".repeat(prefixWidth)) +
+            status +
+            this.borderColor("─".repeat(Math.max(0, width - prefixWidth - statusWidth))));
     }
     /**
      * Register a handler for an app action.

package/dist/modes/interactive/components/first-time-setup.js

@@ -37,7 +37,7 @@ export class FirstTimeSetupComponent extends Container {
             // ponytail: one Text with embedded newlines, no new component.
             this.addChild(new Text(theme.fg("text", `${APP_NAME} is a fork of the Pi Coding Agent. Your Pi setup carries over:`), 1, 0));
             this.addChild(new Spacer(1));
-            this.addChild(new Text(theme.fg("muted", "  • Extensions in ~/.pi/agent/extensions load automatically.\n" +
+            this.addChild(new Text(theme.fg("muted", "  • Extensions in ~/.selesai/agent/extensions load automatically.\n" +
                 "  • If the same extension exists in ~/.selesai/agent/extensions,\n" +
                 "    the selesai copy wins (set extensionHost in settings.json to change).\n\n" +
                 "  Selesai is tuned to match or outperform leading agent harnesses\n" +

package/dist/modes/interactive/components/index.d.ts

@@ -4,7 +4,7 @@ export { BashExecutionComponent } from "./bash-execution.ts";
 export { BorderedLoader } from "./bordered-loader.ts";
 export { BranchSummaryMessageComponent } from "./branch-summary-message.ts";
 export { CompactionSummaryMessageComponent } from "./compaction-summary-message.ts";
-export { CustomEditor } from "./custom-editor.ts";
+export { CustomEditor, type CustomEditorOptions } from "./custom-editor.ts";
 export { CustomMessageComponent } from "./custom-message.ts";
 export { DaxnutsComponent } from "./daxnuts.ts";
 export { type RenderDiffOptions, renderDiff } from "./diff.ts";

package/dist/modes/interactive/components/markdown-transform.d.ts

@@ -0,0 +1,2 @@
+import type { MarkdownTransformContext, MarkdownTransformer } from "../../../core/extensions/types.ts";
+export declare function createMarkdownTransform(messageType: MarkdownTransformContext["messageType"], isStreaming: boolean, transformers: readonly MarkdownTransformer[]): (markdown: string, availableWidth: number) => string;

package/dist/modes/interactive/components/markdown-transform.js

@@ -0,0 +1,18 @@
+export function createMarkdownTransform(messageType, isStreaming, transformers) {
+    return (markdown, availableWidth) => applyMarkdownTransformers(markdown, { messageType, isStreaming, availableWidth }, transformers);
+}
+function applyMarkdownTransformers(markdown, context, transformers) {
+    let transformedMarkdown = markdown;
+    for (const transformer of transformers) {
+        try {
+            const transformed = transformer(transformedMarkdown, context);
+            if (typeof transformed === "string") {
+                transformedMarkdown = transformed;
+            }
+        }
+        catch {
+            // Keep the current Markdown and continue with the next transformer.
+        }
+    }
+    return transformedMarkdown;
+}

package/dist/modes/interactive/components/model-selector.js

@@ -4,7 +4,7 @@ import { getModelSelectorSearchText } from "../model-search.js";
 import { refreshModelCatalogs } from "../model-catalog-refresh.js";
 import { theme } from "../theme/theme.js";
 import { DynamicBorder } from "./dynamic-border.js";
-import { keyHint } from "./keybinding-hints.js";
+import { keyDisplayText, keyHint } from "./keybinding-hints.js";
 /**
  * Component that renders a model selector with search
  */
@@ -85,6 +85,9 @@ export class ModelSelectorComponent extends Container {
         this.listContainer = new Container();
         this.addChild(this.listContainer);
         this.addChild(new Spacer(1));
+        if (this.options.persistSelection !== false) {
+            this.addChild(new Text(theme.fg("dim", `  ${keyDisplayText("tui.select.confirm")} to select · ${keyDisplayText("app.models.save")} to set as default · ${keyDisplayText("tui.select.cancel")} to cancel`), 0, 0));
+        }
         // Add bottom border
         this.addChild(new DynamicBorder());
         // Render the current snapshot immediately, then refresh in the background.
@@ -223,20 +226,13 @@ export class ModelSelectorComponent extends Container {
                 continue;
             const isSelected = i === this.selectedIndex;
             const isCurrent = modelsAreEqual(this.currentModel, item.model);
-            let line = "";
-            if (isSelected) {
-                const prefix = theme.fg("accent", "→ ");
-                const modelText = `${item.id}`;
-                const providerBadge = theme.fg("muted", `[${item.provider}]`);
-                const checkmark = isCurrent ? theme.fg("success", " ✓") : "";
-                line = `${prefix + theme.fg("accent", modelText)} ${providerBadge}${checkmark}`;
-            }
-            else {
-                const modelText = `  ${item.id}`;
-                const providerBadge = theme.fg("muted", `[${item.provider}]`);
-                const checkmark = isCurrent ? theme.fg("success", " ✓") : "";
-                line = `${modelText} ${providerBadge}${checkmark}`;
-            }
+            const isDefault = item.provider === this.settingsManager.getDefaultProvider() && item.id === this.settingsManager.getDefaultModel();
+            const defaultBadge = isDefault ? theme.fg("muted", " · default") : "";
+            const cursor = isSelected ? theme.fg("accent", "→ ") : "  ";
+            const currentMarker = isCurrent ? theme.fg("accent", "✓ ") : "  ";
+            const modelText = isSelected ? theme.fg("accent", item.id) : item.id;
+            const providerBadge = item.provider ? theme.fg("muted", `[${item.provider}]`) : "";
+            const line = `${cursor}${currentMarker}${modelText}${providerBadge ? ` ${providerBadge}` : ""}${defaultBadge}`;
             this.listContainer.addChild(new Text(line, 0, 0));
         }
         // Add scroll indicator if needed
@@ -303,6 +299,14 @@ export class ModelSelectorComponent extends Container {
             this.close();
             this.onCancelCallback();
         }
+        // Select and save as default. Vision-only selectors opt out via persistSelection.
+        else if (kb.matches(keyData, "app.models.save") && this.options.persistSelection !== false) {
+            const selectedModel = this.filteredModels[this.selectedIndex];
+            if (selectedModel && selectedModel.model.id !== "off") {
+                this.settingsManager.setDefaultModelAndProvider(selectedModel.model.provider, selectedModel.model.id);
+                this.handleSelect(selectedModel.model);
+            }
+        }
         // Pass everything else to search input
         else {
             this.searchInput.handleInput(keyData);
@@ -311,8 +315,6 @@ export class ModelSelectorComponent extends Container {
     }
     handleSelect(model) {
         this.close();
-        if (model.id !== "off" && this.options.persistSelection !== false)
-            this.settingsManager.setDefaultModelAndProvider(model.provider, model.id);
         this.onSelectCallback(model.id === "off" ? undefined : model);
     }
     getSearchInput() {