pi-ui-extend 0.1.8 → 0.1.11

package/dist/app/{conversation-entry-renderer.js → rendering/conversation-entry-renderer.js}

@@ -1,6 +1,7 @@
-import { applyOutputFilters } from "../config.js";
-import { renderMarkdownTextLines } from "../markdown-format.js";
-import { attachImageClickTargets } from "./image-click-targets.js";
+import { applyOutputFilters } from "../../config.js";
+import { renderMarkdownTextLines } from "../../markdown-format.js";
+import { attachImageClickTargets } from "../screen/image-click-targets.js";
+import { APP_ICONS } from "../icons.js";
 import { horizontalPaddingLayout, padHorizontalText, wrapText } from "./render-text.js";
 import { renderConversationShellEntry } from "./conversation-shell-renderer.js";
 import { renderConversationToolEntry, renderThinkingEntry } from "./conversation-tool-renderer.js";
@@ -14,10 +15,11 @@ export function renderConversationEntry(entry, width, options) {
         ...(syntaxHighlight === undefined ? {} : { syntaxHighlight }),
         ...(entryId === undefined ? {} : { target: { kind: "user-message", id: entryId } }),
     });
-    const queuedLine = (text, entryId) => ({
+    const queuedLine = (text, entryId, segments) => ({
         text: padHorizontalText(text, width),
         variant: "muted",
         backgroundOverride: options.colors.userMessageBackground,
+        ...(segments && segments.length > 0 ? { segments: segments.map((segment) => ({ ...segment, start: segment.start + userContentLeft, end: segment.end + userContentLeft })) } : {}),
         target: { kind: "queue-message", id: entryId },
     });
     const userMessageLines = (userEntry) => {
@@ -29,11 +31,20 @@ export function renderConversationEntry(entry, width, options) {
         lines.push(userLine("", userEntry.id));
         return attachImageClickTargets(lines, userEntry.id, userEntry.images, { foreground: options.colors.info, underline: true });
     };
-    const queuedMessageLines = (queuedEntry) => [
-        queuedLine("", queuedEntry.id),
-        ...wrapText(`↳ queued ${queuedEntry.mode}: ${queuedEntry.text}`, userContentWidth).map((text) => queuedLine(text, queuedEntry.id)),
-        queuedLine("", queuedEntry.id),
-    ];
+    const queuedMessagePrefix = (queuedEntry) => {
+        const label = queuedEntry.queueSource === "sdk-steering"
+            ? "steer"
+            : queuedEntry.queueSource === "sdk-follow-up"
+                ? "follow"
+                : "queued";
+        return `${APP_ICONS.timerSand} ${label}:`;
+    };
+    const queuedMessageLines = (queuedEntry) => {
+        const icon = APP_ICONS.timerSand;
+        const prefix = queuedMessagePrefix(queuedEntry);
+        const contentLines = wrapText(`${prefix} ${queuedEntry.text}`, userContentWidth);
+        return contentLines.map((text, index) => queuedLine(text, queuedEntry.id, index === 0 ? [{ start: 0, end: icon.length, foreground: options.colors.info }] : undefined));
+    };
     switch (entry.kind) {
         case "system":
             return wrapText(`system: ${entry.text}`, width).map((text) => ({ text, variant: "muted" }));

package/dist/app/{conversation-shell-renderer.d.ts → rendering/conversation-shell-renderer.d.ts}

@@ -1,4 +1,4 @@
-import type { Entry, RenderedLine } from "./types.js";
+import type { Entry, RenderedLine } from "../types.js";
 import type { ConversationToolRenderOptions } from "./conversation-tool-renderer.js";
 export declare function renderConversationShellEntry(entry: Extract<Entry, {
     kind: "shell";

package/dist/app/{conversation-shell-renderer.js → rendering/conversation-shell-renderer.js}

@@ -1,4 +1,4 @@
-import { resolveToolRule } from "../config.js";
+import { resolveToolRule } from "../../config.js";
 import { renderToolBlock } from "./tool-block-renderer.js";
 export function renderConversationShellEntry(entry, width, options) {
     const body = shellEntryBody(entry);

package/dist/app/{conversation-tool-renderer.d.ts → rendering/conversation-tool-renderer.d.ts}

@@ -1,6 +1,6 @@
-import { type PixConfig } from "../config.js";
-import type { Theme } from "../theme.js";
-import type { Entry, RenderedLine } from "./types.js";
+import { type PixConfig } from "../../config.js";
+import type { Theme } from "../../theme.js";
+import type { Entry, RenderedLine } from "../types.js";
 export type ConversationToolRenderOptions = {
     cwd: string;
     pixConfig: PixConfig;

package/dist/app/{conversation-tool-renderer.js → rendering/conversation-tool-renderer.js}

@@ -1,11 +1,11 @@
-import { resolveColor, resolveToolRule } from "../config.js";
-import { formatMarkdownTables, markdownSyntaxHighlightsForText } from "../markdown-format.js";
-import { renderToolDisplay } from "../tool-renderers/index.js";
-import { DEFAULT_THINKING_TOOL_RULE, SUBAGENT_STATUSES, THINKING_TOOL_NAME, TODO_TOOL_NAME } from "./constants.js";
-import { attachImageClickTargets } from "./image-click-targets.js";
+import { resolveColor, resolveToolRule } from "../../config.js";
+import { formatMarkdownTables, markdownSyntaxHighlightsForText } from "../../markdown-format.js";
+import { renderToolDisplay } from "../../tool-renderers/index.js";
+import { DEFAULT_THINKING_TOOL_RULE, SUBAGENT_STATUSES, THINKING_TOOL_NAME, TODO_TOOL_NAME } from "../constants.js";
+import { attachImageClickTargets } from "../screen/image-click-targets.js";
 import { formatStructuredText } from "./message-content.js";
-import { formatSubagentTimestamp, isSubagentRunRenderDetails, isSubagentsToolName, subagentRunName, subagentStatusIcon, taskPreviewMap, } from "./subagents-model.js";
-import { formatTodoTaskLine, isTodoDetails, visibleTodoTasks } from "./todo-model.js";
+import { formatSubagentTimestamp, isSubagentRunRenderDetails, isSubagentsToolName, subagentRunName, subagentStatusIcon, taskPreviewMap, } from "../subagents/subagents-model.js";
+import { formatTodoTaskLine, isTodoDetails, visibleTodoTasks } from "../todo/todo-model.js";
 import { renderToolBlock } from "./tool-block-renderer.js";
 export function renderConversationToolEntry(entry, width, options) {
     const todoLines = renderTodoToolEntry(entry, width, options);
@@ -49,12 +49,13 @@ export function renderThinkingEntry(entry, width, options) {
     const rule = resolveThinkingToolRule(options.pixConfig);
     const markdownText = entry.text ? formatMarkdownTables(entry.text, Math.max(1, width - 2)) : "";
     const expandedText = trimTrailingBlankLines(markdownText);
-    const compactExpandedText = options.superCompactTools ? removeBlankLines(expandedText) : expandedText;
     const forceExpanded = Boolean(options.allThinkingExpanded);
+    const compactExpandedText = options.superCompactTools && forceExpanded ? removeBlankLines(expandedText) : expandedText;
+    const expanded = forceExpanded || (entry.expanded && expandedText.trim().length > 0);
     return renderToolBlock({
         id: entry.id,
         toolName: THINKING_TOOL_NAME,
-        expanded: entry.expanded || forceExpanded,
+        expanded,
         status: entry.status,
         isError: false,
         output: markdownText,

package/dist/app/{conversation-viewport.d.ts → rendering/conversation-viewport.d.ts}

@@ -1,8 +1,8 @@
 import type { AgentSession } from "@earendil-works/pi-coding-agent";
-import type { PixConfig } from "../config.js";
-import type { Theme } from "../theme.js";
+import type { PixConfig } from "../../config.js";
+import type { Theme } from "../../theme.js";
 import { type InlineUserMessageMenuContext } from "./conversation-entry-renderer.js";
-import type { ConversationBlockCache, Entry, RenderedLine, SubmittedUserMessage } from "./types.js";
+import type { ConversationBlockCache, Entry, RenderedLine, SubmittedUserMessage } from "../types.js";
 export type ConversationViewportHost = {
     readonly entries: readonly Entry[];
     readonly session: AgentSession | undefined;

package/dist/app/{dcp-stats.js → rendering/dcp-stats.js}

@@ -1,4 +1,4 @@
-import { normalizeToolName, parseArgsText } from "../tool-renderers/utils.js";
+import { normalizeToolName, parseArgsText } from "../../tool-renderers/utils.js";
 const NUDGE_TYPES = ["turn", "iteration", "context-soft", "context-strong"];
 export function formatDcpStatsToast(session) {
     const stats = collectDcpSessionStats(session);

package/dist/app/{editor-layout-renderer.d.ts → rendering/editor-layout-renderer.d.ts}

@@ -1,6 +1,6 @@
-import type { InputEditor } from "../input-editor.js";
-import type { Theme } from "../theme.js";
-import type { EditorLayout, ExtensionWidgetRegistration, ExtensionWidgetTheme, SubagentsWidgetState, TodoDetails, WidgetTuiHandle } from "./types.js";
+import type { InputEditor } from "../../input-editor.js";
+import type { Theme } from "../../theme.js";
+import type { EditorLayout, ExtensionWidgetRegistration, ExtensionWidgetTheme, SubagentsWidgetState, TodoDetails, WidgetTuiHandle } from "../types.js";
 export type EditorLayoutRendererHost = {
     readonly theme: Theme;
     readonly inputEditor: InputEditor;
@@ -10,6 +10,7 @@ export type EditorLayoutRendererHost = {
     readonly subagentsPanelExpanded: boolean;
     readonly subagentsWidgetState: SubagentsWidgetState | undefined;
     readonly voicePartialText: string | undefined;
+    readonly autocompleteSuggestion: string | undefined;
     renderExtensionInputComponent(width: number): string[] | undefined;
     extensionInputUsesEditor(): boolean;
     widgetTuiHandle(): WidgetTuiHandle;

package/dist/app/{editor-layout-renderer.js → rendering/editor-layout-renderer.js}

@@ -1,7 +1,7 @@
-import { ABOVE_EDITOR_WIDGET_KEY_GROUPS, BUILT_IN_SUBAGENTS_WIDGET_KEYS, INPUT_MAX_ROWS, LEGACY_TODO_WIDGET_KEYS, } from "./constants.js";
+import { ABOVE_EDITOR_WIDGET_KEY_GROUPS, BUILT_IN_SUBAGENTS_WIDGET_KEYS, INPUT_MAX_ROWS, LEGACY_TODO_WIDGET_KEYS, } from "../constants.js";
 import { renderSubagentsPanel, renderTodoPanel } from "./editor-panels.js";
 import { ellipsizeDisplay, horizontalPaddingLayout, padHorizontalText, sanitizeText } from "./render-text.js";
-import { APP_ICONS } from "./icons.js";
+import { APP_ICONS } from "../icons.js";
 const INPUT_FRAME_VERTICAL = "│";
 export class EditorLayoutRenderer {
     host;
@@ -145,7 +145,7 @@ export class EditorLayoutRenderer {
             ? this.limitExtensionInputLines(extensionLines, Math.max(0, maxRows - (usesEditor ? 1 : 0)))
             : [];
         const editorMaxRows = usesEditor ? Math.max(1, maxRows - customLines.length) : 1;
-        const rendered = this.host.inputEditor.render(contentWidth, editorMaxRows, "", "");
+        const rendered = this.host.inputEditor.render(contentWidth, editorMaxRows, "", "", usesEditor ? this.host.autocompleteSuggestion ?? "" : "");
         const visibleLines = rendered.visualLines.slice(rendered.scrollOffset, rendered.scrollOffset + editorMaxRows);
         const scrollBar = usesEditor
             ? inputScrollBarMetrics(rendered.visualLines.length, visibleLines.length, rendered.scrollOffset)
@@ -157,6 +157,12 @@ export class EditorLayoutRenderer {
                 end: span.end + left,
             })))
             : [];
+        const editorSuggestionSpans = usesEditor
+            ? visibleLines.map((vl) => (vl.suggestionSpans ?? []).map((span) => ({
+                start: span.start + left,
+                end: span.end + left,
+            })))
+            : [];
         const paddedCustomLines = customLines.map((line) => frameInputLine(padHorizontalText(line, width)));
         return {
             lines: [...paddedCustomLines, ...editorLines],
@@ -172,6 +178,10 @@ export class EditorLayoutRenderer {
                 ...paddedCustomLines.map(() => []),
                 ...editorTagSpans,
             ],
+            suggestionSpans: [
+                ...paddedCustomLines.map(() => []),
+                ...editorSuggestionSpans,
+            ],
         };
     }
     limitExtensionInputLines(lines, maxRows) {

package/dist/app/{editor-panels.d.ts → rendering/editor-panels.d.ts}

@@ -1,4 +1,4 @@
-import type { Theme } from "../theme.js";
-import type { RenderedLine, SubagentsWidgetState, TodoDetails } from "./types.js";
+import type { Theme } from "../../theme.js";
+import type { RenderedLine, SubagentsWidgetState, TodoDetails } from "../types.js";
 export declare function renderTodoPanel(details: TodoDetails | undefined, expanded: boolean, width: number, colors: Theme["colors"]): RenderedLine[];
 export declare function renderSubagentsPanel(state: SubagentsWidgetState | undefined, expanded: boolean, width: number, colors: Theme["colors"]): RenderedLine[];

package/dist/app/{editor-panels.js → rendering/editor-panels.js}

@@ -1,8 +1,8 @@
-import { stringDisplayWidth } from "../terminal-width.js";
-import { SUBAGENTS_WIDGET_MAX_ROWS } from "./constants.js";
+import { stringDisplayWidth } from "../../terminal-width.js";
+import { SUBAGENTS_WIDGET_MAX_ROWS } from "../constants.js";
 import { ellipsizeDisplay, padOrTrimPlain, wrapLine } from "./render-text.js";
-import { activeSubagentStates, formatElapsedSince, formatSubagentsPanelStats, subagentModelThinkingLabel, subagentRunName, subagentStatusIcon, taskPreviewMap, } from "./subagents-model.js";
-import { formatTodoPanelStats, formatTodoTaskLine, hasOpenTodoTasks, shiftSegmentsToSlice, todoTaskLineSegments, visibleTodoTaskRows, visibleTodoTasks, } from "./todo-model.js";
+import { activeSubagentStates, formatElapsedSince, formatSubagentsPanelStats, subagentModelThinkingLabel, subagentRunName, subagentStatusIcon, taskPreviewMap, } from "../subagents/subagents-model.js";
+import { formatTodoPanelStats, formatTodoTaskLine, hasOpenTodoTasks, shiftSegmentsToSlice, todoTaskLineSegments, visibleTodoTaskRows, visibleTodoTasks, } from "../todo/todo-model.js";
 export function renderTodoPanel(details, expanded, width, colors) {
     if (!details)
         return [];

package/dist/app/{message-content.d.ts → rendering/message-content.d.ts}

@@ -1,4 +1,4 @@
-import type { ImageContent } from "../input-editor.js";
+import type { ImageContent } from "../../input-editor.js";
 export declare function stringifyUnknown(value: unknown): string;
 export declare function formatStructuredText(value: unknown): string;
 export declare function renderContent(content: readonly unknown[]): string;

package/dist/app/{message-content.js → rendering/message-content.js}

@@ -1,4 +1,10 @@
-import { isRecord } from "./guards.js";
+import { isRecord } from "../guards.js";
+const MAX_FORMAT_STRING_CHARS = 256 * 1024;
+const MAX_RENDERED_CONTENT_CHARS = 512 * 1024;
+const MAX_STRUCTURED_DEPTH = 8;
+const MAX_STRUCTURED_ARRAY_ITEMS = 200;
+const MAX_STRUCTURED_OBJECT_KEYS = 200;
+const TRUNCATED_MARKER = "\n[… truncated …]";
 export function stringifyUnknown(value) {
     if (typeof value === "string")
         return value;
@@ -13,7 +19,7 @@ export function stringifyUnknown(value) {
             return name;
     }
     try {
-        return JSON.stringify(value, null, 2);
+        return JSON.stringify(normalizeStructuredValue(value), null, 2);
     }
     catch {
         return String(value);
@@ -24,8 +30,10 @@ export function formatStructuredText(value) {
         const trimmed = value.trim();
         if (!trimmed)
             return "(empty)";
+        if (trimmed.length > MAX_FORMAT_STRING_CHARS)
+            return truncateText(value, MAX_FORMAT_STRING_CHARS);
         try {
-            return JSON.stringify(JSON.parse(trimmed), null, 2);
+            return JSON.stringify(normalizeStructuredValue(JSON.parse(trimmed)), null, 2);
         }
         catch {
             return value;
@@ -36,25 +44,40 @@ export function formatStructuredText(value) {
 export function renderContent(content) {
     const parts = [];
     let imageCount = 0;
+    let renderedChars = 0;
+    const pushPart = (part) => {
+        const remaining = MAX_RENDERED_CONTENT_CHARS - renderedChars;
+        if (remaining <= 0)
+            return false;
+        const next = part.length > remaining ? truncateText(part, remaining) : part;
+        parts.push(next);
+        renderedChars += next.length;
+        return part.length <= remaining;
+    };
     for (const item of content) {
         if (!isRecord(item)) {
-            parts.push(stringifyUnknown(item));
+            if (!pushPart(stringifyUnknown(item)))
+                break;
             continue;
         }
         if (isImageContent(item)) {
             imageCount += 1;
-            parts.push(imageContentLabel(item, imageCount));
+            if (!pushPart(imageContentLabel(item, imageCount)))
+                break;
             continue;
         }
         if (typeof item.text === "string") {
-            parts.push(item.text);
+            if (!pushPart(item.text))
+                break;
             continue;
         }
         if (typeof item.thinking === "string") {
-            parts.push(item.thinking);
+            if (!pushPart(item.thinking))
+                break;
             continue;
         }
-        parts.push(stringifyUnknown(item));
+        if (!pushPart(stringifyUnknown(item)))
+            break;
     }
     return parts.join("\n");
 }
@@ -113,3 +136,38 @@ export function submittedUserDisplayText(displayText, promptText, images) {
         return userImageLabels(images.length);
     return promptText.trimEnd();
 }
+function truncateText(text, maxChars) {
+    if (text.length <= maxChars)
+        return text;
+    return `${text.slice(0, Math.max(0, maxChars))}${TRUNCATED_MARKER}`;
+}
+function normalizeStructuredValue(value, depth = 0, seen = new WeakSet()) {
+    if (typeof value === "string")
+        return truncateText(value, MAX_FORMAT_STRING_CHARS);
+    if (!value || typeof value !== "object")
+        return value;
+    if (depth >= MAX_STRUCTURED_DEPTH)
+        return "[… truncated: depth limit …]";
+    if (seen.has(value))
+        return "[… circular …]";
+    seen.add(value);
+    if (Array.isArray(value)) {
+        const items = value.slice(0, MAX_STRUCTURED_ARRAY_ITEMS).map((item) => normalizeStructuredValue(item, depth + 1, seen));
+        if (value.length > MAX_STRUCTURED_ARRAY_ITEMS)
+            items.push(`[… ${value.length - MAX_STRUCTURED_ARRAY_ITEMS} more items …]`);
+        return items;
+    }
+    if (value instanceof Error)
+        return value.message || value.name;
+    const output = {};
+    let count = 0;
+    for (const [key, child] of Object.entries(value)) {
+        if (count >= MAX_STRUCTURED_OBJECT_KEYS) {
+            output["…"] = "truncated: object key limit";
+            break;
+        }
+        output[key] = normalizeStructuredValue(child, depth + 1, seen);
+        count += 1;
+    }
+    return output;
+}

package/dist/app/{render-controller.d.ts → rendering/render-controller.d.ts}

@@ -1,13 +1,13 @@
 import type { EditorLayoutRenderer } from "./editor-layout-renderer.js";
-import type { AppMouseController } from "./mouse-controller.js";
-import type { AppPopupMenuController } from "./popup-menu-controller.js";
-import type { AppScrollController } from "./scroll-controller.js";
-import type { ScreenStyler } from "./screen-styler.js";
+import type { AppMouseController } from "../screen/mouse-controller.js";
+import type { AppPopupMenuController } from "../popup/popup-menu-controller.js";
+import type { AppScrollController } from "../screen/scroll-controller.js";
+import type { ScreenStyler } from "../screen/screen-styler.js";
 import type { StatusLineRenderer } from "./status-line-renderer.js";
 import type { TabLineRenderer } from "./tab-line-renderer.js";
 import type { AppToastController } from "./toast-controller.js";
-import { TerminalOutputBuffer } from "./terminal-output-buffer.js";
-import { type Theme } from "../theme.js";
+import { TerminalOutputBuffer } from "../terminal/terminal-output-buffer.js";
+import { type Theme } from "../../theme.js";
 export type AppRenderControllerHost = {
     isRunning(): boolean;
     terminalColumns(): number;

package/dist/app/{render-controller.js → rendering/render-controller.js}

@@ -1,9 +1,9 @@
-import { DISABLE_TERMINAL_WRAP, HIDE_CURSOR, SHOW_CURSOR } from "./constants.js";
-import { APP_ICONS } from "./icons.js";
+import { DISABLE_TERMINAL_WRAP, HIDE_CURSOR, SHOW_CURSOR } from "../constants.js";
+import { APP_ICONS } from "../icons.js";
 import { renderToastOverlays } from "./toast-renderer.js";
-import { TerminalOutputBuffer } from "./terminal-output-buffer.js";
-import { ANSI_RESET, colorLine, colorize } from "../theme.js";
-import { stringDisplayWidth } from "../terminal-width.js";
+import { TerminalOutputBuffer } from "../terminal/terminal-output-buffer.js";
+import { ANSI_RESET, colorLine, colorize } from "../../theme.js";
+import { stringDisplayWidth } from "../../terminal-width.js";
 import { padOrTrimPlain } from "./render-text.js";
 const INPUT_FRAME = {
     topLeft: "╭",
@@ -68,8 +68,11 @@ export class AppRenderController {
         this.deps.mouseController.statusThinkingTarget = undefined;
         this.deps.mouseController.statusContextTarget = undefined;
         this.deps.mouseController.statusModelUsageTarget = undefined;
+        this.deps.mouseController.statusDraftQueueTarget = undefined;
+        this.deps.mouseController.statusUserJumpTarget = undefined;
         this.deps.mouseController.statusThinkingExpandTarget = undefined;
         this.deps.mouseController.statusCompactToolsTarget = undefined;
+        this.deps.mouseController.statusTerminalBellSoundTarget = undefined;
         this.deps.mouseController.statusSessionTarget = undefined;
         this.deps.mouseController.statusPromptEnhancerTarget = undefined;
         this.deps.mouseController.statusVoiceMicTarget = undefined;
@@ -165,10 +168,11 @@ export class AppRenderController {
         for (let index = 0; index < renderedInput.lines.length; index += 1) {
             const inputLine = renderedInput.lines[index] ?? "";
             const tagSpans = renderedInput.tagSpans[index];
+            const suggestionSpans = renderedInput.suggestionSpans?.[index] ?? [];
             const row = toScreenRow(inputStartRow + index);
             this.deps.mouseController.renderedRowTexts.set(row, inputLine);
             const tagColor = this.deps.theme.colors.accent;
-            const styledLine = this.deps.screenStyler.styleInputLine(row, inputLine, tagSpans, columns, tagColor, this.deps.theme.colors.inputBorder);
+            const styledLine = this.deps.screenStyler.styleInputLine(row, inputLine, tagSpans, suggestionSpans, columns, tagColor, this.deps.theme.colors.muted, this.deps.theme.colors.inputBorder);
             appendFrameOutput("inputStatus", row, this.renderFrameRow(row, styledLine));
         }
         if (renderedInput.scrollBar && columns > 0) {
@@ -291,6 +295,7 @@ export class AppRenderController {
         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);

package/dist/app/{render-text.d.ts → rendering/render-text.d.ts}

@@ -1,10 +1,13 @@
-import type { Theme } from "../theme.js";
-import type { ToolStatusEntry } from "./types.js";
+import type { Theme } from "../../theme.js";
+import type { ToolStatusEntry } from "../types.js";
 export declare function sanitizeText(text: string): string;
+export declare function alertIconPrefixLength(text: string): number | undefined;
 export declare function normalizePastedTextForDuplicateKey(text: string): string;
 export declare function shortHash(text: string): string;
 export declare function hasLspDiagnosticsAfterMutation(output: string): boolean;
 export declare function hasToolLspDiagnosticsAfterMutation(entry: ToolStatusEntry): boolean;
+export declare function lspDiagnosticSeverityForLine(line: string): "error" | "warning" | "hint" | undefined;
+export declare function toolLspDiagnosticsAfterMutationSeverity(entry: ToolStatusEntry): "error" | "warning" | undefined;
 export declare function toolStatusIcon(entry: ToolStatusEntry): string;
 export declare function toolStatusIconColor(entry: ToolStatusEntry, colors: Theme["colors"]): string;
 export declare function wrapLine(text: string, width: number): string[];

package/dist/app/{render-text.js → rendering/render-text.js}

@@ -1,8 +1,16 @@
 import { createHash } from "node:crypto";
-import { expandTabs, padOrTrimDisplay, sliceByDisplayWidth, stringDisplayWidth, wrapDisplayLine } from "../terminal-width.js";
-import { APP_ICONS } from "./icons.js";
+import { expandTabs, padOrTrimDisplay, sliceByDisplayWidth, stringDisplayWidth, wrapDisplayLine } from "../../terminal-width.js";
+import { APP_ICONS } from "../icons.js";
+const LSP_DIAGNOSTIC_ICON = "\u{f0026}";
 export function sanitizeText(text) {
-    return expandTabs(text.replace(/\x1b/g, "␛").replace(/\r/g, ""));
+    return expandTabs(text.replace(/⚠️?|\u{f0026}/gu, APP_ICONS.alert).replace(/\x1b/g, "␛").replace(/\r/g, ""));
+}
+export function alertIconPrefixLength(text) {
+    if (text.startsWith(APP_ICONS.alert))
+        return APP_ICONS.alert.length;
+    if (text.startsWith(LSP_DIAGNOSTIC_ICON))
+        return LSP_DIAGNOSTIC_ICON.length;
+    return /^⚠️?/u.exec(text)?.[0].length;
 }
 export function normalizePastedTextForDuplicateKey(text) {
     return text.replace(/\r\n/g, "\n").replace(/\r/g, "\n");
@@ -17,12 +25,49 @@ const LSP_DIAGNOSTIC_MUTATION_TOOLS = new Set(["apply_patch", "ast_apply"]);
 export function hasToolLspDiagnosticsAfterMutation(entry) {
     return LSP_DIAGNOSTIC_MUTATION_TOOLS.has(entry.toolName.toLowerCase()) && hasLspDiagnosticsAfterMutation(entry.output);
 }
+export function lspDiagnosticSeverityForLine(line) {
+    const counts = lspDiagnosticCounts(line);
+    const countSeverity = lspDiagnosticCountSeverity(counts);
+    if (countSeverity)
+        return countSeverity;
+    if (counts.length > 0)
+        return undefined;
+    const severityMatch = /(?:^|[^\p{L}\p{N}_])(?:diagnosticseverity\.)?(errors?|warnings?|warn|hints?)(?=$|[^\p{L}\p{N}_])/iu.exec(line);
+    const severity = severityMatch?.[1]?.toLowerCase();
+    if (!severity)
+        return undefined;
+    if (severity.startsWith("error"))
+        return "error";
+    if (severity.startsWith("warn"))
+        return "warning";
+    return "hint";
+}
+function lspDiagnosticCounts(line) {
+    return [...line.matchAll(/\b(\d+)\s+(errors?|warnings?|hints?)\b/giu)];
+}
+function lspDiagnosticCountSeverity(counts) {
+    for (const severity of ["error", "warning", "hint"]) {
+        if (counts.some((match) => Number(match[1]) > 0 && match[2]?.toLowerCase().startsWith(severity)))
+            return severity;
+    }
+    return undefined;
+}
+export function toolLspDiagnosticsAfterMutationSeverity(entry) {
+    if (!hasToolLspDiagnosticsAfterMutation(entry))
+        return undefined;
+    if (/\blsp\s+errors?\s+after\s+mutation\b/i.test(entry.output))
+        return "error";
+    const diagnosticLines = entry.output.split("\n").map((line) => line.trim());
+    if (diagnosticLines.some((line) => lspDiagnosticSeverityForLine(line) === "error"))
+        return "error";
+    return "warning";
+}
 export function toolStatusIcon(entry) {
     if (entry.status === "running")
         return APP_ICONS.timerSand;
     if (entry.isError)
         return APP_ICONS.closeCircle;
-    if (hasToolLspDiagnosticsAfterMutation(entry))
+    if (toolLspDiagnosticsAfterMutationSeverity(entry))
         return APP_ICONS.alert;
     return APP_ICONS.checkCircle;
 }
@@ -31,7 +76,10 @@ export function toolStatusIconColor(entry, colors) {
         return colors.muted;
     if (entry.isError)
         return colors.error;
-    if (hasToolLspDiagnosticsAfterMutation(entry))
+    const lspSeverity = toolLspDiagnosticsAfterMutationSeverity(entry);
+    if (lspSeverity === "error")
+        return colors.error;
+    if (lspSeverity === "warning")
         return colors.warning;
     return colors.success;
 }

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

@@ -1,8 +1,8 @@
 import type { AgentSession } from "@earendil-works/pi-coding-agent";
-import type { Theme } from "../theme.js";
-import type { SessionActivity, StatusCompactToolsTarget, StatusContextTarget, StatusLineLayout, StatusModelTarget, StatusModelUsageTarget, StatusPromptEnhancerTarget, StatusSessionTarget, StatusTerminalBellSoundTarget, StatusThinkingExpandTarget, StatusThinkingTarget, StatusUserJumpTarget, StatusVoiceLanguageTarget, StatusVoiceMicTarget } from "./types.js";
-import type { ScreenStyler } from "./screen-styler.js";
-import { type ModelColorsConfig } from "../config.js";
+import type { Theme } from "../../theme.js";
+import type { SessionActivity, StatusCompactToolsTarget, StatusContextTarget, StatusDraftQueueTarget, StatusLineLayout, StatusModelTarget, StatusModelUsageTarget, StatusPromptEnhancerTarget, StatusSessionTarget, StatusTerminalBellSoundTarget, StatusThinkingExpandTarget, StatusThinkingTarget, StatusUserJumpTarget, StatusVoiceLanguageTarget, StatusVoiceMicTarget } from "../types.js";
+import type { ScreenStyler } from "../screen/screen-styler.js";
+import { type ModelColorsConfig } from "../../config.js";
 export type StatusLineRendererHost = {
     readonly theme: Theme;
     readonly screenStyler: ScreenStyler;
@@ -26,6 +26,7 @@ export type StatusLineRendererHost = {
     terminalBellSoundStatusWidgetEnabled(): boolean;
     voiceStatusWidgetText(): string;
     voiceStatusWidgetActive(): boolean;
+    queueableInputActive?(): boolean;
     userMessageJumpMenuActive?(): boolean;
     allThinkingExpandedActive?(): boolean;
     superCompactToolsActive?(): boolean;
@@ -43,6 +44,7 @@ export declare class StatusLineRenderer {
     voiceMicTarget(layout: StatusLineLayout, row: number): StatusVoiceMicTarget | undefined;
     voiceLanguageTarget(layout: StatusLineLayout, row: number): StatusVoiceLanguageTarget | undefined;
     userJumpTarget(layout: StatusLineLayout, row: number): StatusUserJumpTarget | undefined;
+    draftQueueTarget(layout: StatusLineLayout, row: number): StatusDraftQueueTarget | undefined;
     thinkingExpandTarget(layout: StatusLineLayout, row: number): StatusThinkingExpandTarget | undefined;
     compactToolsTarget(layout: StatusLineLayout, row: number): StatusCompactToolsTarget | undefined;
     terminalBellSoundTarget(layout: StatusLineLayout, row: number): StatusTerminalBellSoundTarget | undefined;
@@ -50,6 +52,8 @@ export declare class StatusLineRenderer {
     private segments;
     private pushPromptEnhancerWidgetSegment;
     private pushUserJumpWidgetSegment;
+    private pushDraftQueueWidgetSegment;
+    private draftQueueWidgetText;
     private pushThinkingExpandWidgetSegment;
     private pushCompactToolsWidgetSegment;
     private pushTerminalBellSoundWidgetSegment;