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

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

@@ -3,13 +3,14 @@ import { EarendilAnnouncementComponent } from "./upstream/components/earendil-an
 import { ExtensionSelectorComponent } from "./upstream/components/extension-selector.js";
 import { Box, Container, SelectList, Spacer, Text, } from "@earendil-works/pi-tui";
 import { ScopedModelsSelectorComponent } from "./upstream/components/scoped-models-selector.js";
-import { addPiModalSelectFooter, adoptPiModalFrame, adoptPiModalHeader, adoptPiModalSearchInput } from "./modal-frame.js";
+import { addPiModalSelectFooter, adoptPiModalFrame, adoptPiModalHeader, adoptPiModalSearchInput, renderPiModalSelectedPrimary, standardInternalChoicePort } from "./modal-frame.js";
+import { deferredLoginDialog } from "./login-dialog-loader.js";
+import { deferredSelector } from "./deferred-selector.js";
 import { createDeferredModelsDialog } from "./models-dialog-loader.js";
-import { TrustSelectorComponent } from "./upstream/components/trust-selector.js";
-import { canonicalizePiSettingsHint, DIALOG_CLOSE_SHORTCUT_HINT, PINNED_PI_LAYOUT, getPiSelectListTheme, paintPiBorder, piTheme, renderPiModalShortcutHints, } from "./theme.js";
+import { canonicalizePiSettingsHint, DIALOG_CLOSE_SHORTCUT_HINT, PINNED_PI_LAYOUT, getPiSelectListTheme, paintPiBorder, piTheme, renderPiModalShortcutHints, internalDialogTitle, } from "./theme.js";
 import { componentFromPort, componentPort, createTuiFacade, ensureTheme, isRecord, } from "./shell-shared-facade.js";
-export { createPiShellSkillsSelector } from "./skills-dialog.js";
-export function createPiShellSelector(options) {
+export { createPiShellSkillsSelector } from "./deferred-selector.js";
+export function createPiShellSelector(options, standard = false) {
     ensureTheme();
     const items = options.options.map(toSelectItem);
     const list = new SelectList(items, options.maxVisible ?? Math.min(PINNED_PI_LAYOUT.selectorMaxVisible, Math.max(1, items.length)), getPiSelectListTheme());
@@ -17,11 +18,11 @@ export function createPiShellSelector(options) {
         list.onSelect = item => options.onSelect?.(item.value);
     if (options.onCancel !== undefined)
         list.onCancel = options.onCancel;
-    if (!options.title && options.onCancel === undefined)
+    if (!options.title && options.onCancel === undefined && !standard)
         return componentPort(list);
     const container = new Container();
     if (options.title)
-        container.addChild(new Text(piTheme().fg("accent", piTheme().bold(options.title)), PINNED_PI_LAYOUT.contentPaddingX, 0));
+        container.addChild(new Text(piTheme().fg("accent", piTheme().bold(standard ? internalDialogTitle(options.title) : options.title)), PINNED_PI_LAYOUT.contentPaddingX, 0));
     container.addChild(list);
     if (options.onCancel !== undefined) {
         container.addChild(new Spacer(1));
@@ -31,7 +32,8 @@ export function createPiShellSelector(options) {
             DIALOG_CLOSE_SHORTCUT_HINT,
         ]), 0, 0));
     }
