pi-ui-extend 0.1.15 → 0.1.17

package/dist/app/rendering/popup-menu-renderer.js

@@ -1,9 +1,13 @@
 import { colorLine } from "../../theme.js";
 import { stringDisplayWidth } from "../../terminal-width.js";
+import { resolveColor, resolveModelColor } from "../../config.js";
 import { SLASH_COMMAND_DESCRIPTION_COLUMN, } from "../constants.js";
 import { APP_ICONS } from "../icons.js";
 import { ellipsizeDisplay, padOrTrimPlain, sanitizeText } from "./render-text.js";
+import { modelProviderThemeColor, thinkingLevelThemeColor } from "./status-line-renderer.js";
 const POPUP_MENU_ESCAPE_BUTTON = "Esc";
+const POPUP_MENU_DESCRIPTION_GAP = "  ";
+const POPUP_MENU_HEADER_SIDE_PADDING = 2;
 export class PopupMenuRenderer {
     host;
     constructor(host) {
@@ -25,7 +29,7 @@ export class PopupMenuRenderer {
         const menuWidth = this.effectivePopupMenuWidth(width);
         const rightMargin = Math.max(0, width - margin - menuWidth);
         const selected = line.target?.kind === "popup-menu" && activeMenu.selectedIndex === line.target.index;
-        const foreground = this.popupLineForeground(line, selected);
+        const foreground = this.popupLineForeground(line);
         const background = this.popupLineBackground(line, selected);
         const plain = `${" ".repeat(margin)}${padOrTrimPlain(line.text, menuWidth)}${" ".repeat(rightMargin)}`;
         if (this.host.screenStyler.selectionRangeForRow(row, width)) {
@@ -59,7 +63,7 @@ export class PopupMenuRenderer {
         for (const item of menu.visibleItems()) {
             const label = item.label.padEnd(18, " ");
             const description = item.description ?? "";
-            const marker = item.selected ? "›" : " ";
+            const marker = item.selected ? "▶" : " ";
             const rawText = `${marker} ${label}${description}`;
             const text = ellipsizeDisplay(rawText, options.userContentWidth);
             const line = options.userLine(text);
@@ -73,7 +77,7 @@ export class PopupMenuRenderer {
                 {
                     start: labelStart,
                     end: labelEnd,
-                    foreground: this.userMessageActionForeground(item.selected, item.value),
+                    foreground: this.userMessageActionForeground(item.value),
                     bold: item.selected,
                 },
                 ...(descriptionStart < contentStart + text.length
@@ -91,11 +95,12 @@ export class PopupMenuRenderer {
             lines.push({ text: "  No matching slash commands", variant: "muted" });
         }
         for (const item of visibleItems) {
-            const command = item.label.padEnd(SLASH_COMMAND_DESCRIPTION_COLUMN, " ");
-            const description = item.description ?? "";
+            const marker = item.selected ? "▶ " : "  ";
+            const text = `${marker}${this.labelDescriptionText(item.label, item.description, width - 2)}`;
             lines.push({
-                text: `${command}${description}`,
-                variant: item.selected ? "accent" : "normal",
+                text,
+                variant: "normal",
+                segments: this.itemHighlightSegments(item, text),
                 target: { kind: "popup-menu", index: item.index },
             });
         }
@@ -111,11 +116,12 @@ export class PopupMenuRenderer {
             });
         }
         for (const item of visibleItems) {
-            const model = item.label.padEnd(SLASH_COMMAND_DESCRIPTION_COLUMN, " ");
-            const description = item.description ?? "";
+            const marker = item.selected ? "▶ " : "  ";
+            const text = `${marker}${this.labelDescriptionText(item.label, item.description, width - 2)}`;
             lines.push({
-                text: `${model}${description}`,
-                variant: this.selectableItemVariant(item.selected, item.value),
+                text,
+                variant: this.selectableItemVariant(item.value),
+                segments: [...this.modelMenuItemSegments(item.value), ...this.itemHighlightSegments(item, text)],
                 target: { kind: "popup-menu", index: item.index },
             });
         }
@@ -128,11 +134,12 @@ export class PopupMenuRenderer {
             lines.push({ text: "  No matching thinking levels", variant: "muted" });
         }
         for (const item of visibleItems) {
-            const level = item.label.padEnd(SLASH_COMMAND_DESCRIPTION_COLUMN, " ");
-            const description = item.description ?? "";
+            const marker = item.selected ? "▶ " : "  ";
+            const text = `${marker}${this.labelDescriptionText(item.label, item.description, width - 2)}`;
             lines.push({
-                text: `${level}${description}`,
-                variant: this.selectableItemVariant(item.selected, item.value),
+                text,
+                variant: this.selectableItemVariant(item.value),
+                segments: this.thinkingMenuItemSegments(item.value),
                 target: { kind: "popup-menu", index: item.index },
             });
         }
@@ -151,12 +158,13 @@ export class PopupMenuRenderer {
         for (const item of visibleItems) {
             const label = item.label;
             const description = item.description ?? "";
-            const text = `${label}  ${description}`;
-            const segments = this.resumeMenuItemSegments(item.value, label, description, text);
+            const marker = item.selected ? "▶ " : "  ";
+            const text = `${marker}${label}  ${description}`;
+            const segments = [...(this.resumeMenuItemSegments(item.value, label, description, text) ?? []), ...this.itemHighlightSegments(item, text)];
             lines.push({
                 text,
-                variant: item.selected ? "accent" : "normal",
-                ...(segments ? { segments } : {}),
+                variant: "normal",
+                ...(segments.length === 0 ? {} : { segments }),
                 target: { kind: "popup-menu", index: item.index },
             });
         }
@@ -170,18 +178,24 @@ export class PopupMenuRenderer {
     }
     renderUserMessageJumpMenu(width, menu, directQuery) {
         const lines = [this.popupMenuHeader("Jump to user message", width)];
-        if (!this.hasPopupActionItems(menu.items)) {
+        if (this.host.userMessageJumpLoading) {
+            lines.push({ text: `  ${APP_ICONS.timerSand} Loading user messages`, variant: "muted" });
+        }
+        else if (!this.hasPopupActionItems(menu.items)) {
             lines.push({
                 text: this.host.entries.some((entry) => entry.kind === "user") ? "  No matching user messages" : "  No user messages yet",
                 variant: "muted",
             });
         }
-        const labelWidth = Math.max(1, width);
+        const labelWidth = Math.max(1, width - 2);
         for (const item of menu.visibleItems()) {
             const label = ellipsizeDisplay(item.label, labelWidth);
+            const marker = item.selected ? "▶ " : "  ";
+            const text = `${marker}${label}`;
             lines.push({
-                text: label,
-                variant: item.selected ? "accent" : "normal",
+                text,
+                variant: "normal",
+                segments: this.itemHighlightSegments(item, text),
                 target: { kind: "popup-menu", index: item.index },
             });
         }
@@ -193,11 +207,10 @@ export class PopupMenuRenderer {
     renderQueueMessageMenu(width, menu) {
         const lines = [this.popupMenuHeader("Queued message", width)];
         for (const item of menu.visibleItems()) {
-            const label = item.label.padEnd(18, " ");
-            const description = item.description ?? "";
+            const marker = item.selected ? "▶ " : "  ";
             lines.push({
-                text: `${label}${description}`,
-                variant: this.queueMessageItemVariant(item.selected, item.value),
+                text: `${marker}${this.labelDescriptionText(item.label, item.description, width - 2, 16)}`,
+                variant: this.queueMessageItemVariant(item.value),
                 target: { kind: "popup-menu", index: item.index },
             });
         }
@@ -209,11 +222,13 @@ export class PopupMenuRenderer {
             lines.push({ text: `  ${request?.options.emptyText ?? "No matching items"}`, variant: "muted" });
         }
         for (const item of menu.visibleItems()) {
-            const label = item.label.padEnd(SLASH_COMMAND_DESCRIPTION_COLUMN, " ");
-            const description = item.description ?? "";
+            const marker = item.selected ? "▶ " : "  ";
+            const text = `${marker}${this.labelDescriptionText(item.label, item.description, width - 2)}`;
+            const segments = this.sdkMenuItemSegments(item, text);
             lines.push({
-                text: `${label}${description}`,
-                variant: this.sdkItemVariant(item.selected, item.value),
+                text,
+                variant: this.sdkItemVariant(item.value),
+                ...(segments.length === 0 ? {} : { segments }),
                 target: { kind: "popup-menu", index: item.index },
             });
         }
@@ -225,39 +240,117 @@ export class PopupMenuRenderer {
     hasPopupActionItems(items) {
         return items.length > 0;
     }
-    userMessageActionForeground(selected, value) {
-        if (selected)
-            return this.host.theme.colors.accent;
+    labelDescriptionText(label, description, width, labelColumn = SLASH_COMMAND_DESCRIPTION_COLUMN) {
+        const safeLabel = sanitizeText(label).replace(/\s+/gu, " ");
+        const safeDescription = description ? sanitizeText(description).replace(/\s+/gu, " ") : "";
+        if (!safeDescription)
+            return ellipsizeDisplay(safeLabel, width);
+        const gapWidth = stringDisplayWidth(POPUP_MENU_DESCRIPTION_GAP);
+        const labelDisplayWidth = stringDisplayWidth(safeLabel);
+        const descriptionDisplayWidth = stringDisplayWidth(safeDescription);
+        if (width <= gapWidth + 1)
+            return ellipsizeDisplay(safeLabel, width);
+        if (labelDisplayWidth <= labelColumn && labelColumn + gapWidth + descriptionDisplayWidth <= width) {
+            return `${safeLabel}${" ".repeat(labelColumn - labelDisplayWidth)}${POPUP_MENU_DESCRIPTION_GAP}${safeDescription}`;
+        }
+        if (labelDisplayWidth + gapWidth + descriptionDisplayWidth <= width) {
+            return `${safeLabel}${POPUP_MENU_DESCRIPTION_GAP}${safeDescription}`;
+        }
+        const labelWidth = descriptionDisplayWidth < width - gapWidth - 1
+            ? Math.max(1, width - gapWidth - descriptionDisplayWidth)
+            : Math.max(1, Math.min(labelColumn, width - gapWidth - 1));
+        const visibleLabel = ellipsizeDisplay(safeLabel, labelWidth);
+        const padding = " ".repeat(Math.max(0, labelWidth - stringDisplayWidth(visibleLabel)));
+        return `${visibleLabel}${padding}${POPUP_MENU_DESCRIPTION_GAP}${safeDescription}`;
+    }
+    userMessageActionForeground(value) {
         if (value === "undo")
             return this.host.theme.colors.error;
         return this.host.theme.colors.inputForeground;
     }
-    selectableItemVariant(selected, value) {
-        if (selected)
-            return "accent";
+    selectableItemVariant(value) {
         return value.current ? "muted" : "normal";
     }
-    queueMessageItemVariant(selected, value) {
-        if (selected)
-            return "accent";
+    thinkingMenuItemSegments(value) {
+        const markerOffset = 2; // "▶ " or "  "
+        return [{
+                start: markerOffset,
+                end: markerOffset + value.level.length,
+                foreground: thinkingLevelThemeColor(value.level, this.host.theme.colors, this.availableThinkingLevels()),
+            }];
+    }
+    modelMenuItemSegments(value) {
+        const markerOffset = 2; // "▶ " or "  "
+        return [{
+                start: markerOffset,
+                end: markerOffset + value.ref.length,
+                foreground: this.modelMenuItemColor(value),
+            }];
+    }
+    modelMenuItemColor(value) {
+        const configuredColor = this.host.modelColors
+            ? resolveModelColor(value.ref, this.host.modelColors)
+            : undefined;
+        return configuredColor
+            ? resolveColor(configuredColor, this.host.theme.colors)
+            : modelProviderThemeColor(value.model.provider, this.host.theme.colors);
+    }
+    availableThinkingLevels() {
+        const levels = this.host.session?.getAvailableThinkingLevels();
+        return Array.isArray(levels) && levels.length > 0 ? levels.map(String) : ["off", "minimal", "low", "medium", "high", "xhigh"];
+    }
+    queueMessageItemVariant(value) {
         return value === "cancel" ? "error" : "normal";
     }
-    sdkItemVariant(selected, value) {
-        if (selected)
-            return "accent";
+    sdkItemVariant(value) {
         return value.variant ?? "normal";
     }
+    sdkMenuItemSegments(item, text) {
+        return [
+            ...this.highlightSegments(item.labelHighlightRanges ?? item.value.labelHighlightRanges ?? [], text, 2),
+            ...this.descriptionHighlightSegments(item.description, item.descriptionHighlightRanges ?? item.value.descriptionHighlightRanges ?? [], text),
+        ];
+    }
+    itemHighlightSegments(item, text) {
+        return this.highlightSegments(item.labelHighlightRanges ?? [], text, 2);
+    }
+    highlightSegments(ranges, text, markerOffset) {
+        if (ranges.length === 0)
+            return [];
+        return ranges.flatMap((range) => {
+            const start = Math.max(markerOffset, markerOffset + range.start);
+            const end = Math.min(text.length, markerOffset + range.end);
+            if (end <= start)
+                return [];
+            return [{
+                    start,
+                    end,
+                    foreground: this.host.theme.colors.accent,
+                    bold: true,
+                }];
+        });
+    }
+    descriptionHighlightSegments(description, ranges, text) {
+        if (!description || ranges.length === 0)
+            return [];
+        const safeDescription = sanitizeText(description).replace(/\s+/gu, " ");
+        const descriptionStart = text.indexOf(safeDescription, 2);
+        if (descriptionStart < 0)
+            return [];
+        return this.highlightSegments(ranges, text, descriptionStart);
+    }
     resumeMenuItemSegments(value, label, description, text) {
         if (value.kind !== "session")
             return undefined;
         const sessionLabel = value.session.name ?? value.session.firstMessage.slice(0, 50);
-        const sessionLabelStart = Math.max(0, label.length - sessionLabel.length);
+        const markerOffset = 2; // "▶ " or "  "
+        const sessionLabelStart = Math.max(0, label.length - sessionLabel.length) + markerOffset;
         const muted = this.host.theme.colors.popupMuted;
         const segments = [];
-        if (sessionLabelStart > 0)
-            segments.push({ start: 0, end: sessionLabelStart, foreground: muted });
+        if (sessionLabelStart > markerOffset)
+            segments.push({ start: markerOffset, end: sessionLabelStart, foreground: muted });
         if (description.length > 0)
-            segments.push({ start: label.length, end: text.length, foreground: muted });
+            segments.push({ start: markerOffset + label.length, end: text.length, foreground: muted });
         return segments.length > 0 ? segments : undefined;
     }
     popupMenuHeader(title, width) {
@@ -268,10 +361,8 @@ export class PopupMenuRenderer {
             target: { kind: "popup-menu-close" },
         };
     }
-    popupLineForeground(line, selected) {
+    popupLineForeground(line) {
         const colors = this.host.theme.colors;
-        if (selected)
-            return colors.popupSelectedForeground;
         if (line.colorOverride)
             return line.colorOverride;
         switch (line.variant) {
@@ -300,8 +391,15 @@ export function formatPopupMenuHeader(title, width) {
     const buttonWidth = stringDisplayWidth(POPUP_MENU_ESCAPE_BUTTON);
     if (safeWidth <= buttonWidth + 1)
         return padOrTrimPlain(POPUP_MENU_ESCAPE_BUTTON, safeWidth);
-    const titleWidth = safeWidth - buttonWidth - 1;
+    const sidePadding = safeWidth >= buttonWidth + POPUP_MENU_HEADER_SIDE_PADDING * 2 + 2
+        ? POPUP_MENU_HEADER_SIDE_PADDING
+        : 1;
+    const contentWidth = Math.max(1, safeWidth - sidePadding * 2);
+    if (contentWidth <= buttonWidth + 1) {
+        return padOrTrimPlain(`${" ".repeat(sidePadding)}${POPUP_MENU_ESCAPE_BUTTON}`, safeWidth);
+    }
+    const titleWidth = contentWidth - buttonWidth - 1;
     const titleText = ellipsizeDisplay(sanitizedTitle, titleWidth);
-    const gapWidth = Math.max(1, safeWidth - stringDisplayWidth(titleText) - buttonWidth);
-    return `${titleText}${" ".repeat(gapWidth)}${POPUP_MENU_ESCAPE_BUTTON}`;
+    const gapWidth = Math.max(1, contentWidth - stringDisplayWidth(titleText) - buttonWidth);
+    return `${" ".repeat(sidePadding)}${titleText}${" ".repeat(gapWidth)}${POPUP_MENU_ESCAPE_BUTTON}${" ".repeat(sidePadding)}`;
 }

package/dist/app/rendering/render-controller.js

@@ -189,18 +189,26 @@ export class AppRenderController {
             setRenderedBackground(row, rendered.line?.backgroundOverride);
             appendFrameOutput("inputStatus", row, this.renderFrameRow(row, rendered.output(row)));
         }
+        const statusLayout = this.deps.statusLineRenderer.layout(columns);
+        const statusLineRenderer = this.deps.statusLineRenderer;
+        const inputBorderWidgetsLayout = statusLineRenderer.inputBorderWidgetsLayout?.(columns);
         if (inputBottomSeparatorRow > 1) {
             const separatorText = inputFrameLine(columns, "bottom");
             const row = toScreenRow(inputBottomSeparatorRow);
             if (row < statusRow) {
-                this.deps.mouseController.renderedRowTexts.set(row, separatorText);
-                appendFrameOutput("inputStatus", row, this.renderFrameRow(row, this.deps.screenStyler.styleLine(row, separatorText, columns, {
-                    foreground: this.deps.theme.colors.inputBorder,
-                })));
+                const text = inputBorderWidgetsLayout
+                    ? overlayText(separatorText, inputBorderWidgetsLayout.inputBorderWidgetStartColumn ?? 1, inputBorderWidgetsLayout.text)
+                    : separatorText;
+                this.deps.mouseController.renderedRowTexts.set(row, text);
+                const output = inputBorderWidgetsLayout && statusLineRenderer.renderInputBorderWidgets
+                    ? statusLineRenderer.renderInputBorderWidgets(row, inputBorderWidgetsLayout, separatorText, columns)
+                    : this.deps.screenStyler.styleLine(row, separatorText, columns, {
+                        foreground: this.deps.theme.colors.inputBorder,
+                    });
+                appendFrameOutput("inputStatus", row, this.renderFrameRow(row, output));
             }
         }
-        const statusLayout = this.deps.statusLineRenderer.layout(columns);
-        this.updateStatusMouseState(statusLayout, statusRow);
+        this.updateStatusMouseState(statusLayout, statusRow, inputBorderWidgetsLayout, toScreenRow(inputBottomSeparatorRow));
         appendFrameOutput("inputStatus", statusRow, this.renderFrameRow(statusRow, this.deps.statusLineRenderer.render(statusRow, statusLayout, columns)));
         const voiceProgressOverlay = this.renderVoiceProgressOverlay(this.deps.voiceProgressOverlayText(), columns, statusRow);
         if (voiceProgressOverlay) {
@@ -278,20 +286,22 @@ export class AppRenderController {
         const text = fixedCellText(flash.text, width);
         return `\x1b[${flash.y};${flash.startColumn}H\x1b[7m${text}${ANSI_RESET}`;
     }
-    updateStatusMouseState(statusLayout, statusRow) {
+    updateStatusMouseState(statusLayout, statusRow, inputBorderWidgetsLayout, inputBorderWidgetsRow) {
+        const widgetLayout = inputBorderWidgetsLayout;
+        const widgetRow = inputBorderWidgetsRow ?? statusRow;
         this.deps.mouseController.statusModelTarget = this.deps.statusLineRenderer.modelTarget(statusLayout.text, statusRow);
         this.deps.mouseController.statusThinkingTarget = this.deps.statusLineRenderer.thinkingTarget(statusLayout.text, statusRow);
         this.deps.mouseController.statusContextTarget = this.deps.statusLineRenderer.contextTarget(statusLayout.text, statusRow, statusLayout);
         this.deps.mouseController.statusModelUsageTarget = this.deps.statusLineRenderer.modelUsageTarget(statusLayout.text, statusRow, statusLayout);
-        this.deps.mouseController.statusDraftQueueTarget = this.deps.statusLineRenderer.draftQueueTarget?.(statusLayout, statusRow);
-        this.deps.mouseController.statusUserJumpTarget = this.deps.statusLineRenderer.userJumpTarget?.(statusLayout, statusRow);
-        this.deps.mouseController.statusThinkingExpandTarget = this.deps.statusLineRenderer.thinkingExpandTarget?.(statusLayout, statusRow);
-        this.deps.mouseController.statusCompactToolsTarget = this.deps.statusLineRenderer.compactToolsTarget?.(statusLayout, statusRow);
-        this.deps.mouseController.statusTerminalBellSoundTarget = this.deps.statusLineRenderer.terminalBellSoundTarget?.(statusLayout, statusRow);
+        this.deps.mouseController.statusDraftQueueTarget = widgetLayout ? this.deps.statusLineRenderer.draftQueueTarget?.(widgetLayout, widgetRow) : undefined;
+        this.deps.mouseController.statusUserJumpTarget = widgetLayout ? this.deps.statusLineRenderer.userJumpTarget?.(widgetLayout, widgetRow) : undefined;
+        this.deps.mouseController.statusThinkingExpandTarget = widgetLayout ? this.deps.statusLineRenderer.thinkingExpandTarget?.(widgetLayout, widgetRow) : undefined;
+        this.deps.mouseController.statusCompactToolsTarget = widgetLayout ? this.deps.statusLineRenderer.compactToolsTarget?.(widgetLayout, widgetRow) : undefined;
+        this.deps.mouseController.statusTerminalBellSoundTarget = widgetLayout ? this.deps.statusLineRenderer.terminalBellSoundTarget?.(widgetLayout, widgetRow) : undefined;
         this.deps.mouseController.statusSessionTarget = this.deps.statusLineRenderer.sessionTarget(statusLayout.text, statusRow, statusLayout.sessionLabel, statusLayout.workspaceLabel);
-        this.deps.mouseController.statusPromptEnhancerTarget = this.deps.statusLineRenderer.promptEnhancerTarget(statusLayout, statusRow);
-        this.deps.mouseController.statusVoiceMicTarget = this.deps.statusLineRenderer.voiceMicTarget(statusLayout, statusRow);
-        this.deps.mouseController.statusVoiceLanguageTarget = this.deps.statusLineRenderer.voiceLanguageTarget(statusLayout, statusRow);
+        this.deps.mouseController.statusPromptEnhancerTarget = widgetLayout ? this.deps.statusLineRenderer.promptEnhancerTarget(widgetLayout, widgetRow) : undefined;
+        this.deps.mouseController.statusVoiceMicTarget = widgetLayout ? this.deps.statusLineRenderer.voiceMicTarget(widgetLayout, widgetRow) : undefined;
+        this.deps.mouseController.statusVoiceLanguageTarget = widgetLayout ? this.deps.statusLineRenderer.voiceLanguageTarget(widgetLayout, widgetRow) : undefined;
         this.deps.mouseController.renderedRowTexts.set(statusRow, statusLayout.text);
     }
     renderVoiceProgressOverlay(message, width, rows) {

package/dist/app/rendering/render-text.js

@@ -21,9 +21,12 @@ export function shortHash(text) {
 export function hasLspDiagnosticsAfterMutation(output) {
     return /lsp\s+(?:errors?|warnings?|diagnostics?)\s+after\s+mutation/i.test(output) || /lsp\s+diagnostics\s*:/i.test(output);
 }
-const LSP_DIAGNOSTIC_MUTATION_TOOLS = new Set(["apply_patch", "ast_apply"]);
+const LSP_DIAGNOSTIC_MUTATION_TOOLS = new Set(["apply_patch", "ast_apply", "edit", "write"]);
 export function hasToolLspDiagnosticsAfterMutation(entry) {
-    return LSP_DIAGNOSTIC_MUTATION_TOOLS.has(entry.toolName.toLowerCase()) && hasLspDiagnosticsAfterMutation(entry.output);
+    return LSP_DIAGNOSTIC_MUTATION_TOOLS.has(normalizedToolName(entry.toolName)) && hasLspDiagnosticsAfterMutation(entry.output);
+}
+function normalizedToolName(toolName) {
+    return toolName.split(/[.:/]/).filter(Boolean).at(-1)?.trim().toLowerCase() ?? toolName.toLowerCase();
 }
 export function lspDiagnosticSeverityForLine(line) {
     const counts = lspDiagnosticCounts(line);

package/dist/app/rendering/status-line-renderer.d.ts

@@ -35,7 +35,10 @@ export declare class StatusLineRenderer {
     private readonly host;
     constructor(host: StatusLineRendererHost);
     layout(width: number): StatusLineLayout;
+    inputBorderWidgetsLayout(width: number): StatusLineLayout | undefined;
     render(row: number, layout: StatusLineLayout, width: number): string;
+    renderInputBorderWidgets(row: number, layout: StatusLineLayout, borderText: string, width: number): string;
+    private inputBorderWidgetSegments;
     modelTarget(statusText: string, row: number): StatusModelTarget | undefined;
     thinkingTarget(statusText: string, row: number): StatusThinkingTarget | undefined;
     contextTarget(statusText: string, row: number, layout: StatusLineLayout): StatusContextTarget | undefined;
@@ -66,10 +69,14 @@ export declare class StatusLineRenderer {
     private modelUsageProgressColor;
     private modelProviderColor;
     private thinkingLevelColor;
+    private statusThinkingDisplayLabel;
     private availableThinkingLevels;
     private contextBarLabel;
     private widgetLayout;
+    private iconButtonText;
+    private voiceBorderWidgetText;
     private voiceWidgetLayout;
+    private voiceBorderWidgetParts;
     private statusDotColor;
 }
 export declare function thinkingLevelThemeColor(label: string, colors: Theme["colors"], availableLevels?: readonly string[]): string;