@femtomc/mu-agent 26.2.109 → 26.2.111

package/dist/extensions/ui.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ui.d.ts","sourceRoot":"","sources":["../../src/extensions/ui.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,YAAY,EAAoB,MAAM,+BAA+B,CAAC;AAsiCpF,wBAAgB,WAAW,CAAC,EAAE,EAAE,YAAY,QA4N3C;AAED,eAAe,WAAW,CAAC"}
+{"version":3,"file":"ui.d.ts","sourceRoot":"","sources":["../../src/extensions/ui.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,YAAY,EAAoB,MAAM,+BAA+B,CAAC;AAsqCpF,wBAAgB,WAAW,CAAC,EAAE,EAAE,YAAY,QA6N3C;AAED,eAAe,WAAW,CAAC"}

package/dist/extensions/ui.js

@@ -1,16 +1,20 @@
 import { normalizeUiDocs, parseUiDoc, resolveUiStatusProfileName, uiStatusProfileWarnings, } from "@femtomc/mu-core";
-import { matchesKey } from "@mariozechner/pi-tui";
+import { matchesKey, truncateToWidth, visibleWidth } from "@mariozechner/pi-tui";
 import { registerMuSubcommand } from "./mu-command-dispatcher.js";
 const UI_DISPLAY_DOCS_MAX = 16;
-const UI_WIDGET_COMPONENTS_MAX = 6;
-const UI_WIDGET_ACTIONS_MAX = 4;
-const UI_WIDGET_COMPONENT_DETAILS_MAX = 3;
 const UI_PICKER_COMPONENTS_MAX = 8;
 const UI_PICKER_LIST_ITEMS_MAX = 4;
 const UI_PICKER_KEYVALUE_ROWS_MAX = 4;
 const UI_SESSION_KEY_FALLBACK = "__mu_ui_active_session__";
 const UI_PROMPT_PREVIEW_MAX = 160;
 const UI_INTERACT_SHORTCUT = "ctrl+shift+u";
+const UI_PICKER_PANEL_MIN_WIDTH = 56;
+const UI_PICKER_PANEL_MAX_WIDTH = 118;
+const UI_PICKER_PANEL_WIDTH_RATIO = 0.9;
+const UI_PICKER_PANEL_TOP_MARGIN = 1;
+const UI_PICKER_PANEL_BOTTOM_MARGIN = 1;
+const UI_ENABLE_MOUSE_TRACKING = "\x1b[?1000h\x1b[?1006h";
+const UI_DISABLE_MOUSE_TRACKING = "\x1b[?1000l\x1b[?1006l";
 const UI_INTERACT_OVERLAY_OPTIONS = {
     anchor: "top-left",
     row: 0,
@@ -24,7 +28,7 @@ const UI_STATE_TTL_MS = 30 * 60 * 1000; // keep session state for 30 minutes aft
 function createState() {
     return {
         docsById: new Map(),
-        pendingPrompt: null,
+        pendingPrompts: [],
         promptedRevisionKeys: new Set(),
         awaitingUiIds: new Set(),
         interactionDepth: 0,
@@ -88,6 +92,38 @@ function retainAwaitingUiIdsForActiveDocs(state) {
         }
     }
 }
+function retainPendingPromptsForActiveDocs(state) {
+    state.pendingPrompts = state.pendingPrompts.filter((pending) => {
+        const doc = state.docsById.get(pending.uiId);
+        if (!doc) {
+            return false;
+        }
+        if (pending.kind === "review") {
+            return isStatusProfileStatusVariant(doc);
+        }
+        const actions = runnableActions(doc);
+        if (actions.length === 0) {
+            return false;
+        }
+        if (!pending.actionId) {
+            return true;
+        }
+        return actions.some((action) => action.id === pending.actionId);
+    });
+}
+function removePendingPromptsForUiId(state, uiId) {
+    state.pendingPrompts = state.pendingPrompts.filter((pending) => pending.uiId !== uiId);
+}
+function enqueuePendingPrompt(state, pending) {
+    const duplicate = state.pendingPrompts.some((existing) => {
+        return (existing.kind === pending.kind &&
+            existing.uiId === pending.uiId &&
+            existing.actionId === pending.actionId);
+    });
+    if (!duplicate) {
+        state.pendingPrompts.push(pending);
+    }
+}
 function armAutoPromptForUiDocs(state, changedUiIds) {
     if (changedUiIds.length === 0) {
         return;
@@ -99,26 +135,30 @@ function armAutoPromptForUiDocs(state, changedUiIds) {
             changedDocs.push(doc);
         }
     }
-    const candidates = changedDocs.filter((doc) => {
-        if (runnableActions(doc).length === 0) {
-            return false;
-        }
-        return !state.promptedRevisionKeys.has(docRevisionKey(doc));
-    });
-    if (candidates.length === 0) {
+    const unpromptedDocs = changedDocs.filter((doc) => !state.promptedRevisionKeys.has(docRevisionKey(doc)));
+    if (unpromptedDocs.length === 0) {
         return;
     }
-    candidates.sort((left, right) => {
+    const byMostRecentRevision = (left, right) => {
         if (left.updated_at_ms !== right.updated_at_ms) {
             return right.updated_at_ms - left.updated_at_ms;
         }
         return left.ui_id.localeCompare(right.ui_id);
-    });
-    const doc = candidates[0];
-    const actions = runnableActions(doc);
-    const actionId = actions.length === 1 ? actions[0].id : undefined;
-    state.pendingPrompt = { uiId: doc.ui_id, actionId };
-    state.promptedRevisionKeys.add(docRevisionKey(doc));
+    };
+    const runnableCandidates = unpromptedDocs.filter((doc) => runnableActions(doc).length > 0).sort(byMostRecentRevision);
+    if (runnableCandidates.length > 0) {
+        const doc = runnableCandidates[0];
+        const actions = runnableActions(doc);
+        const actionId = actions.length === 1 ? actions[0].id : undefined;
+        enqueuePendingPrompt(state, { kind: "action", uiId: doc.ui_id, actionId });
+        state.promptedRevisionKeys.add(docRevisionKey(doc));
+    }
+    const statusCandidates = unpromptedDocs.filter((doc) => isStatusProfileStatusVariant(doc)).sort(byMostRecentRevision);
+    if (statusCandidates.length > 0) {
+        const doc = statusCandidates[0];
+        enqueuePendingPrompt(state, { kind: "review", uiId: doc.ui_id });
+        state.promptedRevisionKeys.add(docRevisionKey(doc));
+    }
 }
 function preferredDocForState(state, candidate) {
     const existing = state.docsById.get(candidate.ui_id);
@@ -454,12 +494,42 @@ function boundedIndex(index, length) {
     }
     return index;
 }
+function parseSgrMouseEvent(data) {
+    const match = /^\x1b\[<(\d+);(\d+);(\d+)([Mm])$/.exec(data);
+    if (!match) {
+        return null;
+    }
+    const buttonCode = Number.parseInt(match[1] ?? "", 10);
+    const col = Number.parseInt(match[2] ?? "", 10);
+    const row = Number.parseInt(match[3] ?? "", 10);
+    if (!Number.isInteger(buttonCode) || !Number.isInteger(col) || !Number.isInteger(row)) {
+        return null;
+    }
+    return {
+        buttonCode,
+        col,
+        row,
+        release: match[4] === "m",
+    };
+}
+function isPrimaryMouseRelease(event) {
+    if (!event.release) {
+        return false;
+    }
+    if (event.buttonCode >= 64) {
+        return false;
+    }
+    const primaryButton = event.buttonCode & 0b11;
+    return primaryButton === 0;
+}
 function pickerComponentLines(component) {
     switch (component.kind) {
         case "text":
-            return [`text · ${component.text}`];
+            return [component.text];
         case "list": {
-            const lines = [`list${component.title ? ` · ${component.title}` : ""}`];
+            const title = component.title?.trim();
+            const prefix = title && title.length > 0 ? `${title} · ` : "";
+            const lines = [`${prefix}${component.items.length} item(s)`];
             const visible = component.items.slice(0, UI_PICKER_LIST_ITEMS_MAX);
             for (const item of visible) {
                 const detail = item.detail ? ` — ${item.detail}` : "";
@@ -471,7 +541,9 @@ function pickerComponentLines(component) {
             return lines;
         }
         case "key_value": {
-            const lines = [`key_value${component.title ? ` · ${component.title}` : ""}`];
+            const title = component.title?.trim();
+            const prefix = title && title.length > 0 ? `${title} · ` : "";
+            const lines = [`${prefix}${component.rows.length} row(s)`];
             const visible = component.rows.slice(0, UI_PICKER_KEYVALUE_ROWS_MAX);
             for (const row of visible) {
                 lines.push(`${row.key}: ${row.value}`);
@@ -482,19 +554,28 @@ function pickerComponentLines(component) {
             return lines;
         }
         case "divider":
-            return ["divider"];
+            return ["—"];
         default:
             return ["component"];
     }
 }
 class UiActionPickerComponent {
+    #tui;
     #entries;
     #theme;
     #done;
     #mode = "doc";
     #docIndex = 0;
     #actionIndex = 0;
+    #mouseEnabled = false;
+    #panelRowStart = 1;
+    #panelRowEnd = 1;
+    #panelColStart = 1;
+    #panelColEnd = 1;
+    #docHitRows = new Map();
+    #actionHitRows = new Map();
     constructor(opts) {
+        this.#tui = opts.tui;
         this.#entries = opts.entries;
         this.#theme = opts.theme;
         this.#done = opts.done;
@@ -512,6 +593,21 @@ class UiActionPickerComponent {
                 this.#mode = "action";
             }
         }
+        this.#enableMouseTracking();
+    }
+    #enableMouseTracking() {
+        if (this.#mouseEnabled) {
+            return;
+        }
+        this.#tui.terminal.write(UI_ENABLE_MOUSE_TRACKING);
+        this.#mouseEnabled = true;
+    }
+    #disableMouseTracking() {
+        if (!this.#mouseEnabled) {
+            return;
+        }
+        this.#tui.terminal.write(UI_DISABLE_MOUSE_TRACKING);
+        this.#mouseEnabled = false;
     }
     #currentEntry() {
         return this.#entries[this.#docIndex];
@@ -546,7 +642,36 @@ class UiActionPickerComponent {
             action,
         });
     }
+    #handleMouseEvent(event) {
+        if (!isPrimaryMouseRelease(event)) {
+            return;
+        }
+        if (event.row < this.#panelRowStart ||
+            event.row > this.#panelRowEnd ||
+            event.col < this.#panelColStart ||
+            event.col > this.#panelColEnd) {
+            return;
+        }
+        const docIndex = this.#docHitRows.get(event.row);
+        if (docIndex !== undefined) {
+            this.#docIndex = boundedIndex(docIndex, this.#entries.length);
+            this.#actionIndex = boundedIndex(this.#actionIndex, this.#currentActions().length);
+            this.#mode = "doc";
+            return;
+        }
+        const actionIndex = this.#actionHitRows.get(event.row);
+        if (actionIndex !== undefined) {
+            this.#mode = "action";
+            this.#actionIndex = boundedIndex(actionIndex, this.#currentActions().length);
+            this.#submit();
+        }
+    }
     handleInput(data) {
+        const mouse = parseSgrMouseEvent(data);
+        if (mouse) {
+            this.#handleMouseEvent(mouse);
+            return;
+        }
         if (matchesKey(data, "escape")) {
             this.#done(null);
             return;
@@ -595,67 +720,120 @@ class UiActionPickerComponent {
     invalidate() {
         // No cached state.
     }
+    dispose() {
+        this.#disableMouseTracking();
+    }
     render(width) {
-        const maxWidth = Math.max(24, width - 2);
-        const lines = [];
-        lines.push(this.#theme.fg("accent", short("Programmable UI", maxWidth)));
-        lines.push(this.#theme.fg("dim", short("↑/↓ move · tab switch · enter select/submit · esc cancel", maxWidth)));
-        lines.push("");
-        lines.push(this.#theme.fg(this.#mode === "doc" ? "accent" : "dim", short(`Documents (${this.#entries.length})`, maxWidth)));
+        const panelTargetWidth = Math.max(UI_PICKER_PANEL_MIN_WIDTH, Math.min(UI_PICKER_PANEL_MAX_WIDTH, Math.floor(width * UI_PICKER_PANEL_WIDTH_RATIO)));
+        const panelWidth = Math.max(4, Math.min(width, panelTargetWidth));
+        const innerWidth = Math.max(1, panelWidth - 2);
+        const maxContentWidth = Math.max(8, innerWidth);
+        const content = [];
+        const docHitRowsByContentIndex = new Map();
+        const actionHitRowsByContentIndex = new Map();
+        const pushContent = (line) => {
+            content.push(truncateToWidth(line, innerWidth, "…", true));
+        };
+        pushContent(this.#theme.fg("accent", short("Programmable UI", maxContentWidth)));
+        pushContent(this.#theme.fg("dim", short("↑/↓ move · tab switch · enter select/submit · esc cancel · click action to submit", maxContentWidth)));
+        pushContent("");
+        pushContent(this.#theme.fg(this.#mode === "doc" ? "accent" : "dim", short(`Documents (${this.#entries.length})`, maxContentWidth)));
         for (let idx = 0; idx < this.#entries.length; idx += 1) {
             const entry = this.#entries[idx];
             const active = idx === this.#docIndex;
             const marker = active ? (this.#mode === "doc" ? "▶" : "▸") : " ";
             const label = `${marker} ${entry.doc.ui_id} · ${entry.doc.title}`;
-            lines.push(this.#theme.fg(active ? "accent" : "muted", short(label, maxWidth)));
+            docHitRowsByContentIndex.set(content.length, idx);
+            pushContent(this.#theme.fg(active ? "accent" : "muted", short(label, maxContentWidth)));
         }
         const selectedDoc = this.#currentEntry().doc;
         if (selectedDoc.summary) {
-            lines.push("");
-            lines.push(this.#theme.fg("dim", short(`Summary: ${selectedDoc.summary}`, maxWidth)));
+            pushContent("");
+            pushContent(this.#theme.fg("dim", short(`Summary: ${selectedDoc.summary}`, maxContentWidth)));
         }
-        lines.push("");
-        lines.push(this.#theme.fg("dim", short(`Components (${selectedDoc.components.length})`, maxWidth)));
+        pushContent("");
+        pushContent(this.#theme.fg("dim", short(`Components (${selectedDoc.components.length})`, maxContentWidth)));
         const visibleComponents = selectedDoc.components.slice(0, UI_PICKER_COMPONENTS_MAX);
         for (const component of visibleComponents) {
             const componentLines = pickerComponentLines(component);
             for (let idx = 0; idx < componentLines.length; idx += 1) {
                 const line = componentLines[idx];
                 const prefix = idx === 0 ? "  " : "    ";
-                lines.push(this.#theme.fg("text", short(`${prefix}${line}`, maxWidth)));
+                pushContent(this.#theme.fg("text", short(`${prefix}${line}`, maxContentWidth)));
             }
         }
         if (selectedDoc.components.length > visibleComponents.length) {
-            lines.push(this.#theme.fg("muted", short(`  ... (+${selectedDoc.components.length - visibleComponents.length} more components)`, maxWidth)));
+            pushContent(this.#theme.fg("muted", short(`  ... (+${selectedDoc.components.length - visibleComponents.length} more components)`, maxContentWidth)));
         }
         const actions = this.#currentActions();
-        lines.push("");
-        lines.push(this.#theme.fg(this.#mode === "action" ? "accent" : "dim", short(`Actions (${actions.length})`, maxWidth)));
+        pushContent("");
+        pushContent(this.#theme.fg(this.#mode === "action" ? "accent" : "dim", short(`Actions (${actions.length})`, maxContentWidth)));
         for (let idx = 0; idx < actions.length; idx += 1) {
             const action = actions[idx];
             const active = idx === this.#actionIndex;
             const marker = active ? (this.#mode === "action" ? "▶" : "▸") : " ";
             const label = `${marker} ${action.id} · ${action.label}`;
-            lines.push(this.#theme.fg(active ? "accent" : "text", short(label, maxWidth)));
+            actionHitRowsByContentIndex.set(content.length, idx);
+            pushContent(this.#theme.fg(active ? "accent" : "text", short(label, maxContentWidth)));
         }
         const action = this.#currentAction();
         if (action?.description) {
-            lines.push("");
-            lines.push(this.#theme.fg("dim", short(`Ask: ${action.description}`, maxWidth)));
+            pushContent("");
+            pushContent(this.#theme.fg("dim", short(`Ask: ${action.description}`, maxContentWidth)));
         }
         if (action?.component_id) {
-            lines.push(this.#theme.fg("dim", short(`Targets component: ${action.component_id}`, maxWidth)));
+            pushContent(this.#theme.fg("dim", short(`Targets component: ${action.component_id}`, maxContentWidth)));
         }
         const commandText = action ? actionCommandText(action) : null;
         if (commandText) {
-            lines.push("");
-            lines.push(this.#theme.fg("dim", short(`Prompt template: ${commandText}`, maxWidth)));
+            pushContent("");
+            pushContent(this.#theme.fg("dim", short(`Prompt template: ${commandText}`, maxContentWidth)));
+        }
+        const topMarginRows = Math.max(0, UI_PICKER_PANEL_TOP_MARGIN);
+        const bottomMarginRows = Math.max(0, UI_PICKER_PANEL_BOTTOM_MARGIN);
+        const leftPadWidth = Math.max(0, Math.floor((width - panelWidth) / 2));
+        const leftPad = " ".repeat(leftPadWidth);
+        const frame = [];
+        for (let row = 0; row < topMarginRows; row += 1) {
+            frame.push("");
         }
-        return lines;
+        const title = " mu_ui ";
+        const titleWidth = Math.min(innerWidth, visibleWidth(title));
+        const leftRule = "─".repeat(Math.max(0, Math.floor((innerWidth - titleWidth) / 2)));
+        const rightRule = "─".repeat(Math.max(0, innerWidth - titleWidth - leftRule.length));
+        frame.push(`${leftPad}${this.#theme.fg("borderAccent", `╭${leftRule}`)}${this.#theme.fg("accent", title)}${this.#theme.fg("borderAccent", `${rightRule}╮`)}`);
+        this.#docHitRows.clear();
+        this.#actionHitRows.clear();
+        const contentStartRow = frame.length + 1;
+        for (let idx = 0; idx < content.length; idx += 1) {
+            const line = content[idx] ?? "";
+            const visible = visibleWidth(line);
+            const fill = " ".repeat(Math.max(0, innerWidth - visible));
+            frame.push(`${leftPad}${this.#theme.fg("border", "│")}${this.#theme.bg("customMessageBg", `${line}${fill}`)}${this.#theme.fg("border", "│")}`);
+            const row = contentStartRow + idx;
+            const docIndex = docHitRowsByContentIndex.get(idx);
+            if (docIndex !== undefined) {
+                this.#docHitRows.set(row, docIndex);
+            }
+            const actionIndex = actionHitRowsByContentIndex.get(idx);
+            if (actionIndex !== undefined) {
+                this.#actionHitRows.set(row, actionIndex);
+            }
+        }
+        frame.push(`${leftPad}${this.#theme.fg("borderAccent", `╰${"─".repeat(innerWidth)}╯`)}`);
+        for (let row = 0; row < bottomMarginRows; row += 1) {
+            frame.push("");
+        }
+        this.#panelRowStart = topMarginRows + 1;
+        this.#panelRowEnd = this.#panelRowStart + content.length + 1;
+        this.#panelColStart = leftPadWidth + 1;
+        this.#panelColEnd = leftPadWidth + panelWidth;
+        return frame;
     }
 }
 async function pickUiActionInteractively(opts) {
-    const selected = await opts.ctx.ui.custom((_tui, theme, _keybindings, done) => new UiActionPickerComponent({
+    const selected = await opts.ctx.ui.custom((tui, theme, _keybindings, done) => new UiActionPickerComponent({
+        tui,
         entries: opts.entries,
         theme: theme,
         done,
@@ -670,6 +848,7 @@ async function pickUiActionInteractively(opts) {
 function applyUiAction(params, state) {
     retainPromptedRevisionKeysForActiveDocs(state);
     retainAwaitingUiIdsForActiveDocs(state);
+    retainPendingPromptsForActiveDocs(state);
     const docs = activeDocs(state);
     const awaitingCount = awaitingDocs(state, docs).length;
     switch (params.action) {
@@ -712,6 +891,7 @@ function applyUiAction(params, state) {
             }
             retainPromptedRevisionKeysForActiveDocs(state);
             retainAwaitingUiIdsForActiveDocs(state);
+            retainPendingPromptsForActiveDocs(state);
             return {
                 ok: true,
                 action: params.action,
@@ -735,6 +915,7 @@ function applyUiAction(params, state) {
             }
             retainPromptedRevisionKeysForActiveDocs(state);
             retainAwaitingUiIdsForActiveDocs(state);
+            retainPendingPromptsForActiveDocs(state);
             return {
                 ok: true,
                 action: "replace",
@@ -754,17 +935,16 @@ function applyUiAction(params, state) {
             if (!state.docsById.delete(uiId)) {
                 return { ok: false, action: "remove", message: `UI doc not found: ${uiId}` };
             }
-            if (state.pendingPrompt?.uiId === uiId) {
-                state.pendingPrompt = null;
-            }
+            removePendingPromptsForUiId(state, uiId);
             state.awaitingUiIds.delete(uiId);
             retainPromptedRevisionKeysForActiveDocs(state);
             retainAwaitingUiIdsForActiveDocs(state);
+            retainPendingPromptsForActiveDocs(state);
             return { ok: true, action: "remove", message: `UI doc removed: ${uiId}` };
         }
         case "clear":
             state.docsById.clear();
-            state.pendingPrompt = null;
+            state.pendingPrompts = [];
             state.promptedRevisionKeys.clear();
             state.awaitingUiIds.clear();
             return { ok: true, action: "clear", message: "UI docs cleared." };
@@ -785,84 +965,6 @@ function buildToolResult(opts) {
     };
     return result;
 }
-function renderDocPreview(theme, doc, opts) {
-    const lines = [];
-    const headerParts = [theme.fg("accent", doc.title), theme.fg("muted", `[${doc.ui_id}]`)];
-    if (opts.awaitingResponse) {
-        headerParts.push(theme.fg("accent", "awaiting-response"));
-    }
-    lines.push(headerParts.join(" "));
-    if (doc.summary) {
-        lines.push(theme.fg("muted", short(doc.summary, 80)));
-    }
-    if (opts.awaitingCount > 0) {
-        lines.push(theme.fg("accent", `Awaiting user response for ${opts.awaitingCount} UI doc(s).`));
-    }
-    const components = doc.components.slice(0, UI_WIDGET_COMPONENTS_MAX);
-    if (components.length > 0) {
-        lines.push(theme.fg("dim", "Components:"));
-        for (const component of components) {
-            const previewLines = componentPreviewLines(component);
-            for (let idx = 0; idx < previewLines.length; idx += 1) {
-                const line = previewLines[idx];
-                lines.push(`${idx === 0 ? "  " : "    "}${line}`);
-            }
-        }
-    }
-    const interactiveActions = runnableActions(doc);
-    if (interactiveActions.length > 0) {
-        lines.push(theme.fg("muted", "Actions:"));
-        const visibleActions = interactiveActions.slice(0, UI_WIDGET_ACTIONS_MAX);
-        for (let idx = 0; idx < visibleActions.length; idx += 1) {
-            const action = visibleActions[idx];
-            lines.push(`  ${idx + 1}. ${action.label}`);
-        }
-        if (interactiveActions.length > visibleActions.length) {
-            lines.push(`  ... (+${interactiveActions.length - visibleActions.length} more actions)`);
-        }
-        if (opts.awaitingResponse) {
-            lines.push(theme.fg("accent", "Awaiting your response. Select an action to continue."));
-        }
-        lines.push(theme.fg("dim", `Press ${UI_INTERACT_SHORTCUT} to compose and submit a prompt from actions.`));
-    }
-    else {
-        lines.push(theme.fg("dim", "No interactive actions."));
-    }
-    return lines;
-}
-function componentPreviewLines(component) {
-    const { kind } = component;
-    switch (kind) {
-        case "text":
-            return [`text · ${short(component.text, 80)}`];
-        case "list": {
-            const lines = [`list · ${component.title ?? kind} · ${component.items.length} item(s)`];
-            const visible = component.items.slice(0, UI_WIDGET_COMPONENT_DETAILS_MAX);
-            for (const item of visible) {
-                const detail = item.detail ? ` — ${short(item.detail, 28)}` : "";
-                lines.push(`• ${short(item.label, 72)}${detail}`);
-            }
-            if (component.items.length > visible.length) {
-                lines.push(`... (+${component.items.length - visible.length} more items)`);
-            }
-            return lines;
-        }
-        case "key_value": {
-            const lines = [`key_value · ${component.title ?? kind} · ${component.rows.length} row(s)`];
-            const visible = component.rows.slice(0, UI_WIDGET_COMPONENT_DETAILS_MAX);
-            for (const row of visible) {
-                lines.push(`${short(row.key, 20)}: ${short(row.value, 52)}`);
-            }
-            if (component.rows.length > visible.length) {
-                lines.push(`... (+${component.rows.length - visible.length} more rows)`);
-            }
-            return lines;
-        }
-        case "divider":
-            return ["divider"];
-    }
-    return [kind];
-}
 function refreshUi(ctx) {
     const key = sessionKey(ctx);
     const state = ensureState(key);
@@ -892,15 +994,7 @@ function refreshUi(ctx) {
         ctx.ui.theme.fg("muted", "·"),
         ctx.ui.theme.fg("text", labels),
     ].join(" "));
-    if (state.interactionDepth > 0) {
-        ctx.ui.setWidget("mu-ui", undefined);
-        return;
-    }
-    const primaryDoc = awaiting[0] ?? docs[0];
-    ctx.ui.setWidget("mu-ui", renderDocPreview(ctx.ui.theme, primaryDoc, {
-        awaitingResponse: state.awaitingUiIds.has(primaryDoc.ui_id),
-        awaitingCount: awaiting.length,
-    }), { placement: "belowEditor" });
+    ctx.ui.setWidget("mu-ui", undefined);
 }
 export function uiExtension(pi) {
     const commandUsage = "/mu ui status|snapshot [compact|multiline]|interact [ui_id [action_id]]";
@@ -911,13 +1005,8 @@ export function uiExtension(pi) {
             ctx.ui.notify("No UI docs are currently available.", "info");
             return;
         }
-        const entries = docs
-            .map((doc) => ({ doc, actions: runnableActions(doc) }))
-            .filter((entry) => entry.actions.length > 0);
-        if (entries.length === 0) {
-            ctx.ui.notify("No runnable UI actions are currently available.", "error");
-            return;
-        }
+        const entries = docs.map((doc) => ({ doc, actions: runnableActions(doc) }));
+        const runnableEntries = entries.filter((entry) => entry.actions.length > 0);
         let selectedDoc = null;
         let selectedAction = null;
         const normalizedUiId = uiId?.trim() ?? "";
@@ -944,14 +1033,19 @@ export function uiExtension(pi) {
                 actionId: normalizedActionId.length > 0 ? normalizedActionId : undefined,
             });
             if (!picked) {
-                ctx.ui.notify("UI interaction cancelled.", "info");
+                if (runnableEntries.length > 0) {
+                    ctx.ui.notify("UI interaction cancelled.", "info");
+                }
                 return;
             }
             selectedDoc = picked.doc;
             selectedAction = picked.action;
         }
         if (!selectedDoc || !selectedAction) {
-            ctx.ui.notify("No UI action was selected.", "error");
+            if (runnableEntries.length === 0) {
+                return;
+            }
+            ctx.ui.notify("No UI action was selected.", "info");
             return;
         }
         const commandText = actionCommandText(selectedAction);
@@ -990,10 +1084,9 @@ export function uiExtension(pi) {
         }
         pi.sendUserMessage(finalPrompt);
         state.awaitingUiIds.delete(selectedDoc.ui_id);
-        if (state.pendingPrompt?.uiId === selectedDoc.ui_id) {
-            state.pendingPrompt = null;
-        }
+        removePendingPromptsForUiId(state, selectedDoc.ui_id);
         retainAwaitingUiIdsForActiveDocs(state);
+        retainPendingPromptsForActiveDocs(state);
         ctx.ui.notify(`Submitted prompt from ${selectedDoc.ui_id}/${selectedAction.id}.`, "info");
     });
     registerMuSubcommand(pi, {
@@ -1034,7 +1127,7 @@ export function uiExtension(pi) {
         },
     });
     pi.registerShortcut(UI_INTERACT_SHORTCUT, {
-        description: "Interact with programmable UI docs and submit prompt",
+        description: "Open programmable UI modal and optionally submit prompt",
         handler: async (ctx) => {
             const key = sessionKey(ctx);
             const state = ensureState(key);
@@ -1085,12 +1178,14 @@ export function uiExtension(pi) {
         }
         const key = sessionKey(ctx);
         const state = ensureState(key);
-        const pending = state.pendingPrompt;
+        retainPendingPromptsForActiveDocs(state);
+        const pending = state.pendingPrompts.shift();
         if (!pending) {
             return;
         }
-        state.pendingPrompt = null;
-        ctx.ui.notify(`Agent requested input via ${pending.uiId}. Submit now or press ${UI_INTERACT_SHORTCUT} later.`, "info");
+        if (pending.kind === "action") {
+            ctx.ui.notify(`Agent requested input via ${pending.uiId}. Submit now or press ${UI_INTERACT_SHORTCUT} later.`, "info");
+        }
         await runUiActionFromDoc(ctx, state, pending.uiId, pending.actionId);
         refreshUi(ctx);
     });

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@femtomc/mu-agent",
-	"version": "26.2.109",
+	"version": "26.2.111",
 	"description": "Shared operator runtime for mu assistant sessions and serve extensions.",
 	"keywords": [
 		"mu",
@@ -25,7 +25,7 @@
 		"themes/**"
 	],
 	"dependencies": {
-		"@femtomc/mu-core": "26.2.109",
+		"@femtomc/mu-core": "26.2.111",
 		"@mariozechner/pi-agent-core": "^0.54.2",
 		"@mariozechner/pi-ai": "^0.54.2",
 		"@mariozechner/pi-coding-agent": "^0.54.2",