@timurproko/a1 0.1.8-dev.563 → 0.1.8-dev.573

package/dist/integrations/pi/components/models-dialog.js

@@ -1,7 +1,15 @@
 import { Input, Key, getKeybindings, matchesKey, truncateToWidth, } from "@earendil-works/pi-tui";
+import { DynamicBorder } from "../startup-public.js";
+import { PiModalFrame } from "./modal-frame.js";
 import { piTheme, renderPiModalShortcutHints } from "./theme.js";
 const MAX_VISIBLE_ROWS = 10;
 const MODELS_TITLE = "Models";
+class ModalTitleLine {
+    #text = "";
+    setText(text) { this.#text = text; }
+    invalidate() { }
+    render(width) { return [truncateToWidth(this.#text, width)]; }
+}
 function fullModelId(model) {
     return `${model.provider}/${model.id}`;
 }
@@ -27,6 +35,12 @@ function keyLabel(action) {
  */
 export class ModelsDialogComponent {
     #input = new Input();
+    #title = new ModalTitleLine();
+    #body = {
+        invalidate: () => this.#input.invalidate(),
+        render: width => this.#renderBody(width),
+    };
+    #frame = new PiModalFrame(new DynamicBorder(), [this.#title, this.#body], new DynamicBorder());
     #callbacks;
     #models = [];
     #activeModelId;
@@ -182,15 +196,16 @@ export class ModelsDialogComponent {
             this.#selectedIndex = 0;
     }
     render(width) {
+        const theme = piTheme();
+        this.#title.setText(theme.fg("accent", theme.bold(MODELS_TITLE)) + (this.dirty ? theme.fg("warning", " (unsaved)") : ""));
+        return this.#frame.render(width);
+    }
+    #renderBody(width) {
         const theme = piTheme();
         const lines = [];
         const push = (line = "") => { lines.push(truncateToWidth(line, width)); };
-        const border = theme.fg("border", "─".repeat(Math.max(1, width)));
         const rows = this.#rows();
         this.#clampSelection(rows);
-        push(border);
-        push();
-        push(theme.fg("accent", theme.bold(MODELS_TITLE)) + (this.dirty ? theme.fg("warning", " (unsaved)") : ""));
         push(theme.fg("dim", "Filter: ")
             + theme.fg(this.#filter === "all" ? "accent" : "dim", "all")
             + theme.fg("dim", " | ")
@@ -229,7 +244,6 @@ export class ModelsDialogComponent {
         if (this.#refreshStatus !== undefined)
             push(theme.fg(this.#refreshStatus.kind, `  ${this.#refreshStatus.message}`));
         push(renderPiModalShortcutHints(this.#hints()));
-        push(border);
         return lines;
     }
     #hints() {

package/dist/integrations/pi/components/shell-footer-status.d.ts

@@ -1,7 +1,8 @@
 import type { OwnedUiSessionViewModel } from "../../../contracts/owned-ui/index.js";
-import { type PiShellViewComponentPort, type PiShellStatusPort, type PiShellQueuedInputPort, type PiShellHeaderPort, type PiShellResourceEntry, type PiShellLoadedResourcesPort, type PiShellHeaderOptions, type PiShellEditorOptions } from "./shell-shared-facade.js";
+import { type KeybindingsConfig } from "./upstream/adjacent/core/keybindings.js";
+import { type PiShellViewComponentPort, type PiShellStatusPort, type PiShellProgressStatusPresentation, type PiShellQueuedInputPort, type PiShellHeaderPort, type PiShellResourceEntry, type PiShellLoadedResourcesPort, type PiShellHeaderOptions, type PiShellEditorOptions } from "./shell-shared-facade.js";
 export declare function createPiShellHeader(options?: PiShellHeaderOptions): PiShellHeaderPort;
 export declare function createPiShellLoadedResources(resources: readonly PiShellResourceEntry[], initialExpanded?: boolean): PiShellLoadedResourcesPort;
-export declare function createPiShellStatus(view: OwnedUiSessionViewModel, formatProgressStatus: (message: string) => string, runtime?: Pick<PiShellEditorOptions, "getColumns" | "getRows" | "requestRender">): PiShellStatusPort;
+export declare function createPiShellStatus(view: OwnedUiSessionViewModel, progressStatus: PiShellProgressStatusPresentation, runtime?: Pick<PiShellEditorOptions, "getColumns" | "getRows" | "requestRender">): PiShellStatusPort;
 export declare function createPiShellFooter(view: OwnedUiSessionViewModel, cwd: string, profile?: "pi" | "a1", showLevel?: () => boolean): PiShellViewComponentPort;
-export declare function createPiQueuedInputStatus(submissions: readonly string[], presentation?: "pinned" | "custom-viewport"): PiShellQueuedInputPort;
+export declare function createPiQueuedInputStatus(submissions: readonly string[], presentation?: "pinned" | "custom-viewport", getKeybindings?: () => KeybindingsConfig): PiShellQueuedInputPort;

package/dist/integrations/pi/components/shell-footer-status.js

@@ -2,7 +2,7 @@ import { rawKeyHint, VERSION } from "../startup-public.js";
 import { Spacer, Text, } from "@earendil-works/pi-tui";
 import { SessionFooter } from "./upstream/components/session-footer.js";
 import { KeybindingsManager } from "./upstream/adjacent/core/keybindings.js";
-import { WorkingStatusIndicator } from "./upstream/components/status-indicator.js";
+import { StatusIndicator, WorkingStatusIndicator } from "./upstream/components/status-indicator.js";
 import { PINNED_PI_LAYOUT, piTheme, } from "./theme.js";
 import { createTuiFacade, ensureTheme, } from "./shell-shared-facade.js";
 export function createPiShellHeader(options = {}) {
@@ -70,15 +70,15 @@ export function createPiShellLoadedResources(resources, initialExpanded = false)
         invalidate() { },
     };
 }
-export function createPiShellStatus(view, formatProgressStatus, runtime) {
+export function createPiShellStatus(view, progressStatus, runtime) {
     ensureTheme();
     const statusUi = createTuiFacade(runtime ?? { getColumns: () => 80, getRows: () => 24, requestRender() { } });
     let workingOverride;
     let outputPad = PINNED_PI_LAYOUT.outputPad;
     let progressPresentation = "pinned";
     let placement = statusPlacement(view, workingOverride);
-    const liveStatusText = () => formatProgressStatus(liveWorkingText(view, workingOverride, progressPresentation));
-    let component = statusComponent(view, statusUi, outputPad, liveStatusText, placement);
+    const liveStatusText = () => progressStatus.text(liveWorkingText(view, workingOverride, progressPresentation), progressPresentation);
+    let component = statusComponent(view, statusUi, outputPad, liveStatusText, placement, progressPresentation, progressStatus);
     let signature = statusSignature(view, workingOverride, outputPad, placement, progressPresentation);
     const rebuild = () => {
         const nextPlacement = statusPlacement(view, workingOverride);
@@ -86,7 +86,10 @@ export function createPiShellStatus(view, formatProgressStatus, runtime) {
         if (nextSignature === signature)
             return;
         // Performance: progress ticks change only the live message; the spinner keeps its frame and timer.
-        if (placement === "live" && nextPlacement === "live" && component instanceof WorkingStatusIndicator
+        const componentMatchesPresentation = progressPresentation === "custom-viewport"
+            ? component instanceof OwnedWorkingStatusIndicator
+            : component instanceof WorkingStatusIndicator;
+        if (placement === "live" && nextPlacement === "live" && component instanceof StatusIndicator && componentMatchesPresentation
             && statusSignature(view, workingOverride, outputPad, nextPlacement, progressPresentation, false)
                 === statusSignature(view, workingOverride, outputPad, placement, progressPresentation, false)) {
             component.setMessage(liveStatusText());
@@ -97,7 +100,7 @@ export function createPiShellStatus(view, formatProgressStatus, runtime) {
             component.dispose();
         placement = nextPlacement;
         signature = nextSignature;
-        component = statusComponent(view, statusUi, outputPad, liveStatusText, placement);
+        component = statusComponent(view, statusUi, outputPad, liveStatusText, placement, progressPresentation, progressStatus);
     };
     return {
         render: width => component?.render(width) ?? [],
@@ -138,14 +141,27 @@ export function createPiShellFooter(view, cwd, profile = "pi", showLevel = () =>
         dispose: () => footer.dispose(),
     };
 }
-export function createPiQueuedInputStatus(submissions, presentation = "pinned") {
-    const text = new Text(queuedInputText(submissions, presentation), 1, 0);
+export function createPiQueuedInputStatus(submissions, presentation = "pinned", getKeybindings) {
+    let renderedText = queuedInputText(submissions, presentation, getKeybindings?.());
+    const text = new Text(renderedText, 1, 0);
+    const refresh = () => {
+        const next = queuedInputText(submissions, presentation, getKeybindings?.());
+        if (next === renderedText)
+            return;
+        renderedText = next;
+        text.setText(next);
+    };
     return {
-        render: width => submissions.length === 0 ? [] : text.render(width),
+        render(width) {
+            if (submissions.length === 0)
+                return [];
+            refresh();
+            return text.render(width);
+        },
         invalidate: () => text.invalidate(),
         update(next) {
             submissions = next;
-            text.setText(queuedInputText(next, presentation));
+            refresh();
         },
     };
 }
@@ -168,9 +184,23 @@ function liveWorkingText(view, workingOverride, progressPresentation) {
         ? `${message}(${progress}%)`
         : message;
 }
-function statusComponent(view, ui, outputPad, liveStatusText, placement) {
+class OwnedWorkingStatusIndicator extends StatusIndicator {
+    constructor(ui, message, frame) {
+        let phase = -1;
+        super("working", ui, spinner => {
+            phase += 1;
+            return piTheme().fg("accent", spinner);
+        }, text => frame(text, phase, {
+            muted: value => piTheme().fg("muted", value),
+            accent: value => piTheme().fg("accent", value),
+        }), message);
+    }
+}
+function statusComponent(view, ui, outputPad, liveStatusText, placement, progressPresentation, progressStatus) {
     if (placement === "live") {
-        return new WorkingStatusIndicator(ui, liveStatusText());
+        return progressPresentation === "custom-viewport"
+            ? new OwnedWorkingStatusIndicator(ui, liveStatusText(), progressStatus.frame)
+            : new WorkingStatusIndicator(ui, liveStatusText());
     }
     if (placement === "dock") {
         if (view.lifecycle === "failed") {
@@ -184,7 +214,7 @@ function statusSignature(view, workingOverride, outputPad, placement, progressPr
     const message = withMessage ? `${workingOverride ?? ""}\u0000${view.status.workingMessage ?? ""}\u0000${view.status.workingProgress ?? ""}` : "";
     return `${placement}\u0000${outputPad}\u0000${view.lifecycle}\u0000${progressPresentation}\u0000${message}\u0000${view.status.diagnostics.at(-1) ?? ""}`;
 }
-function queuedInputText(submissions, presentation) {
+function queuedInputText(submissions, presentation, bindings) {
     if (submissions.length === 0)
         return "";
     const theme = piTheme();
@@ -192,11 +222,19 @@ function queuedInputText(submissions, presentation) {
         return submissions.map(submission => theme.fg("muted", `Steering: ${submission.replaceAll("\n", " ⏎ ")}`)).join("\n");
     }
     const messages = submissions.map(submission => theme.fg("dim", `Steering: ${submission.replaceAll("\n", " ⏎ ")}`));
-    const dequeueHint = theme.fg("dim", "↳ Alt+Up to edit all queued messages");
+    const keys = KeybindingsManager.fromOwnedBindings(bindings).getKeys("app.message.dequeue");
+    const label = keys.length === 0 ? "Unbound" : keys.map(displayKeybinding).join("/");
+    const dequeueHint = theme.fg("dim", `↳ ${label} to edit all queued messages`);
     // Compatibility: the custom viewport matches Pi's interactive queue presentation while the
     // comparison shell remains byte-for-byte compatible with its pinned fixture.
     return ["", ...messages, dequeueHint].join("\n");
 }
+function displayKeybinding(key) {
+    return key.split("+").map(part => {
+        const display = process.platform === "darwin" && part.toLowerCase() === "alt" ? "option" : part;
+        return display.charAt(0).toUpperCase() + display.slice(1);
+    }).join("+");
+}
 function compactHeaderText() {
     const theme = piTheme();
     const instructions = [
@@ -231,7 +269,7 @@ function expandedHeaderText(bindings) {
         rawKeyHint("!", "to run bash"),
         rawKeyHint("!!", "to run bash (no context)"),
         rawKeyHint("alt+enter", "to queue follow-up"),
-        rawKeyHint("alt+up", "to edit all queued messages"),
+        rawKeyHint(keys === undefined ? "alt+up" : keys.getKeys("app.message.dequeue").join("/") || "unbound", "to edit all queued messages"),
         rawKeyHint(process.platform === "win32" ? "alt+v" : "ctrl+v", "to paste image (with text fallback)"),
         rawKeyHint("drop files", "to attach"),
     ].join("\n");

package/dist/integrations/pi/components/shell-selectors-dialogs.js

@@ -3,6 +3,7 @@ import { DaxnutsComponent, } from "./upstream/components/daxnuts.js";
 import { EarendilAnnouncementComponent, } from "./upstream/components/earendil-announcement.js";
 import { Box, Container, SelectList, Spacer, Text, } from "@earendil-works/pi-tui";
 import { ScopedModelsSelectorComponent, } from "./upstream/components/scoped-models-selector.js";
+import { adoptPiModalFrame, adoptPiModalHeader } from "./modal-frame.js";
 import { ModelsDialogComponent, } from "./models-dialog.js";
 import { TrustSelectorComponent, } from "./upstream/components/trust-selector.js";
 import { PINNED_PI_LAYOUT, piTheme, } from "./theme.js";
@@ -72,6 +73,7 @@ export function createPiShellSettingsSelector(options) {
 export function createPiShellModelSelector(options) {
     ensureTheme();
     const selector = new ModelSelectorComponent(createTuiFacade(options.runtime), options.currentModel, options.modelRuntime, options.scopedModels, options.onSelect, options.onCancel, options.initialSearchInput, options.onSelectAsDefault, options.defaultModel);
+    adoptPiModalFrame(selector, { topIndex: 0, bottomIndex: selector.children.length - 1 });
     return componentPort(selector);
 }
 function toPiScopedModel(model) {
@@ -137,11 +139,20 @@ export function createPiShellUserMessageSelector(messages, onSelect, onCancel, i
     ensureTheme();
     const selector = new UserMessageSelectorComponent(messages.map(message => ({ id: message.id, text: message.label })), onSelect, onCancel, initialSelectedId);
     const list = selector.getMessageList();
+    adoptPiModalFrame(selector, { topIndex: 4, bottomIndex: selector.children.length - 1 });
     return componentPort(selector, data => list.handleInput(data));
 }
 export function createPiShellLoginDialog(runtime, providerId, onComplete, providerName, title) {
     ensureTheme();
     const dialog = new LoginDialogComponent(createTuiFacade(runtime), providerId, onComplete, providerName, title);
+    const preInsetTitle = dialog.children[1];
+    const header = adoptPiModalHeader(dialog, 0, 1);
+    adoptPiModalFrame(dialog, {
+        topIndex: 0,
+        bottomIndex: dialog.children.length - 1,
+        header,
+        preInsetContent: [preInsetTitle],
+    });
     return {
         ...componentPort(dialog),
         showAuth: (url, instructions) => dialog.showAuth(url, instructions),
@@ -169,6 +180,11 @@ export function createPiShellEarendilAnnouncement() {
 export function createPiShellOperationLoader(runtime, message) {
     ensureTheme();
     const loader = new BorderedLoader(createTuiFacade(runtime), piTheme(), message, { cancellable: true });
+    adoptPiModalFrame(loader, {
+        topIndex: 0,
+        bottomIndex: loader.children.length - 1,
+        preInsetContent: loader.children[3] === undefined ? [] : [loader.children[3]],
+    });
     return { ...componentPort(loader), signal: loader.signal };
 }
 export function createPiShellReloadBox() {
@@ -177,9 +193,10 @@ export function createPiShellReloadBox() {
     const borderColor = (text) => piTheme().fg("border", text);
     container.addChild(new DynamicBorder(borderColor));
     container.addChild(new Spacer(1));
-    container.addChild(new Text(piTheme().fg("muted", "Reloading keybindings, extensions, skills, prompts, themes, and context files..."), 1, 0));
+    container.addChild(new Text(piTheme().fg("muted", "Reloading keybindings, extensions, skills, prompts, themes, and context files..."), 0, 0));
     container.addChild(new Spacer(1));
     container.addChild(new DynamicBorder(borderColor));
+    adoptPiModalFrame(container, { topIndex: 0, bottomIndex: container.children.length - 1 });
     return componentPort(container);
 }
 export function createPiShellAuthProviderSelector(mode, providers, onSelect, onCancel, initialSearchInput) {
@@ -194,22 +211,41 @@ export function createPiShellAuthProviderSelector(mode, providers, onSelect, onC
         if (selected)
             onSelect(selected.id);
     }, onCancel, initialSearchInput);
+    const preInsetContent = [selector.children[2], selector.children[6]];
+    const header = adoptPiModalHeader(selector, 0, 2);
+    adoptPiModalFrame(selector, {
+        topIndex: 0,
+        bottomIndex: selector.children.length - 1,
+        header,
+        preInsetContent,
+    });
     return componentPort(selector);
 }
 export function createPiShellExtensionSelector(title, options, onSelect, onCancel) {
     ensureTheme();
-    return componentPort(new ExtensionSelectorComponent(title, [...options], onSelect, onCancel));
+    const selector = new ExtensionSelectorComponent(title, [...options], onSelect, onCancel);
+    const preInsetContent = [selector.children[2], selector.children[4], selector.children[6]];
+    const header = adoptPiModalHeader(selector, 0, 2);
+    adoptPiModalFrame(selector, {
+        topIndex: 0,
+        bottomIndex: selector.children.length - 1,
+        header,
+        preInsetContent,
+    });
+    return componentPort(selector);
 }
 export function createPiShellThemeSelector(currentTheme, onSelect, onCancel, onPreview) {
     ensureTheme();
     const selector = new ThemeSelectorComponent(currentTheme, onSelect, onCancel, onPreview);
     const list = selector.getSelectList();
+    adoptPiModalFrame(selector, { topIndex: 0, bottomIndex: selector.children.length - 1 });
     return componentPort(selector, data => list.handleInput(data));
 }
 export function createPiShellShowImagesSelector(currentValue, onSelect, onCancel) {
     ensureTheme();
     const selector = new ShowImagesSelectorComponent(currentValue, onSelect, onCancel);
     const list = selector.getSelectList();
+    adoptPiModalFrame(selector, { topIndex: 0, bottomIndex: selector.children.length - 1 });
     return componentPort(selector, data => list.handleInput(data));
 }
 export function createPiShellDialog(dialog, handlers = {}) {

package/dist/integrations/pi/components/shell-shared-facade.d.ts

@@ -80,11 +80,19 @@ export interface PiShellViewComponentPort extends PiShellComponentPort {
     update(view: OwnedUiSessionViewModel): void;
 }
 export type PiShellStatusPlacement = "live" | "dock" | "hidden";
+export type PiShellProgressPresentationMode = "pinned" | "custom-viewport";
+export interface PiShellProgressStatusPresentation {
+    readonly text: (message: string, mode: PiShellProgressPresentationMode) => string;
+    readonly frame: (message: string, phase: number, styles: {
+        readonly muted: (text: string) => string;
+        readonly accent: (text: string) => string;
+    }) => string;
+}
 export interface PiShellStatusPort extends PiShellViewComponentPort {
     setWorkingOverride(message: string | undefined): void;
     setOutputPad(padding: 0 | 1): void;
     /** Bare A1 shows engine-measured progress beside the working word; the pinned route keeps the bare word. */
-    setProgressPresentation(presentation: "pinned" | "custom-viewport"): void;
+    setProgressPresentation(presentation: PiShellProgressPresentationMode): void;
     /** Semantic row placement; callers must not inspect rendered text. */
     placement(): PiShellStatusPlacement;
     renderDock(width: number): readonly string[];

package/dist/integrations/pi/components/skills-dialog.js

@@ -1,5 +1,6 @@
 import { DynamicBorder } from "../startup-public.js";
 import { Container, getKeybindings, Input, Spacer, Text } from "@earendil-works/pi-tui";
+import { addPiModalHeader, adoptPiModalFrame } from "./modal-frame.js";
 import { PINNED_PI_LAYOUT, piTheme, renderPiModalShortcutHints } from "./theme.js";
 import { componentPort, ensureTheme, piShellTruncateToWidth, piShellVisibleWidth } from "./shell-shared-facade.js";
 import { SKILL_COMMAND_PREFIX, skillMatchesQuery } from "./skills-command.js";
@@ -36,9 +37,7 @@ class SkillsSelectorComponent extends Container {
         this.#onSelect = options.onSelect;
         this.#onCancel = options.onCancel;
         this.#searchInput.onSubmit = () => this.#selectCurrent();
-        this.addChild(new DynamicBorder());
-        this.addChild(new Spacer(1));
-        this.addChild(new Text(piTheme().fg("accent", piTheme().bold("Skills")), 0, 0));
+        const header = addPiModalHeader(this, new DynamicBorder(), new Text(piTheme().fg("accent", piTheme().bold("Skills")), 0, 0));
         this.addChild(new Spacer(1));
         this.addChild(this.#searchInput);
         this.addChild(new Spacer(1));
@@ -51,6 +50,7 @@ class SkillsSelectorComponent extends Container {
             { key: bindings.getKeys("tui.select.cancel").join("/"), action: "cancel" },
         ]), 0, 0));
         this.addChild(new DynamicBorder());
+        adoptPiModalFrame(this, { topIndex: 0, bottomIndex: this.children.length - 1, header });
         this.#updateList();
     }
     // Protocol: focus propagates to the search input so the terminal cursor follows the query.

package/dist/integrations/pi/components/submitted-prompt-adapter.d.ts

@@ -1,5 +1,5 @@
 import { type Component } from "@earendil-works/pi-tui";
-import type { OwnedUiTranscriptBlock } from "../../../contracts/owned-ui/index.js";
+import { type OwnedUiTranscriptBlock } from "../../../contracts/owned-ui/index.js";
 export interface PiShellSubmittedPromptComposer {
     readonly layout: (width: number, source?: Date | number | null) => {
         readonly contentWidth: number;

package/dist/integrations/pi/components/submitted-prompt-adapter.js

@@ -1,5 +1,6 @@
 import { getMarkdownTheme } from "../startup-public.js";
 import { Box, Markdown, Text } from "@earendil-works/pi-tui";
+import { protectPromptChipWrapping } from "../../../contracts/owned-ui/index.js";
 import { piTheme } from "./theme.js";
 /** Branch summaries share the block kind but do not participate in prompt navigation. */
 export function isPiPromptStyleCompaction(block) {
@@ -18,11 +19,13 @@ export function createPiSubmittedPromptComponent(block, composer, heading) {
     const timestamp = numericTimestamp(block);
     // Invariant: presentation-only chrome stays outside the summary's Markdown parser and stored text.
     const header = heading === undefined ? undefined : new Text(heading, 0, 0);
-    const markdown = new Markdown(block.text, 0, 0, getMarkdownTheme(), { color: content => piTheme().fg("userMessageText", content) }, { preserveOrderedListMarkers: true, preserveBackslashEscapes: true });
+    const chipWrapping = block.kind === "user" ? protectPromptChipWrapping(block.text) : undefined;
+    const markdown = new Markdown(chipWrapping?.text ?? block.text, 0, 0, getMarkdownTheme(), { color: content => piTheme().fg("userMessageText", content) }, { preserveOrderedListMarkers: true, preserveBackslashEscapes: true });
     const content = {
         render(width) {
             const layout = composer.layout(width, timestamp);
-            const bodyRows = markdown.render(layout.contentWidth);
+            const renderedBodyRows = markdown.render(layout.contentWidth);
+            const bodyRows = chipWrapping === undefined ? renderedBodyRows : renderedBodyRows.map(row => chipWrapping.restore(row));
             const rows = header === undefined ? bodyRows : [
                 ...header.render(layout.contentWidth).map(row => piTheme().fg("userMessageText", row)),
                 ...(bodyRows.length === 0 ? [] : ["", ...bodyRows]),

package/dist/integrations/pi/components/upstream/adjacent/core/keybindings.d.ts

@@ -2,8 +2,8 @@
  * Provenance: @earendil-works/pi-coding-agent 0.87.1 (MIT), commit f07218c4d4bbc12bef056a7058c3dd49dfe41abe,
  * packages/coding-agent/src/core/keybindings.ts.
  * Modifications: Mechanical source port with Node import prefixes, public package-root agent-directory
- * resolution, and an opt-in bare-A1 input profile including Ctrl+L level cycling and unbound model
- * selection.
+ * resolution, and an opt-in bare-A1 input profile including Ctrl+L level cycling, unbound model
+ * selection, and cross-platform Alt+Up queued-message restoration.
  * Deviations: keybindings-public-config-boundary, owned-level-cycle-shortcut,
  * owned-input-keybinding-aliases.
  */

package/dist/integrations/pi/components/upstream/adjacent/core/keybindings.js

@@ -2,8 +2,8 @@
  * Provenance: @earendil-works/pi-coding-agent 0.87.1 (MIT), commit f07218c4d4bbc12bef056a7058c3dd49dfe41abe,
  * packages/coding-agent/src/core/keybindings.ts.
  * Modifications: Mechanical source port with Node import prefixes, public package-root agent-directory
- * resolution, and an opt-in bare-A1 input profile including Ctrl+L level cycling and unbound model
- * selection.
+ * resolution, and an opt-in bare-A1 input profile including Ctrl+L level cycling, unbound model
+ * selection, and cross-platform Alt+Up queued-message restoration.
  * Deviations: keybindings-public-config-boundary, owned-level-cycle-shortcut,
  * owned-input-keybinding-aliases.
  */
@@ -184,6 +184,7 @@ const OWNED_INPUT_KEYBINDINGS = {
     ...KEYBINDINGS,
     "app.thinking.cycle": { ...KEYBINDINGS["app.thinking.cycle"], defaultKeys: "ctrl+l" },
     "app.model.select": { ...KEYBINDINGS["app.model.select"], defaultKeys: [] },
+    "app.message.dequeue": { ...KEYBINDINGS["app.message.dequeue"], defaultKeys: "alt+up" },
     "tui.editor.deleteWordBackward": {
         ...KEYBINDINGS["tui.editor.deleteWordBackward"],
         defaultKeys: [...KEYBINDINGS["tui.editor.deleteWordBackward"].defaultKeys, "ctrl+backspace"],

package/dist/integrations/pi/components/upstream/components/extension-editor.d.ts

@@ -3,7 +3,8 @@
  * packages/coding-agent/src/modes/interactive/components/extension-editor.ts.
  * Modifications: Mechanical port: remap pi-tui to the root public singleton, use owned
  * keybindings/theme and external-editor seams, preserve editor layout, hints, focus, submission,
- * cancellation, and external-editor lifecycle; bare A1 uses the shared semantic modal shortcut row.
+ * cancellation, and external-editor lifecycle; bare A1 uses the shared semantic modal shortcut row and
+ * compact padded modal frame.
  * Deviations: owned-modal-shortcut-hints.
  */
 import { Container, type TUI } from "@earendil-works/pi-tui";

package/dist/integrations/pi/components/upstream/components/extension-editor.js

@@ -3,12 +3,14 @@
  * packages/coding-agent/src/modes/interactive/components/extension-editor.ts.
  * Modifications: Mechanical port: remap pi-tui to the root public singleton, use owned
  * keybindings/theme and external-editor seams, preserve editor layout, hints, focus, submission,
- * cancellation, and external-editor lifecycle; bare A1 uses the shared semantic modal shortcut row.
+ * cancellation, and external-editor lifecycle; bare A1 uses the shared semantic modal shortcut row and
+ * compact padded modal frame.
  * Deviations: owned-modal-shortcut-hints.
  */
 import { Container, Editor, Spacer, Text, } from "@earendil-works/pi-tui";
 import { DynamicBorder, getSelectListTheme } from "../../../startup-public.js";
 import { editInExternalEditor } from "../external-editor.js";
+import { addPiModalHeader, adoptPiModalFrame } from "../../modal-frame.js";
 import { piTheme, renderPiModalShortcutHints } from "../../theme.js";
 export class ExtensionEditorComponent extends Container {
     #editor;
@@ -34,12 +36,10 @@ export class ExtensionEditorComponent extends Container {
             || process.env.EDITOR
             || (process.platform === "win32" ? "notepad" : "nano");
         const { description, ...editorOptions } = options ?? {};
-        this.addChild(new DynamicBorder());
-        this.addChild(new Spacer(1));
-        this.addChild(new Text(piTheme().fg("accent", title), 1, 0));
+        const header = addPiModalHeader(this, new DynamicBorder(), new Text(piTheme().fg("accent", title), 0, 0));
         if (description) {
             this.addChild(new Spacer(1));
-            this.addChild(new Text(piTheme().fg("text", description), 1, 0));
+            this.addChild(new Text(piTheme().fg("text", description), 0, 0));
         }
         this.addChild(new Spacer(1));
         this.#editor = new Editor(tui, {
@@ -57,9 +57,10 @@ export class ExtensionEditorComponent extends Container {
             { key: this.#keybindings.getKeys("tui.select.cancel").join("/"), action: "cancel" },
             { key: this.#keybindings.getKeys("app.editor.external").join("/"), action: "external editor" },
         ]);
-        this.addChild(new Text(hint, 1, 0));
+        this.addChild(new Text(hint, 0, 0));
         this.addChild(new Spacer(1));
         this.addChild(new DynamicBorder());
+        adoptPiModalFrame(this, { topIndex: 0, bottomIndex: this.children.length - 1, header });
     }
     handleInput(data) {
         if (this.#keybindings.matches(data, "tui.select.cancel")) {

package/dist/integrations/pi/components/upstream/components/extension-input.js

@@ -2,12 +2,14 @@
  * Provenance: @earendil-works/pi-coding-agent 0.87.1 (MIT), commit f07218c4d4bbc12bef056a7058c3dd49dfe41abe,
  * packages/coding-agent/src/modes/interactive/components/extension-input.ts.
  * Modifications: Mechanical port: remap public imports, use ECMAScript private fields, and route the
- * bare-A1 instruction row through the shared semantic shortcut renderer while preserving input,
- * timeout, focus, submission, cancellation, and disposal behavior.
+ * bare-A1 instruction row and chrome through the shared semantic shortcut and compact padded
+ * modal-frame components while preserving input, timeout, focus, submission, cancellation, and
+ * disposal behavior.
  * Deviations: owned-modal-shortcut-hints.
  */
 import { DynamicBorder } from "../../../startup-public.js";
 import { Container, getKeybindings, Input, Spacer, Text } from "@earendil-works/pi-tui";
+import { addPiModalHeader, adoptPiModalFrame } from "../../modal-frame.js";
 import { piTheme, renderPiModalShortcutHints } from "../../theme.js";
 import { CountdownTimer } from "./countdown-timer.js";
 /** Bare-A1 extension text input using the common modal shortcut row. */
@@ -30,13 +32,11 @@ export class ExtensionInputComponent extends Container {
         this.#onCancel = onCancel;
         this.#baseTitle = title;
         const theme = piTheme();
-        this.addChild(new DynamicBorder());
-        this.addChild(new Spacer(1));
-        this.#titleText = new Text(theme.fg("accent", title), 1, 0);
-        this.addChild(this.#titleText);
+        this.#titleText = new Text(theme.fg("accent", title), 0, 0);
+        const header = addPiModalHeader(this, new DynamicBorder(), this.#titleText);
         if (opts?.description) {
             this.addChild(new Spacer(1));
-            this.addChild(new Text(theme.fg("text", opts.description), 1, 0));
+            this.addChild(new Text(theme.fg("text", opts.description), 0, 0));
         }
         this.addChild(new Spacer(1));
         this.#countdown = opts?.timeout !== undefined && opts.timeout > 0 && opts.tui !== undefined
@@ -53,9 +53,10 @@ export class ExtensionInputComponent extends Container {
         this.addChild(new Text(renderPiModalShortcutHints([
             { key: keys.getKeys("tui.select.confirm").join("/"), action: "submit" },
             { key: keys.getKeys("tui.select.cancel").join("/"), action: "cancel" },
-        ]), 1, 0));
+        ]), 0, 0));
         this.addChild(new Spacer(1));
         this.addChild(new DynamicBorder());
+        adoptPiModalFrame(this, { topIndex: 0, bottomIndex: this.children.length - 1, header });
     }
     handleInput(keyData) {
         const keys = getKeybindings();

package/dist/integrations/pi/components/upstream/components/extension-selector.js

@@ -2,12 +2,14 @@
  * Provenance: @earendil-works/pi-coding-agent 0.87.1 (MIT), commit f07218c4d4bbc12bef056a7058c3dd49dfe41abe,
  * packages/coding-agent/src/modes/interactive/components/extension-selector.ts.
  * Modifications: Mechanical port: remap public imports, use ECMAScript private fields, and route the
- * bare-A1 instruction row through the shared semantic shortcut renderer while preserving options,
- * timeout, navigation, selection, cancellation, and disposal behavior.
+ * bare-A1 instruction row and chrome through the shared semantic shortcut and compact padded
+ * modal-frame components while preserving options, timeout, navigation, selection, cancellation, and
+ * disposal behavior.
  * Deviations: owned-modal-shortcut-hints.
  */
 import { DynamicBorder } from "../../../startup-public.js";
 import { Container, getKeybindings, Spacer, Text } from "@earendil-works/pi-tui";
+import { addPiModalHeader, adoptPiModalFrame } from "../../modal-frame.js";
 import { piTheme, renderPiModalShortcutHints } from "../../theme.js";
 import { CountdownTimer } from "./countdown-timer.js";
 /** Bare-A1 extension selector using the common modal shortcut row. */
@@ -29,13 +31,11 @@ export class ExtensionSelectorComponent extends Container {
         this.#baseTitle = title;
         this.#onToggleToolsExpanded = opts?.onToggleToolsExpanded;
         const theme = piTheme();
-        this.addChild(new DynamicBorder());
-        this.addChild(new Spacer(1));
-        this.#titleText = new Text(theme.fg("accent", theme.bold(title)), 1, 0);
-        this.addChild(this.#titleText);
+        this.#titleText = new Text(theme.fg("accent", theme.bold(title)), 0, 0);
+        const header = addPiModalHeader(this, new DynamicBorder(), this.#titleText);
         if (opts?.description) {
             this.addChild(new Spacer(1));
-            this.addChild(new Text(theme.fg("text", opts.description), 1, 0));
+            this.addChild(new Text(theme.fg("text", opts.description), 0, 0));
         }
         this.addChild(new Spacer(1));
         this.#countdown = opts?.timeout !== undefined && opts.timeout > 0 && opts.tui !== undefined
@@ -51,9 +51,10 @@ export class ExtensionSelectorComponent extends Container {
             { key: "↑↓", action: "navigate" },
             { key: keys.getKeys("tui.select.confirm").join("/"), action: "select" },
             { key: keys.getKeys("tui.select.cancel").join("/"), action: "cancel" },
-        ]), 1, 0));
+        ]), 0, 0));
         this.addChild(new Spacer(1));
         this.addChild(new DynamicBorder());
+        adoptPiModalFrame(this, { topIndex: 0, bottomIndex: this.children.length - 1, header });
         this.#updateList();
     }
     #updateList() {
@@ -63,7 +64,7 @@ export class ExtensionSelectorComponent extends Container {
             const option = this.#options[index];
             this.#listContainer.addChild(new Text(index === this.#selectedIndex
                 ? theme.fg("accent", "→ ") + theme.fg("accent", option)
-                : `  ${theme.fg("text", option)}`, 1, 0));
+                : `  ${theme.fg("text", option)}`, 0, 0));
         }
     }
     handleInput(keyData) {

package/dist/integrations/pi/components/upstream/components/scoped-models-selector.d.ts

@@ -5,7 +5,7 @@
  * search, bulk/provider/reorder actions, dirty state, Ctrl+S persistence, refresh status,
  * cancellation, and focus while remapping theme and public helper imports; local key labels preserve
  * pinned platform formatting before layout without changing binding identities, and bare A1 uses the
- * shared semantic modal shortcut row.
+ * shared semantic modal shortcut row and compact padded modal frame.
  * Deviations: owned-modal-shortcut-hints.
  */
 interface ScopedModel {

package/dist/integrations/pi/components/upstream/components/scoped-models-selector.js

@@ -1,6 +1,7 @@
 import { Container, fuzzyFilter, getKeybindings, Input, Key, matchesKey, Spacer, Text, } from "@earendil-works/pi-tui";
 import { DynamicBorder } from "../../../startup-public.js";
 import { getModelSearchText } from "../model-search.js";
+import { addPiModalHeader, adoptPiModalFrame } from "../../modal-frame.js";
 import { piTheme, renderPiModalShortcutHints } from "../../theme.js";
 // Rationale: upstream's capitalized hint formatter is private to the package; the same mapping lives here.
 function keyDisplayText(keybinding) {
@@ -110,9 +111,7 @@ export class ScopedModelsSelectorComponent extends Container {
         this.enabledIds = config.enabledModelIds === null ? null : [...config.enabledModelIds];
         this.filteredItems = this.buildItems();
         // Header
-        this.addChild(new DynamicBorder());
-        this.addChild(new Spacer(1));
-        this.addChild(new Text(theme.fg("accent", theme.bold("Model Configuration")), 0, 0));
+        const header = addPiModalHeader(this, new DynamicBorder(), new Text(theme.fg("accent", theme.bold("Model Configuration")), 0, 0));
         const saveKey = keyDisplayText("app.models.save");
         this.addChild(new Text(theme.fg("muted", "Session-only.")
             + (saveKey ? ` ${renderPiModalShortcutHints([{ key: saveKey, action: "to save to settings." }])}` : ""), 0, 0));
@@ -133,6 +132,7 @@ export class ScopedModelsSelectorComponent extends Container {
         this.footerText = new Text(this.getFooterText(), 0, 0);
         this.addChild(this.footerText);
         this.addChild(new DynamicBorder());
+        adoptPiModalFrame(this, { topIndex: 0, bottomIndex: this.children.length - 1, header });
         this.updateList();
     }
     updateModels(models, enabledModelIds) {