@timurproko/a1 0.2.7-dev.1275 → 0.2.7-dev.1276

package/dist/integrations/pi/components/upstream/components/login-dialog.js

@@ -0,0 +1,216 @@
+/**
+ * Provenance: @earendil-works/pi-coding-agent 1.5.1 (MIT), commit dd30101cfc5b0609411dd80b6f93adbc14db14cf,
+ * packages/coding-agent/src/modes/interactive/components/login-dialog.ts.
+ * Modifications: Adapt all provider login states to shared live-themed framing: title, immediate muted
+ * description, blank row before accent-chevron input and one-cell inset. Preserve prompt, callback,
+ * device/copy, browser, cancellation and nested lifecycle contracts through neutral runtime ports;
+ * retain the public component for comparison.
+ * Deviations: shared-login-template.
+ */
+import { Container, getKeybindings, Input, Spacer } from "@earendil-works/pi-tui";
+import { copyToClipboard, DynamicBorder } from "../../../startup-public.js";
+import { addPiModalHeader, adoptPiModalFrame, renderPiModalSearchInput } from "../../modal-frame.js";
+import { componentPort } from "../../shell-shared-facade.js";
+import { DIALOG_CLOSE_SHORTCUT_HINT, internalDialogTitle, paintPiBorder, piTheme, renderPiModalShortcutHints } from "../../theme.js";
+import { loginLink, loginWebUrl, openLoginBrowser } from "../../login-links.js";
+import { loginPlainText, loginText } from "../../login-text.js";
+import { AuthUrlComponent } from "./auth-url.js";
+/** Provider-independent login state presentation with the pinned interaction/effect contract. */
+class LoginDialog extends Container {
+    #input = new Input();
+    #content = new Container();
+    #runtime;
+    #complete;
+    #abort = new AbortController();
+    #pending;
+    #auth;
+    #device;
+    #deviceHint;
+    #focused = false;
+    #closed = false;
+    constructor(runtime, providerId, complete, providerName, title) {
+        super();
+        this.#runtime = runtime;
+        this.#complete = complete;
+        const heading = internalDialogTitle(title ?? `Login to ${providerName ?? providerId}`);
+        const header = addPiModalHeader(this, new DynamicBorder(paintPiBorder), loginText(heading, "accent", true));
+        this.addChild(this.#content);
+        this.addChild(new Spacer(1));
+        this.addChild({
+            render: width => loginText(() => renderPiModalShortcutHints([DIALOG_CLOSE_SHORTCUT_HINT])).render(width),
+            invalidate() { },
+        });
+        this.addChild(new DynamicBorder(paintPiBorder));
+        adoptPiModalFrame(this, { topIndex: 0, bottomIndex: this.children.length - 1, header });
+        this.#input.onSubmit = value => {
+            const pending = this.#pending;
+            if (pending === undefined || this.#closed)
+                return;
+            this.#pending = undefined;
+            this.#content.children = this.#content.children.map(child => child === this.#inputView
+                ? { render: width => loginText(() => `${piTheme().fg("accent", ">")} ${piTheme().fg("text", loginPlainText(value))}`).render(width), invalidate() { } }
+                : child);
+            pending.resolve(value);
+            this.#runtime.requestRender();
+        };
+        this.#input.onEscape = () => this.#cancel();
+    }
+    #inputView = {
+        render: width => renderPiModalSearchInput(this.#input, width),
+        invalidate: () => this.#input.invalidate(),
+    };
+    get focused() { return this.#focused; }
+    set focused(value) { this.#focused = value; this.#input.focused = value; }
+    showAuth(url, instructions) {
+        if (this.#closed)
+            return;
+        this.#clearContent();
+        if (instructions)
+            this.#content.addChild(loginText(instructions));
+        else
+            this.#content.addChild(loginText("Continue in your browser"));
+        this.#content.addChild(new Spacer(1));
+        this.#auth = new AuthUrlComponent(url, () => { if (!this.#closed)
+            this.#runtime.requestRender(); });
+        this.#content.addChild(this.#auth);
+        openLoginBrowser(url);
+        this.#runtime.requestRender();
+    }
+    showDeviceCode(info) {
+        if (this.#closed)
+            return;
+        this.#clearContent();
+        this.#content.addChild(loginText("Continue in your browser"));
+        this.#content.addChild(new Spacer(1));
+        this.#content.addChild(loginText(() => loginLink(info.verificationUri), "accent"));
+        const click = process.platform === "darwin" ? "Cmd+click to open" : "Ctrl+click to open";
+        this.#content.addChild(loginText(() => loginLink(info.verificationUri, click), "dim"));
+        this.#content.addChild(new Spacer(1));
+        this.#content.addChild(loginText(`Enter code: ${info.userCode}`, "warning"));
+        const hint = new Container();
+        hint.addChild({ render: width => loginText(() => renderPiModalShortcutHints([{ key: getKeybindings().getKeys("tui.select.confirm").join("/"), action: "open browser and copy code" }])).render(width), invalidate() { } });
+        this.#content.addChild(hint);
+        this.#device = { info, hint };
+        this.#deviceHint = hint;
+        this.#runtime.requestRender();
+    }
+    showManualInput(message) { return this.showPrompt(message); }
+    showPrompt(message, placeholder) {
+        if (this.#closed)
+            return Promise.reject(new Error("Login cancelled"));
+        this.#clearDevice();
+        const context = [...this.#content.children];
+        // Invariant: the current description is directly under the title; retained auth context follows input.
+        this.#content.clear();
+        this.#content.addChild(loginText(message));
+        if (placeholder)
+            this.#content.addChild(loginText(`e.g., ${placeholder}`, "dim"));
+        this.#content.addChild(new Spacer(1));
+        this.#input.setValue("");
+        this.#content.addChild(this.#inputView);
+        if (context.length > 0) {
+            this.#content.addChild(new Spacer(1));
+            for (const child of context)
+                this.#content.addChild(child);
+        }
+        this.#runtime.requestRender();
+        return new Promise((resolve, reject) => { this.#pending = { resolve, reject }; });
+    }
+    showDetails(lines) {
+        if (this.#closed)
+            return;
+        this.#clearContent();
+        for (const line of lines)
+            this.#content.addChild(loginText(line));
+        this.#runtime.requestRender();
+    }
+    showInfo(message, links = []) {
+        if (this.#closed)
+            return;
+        this.#appendDescription(message);
+        for (const link of links)
+            this.#content.addChild(loginText(() => loginLink(link.url, link.label ? `${link.label}: ${loginWebUrl(link.url) ?? link.url}` : undefined), "accent"));
+        this.#runtime.requestRender();
+    }
+    showWaiting(message) { if (!this.#closed) {
+        this.#appendDescription(message);
+        this.#runtime.requestRender();
+    } }
+    showProgress(message) { if (!this.#closed) {
+        this.#content.addChild(loginText(message));
+        this.#runtime.requestRender();
+    } }
+    handleInput(data) {
+        if (this.#closed)
+            return;
+        const keys = getKeybindings();
+        if (keys.matches(data, "tui.select.cancel")) {
+            this.#cancel();
+            return;
+        }
+        if (this.#auth !== undefined && keys.matches(data, "app.message.copy")) {
+            void this.#auth.copy();
+            return;
+        }
+        if (this.#device !== undefined && this.#pending === undefined && this.#focused && keys.matches(data, "tui.select.confirm")) {
+            const { info, hint } = this.#device;
+            this.#device = undefined;
+            hint.clear();
+            hint.addChild(loginText("Copying code...", "dim"));
+            openLoginBrowser(info.verificationUri);
+            void copyToClipboard(info.userCode).then(() => this.#deviceStatus(hint, "Code copied to clipboard"), () => this.#deviceStatus(hint, "Copy code manually"));
+            this.#runtime.requestRender();
+            return;
+        }
+        this.#input.handleInput(data);
+    }
+    dispose() {
+        if (this.#closed)
+            return;
+        this.#closed = true;
+        this.#abort.abort();
+        this.#auth?.dispose();
+        this.#pending?.reject(new Error("Login cancelled"));
+        this.#pending = undefined;
+    }
+    #cancel() { this.dispose(); this.#complete(false, "Login cancelled"); }
+    #appendDescription(message) {
+        if (this.#content.children.length > 0)
+            this.#content.addChild(new Spacer(1));
+        this.#content.addChild(loginText(message));
+    }
+    #clearDevice() {
+        if (this.#deviceHint !== undefined)
+            this.#content.removeChild(this.#deviceHint);
+        this.#deviceHint = undefined;
+        this.#device = undefined;
+    }
+    #clearContent() {
+        this.#clearDevice();
+        this.#auth?.dispose();
+        this.#auth = undefined;
+        this.#content.clear();
+    }
+    #deviceStatus(hint, message) {
+        if (this.#closed || !this.#focused || !this.#content.children.includes(hint))
+            return;
+        hint.clear();
+        hint.addChild(loginText(message, "dim"));
+        this.#runtime.requestRender();
+    }
+}
+/** One owned login port for every provider, keeping all state methods on the shared template. */
+export function createThemedLoginDialog(runtime, providerId, complete, providerName, title) {
+    const dialog = new LoginDialog(runtime, providerId, complete, providerName, title);
+    return {
+        ...componentPort(dialog),
+        showAuth: (url, instructions) => dialog.showAuth(url, instructions),
+        showDeviceCode: info => dialog.showDeviceCode(info),
+        showManualInput: message => dialog.showManualInput(message),
+        showPrompt: (message, placeholder) => dialog.showPrompt(message, placeholder),
+        showDetails: lines => dialog.showDetails(lines),
+        showInfo: (message, links) => dialog.showInfo(message, links),
+        showWaiting: message => dialog.showWaiting(message),
+        showProgress: message => dialog.showProgress(message),
+    };
+}

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

@@ -0,0 +1,19 @@
+/**
+ * Provenance: @earendil-works/pi-coding-agent 1.5.1 (MIT), commit dd30101cfc5b0609411dd80b6f93adbc14db14cf,
+ * packages/coding-agent/src/modes/interactive/components/oauth-selector.ts.
+ * Modifications: Adapt the provider controller to injected neutral options, shared framing, live
+ * roles, Title Case and circular navigation. Configured status uses a muted dot, success-green
+ * configured text and trailing checkmark without method/source qualifiers. Omit decorative
+ * preferred-partner badges while retaining filtering, paging, actions and comparison presentation.
+ * Deviations: standard-sign-in-dialog-styling.
+ */
+import { Container } from "@earendil-works/pi-tui";
+import type { OwnedUiShellAuthProviderOption as Provider } from "../../../../../contracts/owned-ui/index.js";
+/** Owned provider controller with pinned content/status semantics and circular choice navigation. */
+export declare class AuthProviderSelector extends Container {
+    #private;
+    constructor(mode: "login" | "logout", providers: readonly Provider[], select: (id: string) => void, cancel: () => void, query?: string);
+    get focused(): boolean;
+    set focused(value: boolean);
+    handleInput(data: string): void;
+}

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

@@ -0,0 +1,123 @@
+/**
+ * Provenance: @earendil-works/pi-coding-agent 1.5.1 (MIT), commit dd30101cfc5b0609411dd80b6f93adbc14db14cf,
+ * packages/coding-agent/src/modes/interactive/components/oauth-selector.ts.
+ * Modifications: Adapt the provider controller to injected neutral options, shared framing, live
+ * roles, Title Case and circular navigation. Configured status uses a muted dot, success-green
+ * configured text and trailing checkmark without method/source qualifiers. Omit decorative
+ * preferred-partner badges while retaining filtering, paging, actions and comparison presentation.
+ * Deviations: standard-sign-in-dialog-styling.
+ */
+import { Container, fuzzyFilter, getKeybindings, getSelectPageIndex, Input, Spacer, Text, TruncatedText } from "@earendil-works/pi-tui";
+import { wrapChoiceIndex } from "../../../../../contracts/presentation/index.js";
+import { DynamicBorder } from "../../../startup-public.js";
+import { addPiModalHeader, addPiModalSearchInput, adoptPiModalFrame } from "../../modal-frame.js";
+import { DIALOG_CLOSE_SHORTCUT_HINT, paintPiBorder, piTheme, renderPiModalListRow, renderPiModalShortcutHints } from "../../theme.js";
+const MAX_VISIBLE = 8;
+/** Owned provider controller with pinned content/status semantics and circular choice navigation. */
+export class AuthProviderSelector extends Container {
+    #search = new Input();
+    #list = new Container();
+    #providers;
+    #select;
+    #cancel;
+    #showTypes;
+    #mode;
+    #filtered;
+    #index = 0;
+    constructor(mode, providers, select, cancel, query = "") {
+        super();
+        this.#providers = providers;
+        this.#filtered = providers;
+        this.#select = select;
+        this.#cancel = cancel;
+        this.#mode = mode;
+        this.#showTypes = new Set(providers.map(provider => provider.authType)).size > 1;
+        this.#search.setValue(query);
+        this.#search.onSubmit = () => this.#selectCurrent();
+        const title = mode === "login" ? "Select Provider to Configure" : "Select Provider to Log Out";
+        const header = addPiModalHeader(this, new DynamicBorder(paintPiBorder), {
+            render: width => new TruncatedText(piTheme().fg("accent", piTheme().bold(title)), 0, 0).render(width),
+            invalidate: () => { },
+        });
+        this.addChild(new Spacer(1));
+        addPiModalSearchInput(this, this.#search);
+        this.addChild(new Spacer(1));
+        this.addChild(this.#list);
+        this.addChild(new Spacer(1));
+        this.addChild(new Text(renderPiModalShortcutHints([
+            { key: "↑↓", action: "navigate" },
+            { key: getKeybindings().getKeys("tui.select.confirm").join("/"), action: "select" },
+            DIALOG_CLOSE_SHORTCUT_HINT,
+        ]), 0, 0));
+        this.addChild(new DynamicBorder(paintPiBorder));
+        adoptPiModalFrame(this, { topIndex: 0, bottomIndex: this.children.length - 1, header });
+        this.#filter();
+    }
+    get focused() { return this.#search.focused; }
+    set focused(value) { this.#search.focused = value; }
+    handleInput(data) {
+        const keys = getKeybindings();
+        const page = getSelectPageIndex(keys, data, this.#index, this.#filtered.length, MAX_VISIBLE);
+        if (keys.matches(data, "tui.select.up") || keys.matches(data, "tui.select.down")) {
+            this.#index = wrapChoiceIndex(this.#index, keys.matches(data, "tui.select.down") ? 1 : -1, this.#filtered.length);
+        }
+        else if (page !== undefined)
+            this.#index = page;
+        else if (keys.matches(data, "tui.select.confirm")) {
+            this.#selectCurrent();
+            return;
+        }
+        else if (keys.matches(data, "tui.select.cancel")) {
+            this.#cancel();
+            return;
+        }
+        else {
+            this.#search.handleInput(data);
+            this.#filter();
+            return;
+        }
+        this.#update();
+    }
+    #selectCurrent() {
+        const provider = this.#filtered[this.#index];
+        if (provider !== undefined)
+            this.#select(provider.id);
+    }
+    #filter() {
+        const query = this.#search.getValue();
+        this.#filtered = query ? fuzzyFilter([...this.#providers], query, provider => `${provider.label} ${provider.providerId} ${provider.authType} `) : this.#providers;
+        this.#index = Math.min(this.#index, Math.max(0, this.#filtered.length - 1));
+        this.#update();
+    }
+    #update() {
+        this.#list.clear();
+        const start = Math.max(0, Math.min(this.#index - Math.floor(MAX_VISIBLE / 2), this.#filtered.length - MAX_VISIBLE));
+        const end = Math.min(start + MAX_VISIBLE, this.#filtered.length);
+        for (let index = start; index < end; index++) {
+            const provider = this.#filtered[index];
+            const selected = index === this.#index;
+            this.#list.addChild({
+                render: width => {
+                    const theme = piTheme();
+                    const prefix = selected ? theme.fg("accent", "→ ") : "  ";
+                    const type = this.#showTypes ? theme.fg("muted", ` [${provider.authType === "api_key" ? "API key" : "subscription"}]`) : "";
+                    return [renderPiModalListRow(`${prefix}${theme.fg("text", provider.label)}${type}${providerStatus(provider)}`, width, selected)];
+                },
+                invalidate: () => { },
+            });
+        }
+        if (start > 0 || end < this.#filtered.length)
+            this.#list.addChild(new TruncatedText(piTheme().fg("muted", `  (${this.#index + 1}/${this.#filtered.length})`), 0, 0));
+        if (this.#filtered.length === 0) {
+            const empty = this.#mode === "login" ? "No providers available" : "No providers logged in. Use /login first.";
+            this.#list.addChild(new TruncatedText(piTheme().fg("muted", `  ${this.#providers.length === 0 ? empty : "No matching providers"}`), 0, 0));
+        }
+    }
+}
+function providerStatus(provider) {
+    const theme = piTheme();
+    const separator = theme.fg("muted", " • ");
+    if (provider.status === undefined)
+        return separator + theme.fg("muted", "not configured");
+    return separator + theme.fg("success", "configured ✓");
+}

package/dist/integrations/pi/components/upstream/components/session-footer.js

@@ -1,22 +1,22 @@
 /**
  * Provenance: @earendil-works/pi-coding-agent 1.5.1 (MIT), commit dd30101cfc5b0609411dd80b6f93adbc14db14cf,
  * packages/coding-agent/src/modes/interactive/components/footer.ts.
- * Modifications: Owned UI/routing; A1 level color, linked PRs after a dim dot separator, dim ellipsis,
- * model priority, and secondary-accent name reveals after stats; Pi unchanged.
+ * Modifications: A1 PR links, model priority, level colors, secondary-accent name reveals, dim
+ * name/row clipping; Pi intact.
  * Deviations: owned-status-level-color, owned-pull-request-badge, owned-footer-ellipsis,
  * owned-footer-model-priority, owned-session-name-reveal.
  */
 import { isAbsolute, relative, resolve, sep } from "node:path";
-import { hyperlink, truncateToWidth, visibleWidth } from "@earendil-works/pi-tui";
+import { hyperlink, stripTerminalSequences, truncateToWidth, visibleWidth } from "@earendil-works/pi-tui";
 import { piTheme } from "../../theme.js";
 import { sessionNameFrame } from "../../../../../ui/components/session-name-frame.js";
 export class SessionFooter {
+    #reveal = null;
+    #nameBudget = Number.MAX_SAFE_INTEGER;
     getView;
     cwd;
     profile;
     show;
-    #reveal = null;
-    #nameBudget = Number.MAX_SAFE_INTEGER;
     constructor(getView, cwd, profile = "pi", show = () => true) {
         this.getView = getView;
         this.cwd = cwd;
@@ -35,14 +35,17 @@ export class SessionFooter {
         const theme = piTheme();
         const secondary = rgb(theme.getFgAnsi("mdHeading"));
         const settled = rgb(theme.getFgAnsi("dim"));
+        const clip = (text, columns) => stripTerminalSequences(truncateToWidth(text, columns, "…"));
         if (!this.#reveal)
-            return { text: theme.fg("dim", truncateToWidth(name, width, "…")), done: true };
+            return { text: theme.fg("dim", clip(name, width)), done: true };
         return sessionNameFrame({
             ...this.#reveal, to: name, width,
             truecolor: theme.getColorMode() === "truecolor" && secondary !== null && settled !== null,
-            measure: visibleWidth, clip: (text, columns) => truncateToWidth(text, columns, "…"),
+            measure: visibleWidth, clip,
             dim: text => theme.fg("dim", text),
             paint: (text, brightness, progress) => {
+                if (text === "…")
+                    return theme.fg("dim", text);
                 const channels = secondary.map((value, index) => {
                     const bright = value + (235 - value) * brightness;
                     return Math.round(bright + (settled[index] - bright) * progress);

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

@@ -17,9 +17,11 @@ export declare class TrustSelectorComponent extends Container {
     private selectedIndex;
     private readonly listContainer;
     private readonly trustOptions;
+    private readonly standardStyle;
     readonly handleInput: (data: string) => void;
     constructor(options: {
         readonly cwd: string;
+        readonly standardStyle?: boolean;
         readonly savedDecision: TrustDecision | null;
         readonly projectTrusted: boolean;
         readonly trustOptions: readonly TrustOption[];

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

@@ -1,16 +1,16 @@
 /**
  * Provenance: @earendil-works/pi-coding-agent 1.5.1 (MIT), commit dd30101cfc5b0609411dd80b6f93adbc14db14cf,
  * packages/coding-agent/src/modes/interactive/components/trust-selector.ts.
- * Modifications: Mechanical source-synchronized trust selector port with injected public
- * ProjectTrustStore-derived options, remapped owned theme imports, the shared bare-A1 modal shortcut
- * row and compact padded modal frame, and standard semantic trust styling with marker-free choice
- * geometry.
- * Deviations: owned-modal-shortcut-hints.
+ * Modifications: Source-synchronized trust port with injected public options and shared framing; bare
+ * A1 opts into Title Case, selected backgrounds, circular navigation, aligned decisions and no
+ * saved-path suffix while comparison styling and trust effects remain unchanged.
+ * Deviations: owned-modal-shortcut-hints, standard-trust-dialog-styling.
  */
+import { wrapChoiceIndex } from "../../../../../contracts/presentation/index.js";
 import { DynamicBorder } from "../../../startup-public.js";
 import { Container, getKeybindings, Spacer, Text } from "@earendil-works/pi-tui";
 import { addPiModalHeader, adoptPiModalFrame } from "../../modal-frame.js";
-import { DIALOG_CLOSE_SHORTCUT_HINT, piTheme, renderPiModalShortcutHints } from "../../theme.js";
+import { DIALOG_CLOSE_SHORTCUT_HINT, piTheme, renderPiModalShortcutHints, renderPiModalListRow } from "../../theme.js";
 function formatDecision(trustPath, decision) {
     if (decision === null)
         return "none";
@@ -23,18 +23,23 @@ export class TrustSelectorComponent extends Container {
     selectedIndex;
     listContainer;
     trustOptions;
+    standardStyle;
     handleInput;
     constructor(options) {
         super();
         this.trustOptions = options.trustOptions;
+        this.standardStyle = options.standardStyle === true;
         const isSaved = (option) => option.savedPath !== undefined
             && options.savedDecision?.decision === option.trusted
             && options.savedDecision.path === option.savedPath;
         this.selectedIndex = Math.max(0, this.trustOptions.findIndex(isSaved));
-        const header = addPiModalHeader(this, new DynamicBorder(text => piTheme().fg("border", text)), new Text(piTheme().fg("accent", piTheme().bold("Project trust")), 0, 0));
+        const header = addPiModalHeader(this, new DynamicBorder(text => piTheme().fg("border", text)), new Text(piTheme().fg("accent", piTheme().bold(this.standardStyle ? "Project Trust" : "Project trust")), 0, 0));
         this.addChild(new Text(piTheme().fg("muted", options.cwd), 0, 0));
         this.addChild(new Spacer(1));
-        this.addChild(new Text(`${piTheme().fg("muted", "Saved decision:")} ${piTheme().fg("text", formatDecision(this.trustOptions[0]?.savedPath, options.savedDecision))}`, 0, 0));
+        const saved = this.standardStyle
+            ? options.savedDecision === null ? "none" : options.savedDecision.decision ? "trusted" : "untrusted"
+            : formatDecision(this.trustOptions[0]?.savedPath, options.savedDecision);
+        this.addChild(new Text(`${piTheme().fg("muted", "Saved decision:")}${this.standardStyle ? "  " : " "}${piTheme().fg("text", saved)}`, 0, 0));
         this.addChild(new Text(`${piTheme().fg("muted", "Current session:")} ${piTheme().fg("text", options.projectTrusted ? "trusted" : "untrusted")}`, 0, 0));
         this.addChild(new Spacer(1));
         this.listContainer = new Container();
@@ -52,9 +57,9 @@ export class TrustSelectorComponent extends Container {
         this.handleInput = data => {
             const kb = getKeybindings();
             if (kb.matches(data, "tui.select.up") || data === "k")
-                this.selectedIndex = Math.max(0, this.selectedIndex - 1);
+                this.selectedIndex = this.standardStyle ? wrapChoiceIndex(this.selectedIndex, -1, this.trustOptions.length) : Math.max(0, this.selectedIndex - 1);
             else if (kb.matches(data, "tui.select.down") || data === "j")
-                this.selectedIndex = Math.min(this.trustOptions.length - 1, this.selectedIndex + 1);
+                this.selectedIndex = this.standardStyle ? wrapChoiceIndex(this.selectedIndex, 1, this.trustOptions.length) : Math.min(this.trustOptions.length - 1, this.selectedIndex + 1);
             else if (kb.matches(data, "tui.select.confirm") || data === "\n") {
                 const selected = this.trustOptions[this.selectedIndex];
                 if (selected)
@@ -78,8 +83,20 @@ export class TrustSelectorComponent extends Container {
                 continue;
             const selected = index === this.selectedIndex;
             const prefix = selected ? piTheme().fg("accent", "→ ") : "  ";
-            const label = selected ? piTheme().fg("accent", option.label) : piTheme().fg("text", option.label);
-            this.listContainer.addChild(new Text(`${prefix}${label}`, 0, 0));
+            if (this.standardStyle) {
+                this.listContainer.addChild({
+                    render: width => {
+                        const theme = piTheme();
+                        const arrow = selected ? theme.fg("accent", "→ ") : "  ";
+                        return [renderPiModalListRow(`${arrow}${theme.fg("text", option.label)}`, width, selected)];
+                    },
+                    invalidate: () => { },
+                });
+            }
+            else {
+                const label = selected ? piTheme().fg("accent", option.label) : piTheme().fg("text", option.label);
+                this.listContainer.addChild(new Text(`${prefix}${label}`, 0, 0));
+            }
         }
     }
 }

package/dist/integrations/pi/session-presenters/components.d.ts

@@ -1,3 +1,3 @@
 import type { OwnedUiShellComponents, OwnedUiShellLazySelectorLoader } from "../../../contracts/owned-ui/index.js";
 /** The Pi components and helpers behind the shell's neutral component record. */
-export declare function createPiShellComponents(loadLazySelectors: () => Promise<OwnedUiShellLazySelectorLoader>): OwnedUiShellComponents;
+export declare function createPiShellComponents(loadLazySelectors: () => Promise<OwnedUiShellLazySelectorLoader>, bare?: boolean): OwnedUiShellComponents;

package/dist/integrations/pi/session-presenters/components.js

@@ -9,7 +9,7 @@ import { SKILLS_COMMAND_NAME, findSkillByArgument, rewriteSkillsTunnelSubmission
 import { ProgramStatusReporter } from "../components/upstream/program-status-reporter.js";
 import { workflowCommandNames } from "../engine/workflows.js";
 /** The Pi components and helpers behind the shell's neutral component record. */
-export function createPiShellComponents(loadLazySelectors) {
+export function createPiShellComponents(loadLazySelectors, bare = false) {
     return {
         editor: { create: createPiShellEditor },
         chrome: {
@@ -42,14 +42,14 @@ export function createPiShellComponents(loadLazySelectors) {
             reloadBox: createPiShellReloadBox,
         },
         dialogs: {
-            dialog: createPiShellDialog,
-            selector: createPiShellSelector,
-            extensionSelector: createPiShellExtensionSelector,
-            authProviderSelector: createPiShellAuthProviderSelector,
-            loginDialog: createPiShellLoginDialog,
+            dialog: (dialog, handlers) => createPiShellDialog(dialog, handlers, bare),
+            selector: options => createPiShellSelector(options, bare),
+            extensionSelector: (title, values, select, cancel) => createPiShellExtensionSelector(title, values, select, cancel, bare),
+            authProviderSelector: (mode, providers, select, cancel, query) => createPiShellAuthProviderSelector(mode, providers, select, cancel, query, bare),
+            loginDialog: (runtime, id, complete, name, title) => createPiShellLoginDialog(runtime, id, complete, name, title, bare),
             skillsSelector: createPiShellSkillsSelector,
-            trustSelector: createPiShellTrustSelector,
-            userMessageSelector: createPiShellUserMessageSelector,
+            trustSelector: options => createPiShellTrustSelector({ ...options, standardStyle: bare }),
+            userMessageSelector: (messages, select, cancel, initial) => createPiShellUserMessageSelector(messages, select, cancel, initial, bare),
             async shareProgress(runtime, message, style) {
                 // Rationale: sharing is rare, so its progress surfaces stay off the startup graph.
                 const surfaces = await import("../components/share-operation-dialog.js");

package/dist/integrations/pi/session-presenters/presenters.js

@@ -32,13 +32,13 @@ export function createPiSessionPresenters(adapter, options = {}) {
         // Compatibility: the component adapter passes Pi's own keybinding config through the neutral port.
         getShortcuts: bindings => source().pinnedShortcutDescriptions(bindings),
     };
-    return { ...PI_SHELL_PRESENTATION, components: createPiShellComponents(loadLazySelectors),
+    return { ...PI_SHELL_PRESENTATION, components: createPiShellComponents(loadLazySelectors, adapter.settings.productMode === "bare"),
         transcriptRenderers: () => renderers,
         openModelSelector(host, initialSearchInput) {
             const context = source().pinnedModelSelectorContext();
             const close = closeSurface(host);
             const component = createPiShellModelSelector({
-                ...context,
+                ...context, standardStyle: adapter.settings.productMode === "bare",
                 runtime: {
                     getColumns: () => host.viewport().columns,
                     getRows: () => host.viewport().rows,

package/dist/ui/components/list-block.d.ts

@@ -27,8 +27,8 @@ export interface ListRowSpan {
 export declare function rowKey<T>(row: ListRow<T> | undefined): string | undefined;
 export declare function selectableIndexes<T>(rows: readonly ListRow<T>[]): readonly number[];
 export declare function indexOfKey<T>(rows: readonly ListRow<T>[], key: string | undefined): number;
-/** Clamped movement between selectable rows. No wrap-around. */
-export declare function moveSelection<T>(rows: readonly ListRow<T>[], current: number, delta: number): number;
+/** Moves between selectable rows; choice lists can opt into circular navigation. */
+export declare function moveSelection<T>(rows: readonly ListRow<T>[], current: number, delta: number, wrap?: boolean): number;
 /**
  * Forward lands on the first element of the next group. Backward lands on the
  * first element of the current group, or the previous group's when already

package/dist/ui/components/list-block.js

@@ -3,6 +3,7 @@
  * the top visible row belongs to a group, that group's header stays pinned as
  * the first rendered row, so the reader always knows which group is on screen.
  */
+import { wrapChoiceIndex } from "../../contracts/presentation/index.js";
 export function rowKey(row) {
     return row !== undefined && row.kind === "element" && row.selectable ? row.key : undefined;
 }
@@ -22,15 +23,15 @@ export function indexOfKey(rows, key) {
     }
     return selectableIndexes(rows)[0] ?? -1;
 }
-/** Clamped movement between selectable rows. No wrap-around. */
-export function moveSelection(rows, current, delta) {
+/** Moves between selectable rows; choice lists can opt into circular navigation. */
+export function moveSelection(rows, current, delta, wrap = false) {
     const selectable = selectableIndexes(rows);
     if (selectable.length === 0)
         return -1;
     const position = selectable.indexOf(current);
     if (position < 0)
         return selectable[0] ?? -1;
-    const next = Math.min(Math.max(position + delta, 0), selectable.length - 1);
+    const next = wrap ? wrapChoiceIndex(position, delta, selectable.length) : Math.min(Math.max(position + delta, 0), selectable.length - 1);
     return selectable[next] ?? current;
 }
 function firstElementOfBlock(rows, headerIndex) {