pi-ui-extend 0.1.19 → 0.1.21

package/dist/app/rendering/status-line-renderer.js

@@ -1,12 +1,10 @@
 import { compactProgressBarSegments, formatCompactProgressBar } from "../../context-progress-bar.js";
-import { padOrTrimPlain } from "./render-text.js";
+import { ellipsizeDisplay, padOrTrimPlain } from "./render-text.js";
 import { displayIndexForColumn, stringDisplayWidth } from "../../terminal-width.js";
 import { APP_ICONS } from "../icons.js";
 import { resolveColor, resolveModelColor } from "../../config.js";
 const MODEL_USAGE_PROGRESS_BAR_WIDTH = stringDisplayWidth(formatCompactProgressBar(100));
-const INPUT_BORDER_WIDGET_INSET = 2;
-const INPUT_BORDER_WIDGET_SEPARATOR = "─";
-const STATUS_ICON_BUTTON_WIDTH = 3;
+const STATUS_WIDGET_GAP = " ";
 export class StatusLineRenderer {
     host;
     constructor(host) {
@@ -18,17 +16,29 @@ export class StatusLineRenderer {
         const baseStatus = this.host.currentStatus();
         const workspaceLabel = this.host.statusWorkspaceLabel();
         const modelUsageLabel = this.host.modelUsageStatusLabel();
-        const workspaceDetailsLabel = modelUsageLabel ? `${workspaceLabel} ${modelUsageLabel}` : workspaceLabel;
-        const contextBarLabel = this.contextBarLabel(baseStatus, contentWidth, workspaceDetailsLabel);
+        const widgetsLayout = this.inputBorderWidgetsLayout(contentWidth);
+        const leftWidth = widgetsLayout?.inputBorderWidgetStartColumn
+            ? Math.max(0, widgetsLayout.inputBorderWidgetStartColumn - 2)
+            : contentWidth;
+        const fullWorkspaceDetailsLabel = modelUsageLabel ? `${workspaceLabel} ${modelUsageLabel}` : workspaceLabel;
+        const contextBarLabel = this.contextBarLabel(baseStatus, leftWidth, fullWorkspaceDetailsLabel);
         const status = contextBarLabel ? `${baseStatus} ${contextBarLabel}` : baseStatus;
         const sessionLabel = "";
-        const details = `${status} ${workspaceDetailsLabel}`;
-        const text = padOrTrimPlain(`${statusDot} ${details}`, width);
+        const fittedWorkspaceLabel = this.fitWorkspaceLabel(statusDot, status, workspaceLabel, modelUsageLabel, leftWidth);
+        const workspaceDetailsLabel = modelUsageLabel
+            ? `${fittedWorkspaceLabel ? `${fittedWorkspaceLabel} ` : ""}${modelUsageLabel}`
+            : fittedWorkspaceLabel;
+        const details = workspaceDetailsLabel ? `${status} ${workspaceDetailsLabel}` : status;
+        const leftText = padOrTrimPlain(`${statusDot} ${details}`, leftWidth);
+        const text = widgetsLayout?.inputBorderWidgetStartColumn
+            ? overlayText(padOrTrimPlain(leftText, contentWidth), widgetsLayout.inputBorderWidgetStartColumn, widgetsLayout.text)
+            : padOrTrimPlain(leftText, contentWidth);
         return {
+            ...widgetsLayout,
             details,
             text,
             sessionLabel,
-            workspaceLabel,
+            workspaceLabel: fittedWorkspaceLabel,
             ...(modelUsageLabel ? { modelUsageLabel } : {}),
             ...(contextBarLabel ? { contextBarLabel } : {}),
         };
@@ -76,17 +86,18 @@ export class StatusLineRenderer {
         if (!hasParts)
             return undefined;
         const parts = [];
-        const totalWidth = widgets.reduce((total, widget, index) => total + (index > 0 ? 1 : 0) + stringDisplayWidth(widget.text), 0);
-        const endColumn = Math.max(1, width - INPUT_BORDER_WIDGET_INSET);
+        const gapWidth = stringDisplayWidth(STATUS_WIDGET_GAP);
+        const totalWidth = widgets.reduce((total, widget, index) => total + stringDisplayWidth(widget.text) + (index > 0 ? gapWidth : 0), 0);
+        const endColumn = Math.max(1, width + 1);
         const startColumn = endColumn - totalWidth;
-        if (startColumn < 2)
+        if (startColumn < 1)
             return undefined;
         layout.inputBorderWidgetStartColumn = startColumn;
         let nextColumn = startColumn;
         for (const [index, widget] of widgets.entries()) {
             if (index > 0) {
-                parts.push(INPUT_BORDER_WIDGET_SEPARATOR);
-                nextColumn += 1;
+                parts.push(STATUS_WIDGET_GAP);
+                nextColumn += gapWidth;
             }
             parts.push(widget.text);
             widget.assign(nextColumn, widget.text);
@@ -110,7 +121,6 @@ export class StatusLineRenderer {
     }
     inputBorderWidgetSegments(layout, text) {
         const colors = this.host.theme.colors;
-        const background = colors.inputBorderWidgetBackground;
         const segments = [];
         const pushWidgetSegment = (widget, foreground) => {
             if (!widget)
@@ -119,7 +129,6 @@ export class StatusLineRenderer {
                 start: displayIndexForColumn(text, widget.startColumn),
                 end: displayIndexForColumn(text, widget.endColumn),
                 foreground,
-                background,
             });
         };
         pushWidgetSegment(layout.draftQueueWidget, colors.info);
@@ -138,14 +147,12 @@ export class StatusLineRenderer {
                 start: displayIndexForColumn(text, voiceWidget.startColumn),
                 end: displayIndexForColumn(text, voiceWidget.micEndColumn),
                 foreground: this.host.voiceStatusWidgetActive() ? colors.error : colors.muted,
-                background,
             });
             if (voiceWidget.languageEndColumn > voiceWidget.languageStartColumn) {
                 segments.push({
                     start: displayIndexForColumn(text, voiceWidget.languageStartColumn),
                     end: displayIndexForColumn(text, voiceWidget.languageEndColumn),
                     foreground: colors.statusForeground,
-                    background,
                 });
             }
         }
@@ -271,16 +278,10 @@ export class StatusLineRenderer {
                 end: statusDotStart + APP_ICONS.record.length,
                 foreground: this.statusDotColor(),
             }] : [];
-        this.pushDraftQueueWidgetSegment(segments, statusText);
-        this.pushUserJumpWidgetSegment(segments, statusText);
-        this.pushThinkingExpandWidgetSegment(segments, statusText, layout);
-        this.pushCompactToolsWidgetSegment(segments, statusText);
-        this.pushTerminalBellSoundWidgetSegment(segments, statusText);
+        this.pushStatusWidgetSegments(segments, statusText, layout);
         this.pushWorkspaceSegments(segments, statusText, layout.workspaceLabel);
         if (layout.modelUsageLabel)
             this.pushModelUsageSegments(segments, statusText, layout.modelUsageLabel);
-        this.pushPromptEnhancerWidgetSegment(segments, statusText);
-        this.pushVoiceWidgetSegment(segments, statusText);
         const session = this.host.session;
         if (!session)
             return segments;
@@ -304,6 +305,50 @@ export class StatusLineRenderer {
         this.pushSegment(segments, statusText.lastIndexOf(layout.sessionLabel), layout.sessionLabel.length, this.host.theme.colors.selectionForeground);
         return segments;
     }
+    fitWorkspaceLabel(statusDot, status, workspaceLabel, modelUsageLabel, width) {
+        const modelUsageSuffix = modelUsageLabel ? ` ${modelUsageLabel}` : "";
+        const available = width - stringDisplayWidth(`${statusDot} ${status} `) - stringDisplayWidth(modelUsageSuffix);
+        if (available <= 0)
+            return "";
+        return ellipsizeDisplay(workspaceLabel, available);
+    }
+    pushStatusWidgetSegments(segments, statusText, layout) {
+        const colors = this.host.theme.colors;
+        const widgets = [
+            { widget: layout.draftQueueWidget, foreground: colors.info },
+            { widget: layout.promptEnhancerWidget, foreground: this.host.promptEnhancerStatusWidgetActive()
+                    ? colors.warning
+                    : this.host.promptEnhancerStatusWidgetEnabled()
+                        ? colors.info
+                        : colors.muted },
+            { widget: layout.userJumpWidget, foreground: this.host.userMessageJumpMenuActive?.() ? colors.info : colors.muted },
+            { widget: layout.terminalBellSoundWidget, foreground: this.host.terminalBellSoundStatusWidgetEnabled() ? colors.info : colors.muted },
+            { widget: layout.thinkingExpandWidget, foreground: this.host.allThinkingExpandedActive?.() ? colors.info : colors.muted },
+            { widget: layout.compactToolsWidget, foreground: this.host.superCompactToolsActive?.() ? colors.info : colors.muted },
+        ].filter((entry) => Boolean(entry.widget));
+        for (const { widget, foreground } of widgets) {
+            segments.push({
+                start: displayIndexForColumn(statusText, widget.startColumn),
+                end: displayIndexForColumn(statusText, widget.endColumn),
+                foreground,
+            });
+        }
+        const voiceWidget = layout.voiceWidget;
+        if (voiceWidget) {
+            segments.push({
+                start: displayIndexForColumn(statusText, voiceWidget.startColumn),
+                end: displayIndexForColumn(statusText, voiceWidget.micEndColumn),
+                foreground: this.host.voiceStatusWidgetActive() ? colors.error : colors.muted,
+            });
+            if (voiceWidget.languageEndColumn > voiceWidget.languageStartColumn) {
+                segments.push({
+                    start: displayIndexForColumn(statusText, voiceWidget.languageStartColumn),
+                    end: displayIndexForColumn(statusText, voiceWidget.languageEndColumn),
+                    foreground: colors.statusForeground,
+                });
+            }
+        }
+    }
     pushPromptEnhancerWidgetSegment(segments, statusText) {
         const widgetText = this.host.promptEnhancerStatusWidgetText();
         const start = statusText.lastIndexOf(widgetText);
@@ -497,7 +542,7 @@ export class StatusLineRenderer {
         };
     }
     iconButtonText(icon) {
-        return padOrTrimPlain(` ${icon} `, STATUS_ICON_BUTTON_WIDTH);
+        return icon;
     }
     voiceBorderWidgetText(widgetText) {
         const parts = this.voiceBorderWidgetParts(widgetText);
@@ -505,21 +550,22 @@ export class StatusLineRenderer {
             return "";
         const micButton = this.iconButtonText(parts.buttonIconText);
         if (parts.languageText) {
-            return `${micButton}${INPUT_BORDER_WIDGET_SEPARATOR}${parts.languageText}`;
+            return `${micButton}${STATUS_WIDGET_GAP}${parts.languageText}`;
         }
         return micButton;
     }
     voiceWidgetLayout(startColumn, sourceText, widgetText) {
         const parts = this.voiceBorderWidgetParts(sourceText);
+        const micWidth = parts?.buttonIconText ? stringDisplayWidth(parts.buttonIconText) : stringDisplayWidth(widgetText);
         const languageStartOffset = parts?.languageText
-            ? STATUS_ICON_BUTTON_WIDTH + stringDisplayWidth(INPUT_BORDER_WIDGET_SEPARATOR)
+            ? micWidth + stringDisplayWidth(STATUS_WIDGET_GAP)
             : stringDisplayWidth(widgetText);
         const languageEndOffset = parts?.languageText
             ? languageStartOffset + stringDisplayWidth(parts.languageText)
             : languageStartOffset;
         return {
             startColumn,
-            micEndColumn: startColumn + STATUS_ICON_BUTTON_WIDTH,
+            micEndColumn: startColumn + micWidth,
             languageStartColumn: startColumn + languageStartOffset,
             languageEndColumn: startColumn + languageEndOffset,
             endColumn: startColumn + stringDisplayWidth(widgetText),

package/dist/app/rendering/tool-block-renderer.d.ts

@@ -23,5 +23,7 @@ export type ToolBlockEntry = {
 };
 export type ToolBlockRenderOptions = {
     superCompact?: boolean;
+    backgroundOverride?: string;
+    skipHeaderBackground?: boolean;
 };
 export declare function renderToolBlock(entry: ToolBlockEntry, rule: ResolvedToolRule, width: number, colors: Theme["colors"], options?: ToolBlockRenderOptions): RenderedLine[];

package/dist/app/rendering/tool-block-renderer.js

@@ -10,7 +10,10 @@ export function renderToolBlock(entry, rule, width, colors, options = {}) {
     const stateIcon = toolStatusIcon(entry);
     const toolColor = resolveColor(rule.color, colors);
     const toolOutputColor = colors.statusForeground;
-    const headerLabel = entry.headerLabel ?? entry.toolName;
+    const headerLabel = (entry.headerLabel ?? entry.toolName).toLowerCase();
+    const bg = options.backgroundOverride;
+    const applyBackground = bg ? (lines) => { for (const line of lines)
+        line.backgroundOverride = bg; } : (_lines) => { };
     const headerPrefix = headerLabel ? `${stateIcon} ${headerLabel}` : stateIcon;
     const headerArgs = formatToolHeaderArgs(entry.headerArgs);
     const headerArgsWidth = width - stringDisplayWidth(headerPrefix) - 1;
@@ -22,14 +25,22 @@ export function renderToolBlock(entry, rule, width, colors, options = {}) {
         text: header,
         target,
         colorOverride: toolColor,
+        ...(options.backgroundOverride && !options.skipHeaderBackground ? { backgroundOverride: options.backgroundOverride } : {}),
         segments: [
             { start: 0, end: stateIcon.length, foreground: toolStatusIconColor(entry, colors), bold: true },
+            { start: stateIcon.length, end: headerPrefix.length, bold: true },
             ...headerArgsStyledSegments(headerArgsStart, clippedHeaderArgs.length, entry.headerArgsSegments, colors),
         ],
     };
     const headerLines = [headerLine];
     if (expanded) {
         headerLines.push(...renderToolBodyLines(entry.expandedText, width, target, toolOutputColor, entry.bodyStyle, colors, entry.syntaxHighlight, entry.bodyWrap, hasLspDiagnostics, entry.bodyLineStyles, entry.preserveAnsi));
+        if (options.skipHeaderBackground && headerLines.length > 1) {
+            applyBackground(headerLines.slice(1));
+        }
+        else {
+            applyBackground(headerLines);
+        }
         return headerLines;
     }
     if (rule.compactHidden || (rule.defaultExpanded === true && !options.superCompact))
@@ -39,6 +50,7 @@ export function renderToolBlock(entry, rule, width, colors, options = {}) {
         return headerLines;
     if (!options.superCompact) {
         headerLines.push(...renderCollapsedPreviewLines(entry, body, rule, width, target, toolOutputColor, colors, hasLspDiagnostics));
+        applyBackground(headerLines);
         return headerLines;
     }
     const preview = collapsedInlinePreview(body, rule, entry.preserveAnsi);

package/dist/app/runtime.d.ts

@@ -33,9 +33,11 @@ export declare function bundledSkillsInstallPath(homeDir?: string): string;
 export declare function ensurePiToolsSuiteExtensionInstalled(options?: PiToolsSuiteInstallOptions): Promise<PiToolsSuiteInstallResult>;
 export declare function ensureBundledSkillsInstalled(options?: BundledSkillsInstallOptions): Promise<BundledSkillsInstallResult>;
 export declare function getBundledExtensionPaths(): string[];
+export declare function getBundledExtensionPathsAsync(): Promise<string[]>;
 export declare function prioritizeBundledQuestionExtension(base: LoadExtensionsResult, questionExtensionPath?: string): LoadExtensionsResult;
 export type CreatePixRuntimeOptions = {
     eventBus?: EventBus;
+    config?: PixConfig;
 };
 type RuntimeSessionManagerModelState = Pick<SessionManager, "getEntries" | "getBranch">;
 export declare function resolvePixRuntimeModelRef(options: Pick<AppOptions, "modelRef">, sessionManager: RuntimeSessionManagerModelState, config?: PixConfig): string | undefined;

package/dist/app/runtime.js

@@ -1,5 +1,5 @@
 import { existsSync } from "node:fs";
-import { cp, lstat, mkdir, readlink, realpath, rm, symlink } from "node:fs/promises";
+import { access, cp, lstat, mkdir, readlink, realpath, rm, symlink } from "node:fs/promises";
 import { homedir } from "node:os";
 import { dirname, isAbsolute, join, relative, resolve } from "node:path";
 import { fileURLToPath } from "node:url";
@@ -40,7 +40,7 @@ export function bundledSkillsInstallPath(homeDir = homedir()) {
 export async function ensurePiToolsSuiteExtensionInstalled(options = {}) {
     const sourcePath = resolve(options.sourcePath ?? piToolsSuiteExtensionSourcePath());
     const targetPath = resolve(options.targetPath ?? piToolsSuiteExtensionInstallPath(options.agentDir));
-    if (!extensionEntryExists(sourcePath)) {
+    if (!(await extensionEntryExistsAsync(sourcePath))) {
         return { action: "missing-source", sourcePath, targetPath };
     }
     await mkdir(dirname(targetPath), { recursive: true });
@@ -84,6 +84,14 @@ export function getBundledExtensionPaths() {
         bundledTerminalBellExtensionPath(),
     ].filter(extensionEntryExists);
 }
+export async function getBundledExtensionPathsAsync() {
+    const paths = await Promise.all([
+        bundledQuestionExtensionPath(),
+        bundledSessionTitleExtensionPath(),
+        bundledTerminalBellExtensionPath(),
+    ].map(async (extensionPath) => await extensionEntryExistsAsync(extensionPath) ? extensionPath : undefined));
+    return paths.filter((path) => path !== undefined);
+}
 export function prioritizeBundledQuestionExtension(base, questionExtensionPath = bundledQuestionExtensionPath()) {
     const bundledQuestionExtensions = base.extensions.filter((extension) => isBundledQuestionExtension(extension, questionExtensionPath));
     if (bundledQuestionExtensions.length === 0)
@@ -101,6 +109,21 @@ export function prioritizeBundledQuestionExtension(base, questionExtensionPath =
 function extensionEntryExists(extensionPath) {
     return existsSync(join(extensionPath, "index.ts")) || existsSync(join(extensionPath, "index.js"));
 }
+async function extensionEntryExistsAsync(extensionPath) {
+    try {
+        await access(join(extensionPath, "index.ts"));
+        return true;
+    }
+    catch {
+        try {
+            await access(join(extensionPath, "index.js"));
+            return true;
+        }
+        catch {
+            return false;
+        }
+    }
+}
 function extensionSymlinkType() {
     return process.platform === "win32" ? "junction" : "dir";
 }
@@ -198,13 +221,13 @@ export function resolveSessionModelRefFromTail(entries) {
 export async function createPixRuntime(options, runtimeOptions = {}) {
     const agentDir = getAgentDir();
     const createRuntime = async ({ cwd, sessionManager, sessionStartEvent }) => {
-        const config = loadPixConfig(cwd);
+        const config = runtimeOptions.config ?? loadPixConfig(cwd);
         const effectiveModelRef = resolvePixRuntimeModelRef(options, sessionManager, config);
         const parsedModel = effectiveModelRef ? parseModelRef(effectiveModelRef) : undefined;
         const initialThinkingLevel = resolvePixRuntimeInitialThinkingLevel(options, sessionManager, config);
         await ensureBundledSkillsInstalledOnce();
         await ensurePiToolsSuiteExtensionInstalledOnce({ agentDir });
-        const bundledExtensionPaths = getBundledExtensionPaths();
+        const bundledExtensionPaths = await getBundledExtensionPathsAsync();
         const services = await createAgentSessionServices({
             cwd,
             agentDir,

package/dist/app/screen/mouse-controller.d.ts

@@ -20,7 +20,7 @@ export type InputFrameCopyRows = {
     inputStartRow: number;
     inputEndRow: number;
     inputSeparatorRow: number;
-    inputBottomSeparatorRow: number;
+    inputBottomSeparatorRow?: number;
 };
 export type AppMouseControllerHost = {
     terminalColumns(): number;

package/dist/app/screen/mouse-controller.js

@@ -784,12 +784,15 @@ export class AppMouseController {
         const topOffset = editorLayoutTopOffset(tabPanelRows);
         const toScreenRow = (layoutRow) => Math.max(1, Math.min(terminalRows, topOffset + layoutRow));
         const toScreenRowExclusive = (layoutRow) => Math.max(1, Math.min(terminalRows + 1, topOffset + layoutRow));
-        return {
+        const inputFrame = {
             inputStartRow: toScreenRow(layout.inputStartRow),
             inputEndRow: toScreenRowExclusive(layout.inputStartRow + layout.renderedInput.lines.length),
             inputSeparatorRow: toScreenRow(layout.inputSeparatorRow),
-            inputBottomSeparatorRow: toScreenRow(layout.inputBottomSeparatorRow),
         };
+        if (layout.inputBottomSeparatorRow !== undefined) {
+            inputFrame.inputBottomSeparatorRow = toScreenRow(layout.inputBottomSeparatorRow);
+        }
+        return inputFrame;
     }
     getSelectedConversationText(anchor, current) {
         const range = orderedConversationSelection(anchor, current);
@@ -935,7 +938,10 @@ function orderedConversationSelection(anchor, current) {
     return anchor.x <= current.x ? { start: anchor, end: current } : { start: current, end: anchor };
 }
 export function screenSelectionLineText(row, text, startColumn, endColumn, inputFrame) {
-    if (inputFrame && (row === inputFrame.inputSeparatorRow || row === inputFrame.inputBottomSeparatorRow)) {
+    if (inputFrame && row === inputFrame.inputSeparatorRow) {
+        return undefined;
+    }
+    if (inputFrame?.inputBottomSeparatorRow !== undefined && row === inputFrame.inputBottomSeparatorRow) {
         return undefined;
     }
     return sliceByDisplayColumns(text, startColumn, endColumn);

package/dist/app/screen/screen-styler.js

@@ -1,4 +1,4 @@
-import { ANSI_RESET, colorize } from "../../theme.js";
+import { ANSI_RESET, ansiStylePrefix, colorize } from "../../theme.js";
 import { renderMarkdownLine } from "../../markdown-format.js";
 import { syntaxHighlightSegmentsForLine } from "../../syntax-highlight.js";
 import { displayIndexForColumn } from "../../terminal-width.js";
@@ -75,7 +75,7 @@ export class ScreenStyler {
     }
     styleInputLine(row, text, tagSpans, suggestionSpans, width, tagColor, suggestionColor, frameColor) {
         const colors = this.host.theme.colors;
-        const baseOptions = { foreground: colors.warning };
+        const baseOptions = { foreground: colors.userForeground };
         if (this.selectionRangeForRow(row, width, text))
             return this.styleLine(row, text, width, baseOptions);
         const plain = padOrTrimPlain(text, width);
@@ -105,7 +105,7 @@ export class ScreenStyler {
         return chunks.join("");
     }
     styleAnsiLine(text, options) {
-        const prefix = colorize("", options).replace(new RegExp(`${escapeRegExp(ANSI_RESET)}$`), "");
+        const prefix = ansiStylePrefix(options);
         if (!prefix)
             return text;
         return `${prefix}${text.replaceAll(ANSI_RESET, `${ANSI_RESET}${prefix}`)}${ANSI_RESET}`;

package/dist/app/session/session-lifecycle-controller.d.ts

@@ -14,6 +14,7 @@ export type AppSessionLifecycleHost = {
     inputEditor(): InputEditor;
     enableTerminal(): void;
     disposeRuntimeForQuit(runtime: AgentSessionRuntime): Promise<void>;
+    loadStartupConfig(): Promise<void>;
     loadRequestHistory(): Promise<void>;
     startSubagentsPolling(): void;
     closeSdkMenuForBind(): void;
@@ -67,6 +68,7 @@ export declare class AppSessionLifecycleController {
     loadSessionHistory(): void;
     requireRuntime(): AgentSessionRuntime;
     private bindSessionExtensions;
+    private collectAvailabilityIssues;
     private isCurrentRuntimeSession;
     private extensionUiScope;
 }

package/dist/app/session/session-lifecycle-controller.js

@@ -16,11 +16,17 @@ export class AppSessionLifecycleController {
             throw new Error("pi-ui-extend needs an interactive TTY");
         }
         this.host.enableTerminal();
-        await this.host.loadRequestHistory();
         this.host.setRunning(true);
         this.host.startSubagentsPolling();
         this.host.render();
+        void this.host.loadRequestHistory().catch((error) => {
+            if (!this.host.isRunning())
+                return;
+            this.host.addEntry({ id: createId("warning"), kind: "system", text: `Request history failed to load: ${stringifyUnknown(error)}` });
+            this.host.render();
+        });
         try {
+            await this.host.loadStartupConfig();
             const runtime = await this.host.createRuntime();
             if (!this.host.isRunning()) {
                 await this.host.disposeRuntimeForQuit(runtime);
@@ -34,21 +40,6 @@ export class AppSessionLifecycleController {
             if (isEmptyStartupSession(runtime)) {
                 this.host.addEntry({ id: createId("system"), kind: "system", text: createStartupInfoMessage(runtime) });
             }
-            await this.host.restoreTabsAfterStartup();
-            const availabilityIssues = await collectStartupAvailabilityIssues(runtime);
-            for (const issue of availabilityIssues) {
-                this.host.addEntry({
-                    id: createId(issue.kind),
-                    kind: issue.kind === "error" ? "error" : "system",
-                    text: issue.message,
-                });
-            }
-            if (availabilityIssues.some((issue) => issue.kind === "error")) {
-                this.host.showToast("Startup dependency unavailable", "error");
-            }
-            else if (availabilityIssues.length > 0) {
-                this.host.showToast("Startup dependency warning", "warning");
-            }
             if (runtime.modelFallbackMessage) {
                 this.host.addEntry({ id: createId("system"), kind: "system", text: runtime.modelFallbackMessage });
             }
@@ -59,6 +50,14 @@ export class AppSessionLifecycleController {
             this.host.setSessionStatus(runtime.session);
             this.host.setSessionActivity(runtime.session.isStreaming ? "running" : "idle");
             this.host.render();
+            void this.collectAvailabilityIssues(runtime);
+            void this.host.restoreTabsAfterStartup().catch((error) => {
+                if (!this.host.isRunning())
+                    return;
+                this.host.addEntry({ id: createId("warning"), kind: "system", text: `Tab restore failed: ${stringifyUnknown(error)}` });
+                this.host.showToast("Could not restore tabs", "warning");
+                this.host.render();
+            });
         }
         catch (error) {
             this.host.addEntry({ id: createId("error"), kind: "error", text: stringifyUnknown(error) });
@@ -154,6 +153,34 @@ export class AppSessionLifecycleController {
         this.extensionBindSession = session;
         return promise;
     }
+    async collectAvailabilityIssues(runtime) {
+        try {
+            const availabilityIssues = await collectStartupAvailabilityIssues(runtime);
+            if (!this.host.isRunning() || this.host.runtime() !== runtime)
+                return;
+            for (const issue of availabilityIssues) {
+                this.host.addEntry({
+                    id: createId(issue.kind),
+                    kind: issue.kind === "error" ? "error" : "system",
+                    text: issue.message,
+                });
+            }
+            if (availabilityIssues.some((issue) => issue.kind === "error")) {
+                this.host.showToast("Startup dependency unavailable", "error");
+            }
+            else if (availabilityIssues.length > 0) {
+                this.host.showToast("Startup dependency warning", "warning");
+            }
+            if (availabilityIssues.length > 0)
+                this.host.render();
+        }
+        catch (error) {
+            if (!this.host.isRunning() || this.host.runtime() !== runtime)
+                return;
+            this.host.addEntry({ id: createId("warning"), kind: "system", text: `Startup dependency check failed: ${stringifyUnknown(error)}` });
+            this.host.render();
+        }
+    }
     isCurrentRuntimeSession(runtime, session) {
         return this.host.isRunning() && this.host.runtime() === runtime && runtime.session === session;
     }

package/dist/app/session/tabs-controller.d.ts

@@ -6,7 +6,7 @@ import type { AppOptions, Entry, SessionActivity, SessionTab, SubmittedUserMessa
 export type TabInputState = InputEditorDraftState;
 export type AppTabsControllerHost = {
     readonly options: AppOptions;
-    readonly maxProjectSessions?: number;
+    readonly maxProjectSessions?: number | (() => number | undefined);
     readonly blinkController: AppBlinkController;
     runtime(): AgentSessionRuntime | undefined;
     createRuntimeForNewSession(): Promise<AgentSessionRuntime>;

package/dist/app/session/tabs-controller.js

@@ -220,17 +220,12 @@ export class AppTabsController {
         }
         this.syncActiveTabFromRuntime({ save: false });
         this.settleStartupTabPlaceholders();
-        this.host.resetSessionView();
-        if (this.activeTabId)
-            this.restoreDeferredUserMessages(this.activeTabId);
-        this.host.loadSessionHistory();
-        this.host.setSessionStatus(restoredRuntime.session);
-        this.host.setSessionActivity(this.sessionActivity(restoredRuntime.session));
         if (this.activeTabId)
             this.restoreInputState(this.activeTabId);
         await this.saveTabs();
         this.scheduleProjectSessionRetention();
         this.scheduleTabPrewarm();
+        await this.loadActiveSessionHistory(restoredRuntime);
     }
     async openNewTab() {
         if (this.pendingActiveTabId) {
@@ -1377,7 +1372,8 @@ export class AppTabsController {
         return preserved;
     }
     maxProjectSessions() {
-        const value = this.host.maxProjectSessions;
+        const configured = this.host.maxProjectSessions;
+        const value = typeof configured === "function" ? configured() : configured;
         return typeof value === "number" && Number.isFinite(value) ? Math.max(0, Math.floor(value)) : 0;
     }
 }

package/dist/app/types.d.ts

@@ -447,7 +447,7 @@ export type EditorLayout = {
     belowEditorLines: readonly RenderedLine[];
     inputStartRow: number;
     inputSeparatorRow: number;
-    inputBottomSeparatorRow: number;
+    inputBottomSeparatorRow?: number;
     bodyHeight: number;
 };
 export type MouseEvent = {

package/dist/config.d.ts

@@ -72,6 +72,7 @@ export type PixConfig = {
 };
 export declare function getPixConfigPath(homeDir?: string): string;
 export declare function getProjectPixConfigPath(cwd: string): string;
+export declare function defaultPixConfig(): PixConfig;
 export declare function resolveDefaultModelRef(config: PixConfig): string | undefined;
 export declare function savePixDefaultModel(modelRef: string): DefaultModelConfig | undefined;
 export declare function savePixDefaultThinking(thinking: string, fallbackModelRef?: string): DefaultModelConfig | undefined;

package/dist/config.js

@@ -285,19 +285,31 @@ function numberInRange(value, fallback, min, max) {
     const rounded = Math.round(value);
     return Math.min(max, Math.max(min, rounded));
 }
-function defaultPixConfig() {
+export function defaultPixConfig() {
     return {
-        toolRenderer: DEFAULT_TOOL_RENDERER,
-        outputFilters: DEFAULT_OUTPUT_FILTERS,
-        promptEnhancer: DEFAULT_PROMPT_ENHANCER,
-        autocomplete: DEFAULT_AUTOCOMPLETE,
-        modelColors: DEFAULT_MODEL_COLORS,
+        toolRenderer: cloneToolRendererConfig(DEFAULT_TOOL_RENDERER),
+        outputFilters: { patterns: [...DEFAULT_OUTPUT_FILTERS.patterns] },
+        promptEnhancer: { ...DEFAULT_PROMPT_ENHANCER },
+        autocomplete: { ...DEFAULT_AUTOCOMPLETE },
+        modelColors: { rules: { ...DEFAULT_MODEL_COLORS.rules } },
         iconTheme: { name: resolveAppIconThemeNameFromEnv() },
-        dictation: DEFAULT_DICTATION,
+        dictation: cloneDictationConfig(DEFAULT_DICTATION),
         ignoreContextFiles: false,
         maxProjectSessions: 0,
     };
 }
+function cloneToolRendererConfig(config) {
+    return {
+        default: { ...config.default },
+        tools: Object.fromEntries(Object.entries(config.tools).map(([name, rule]) => [name, { ...rule }])),
+    };
+}
+function cloneDictationConfig(config) {
+    return {
+        languages: Object.fromEntries(Object.entries(config.languages).map(([language, model]) => [language, { ...model }])),
+        ...(config.language === undefined ? {} : { language: config.language }),
+    };
+}
 function pixConfigFromParsed(parsed, fallback = defaultPixConfig()) {
     const toolRenderer = extractToolRendererConfig(parsed) ?? fallback.toolRenderer;
     const outputFilters = extractOutputFiltersConfig(parsed) ?? fallback.outputFilters;

package/dist/markdown-format.d.ts

@@ -6,6 +6,7 @@ export type RenderedMarkdownLine = {
         end: number;
         bold: true;
     }[];
+    heading?: boolean;
 };
 export type RenderedMarkdownTextLine = {
     text: string;
@@ -15,6 +16,7 @@ export type RenderedMarkdownTextLine = {
         bold: true;
     }[] | undefined;
     syntaxHighlight?: SyntaxLineHighlight | undefined;
+    heading?: boolean;
 };
 export declare function formatMarkdownTables(text: string, maxWidth?: number): string;
 export declare function renderMarkdownLine(text: string, start?: number): RenderedMarkdownLine;