-    return componentPort(container, data => list.handleInput(data));
+    const port = componentPort(container, data => list.handleInput(data));
+    return standard ? { ...port, render: width => port.render(width).map(row => renderPiModalSelectedPrimary(` ${row}`, width + 1, options.options.map(option => option.label)).slice(1)) } : port;
 }
 export function createPiShellSettingsSelector(options) {
     ensureTheme();
@@ -98,7 +100,8 @@ export function createPiShellModelSelector(options) {
     const selector = new ModelSelectorComponent(createTuiFacade(options.runtime), options.currentModel, options.modelRuntime, options.scopedModels, options.onSelect, options.onCancel, options.initialSearchInput, options.onSelectAsDefault, options.defaultModel);
     adoptPiModalSearchInput(selector, selector.getSearchInput());
     adoptPiModalFrame(selector, { topIndex: 0, bottomIndex: selector.children.length - 1 });
-    return componentPort(selector);
+    const port = componentPort(selector);
+    return options.standardStyle ? standardInternalChoicePort(port, true) : port;
 }
 function toPiScopedModel(model) {
     const candidate = { provider: model.provider, id: model.id, name: model.name };
@@ -137,7 +140,8 @@ export function createPiShellModelsDialog(options) {
 }
 export function createPiShellTrustSelector(options) {
     ensureTheme();
-    return componentPort(new TrustSelectorComponent(options));
+    return deferredSelector(() => import("./upstream/components/trust-selector.js")
+        .then(({ TrustSelectorComponent }) => componentPort(new TrustSelectorComponent(options))), options.onCancel);
 }
 export async function createPiShellSessionSelector(options) {
     ensureTheme();
@@ -153,21 +157,26 @@ export async function createPiShellTreeSelector(options) {
         selector.onCopy = options.onCopy;
     return componentPort(selector);
 }
-export function createPiShellUserMessageSelector(messages, onSelect, onCancel, initialSelectedId) {
+export function createPiShellUserMessageSelector(messages, onSelect, onCancel, initialSelectedId, standard = false) {
     ensureTheme();
     const selector = new UserMessageSelectorComponent(messages.map(message => ({ id: message.id, text: message.label })), onSelect, onCancel, initialSelectedId);
     const list = selector.getMessageList();
+    if (standard)
+        selector.children[1] = new Text(piTheme().fg("accent", piTheme().bold("Fork from Message")), 1, 0);
     addPiModalSelectFooter(selector);
     adoptPiModalFrame(selector, { topIndex: 4, bottomIndex: selector.children.length - 1 });
-    return componentPort(selector, data => list.handleInput(data));
+    const port = componentPort(selector, data => list.handleInput(data));
+    return standard ? standardInternalChoicePort(port) : port;
 }
-export function createPiShellLoginDialog(runtime, providerId, onComplete, providerName, title) {
+export function createPiShellLoginDialog(runtime, providerId, onComplete, providerName, title, standard = false) {
     ensureTheme();
+    if (standard)
+        return deferredLoginDialog(runtime, providerId, onComplete, providerName, title);
     const dialog = new LoginDialogComponent(createTuiFacade(runtime), providerId, onComplete, providerName, title);
     const preInsetTitle = dialog.children[1];
     const content = dialog.children[2];
     dialog.children.splice(dialog.children.length - 1, 0, new Spacer(1), new Text(renderPiModalShortcutHints([DIALOG_CLOSE_SHORTCUT_HINT]), 0, 0));
-    const removeDependencyHint = () => { content.children.pop(); };
+    const stripHint = (result) => { content.children.pop(); return result; };
     const header = adoptPiModalHeader(dialog, 0, 1);
     adoptPiModalFrame(dialog, {
         topIndex: 0,
@@ -179,23 +188,12 @@ export function createPiShellLoginDialog(runtime, providerId, onComplete, provid
         ...componentPort(dialog),
         showAuth: (url, instructions) => dialog.showAuth(url, instructions),
         showDeviceCode: info => dialog.showDeviceCode(info),
-        showManualInput(message) {
-            const result = dialog.showManualInput(message);
-            removeDependencyHint();
-            return result;
-        },
-        showPrompt(message, placeholder) {
-            const result = dialog.showPrompt(message, placeholder);
-            removeDependencyHint();
-            return result;
-        },
+        showManualInput: message => stripHint(dialog.showManualInput(message)),
+        showPrompt: (message, placeholder) => stripHint(dialog.showPrompt(message, placeholder)),
         showDetails: lines => dialog.showDetails([...lines]),
-        // Rationale: The persistent canonical footer replaces the dependency's optional close hint.
+        // Rationale: one footer replaces optional hints.
         showInfo: (message, links = []) => dialog.showInfo(message, [...links], false),
-        showWaiting(message) {
-            dialog.showWaiting(message);
-            removeDependencyHint();
-        },
+        showWaiting: message => stripHint(dialog.showWaiting(message)),
         showProgress: message => dialog.showProgress(message),
     };
 }
@@ -218,8 +216,11 @@ export function createPiShellReloadBox() {
     adoptPiModalFrame(container, { topIndex: 0, bottomIndex: container.children.length - 1 });
     return componentPort(container);
 }
-export function createPiShellAuthProviderSelector(mode, providers, onSelect, onCancel, initialSearchInput) {
+export function createPiShellAuthProviderSelector(mode, providers, onSelect, onCancel, initialSearchInput, standardStyle = false) {
     ensureTheme();
+    if (standardStyle)
+        return deferredSelector(() => import("./upstream/components/oauth-selector.js")
+            .then(({ AuthProviderSelector }) => componentPort(new AuthProviderSelector(mode, providers, onSelect, onCancel, initialSearchInput))), onCancel);
     const selector = new OAuthSelectorComponent(mode, providers.map(provider => ({
         id: provider.providerId,
         name: provider.label,
@@ -230,7 +231,7 @@ export function createPiShellAuthProviderSelector(mode, providers, onSelect, onC
         if (selected)
             onSelect(selected.id);
     }, onCancel, initialSearchInput);
-    // Provenance: OAuth selector slot is top rule, spacer, title, spacer, then its search Input.
+    // Provenance: public search slot 4.
     adoptPiModalSearchInput(selector, selector.children[4]);
     addPiModalSelectFooter(selector);
     const preInsetContent = [selector.children[2], selector.children[6]];
@@ -243,9 +244,9 @@ export function createPiShellAuthProviderSelector(mode, providers, onSelect, onC
     });
     return componentPort(selector);
 }
-export function createPiShellExtensionSelector(title, options, onSelect, onCancel) {
+export function createPiShellExtensionSelector(title, options, onSelect, onCancel, standardSelection = false) {
     ensureTheme();
-    return componentPort(new ExtensionSelectorComponent(title, [...options], onSelect, onCancel));
+    return componentPort(new ExtensionSelectorComponent(standardSelection ? internalDialogTitle(title) : title, [...options], onSelect, onCancel, { standardSelection }));
 }
 export function createPiShellThemeSelector(currentTheme, onSelect, onCancel, onPreview) {
     ensureTheme();
@@ -263,7 +264,7 @@ export function createPiShellShowImagesSelector(currentValue, onSelect, onCancel
     adoptPiModalFrame(selector, { topIndex: 0, bottomIndex: selector.children.length - 1 });
     return componentPort(selector, data => list.handleInput(data));
 }
-export function createPiShellDialog(dialog, handlers = {}) {
+export function createPiShellDialog(dialog, handlers = {}, standard = false) {
     ensureTheme();
     const selector = createPiShellSelector({
         title: dialog.title,
@@ -271,7 +272,7 @@ export function createPiShellDialog(dialog, handlers = {}) {
         maxVisible: 8,
         ...(handlers.onSelect === undefined ? {} : { onSelect: handlers.onSelect }),
         ...(handlers.onCancel === undefined ? {} : { onCancel: handlers.onCancel }),
-    });
+    }, standard);
     const box = new Box(1, 1);
     box.addChild(componentFromPort(selector));
     return componentPort(box, data => selector.handleInput?.(data));

package/dist/integrations/pi/components/shell-session-info-reference.d.ts

@@ -6,6 +6,6 @@ interface PiShellSessionInfoReferenceDocument {
         readonly rows: readonly string[];
     }[];
 }
-/** Renders the pinned report values while leaving group names semantic for the owned screen. */
+/** Renders complete report data in semantic rows sharing a left-aligned value column. */
 export declare function renderPiShellSessionInfoReferenceDocument(presentation: PiShellSessionInfoPresentation, width: number): PiShellSessionInfoReferenceDocument;
 export {};

package/dist/integrations/pi/components/shell-session-info-reference.js

@@ -14,7 +14,7 @@ function splitSessionFile(sessionFile, firstWidth, continuationWidth) {
             rowWidth = continuationWidth;
             continue;
         }
-        // Compatibility: a one-column frame cannot fit a wide grapheme; preserve it for outer truncation.
+        // Compatibility: preserve a wide grapheme even when the outer frame cannot fit it.
         if (!row)
             row = sliceByColumn(remaining, 0, rowWidth);
         rows.push(row);
@@ -23,72 +23,75 @@ function splitSessionFile(sessionFile, firstWidth, continuationWidth) {
     }
     return rows.length > 0 ? rows : [""];
 }
-/** Keeps the file value on its labelled row before using full continuation rows. */
-function sessionFileRows(sessionFile, width) {
-    // Compatibility: match Text's reduced-padding rule so these explicit breaks survive its renderer.
-    const paddingX = Math.min(1, Math.max(0, Math.floor((width - 1) / 2)));
-    const contentWidth = Math.max(1, width - paddingX * 2);
-    const label = piTheme().fg("dim", "File:");
-    const firstValueWidth = Math.max(0, contentWidth - visibleWidth("File: "));
-    const [first = "", ...continuation] = splitSessionFile(sessionFile, firstValueWidth, contentWidth);
-    return firstValueWidth > 0
-        ? [`${label} ${first}`, ...continuation]
-        : [label, ...continuation];
-}
-/** Renders the pinned report values while leaving group names semantic for the owned screen. */
+/** Renders complete report data in semantic rows sharing a left-aligned value column. */
 export function renderPiShellSessionInfoReferenceDocument(presentation, width) {
     ensureTheme();
     const { stats, sessionName, cacheWaste, usageBreakdown, cacheWarming } = presentation;
-    const render = (rows) => new Text(rows.join("\n"), 1, 0).render(width);
-    const preamble = [
-        ...(sessionName ? [`${piTheme().fg("dim", "Name:")} ${sessionName}`] : []),
-        ...sessionFileRows(stats.sessionFile ?? "In-memory", width),
-        `${piTheme().fg("dim", "ID:")} ${stats.sessionId}`,
+    const identity = [
+        ...(sessionName ? [{ label: "Name:", value: sessionName }] : []),
+        { label: "File:", value: stats.sessionFile ?? "In-memory" },
+        { label: "ID:", value: stats.sessionId },
     ];
     const messages = [
-        `${piTheme().fg("dim", "Total:")} ${stats.totalMessages}`,
-        `${piTheme().fg("dim", "User:")} ${stats.userMessages}`,
-        `${piTheme().fg("dim", "Assistant:")} ${stats.assistantMessages}`,
-        `${piTheme().fg("dim", "Tools:")} ${stats.toolCalls} calls, ${stats.toolResults} results`,
+        { label: "Total:", value: String(stats.totalMessages) },
+        { label: "User:", value: String(stats.userMessages) },
+        { label: "Assistant:", value: String(stats.assistantMessages) },
+        { label: "Tools:", value: `${stats.toolCalls} calls, ${stats.toolResults} results` },
     ];
     const { input, cacheRead, cacheWrite } = stats.tokens;
     const promptTokens = input + cacheRead + cacheWrite;
-    const tokens = [`${piTheme().fg("dim", "Input:")} ${promptTokens.toLocaleString()}`];
+    const tokens = [{ label: "Input:", value: promptTokens.toLocaleString() }];
     if (promptTokens > 0 && (cacheRead > 0 || cacheWrite > 0)) {
-        tokens.push(`  ${piTheme().fg("dim", "Cached:")} ${cacheRead.toLocaleString()} ${piTheme().fg("dim", `(${((cacheRead / promptTokens) * 100).toFixed(1)}%)`)}`);
+        tokens.push({ label: "Cached:", indent: 2, value: `${cacheRead.toLocaleString()} ${piTheme().fg("dim", `(${((cacheRead / promptTokens) * 100).toFixed(1)}%)`)}` });
         const written = cacheWrite > 0 ? ` ${piTheme().fg("dim", `(${cacheWrite.toLocaleString()} written to cache)`)}` : "";
-        tokens.push(`  ${piTheme().fg("dim", "Uncached:")} ${(input + cacheWrite).toLocaleString()}${written}`);
+        tokens.push({ label: "Uncached:", indent: 2, value: `${(input + cacheWrite).toLocaleString()}${written}` });
     }
-    tokens.push(`${piTheme().fg("dim", "Output:")} ${stats.tokens.output.toLocaleString()}`);
-    tokens.push(`${piTheme().fg("dim", "Total:")} ${stats.tokens.total.toLocaleString()}`);
+    tokens.push({ label: "Output:", value: stats.tokens.output.toLocaleString() });
+    tokens.push({ label: "Total:", value: stats.tokens.total.toLocaleString() });
     const warmingStatus = cacheWarming.status;
     const warming = [
-        `${piTheme().fg("dim", "Mode:")} ${cacheWarming.mode}`,
-        `${piTheme().fg("dim", "Status:")} ${warmingStatus ? formatCacheWarmingStatus(warmingStatus) : "Inactive (cache warming unavailable)"}`,
+        { label: "Mode:", value: cacheWarming.mode },
+        { label: "Status:", value: warmingStatus ? formatCacheWarmingStatus(warmingStatus) : "Inactive (cache warming unavailable)" },
     ];
-    const warmingDecision = warmingStatus?.decision;
-    if (warmingDecision?.economicsAvailable) {
-        warming.push(`${piTheme().fg("dim", "Cache miss penalty:")} $${warmingDecision.missCost.toFixed(3)}`);
-        warming.push(`${piTheme().fg("dim", "Refresh cost:")} $${warmingDecision.warmCost.toFixed(3)}`);
+    const decision = warmingStatus?.decision;
+    if (decision?.economicsAvailable) {
+        warming.push({ label: "Cache miss penalty:", value: `$${decision.missCost.toFixed(3)}` });
+        warming.push({ label: "Refresh cost:", value: `$${decision.warmCost.toFixed(3)}` });
     }
-    const sections = [
-        { title: "Messages", rows: render(messages) },
-        { title: "Tokens", rows: render(tokens) },
-        { title: "Cache Warming", rows: render(warming) },
-    ];
+    const groups = [{ title: "Messages", rows: messages }, { title: "Tokens", rows: tokens }, { title: "Cache Warming", rows: warming }];
     if (stats.cost > 0 || cacheWaste.missedTokens > 0) {
-        const cost = [`${piTheme().fg("dim", "Total:")} $${stats.cost.toFixed(3)}`];
+        const cost = [{ label: "Total:", value: `$${stats.cost.toFixed(3)}` }];
         if (usageBreakdown.length > 1)
             for (const entry of usageBreakdown) {
-                cost.push(`  ${piTheme().fg("dim", `${entry.key}:`)} $${entry.cost.toFixed(3)} ${piTheme().fg("dim", `(${formatSessionTokens(entry.tokens)} tokens)`)}`);
+                cost.push({ label: `${entry.key}:`, indent: 2, value: `$${entry.cost.toFixed(3)} ${piTheme().fg("dim", `(${formatSessionTokens(entry.tokens)} tokens)`)}` });
             }
         if (cacheWaste.missedTokens > 0) {
             const detail = `${cacheWaste.missedTokens.toLocaleString()} tokens, ${cacheWaste.missCount === 1 ? "1 miss" : `${cacheWaste.missCount} misses`}`;
-            cost.push(cacheWaste.missedCost >= 0.0001
-                ? `${piTheme().fg("dim", "Cache Re-billed:")} $${cacheWaste.missedCost.toFixed(3)} ${piTheme().fg("dim", `(${detail})`)}`
-                : `${piTheme().fg("dim", "Cache Re-billed:")} ${detail}`);
+            cost.push({ label: "Cache Re-billed:", value: cacheWaste.missedCost >= 0.0001
+                    ? `$${cacheWaste.missedCost.toFixed(3)} ${piTheme().fg("dim", `(${detail})`)}` : detail });
+        }
+        groups.push({ title: "Cost", rows: cost });
+    }
+    // Compatibility: match Text's reduced-padding rule so explicit path breaks survive rendering.
+    const padding = Math.min(1, Math.max(0, Math.floor((width - 1) / 2)));
+    const contentWidth = Math.max(1, width - padding * 2);
+    const allRows = [...identity, ...groups.flatMap(group => group.rows)];
+    const column = Math.min(Math.max(...allRows.map(row => (row.indent ?? 0) + visibleWidth(row.label))) + 1, contentWidth - 1);
+    const prefix = (row) => `${" ".repeat(row.indent ?? 0)}${piTheme().fg("dim", row.label)}${" ".repeat(Math.max(1, column - (row.indent ?? 0) - visibleWidth(row.label)))}`;
+    const render = (rows) => new Text(rows.map(row => `${prefix(row)}${row.value}`).join("\n"), 1, 0).render(width);
+    const preamble = [];
+    for (const row of identity) {
+        if (row.label !== "File:") {
+            preamble.push(`${prefix(row)}${row.value}`);
+            continue;
         }
-        sections.push({ title: "Cost", rows: render(cost) });
+        const label = prefix(row);
+        const firstWidth = Math.max(0, contentWidth - visibleWidth(label));
+        const [first = "", ...continuation] = splitSessionFile(row.value, firstWidth, contentWidth);
+        preamble.push(firstWidth > 0 ? `${label}${first}` : piTheme().fg("dim", row.label), ...continuation);
     }
-    return { preamble: render(preamble), sections };
+    return {
+        preamble: new Text(preamble.join("\n"), 1, 0).render(width),
+        sections: groups.map(group => ({ title: group.title, rows: render(group.rows) })),
+    };
 }

package/dist/integrations/pi/components/theme.d.ts

@@ -20,6 +20,8 @@ export declare function getPiMarkdownTheme(): MarkdownTheme;
 export declare function getPiHotkeysMarkdownTheme(): MarkdownTheme;
 /** Select-list roles resolved through A1's active theme rather than Pi's package-global base theme. */
 export declare function getPiSelectListTheme(): SelectListTheme;
+/** Display casing for internal headings, preserving provider spelling and acronyms. */
+export declare function internalDialogTitle(title: string): string;
 /** Paint one selected bare-A1 list item with the standard blue selection surface. */
 export declare function renderPiListSelection(content: string): string;
 /** One standard bare-A1 modal row, clipped before its item-bounded selection is painted. */

package/dist/integrations/pi/components/theme.js

@@ -53,6 +53,10 @@ export function getPiSelectListTheme() {
         noMatch: text => piTheme().fg("muted", text),
     };
 }
+/** Display casing for internal headings, preserving provider spelling and acronyms. */
+export function internalDialogTitle(title) {
+    return title.replace(/:\s*$/u, "").replace(/\b[a-z][a-z]*/gu, (word, offset) => offset > 0 && /^(a|an|and|for|in|of|on|or|the|to|with)$/u.test(word) ? word : word[0].toUpperCase() + word.slice(1));
+}
 /** Paint one selected bare-A1 list item with the standard blue selection surface. */
 export function renderPiListSelection(content) {
     return piTheme().bg("selectedBg", content);

package/dist/integrations/pi/components/upstream/components/auth-url.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Provenance: @earendil-works/pi-coding-agent 1.5.1 (MIT), commit dd30101cfc5b0609411dd80b6f93adbc14db14cf,
+ * packages/coding-agent/src/modes/interactive/components/auth-url.ts.
+ * Modifications: Adapt sign-in URL/copy feedback to live semantic roles, shared zero-inset login
+ * content and canonical shortcut hints. Preserve safe hyperlinks, copy results and lifetime guards;
+ * the comparison profile keeps the public component.
+ * Deviations: shared-login-template.
+ */
+import { Container } from "@earendil-works/pi-tui";
+/** A live-themed browser URL whose copy feedback stays local to the same login state. */
+export declare class AuthUrlComponent extends Container {
+    #private;
+    constructor(url: string, requestRender: () => void);
+    copy(): Promise<void>;
+    dispose(): void;
+}

package/dist/integrations/pi/components/upstream/components/auth-url.js

@@ -0,0 +1,49 @@
+/**
+ * Provenance: @earendil-works/pi-coding-agent 1.5.1 (MIT), commit dd30101cfc5b0609411dd80b6f93adbc14db14cf,
+ * packages/coding-agent/src/modes/interactive/components/auth-url.ts.
+ * Modifications: Adapt sign-in URL/copy feedback to live semantic roles, shared zero-inset login
+ * content and canonical shortcut hints. Preserve safe hyperlinks, copy results and lifetime guards;
+ * the comparison profile keeps the public component.
+ * Deviations: shared-login-template.
+ */
+import { Container, getKeybindings } from "@earendil-works/pi-tui";
+import { copyToClipboard } from "../../../startup-public.js";
+import { loginLink, loginWebUrl } from "../../login-links.js";
+import { loginText } from "../../login-text.js";
+import { renderPiModalShortcutHints } from "../../theme.js";
+/** A live-themed browser URL whose copy feedback stays local to the same login state. */
+export class AuthUrlComponent extends Container {
+    #url;
+    #render;
+    #feedback;
+    #failure = "";
+    #closed = false;
+    constructor(url, requestRender) {
+        super();
+        this.#url = loginWebUrl(url) ?? url;
+        this.#render = requestRender;
+        this.addChild(loginText(() => loginLink(this.#url), "accent"));
+        this.addChild({
+            render: width => {
+                if (this.#feedback !== undefined)
+                    return loginText(this.#feedback === "copied" ? "Copied URL to clipboard" : this.#failure, this.#feedback === "copied" ? "success" : "error").render(width);
+                const click = process.platform === "darwin" ? "Cmd+click to open" : "Ctrl+click to open";
+                return loginText(() => `${loginLink(this.#url, click)}  ${renderPiModalShortcutHints([{ key: getKeybindings().getKeys("app.message.copy").join("/"), action: "copy" }])}`).render(width);
+            },
+            invalidate() { },
+        });
+    }
+    async copy() {
+        try {
+            await copyToClipboard(this.#url);
+            this.#feedback = "copied";
+        }
+        catch (error) {
+            this.#feedback = "failed";
+            this.#failure = error instanceof Error ? error.message : String(error);
+        }
+        if (!this.#closed)
+            this.#render();
+    }
+    dispose() { this.#closed = true; }
+}

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

@@ -4,6 +4,7 @@ interface ExtensionSelectorOptions {
     readonly timeout?: number;
     readonly description?: string;
     readonly onToggleToolsExpanded?: () => void;
+    readonly standardSelection?: boolean;
 }
 /** Bare-A1 extension selector using the common modal shortcut row. */
 export declare class ExtensionSelectorComponent extends Container {

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

@@ -1,20 +1,21 @@
 /**
  * Provenance: @earendil-works/pi-coding-agent 1.5.1 (MIT), commit dd30101cfc5b0609411dd80b6f93adbc14db14cf,
  * 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 and chrome through the shared semantic shortcut and compact padded
- * modal-frame components while preserving options, timeout, navigation, selection, cancellation, and
- * disposal behavior.
+ * Modifications: Mechanical port with public imports, private fields, shared shortcut rows and compact
+ * framing; internal choices opt into normal labels over selected backgrounds and circular navigation
+ * while preserving extension/comparison styling, timeout, cancellation, and disposal.
  * Deviations: owned-modal-shortcut-hints.
  */
+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, paintPiBorder, piTheme, renderPiModalShortcutHints } from "../../theme.js";
+import { DIALOG_CLOSE_SHORTCUT_HINT, paintPiBorder, piTheme, renderPiModalShortcutHints, renderPiModalListRow } from "../../theme.js";
 import { CountdownTimer } from "./countdown-timer.js";
 /** Bare-A1 extension selector using the common modal shortcut row. */
 export class ExtensionSelectorComponent extends Container {
     #options;
+    #standardSelection;
     #selectedIndex = 0;
     #listContainer = new Container();
     #onSelect;
@@ -26,6 +27,7 @@ export class ExtensionSelectorComponent extends Container {
     constructor(title, options, onSelect, onCancel, opts) {
         super();
         this.#options = options;
+        this.#standardSelection = opts?.standardSelection === true;
         this.#onSelect = onSelect;
         this.#onCancel = onCancel;
         this.#baseTitle = title;
@@ -65,9 +67,18 @@ export class ExtensionSelectorComponent extends Container {
         const endIndex = Math.min(startIndex + maxVisible, this.#options.length);
         for (let index = startIndex; index < endIndex; index += 1) {
             const option = this.#options[index];
-            this.#listContainer.addChild(new Text(index === this.#selectedIndex
-                ? theme.fg("accent", "→ ") + theme.fg("accent", option)
-                : `  ${theme.fg("text", option)}`, 0, 0));
+            const selected = index === this.#selectedIndex;
+            const content = selected
+                ? theme.fg("accent", "→ ") + theme.fg(this.#standardSelection ? "text" : "accent", option)
+                : `  ${theme.fg("text", option)}`;
+            this.#listContainer.addChild(this.#standardSelection ? {
+                render: width => {
+                    const current = piTheme();
+                    const arrow = selected ? current.fg("accent", "→ ") : "  ";
+                    return [renderPiModalListRow(`${arrow}${current.fg("text", option)}`, width, selected)];
+                },
+                invalidate: () => { },
+            } : new Text(content, 0, 0));
         }
         if (startIndex > 0 || endIndex < this.#options.length) {
             this.#listContainer.addChild(new Text(theme.fg("muted", `  (${this.#selectedIndex + 1}/${this.#options.length})`), 0, 0));
@@ -78,11 +89,11 @@ export class ExtensionSelectorComponent extends Container {
         if (keys.matches(keyData, "app.tools.expand"))
             this.#onToggleToolsExpanded?.();
         else if (keys.matches(keyData, "tui.select.up") || keyData === "k") {
-            this.#selectedIndex = Math.max(0, this.#selectedIndex - 1);
+            this.#selectedIndex = this.#standardSelection ? wrapChoiceIndex(this.#selectedIndex, -1, this.#options.length) : Math.max(0, this.#selectedIndex - 1);
             this.#updateList();
         }
         else if (keys.matches(keyData, "tui.select.down") || keyData === "j") {
-            this.#selectedIndex = Math.min(this.#options.length - 1, this.#selectedIndex + 1);
+            this.#selectedIndex = this.#standardSelection ? wrapChoiceIndex(this.#selectedIndex, 1, this.#options.length) : Math.min(this.#options.length - 1, this.#selectedIndex + 1);
             this.#updateList();
         }
         else if (keys.matches(keyData, "tui.select.confirm") || keyData === "\n") {

package/dist/integrations/pi/components/upstream/components/login-dialog.d.ts

@@ -0,0 +1,3 @@
+import type { OwnedUiShellLoginDialogPort, OwnedUiShellRuntime } from "../../../../../contracts/owned-ui/index.js";
+/** One owned login port for every provider, keeping all state methods on the shared template. */
+export declare function createThemedLoginDialog(runtime: OwnedUiShellRuntime, providerId: string, complete: (success: boolean, message?: string) => void, providerName?: string, title?: string): OwnedUiShellLoginDialogPort;