@timurproko/a1 0.2.7-dev.1249 → 0.2.7-dev.1255

package/dist/app/session-shell/shell-host.js

@@ -1,11 +1,5 @@
 import { MOUSE_TRACKING_OFF, MOUSE_TRACKING_ON, parseMouseInput } from "../../ui/components/mouse.js";
 import { readVisibleHyperlinks } from "../../ui/components/visible-hyperlinks.js";
-import { piCanvasBackgroundAnsi } from "../../integrations/pi/components/theme.js";
-import { residentFixtureControl } from "../../foundation/resident-tabs/fixture-control.js";
-import { residentProgressObserver } from "../../foundation/resident-tabs/progress-observation.js";
-import { DamageAwareTerminalAdapter, } from "../../integrations/pi/tui-runtime/damage-aware-terminal.js";
-import { PiTuiRuntimeAdapter, legacyKeyInput } from "../../integrations/pi/tui-runtime/adapter.js";
-import { classifyPiTuiInput } from "../../integrations/pi/tui-runtime/input-presentation-coordinator.js";
 import { pinnedLayoutRoot, } from "./session-shell-root.js";
 /** The size and render request a Pi component reads from the terminal it is shown on, read on every call. */
 export function componentRuntime(terminal) {
@@ -22,6 +16,7 @@ export function sessionTerminalHostOptions(options) {
     const customViewport = sessionLayout === "custom-viewport";
     const settings = backend.settings.snapshot();
     return {
+        presentation: options.presenters,
         layout: customViewport ? "custom-viewport" : "pinned",
         // Invariant: bare A1 owns a bounded viewport and therefore always runs on the alternate
         // fullscreen surface. The pinned comparison profiles still honor Pi's mode.
@@ -42,12 +37,13 @@ export function sessionTerminalHostOptions(options) {
 export class OwnedUiTerminalHost {
     runtime;
     #customViewport;
+    #runtimeFactory;
     #damageTerminal;
     #quitOutro;
     #presenters = new Set();
     #overlays = new Map();
-    #removeViewportPreInput;
-    #unsubscribeBackground;
+    // Invariant: one release removes both the viewport pre-input listener and the background subscription.
+    #release;
     #active = null;
     #focused = false;
     #pointerReporting = false;
@@ -55,10 +51,9 @@ export class OwnedUiTerminalHost {
     #ending;
     constructor(options) {
         this.#customViewport = options.layout === "custom-viewport";
+        this.#runtimeFactory = options.presentation.terminalRuntime;
         this.#quitOutro = options.quitOutro;
         const input = options.input;
-        const fixtureControl = residentFixtureControl();
-        const progressObserver = residentProgressObserver();
         let damageTerminal;
         const surface = {
             render: width => this.#active?.render(width) ?? [],
@@ -79,35 +74,25 @@ export class OwnedUiTerminalHost {
                 consumeUnhandledMouse: true,
                 onOverlayGeometry: surfaces => this.#active?.setOverlaySurfaces(surfaces),
                 decorateTerminal: (terminal) => {
-                    damageTerminal = new DamageAwareTerminalAdapter(terminal, {
+                    damageTerminal = this.#runtimeFactory.createDamageTerminal(terminal, {
                         regionalScroll: process.env.TERM !== "dumb",
                         inspectHyperlinks: readVisibleHyperlinks,
                         onResize: () => this.#active?.noteImmediatePresentation(),
                         onHyperlinkCleanupRequired: () => this.runtime?.requestRender(true),
-                        ...(fixtureControl === null ? {} : {
-                            allowWrite: () => !fixtureControl.stopped("child-render-write"),
-                            writeChunks: data => fixtureControl.fragmentChildWrite(data),
-                        }),
-                        ...(progressObserver === null ? {} : {
-                            onWrite: ({ bytes, fragments, transaction, frameId, cause }) => progressObserver.childRenderWrite(bytes, fragments, transaction, frameId, cause),
-                        }),
                     });
                     return damageTerminal;
                 },
                 ...(input?.coordination === false ? {} : {
                     inputCoordination: {
-                        classify: (data, focusedOverlay) => classifyPiTuiInput(data, focusedOverlay ?? this.#active?.inputCoordinationSurface() ?? "opaque"),
+                        classify: (data, focusedOverlay) => this.#runtimeFactory.classifyInput(data, focusedOverlay ?? this.#active?.inputCoordinationSurface() ?? "opaque"),
                         onReceipt: () => this.#active?.noteImmediatePresentation(),
                         ...(input?.scheduler === undefined ? {} : { scheduler: input.scheduler }),
                     },
                 }),
-            } : { layoutRoot: pinnedLayoutRoot(this.#delegatingLayoutParts()) }),
-            ...(input?.onEvent === undefined && progressObserver === null ? {} : {
+            } : { layoutRoot: pinnedLayoutRoot(this.#delegatingLayoutParts(), options.presentation.theme) }),
+            ...(input?.onEvent === undefined ? {} : {
                 inputDiagnostics: {
-                    onEvent: event => {
-                        input?.onEvent?.(event);
-                        progressObserver?.inputPhase?.(event.phase, event.revision);
-                    },
+                    onEvent: input.onEvent,
                     ...(input?.now === undefined ? {} : { now: input.now }),
                 },
             }),
@@ -115,18 +100,19 @@ export class OwnedUiTerminalHost {
             hardwareCursor: options.hardwareCursor,
             ...(options.wheelScrollLines === undefined ? {} : { wheelScrollLines: options.wheelScrollLines }),
         };
-        this.runtime = new PiTuiRuntimeAdapter(runtimeOptions);
+        this.runtime = this.#runtimeFactory.createRuntime(runtimeOptions);
         this.#damageTerminal = damageTerminal ?? null;
         const background = this.#customViewport ? options.backgroundSettings : undefined;
         if (background !== undefined)
-            this.#damageTerminal?.setCanvasBackground(piCanvasBackgroundAnsi(background.snapshot()));
-        this.#unsubscribeBackground = background === undefined || this.#damageTerminal === null ? () => { } : background.onChange(style => {
-            if (this.#damageTerminal?.setCanvasBackground(piCanvasBackgroundAnsi(style)))
+            this.#damageTerminal?.setCanvasBackground(options.presentation.canvasBackground(background.snapshot()));
+        const unsubscribeBackground = background === undefined || this.#damageTerminal === null ? () => { } : background.onChange(style => {
+            if (this.#damageTerminal?.setCanvasBackground(options.presentation.canvasBackground(style)))
                 this.runtime.requestRender(true);
         });
-        this.#removeViewportPreInput = this.#customViewport
+        const removeViewportPreInput = this.#customViewport
             ? this.runtime.addPreInputListener(data => this.#active?.handleViewportInput(data))
             : () => { };
+        this.#release = () => { removeViewportPreInput(); unsubscribeBackground(); };
     }
     get damagePresentationDecision() {
         return this.#damageTerminal?.lastDecision ?? null;
@@ -168,8 +154,6 @@ export class OwnedUiTerminalHost {
     active() {
         return this.#active;
     }
-    // Invariant: resident tab visibility never gates rendering here; a hidden tab keeps painting into its
-    // resident terminal, and the native holder alone withholds inactive surfaces from attach clients.
     requestRender(from, force = false) {
         if (from === this.#active)
             this.runtime.requestRender(force);
@@ -215,8 +199,7 @@ export class OwnedUiTerminalHost {
         // Invariant: the outro frame is what the terminal shows now, before any cleanup writes.
         const outroFrame = this.#captureQuitOutroFrame();
         attempt(() => this.#setPointerReporting(false, true));
-        attempt(() => this.#removeViewportPreInput());
-        attempt(() => this.#unsubscribeBackground());
+        attempt(() => this.#release());
         const terminal = { mode: this.runtime.mode, columns: this.runtime.viewport().columns };
         const active = this.#active;
         const releases = [];
@@ -360,7 +343,7 @@ export class OwnedUiTerminalHost {
         };
         removeInterruptWatch = runtime.addInputListener(data => {
             // Compatibility: a kitty-keyboard child reports Ctrl+C as a CSI-u sequence rather than the byte.
-            if (!attached() || !data.includes(INTERRUPT) && legacyKeyInput(data) !== INTERRUPT)
+            if (!attached() || !data.includes(INTERRUPT) && this.#runtimeFactory.legacyKeyInput(data) !== INTERRUPT)
                 return undefined;
             // Protocol: route hosts decide whether one interrupt closes their app. Raw-input forwarding
             // is required because Pi handles Ctrl+C before the fullscreen overlay receives normal input.
@@ -419,7 +402,7 @@ export class OwnedUiTerminalHost {
                 for (const event of events)
                     surface.handleMouse(event);
                 // Invariant: owned screens see legacy key bytes whether the terminal reports legacy or kitty keys.
-                const key = rest.length > 0 ? legacyKeyInput(rest) : "";
+                const key = rest.length > 0 ? this.#runtimeFactory.legacyKeyInput(rest) : "";
                 if (key.length > 0)
                     surface.handleInput(key);
                 if (surface.isClosed()) {
@@ -487,7 +470,7 @@ export class OwnedUiTerminalHost {
                 write: data => this.runtime.writeControl(data),
                 ...(capture.settings.canvasBackgroundAnsi === null
                     ? {}
-                    : { canvasBackgroundAnsi: capture.settings.canvasBackgroundAnsi }),
+                    : { canvas: { ansi: capture.settings.canvasBackgroundAnsi, rebase: this.#runtimeFactory.rebaseDefaultBackground } }),
                 ...(outro.now === undefined ? {} : { now: outro.now }),
                 ...(outro.sleep === undefined ? {} : { sleep: outro.sleep }),
                 ...(outro.seed === undefined ? {} : { seed: outro.seed }),

package/dist/app/session-shell/shell-layout.d.ts

@@ -1,6 +1,6 @@
+import type { OwnedUiShellEditorPort } from "../../contracts/owned-ui/index.js";
 import type { OwnedUiSessionViewModel } from "../../contracts/owned-ui/index.js";
 import type { TranscriptViewportFrame, TranscriptViewportFrameInput, TranscriptViewportTheme } from "../../ui/components/transcript-viewport.js";
-import type { PiShellEditorPort } from "../../integrations/pi/components/shell-shared-facade.js";
 import type { DockChrome } from "./dock-chrome.js";
 import type { InputSurfaceSwitch } from "./input-surface-switch.js";
 import type { PromptChipStore } from "./prompt-chips.js";
@@ -20,7 +20,7 @@ export interface DockLayout {
 export interface ShellLayoutPorts {
     readonly viewport: SessionViewportController;
     readonly input: InputSurfaceSwitch;
-    readonly editor: Pick<PiShellEditorPort, "getText">;
+    readonly editor: Pick<OwnedUiShellEditorPort, "getText">;
     readonly promptChips: Pick<PromptChipStore, "atomicRanges">;
     readonly dockChrome: Pick<DockChrome, "renderPromptOverlay" | "renderReleaseBanner" | "locateReleaseClose">;
     readonly theme: TranscriptViewportTheme;

package/dist/app/session-shell/shell-prompt-suggestions.d.ts

@@ -0,0 +1,26 @@
+import type { OwnedUiEvent, OwnedUiSessionViewModel, SuggestionDecision } from "../../contracts/owned-ui/index.js";
+import { type ContextualPromptSuggestionSurface } from "./prompt-suggestion-controller.js";
+import type { SessionConcern } from "./session-concern.js";
+import type { OwnedUiShellSuggestionOptions } from "./session-shell-root.js";
+type ResponseEvent = Extract<OwnedUiEvent, {
+    readonly type: "assistant-message-completed" | "agent-run-settled";
+}>;
+/**
+ * One shell's contextual prompt suggestions: the controller, its live enablement, and the model key that
+ * invalidates a pending suggestion. Without suggestion options every call is a no-op.
+ */
+export declare class ShellPromptSuggestions implements SessionConcern {
+    #private;
+    constructor(options: OwnedUiShellSuggestionOptions | undefined, surface: ContextualPromptSuggestionSurface, view: OwnedUiSessionViewModel);
+    invalidate(): void;
+    abortPending(): void;
+    accept(): void;
+    restoreAvailable(): void;
+    /** Hands a completed or settled response to the controller. */
+    route(event: ResponseEvent, prepareBlockReason: () => SuggestionDecision): void;
+    /** Invalidates a pending suggestion when the session was replaced or the active model changed. */
+    noteView(view: OwnedUiSessionViewModel, sessionReplaced: boolean): void;
+    onSessionReplaced(): void;
+    dispose(): void;
+}
+export {};

package/dist/app/session-shell/shell-prompt-suggestions.js

@@ -0,0 +1,48 @@
+import { ContextualPromptSuggestionController } from "./prompt-suggestion-controller.js";
+import { routeResponseToSuggestions, suggestionModelKey } from "./suggestion-surface.js";
+/**
+ * One shell's contextual prompt suggestions: the controller, its live enablement, and the model key that
+ * invalidates a pending suggestion. Without suggestion options every call is a no-op.
+ */
+export class ShellPromptSuggestions {
+    #controller;
+    #unsubscribe;
+    #modelKey;
+    constructor(options, surface, view) {
+        this.#modelKey = suggestionModelKey(view);
+        this.#controller = options === undefined ? null : new ContextualPromptSuggestionController({
+            generator: options.generator,
+            enabled: options.enabled(),
+            ...(options.diagnostics === undefined ? {} : { diagnostics: options.diagnostics }),
+            surface,
+        });
+        try {
+            this.#unsubscribe = options === undefined ? () => { } : options.onChange(enabled => this.#controller?.setEnabled(enabled));
+        }
+        catch (error) {
+            this.#controller?.dispose();
+            throw error;
+        }
+    }
+    invalidate() { this.#controller?.invalidate(); }
+    abortPending() { this.#controller?.abortPending(); }
+    accept() { this.#controller?.accept(); }
+    restoreAvailable() { this.#controller?.restoreAvailable(); }
+    /** Hands a completed or settled response to the controller. */
+    route(event, prepareBlockReason) {
+        routeResponseToSuggestions(this.#controller, event, prepareBlockReason);
+    }
+    /** Invalidates a pending suggestion when the session was replaced or the active model changed. */
+    noteView(view, sessionReplaced) {
+        const key = suggestionModelKey(view);
+        if (!sessionReplaced && key === this.#modelKey)
+            return;
+        this.#controller?.invalidate();
+        this.#modelKey = key;
+    }
+    onSessionReplaced() { this.invalidate(); }
+    dispose() {
+        this.#controller?.dispose();
+        this.#unsubscribe();
+    }
+}

package/dist/app/session-shell/suggestion-surface.d.ts

@@ -6,14 +6,9 @@ type ResponseEvent = Extract<OwnedUiEvent, {
 }>;
 /** The provider/model key a suggestion identity and the session view are compared by; empty without a model. */
 export declare function suggestionModelKey(view: Pick<OwnedUiSessionViewModel, "activeModel">): string;
-/**
- * Why a completed response cannot seed a suggestion, checked in order; `prepareBlockReason` is asked
- * only when the response itself qualifies.
- */
-export declare function responseSuggestionDecision(event: ResponseEvent, prepareBlockReason: () => SuggestionDecision): SuggestionDecision;
 /** Hands one completed or settled response to the controller: skipped without a model, otherwise considered or settled. */
 export declare function routeResponseToSuggestions(controller: Pick<ContextualPromptSuggestionController, "skip" | "consider" | "settle"> | null, event: ResponseEvent, prepareBlockReason: () => SuggestionDecision): void;
-export interface SuggestionPresentationState {
+interface SuggestionPresentationState {
     readonly disposed: boolean;
     readonly view: Pick<OwnedUiSessionViewModel, "sessionId" | "activeModel">;
     readonly sessionGeneration: number;

package/dist/app/session-shell/suggestion-surface.js

@@ -6,7 +6,7 @@ export function suggestionModelKey(view) {
  * Why a completed response cannot seed a suggestion, checked in order; `prepareBlockReason` is asked
  * only when the response itself qualifies.
  */
-export function responseSuggestionDecision(event, prepareBlockReason) {
+function responseSuggestionDecision(event, prepareBlockReason) {
     if (!event.successful)
         return "failed-response";
     if (event.toolContinuation || event.stopReason === "toolUse")

package/dist/app/session-shell/system-clipboard.d.ts

@@ -1,20 +1,8 @@
-import type { PiShellClipboardContent } from "../../integrations/pi/components/shell-shared-facade.js";
-export interface SystemClipboardImageReader {
-    hasImage(): boolean;
-    getImageBinary?(): Promise<readonly number[]>;
-    getImageBase64?(): Promise<string>;
-}
-/** Load the native adapter during shell startup so the first paste is warm. */
-export declare function preloadSystemClipboard(): void;
+import type { OwnedUiShellClipboardContent } from "../../contracts/owned-ui/index.js";
 /**
  * Reads plain text through platform clipboard commands without importing Pi's
  * private clipboard module. Failures are deliberately non-fatal: a denied or
  * unavailable clipboard simply makes the paste action a no-op.
  */
-export declare function readSystemClipboardContent(signal?: AbortSignal, strict?: boolean): Promise<PiShellClipboardContent | null>;
-export declare function readSystemClipboardImage(reader: SystemClipboardImageReader): Promise<{
-    readonly data: string;
-    readonly mimeType: string;
-} | null>;
-export declare function readSystemClipboardText(signal?: AbortSignal, strict?: boolean): Promise<string | null>;
+export declare function readSystemClipboardContent(signal?: AbortSignal, strict?: boolean): Promise<OwnedUiShellClipboardContent | null>;
 export declare function writeSystemClipboardText(text: string): Promise<void>;

package/dist/app/session-shell/system-clipboard.js

@@ -5,11 +5,6 @@ import { assertSourceBytes } from "./image-source.js";
 const MAX_CLIPBOARD_BYTES = 16 * 1024 * 1024;
 let nativeClipboardPromise;
 let pendingClipboardWrite = Promise.resolve();
-/** Load the native adapter during shell startup so the first paste is warm. */
-export function preloadSystemClipboard() {
-    if (process.platform === "win32" || process.platform === "darwin")
-        void nativeClipboard();
-}
 /**
  * Reads plain text through platform clipboard commands without importing Pi's
  * private clipboard module. Failures are deliberately non-fatal: a denied or
@@ -38,7 +33,7 @@ export async function readSystemClipboardContent(signal, strict = false) {
     const text = await readSystemClipboardText(signal, strict);
     return text === null ? null : { kind: "text", text };
 }
-export async function readSystemClipboardImage(reader) {
+async function readSystemClipboardImage(reader) {
     if (!reader.hasImage())
         return null;
     if (reader.getImageBinary !== undefined) {
@@ -74,7 +69,7 @@ export async function readSystemClipboardImage(reader) {
     }
     return null;
 }
-export async function readSystemClipboardText(signal, strict = false) {
+async function readSystemClipboardText(signal, strict = false) {
     // Concurrency: Ctrl+C/Ctrl+X and Ctrl+V can arrive in adjacent input turns. Serialize the
     // read behind our native write so paste never observes the previous value.
     await pendingClipboardWrite;

package/dist/app/session-shell/transcript-document.d.ts

@@ -1,6 +1,7 @@
-import type { OwnedUiSessionViewModel, OwnedUiViewportSettings } from "../../contracts/owned-ui/index.js";
+import type { OwnedUiShellComponents, OwnedUiShellTranscriptComponentPort } from "../../contracts/owned-ui/index.js";
+import type { OwnedUiSessionViewModel } from "../../contracts/owned-ui/index.js";
+import type { ThemeSource } from "../../contracts/presentation/index.js";
 import type { TranscriptPromptAnchor } from "../../ui/components/transcript-viewport.js";
-import type { PiShellTranscriptComponentPort } from "../../integrations/pi/components/shell-shared-facade.js";
 type TranscriptBlock = OwnedUiSessionViewModel["transcript"][number];
 export interface TranscriptDocumentLayout {
     readonly rows: readonly string[];
@@ -13,7 +14,7 @@ export interface TranscriptDocumentLayout {
  */
 export type TranscriptInvalidation = "editor-padding" | "diagnostics" | "workflow-status" | "extension-header" | "viewport-config" | "extension-renderers" | "block-presentation" | "tools-expanded" | "repaint";
 /** What the document reads from the shell around it on every uncached layout. */
-export interface TranscriptDocumentChrome {
+interface TranscriptDocumentChrome {
     diagnostics(): OwnedUiSessionViewModel["diagnostics"];
     /** The extension header's rows when one is set, else the built-in header's rows for this layout. */
     headerRows(width: number): readonly string[];
@@ -22,13 +23,14 @@ export interface TranscriptDocumentChrome {
     /** An extension header may animate, so a document under one is never cached. */
     hasExtensionHeader(): boolean;
     thinkingVisible(): boolean;
-    timeFormat(): OwnedUiViewportSettings["timeFormat"];
 }
-export interface TranscriptDocumentOptions {
+interface TranscriptDocumentOptions {
+    readonly theme: ThemeSource;
+    readonly components: Pick<OwnedUiShellComponents, "info" | "transcript">;
     readonly customViewport: boolean;
     readonly cwd: string;
     /** Creates the component for a newly seen block; its change callback should call `blockChanged`. */
-    mount(block: TranscriptBlock): PiShellTranscriptComponentPort;
+    mount(block: TranscriptBlock): OwnedUiShellTranscriptComponentPort;
     readonly chrome: TranscriptDocumentChrome;
 }
 /**
@@ -41,8 +43,8 @@ export declare class TranscriptDocument {
     /** Block component renders since construction, for rendering evidence. */
     get renderCount(): number;
     get lastId(): string | undefined;
-    component(id: string): PiShellTranscriptComponentPort | undefined;
-    components(): IterableIterator<PiShellTranscriptComponentPort>;
+    component(id: string): OwnedUiShellTranscriptComponentPort | undefined;
+    components(): IterableIterator<OwnedUiShellTranscriptComponentPort>;
     anchorOf(id: string): number | undefined;
     /**
      * Applies one block: its component is created or updated in place and the order grows
@@ -53,7 +55,7 @@ export declare class TranscriptDocument {
     /** Replaces the whole transcript with the view's blocks, keeping anchored workflow output in place. */
     sync(blocks: OwnedUiSessionViewModel["transcript"]): void;
     /** Appends workflow output anchored after the transcript's first `anchor` blocks. */
-    appendAnchored(id: string, component: PiShellTranscriptComponentPort, anchor: number): void;
+    appendAnchored(id: string, component: OwnedUiShellTranscriptComponentPort, anchor: number): void;
     /** Disposes every anchored workflow output and drops it from the order. */
     removeAnchored(): void;
     /** One block's component drew something new: drop its rows and every layout that contains them. */
@@ -74,5 +76,5 @@ export declare function parseReleaseUpdateDiagnostic(message: string): {
     changelogUrl: string | null;
 } | null;
 /** Web URLs use link blue; file targets retain A1's cyan interactive accent. */
-export declare function nativeTranscriptLinkColor(text: string, target: string): string;
+export declare function transcriptLinkColor(theme: ThemeSource): (text: string, target: string) => string;
 export {};

package/dist/app/session-shell/transcript-document.js

@@ -1,10 +1,5 @@
 import { acceptsTranscriptUpdate } from "../../contracts/owned-ui/index.js";
-import { formatSubmittedPromptTime, submittedPromptLayout } from "../../ui/components/submitted-prompt.js";
-import { nativeHyperlinkStyle, overlaySpan } from "../../ui/components/spans.js";
-import { displayWidth } from "../../ui/components/text.js";
-import { createPiShellChangelog, createPiShellCollapsedChangelog, renderPiShellPackageUpdateNotice, renderPiShellReleaseUpdateNotice, } from "../../integrations/pi/components/shell-presenters-info.js";
-import { isPiPromptStyleCompaction, paintPiSubmittedPromptTimestamp, renderPiShellStartupDiagnostic, renderPiShellTranscriptBlock, } from "../../integrations/pi/components/shell-presenters-transcript.js";
-import { piTheme } from "../../integrations/pi/components/upstream/theme/theme.js";
+import { nativeHyperlinkStyle } from "../../ui/components/spans.js";
 const LAYOUT_ONLY = new Set(["editor-padding", "diagnostics", "workflow-status", "extension-header"]);
 const WORKFLOW_STATUS_PREFIX = "workflow-status-";
 /**
@@ -21,8 +16,10 @@ export class TranscriptDocument {
     // Performance: document layouts are shared by wheel, rail, jump, and selection frames.
     #layouts = new Map();
     #renders = 0;
+    #linkColor;
     constructor(options) {
         this.#options = options;
+        this.#linkColor = transcriptLinkColor(options.theme);
     }
     /** Block component renders since construction, for rendering evidence. */
     get renderCount() {
@@ -173,7 +170,7 @@ export class TranscriptDocument {
             // bare A1 presents them in its prompt-adjacent notice dock instead.
             .filter(diagnostic => diagnostic.code === "engine-startup"
             || !customViewport && diagnostic.code === "project-trust")
-            .flatMap(diagnostic => renderPiShellStartupDiagnostic(diagnostic, width));
+            .flatMap(diagnostic => this.#options.components.transcript.renderStartupDiagnostic(diagnostic, width));
         const resourceRows = [...chrome.resourceRows(width)];
         if (resourceRows.at(-1) === "")
             resourceRows.pop();
@@ -193,7 +190,7 @@ export class TranscriptDocument {
             if (!thinkingVisible && block?.kind === "thinking")
                 continue;
             const promptLike = block !== undefined
-                && (block.kind === "user" || customViewport && isPiPromptStyleCompaction(block));
+                && (block.kind === "user" || customViewport && this.#options.components.transcript.isPromptStyleCompaction(block));
             // Invariant: the custom viewport has already removed its rail gutter from this width.
             // Prompt-like and ordinary blocks therefore share one right content edge.
             const blockWidth = width;
@@ -213,13 +210,11 @@ export class TranscriptDocument {
             }
             rows.push(...blockRows);
             if (promptLike && blockRows[0] !== undefined) {
-                const source = pinnedPromptSource(block, blockRows[0], blockWidth, chrome.timeFormat());
                 promptAnchors.push({
                     id: block.id,
                     firstRow,
                     lastRow: Math.max(firstRow, rows.length - 1),
-                    sourceRow: source.row,
-                    copySuffixWidth: source.copySuffixWidth,
+                    sourceRow: blockRows[0],
                     prominentSourceRow: blockRows[0],
                 });
             }
@@ -244,11 +239,11 @@ export class TranscriptDocument {
             .filter(diagnostic => !customViewport && diagnostic.code === "release-update")
             .flatMap(diagnostic => {
             const release = parseReleaseUpdateDiagnostic(diagnostic.message);
-            return release === null ? [] : renderPiShellReleaseUpdateNotice(release, width);
+            return release === null ? [] : this.#options.components.info.releaseUpdateNotice(release, width);
         }));
         rows.push(...diagnostics
             .filter(diagnostic => diagnostic.code === "package-updates")
-            .flatMap(diagnostic => renderPiShellPackageUpdateNotice(diagnostic.message.split("\n").filter(line => line.startsWith("- ")).map(line => line.slice(2)), width)));
+            .flatMap(diagnostic => this.#options.components.info.packageUpdateNotice(diagnostic.message.split("\n").filter(line => line.startsWith("- ")).map(line => line.slice(2)), width)));
         rows.push(...diagnostics
             .filter(diagnostic => diagnostic.code === "changelog-collapsed" || diagnostic.code === "changelog-expanded")
             // Rationale: bare A1 translates either startup diagnostic into transient dock chrome;
@@ -256,8 +251,8 @@ export class TranscriptDocument {
             .flatMap(diagnostic => customViewport
             ? []
             : diagnostic.code === "changelog-collapsed"
-                ? createPiShellCollapsedChangelog().render(width)
-                : createPiShellChangelog(diagnostic.message).render(width)));
+                ? this.#options.components.info.collapsedChangelog().render(width)
+                : this.#options.components.info.changelog(diagnostic.message).render(width)));
         rows.push(...diagnostics
             .filter(diagnostic => diagnostic.code !== "engine-startup" && diagnostic.code !== "project-trust"
             && diagnostic.code !== "release-update" && diagnostic.code !== "release-update-installed"
@@ -265,7 +260,7 @@ export class TranscriptDocument {
             && diagnostic.code !== "package-updates" && diagnostic.code !== "changelog-collapsed"
             && diagnostic.code !== "changelog-expanded")
             .slice(-3)
-            .flatMap(diagnostic => renderPiShellTranscriptBlock({
+            .flatMap(diagnostic => this.#options.components.transcript.renderBlock({
             id: `diagnostic-${diagnostic.sequence}`,
             kind: diagnostic.severity === "error" ? "error" : "system",
             status: "finalized",
@@ -284,7 +279,7 @@ export class TranscriptDocument {
             const block = this.#blocks.get(id);
             if (block === undefined || (!thinkingVisible && block.kind === "thinking"))
                 continue;
-            if (rows.length > 0 && (block.kind === "user" || this.#options.customViewport && isPiPromptStyleCompaction(block)))
+            if (rows.length > 0 && (block.kind === "user" || this.#options.customViewport && this.#options.components.transcript.isPromptStyleCompaction(block)))
                 rows.push("");
             rows.push(...this.#blockRows(id, block, width).map(sanitizeExitTranscriptRow));
         }
@@ -302,7 +297,7 @@ export class TranscriptDocument {
             const rows = component.render(width);
             if (!this.#options.customViewport || block?.kind === "user")
                 return rows;
-            return rows.map(row => nativeHyperlinkStyle(row, nativeTranscriptLinkColor));
+            return rows.map(row => nativeHyperlinkStyle(row, this.#linkColor));
         };
         if (block === undefined || block.status !== "finalized")
             return render();
@@ -340,27 +335,6 @@ function sanitizeExitTranscriptRow(row) {
     return row.replace(KITTY_IMAGE_CONTROL, "").replace(ITERM_IMAGE_CONTROL, "");
 }
 /** Web URLs use link blue; file targets retain A1's cyan interactive accent. */
-export function nativeTranscriptLinkColor(text, target) {
-    return piTheme().fg(/^file:/iu.test(target) ? "accent" : "mdLink", text);
-}
-/** Preserve the stable metadata-grey foreground for every pinned timestamp state. */
-function pinnedPromptSource(block, sourceRow, width, timeFormat) {
-    const unchanged = { row: sourceRow, copySuffixWidth: 0 };
-    if (typeof block.payload !== "object" || block.payload === null)
-        return unchanged;
-    const value = block.payload.timestamp;
-    if (typeof value !== "number" || !Number.isFinite(value))
-        return unchanged;
-    const format = timeFormat ?? "8:00 PM";
-    const timestamp = formatSubmittedPromptTime(value, format);
-    if (timestamp === null || submittedPromptLayout(width, value, format).timestamp === null)
-        return unchanged;
-    const rowWidth = displayWidth(sourceRow);
-    const timestampWidth = displayWidth(timestamp);
-    if (rowWidth < timestampWidth)
-        return unchanged;
-    return {
-        row: overlaySpan(sourceRow, rowWidth - timestampWidth, rowWidth, paintPiSubmittedPromptTimestamp(timestamp)),
-        copySuffixWidth: timestampWidth,
-    };
+export function transcriptLinkColor(theme) {
+    return (text, target) => theme.current().fg(/^file:/iu.test(target) ? "accent" : "mdLink", text);
 }

package/dist/app/session-shell/viewport-layout.d.ts

@@ -1,5 +1,5 @@
+import type { OwnedUiShellComponentPort } from "../../contracts/owned-ui/index.js";
 import type { TranscriptPromptAnchor, TranscriptViewportFrameInput } from "../../ui/components/transcript-viewport.js";
-import type { PiShellComponentPort } from "../../integrations/pi/components/shell-shared-facade.js";
 import type { ShellLayout, ShellLayoutPorts } from "./shell-layout.js";
 interface VisibleViewportSnapshot {
     readonly width: number;
@@ -8,7 +8,7 @@ interface VisibleViewportSnapshot {
     readonly transientSignature: string;
     readonly promptAnchors: readonly TranscriptPromptAnchor[];
     readonly dockLength: number;
-    readonly inputSurface: PiShellComponentPort;
+    readonly inputSurface: OwnedUiShellComponentPort;
     readonly viewportRevision: number;
     readonly selectionRevision: number;
     readonly pointerPosition: TranscriptViewportFrameInput["pointerPosition"];

package/dist/app/session-shell/workflow-output.d.ts

@@ -1,15 +1,16 @@
+import type { OwnedUiShellComponents, OwnedUiShellHotkeysPresentation } from "../../contracts/owned-ui/index.js";
 import type { ImageAttachmentError, OwnedUiWorkflowMessage, OwnedUiWorkflowResult } from "../../contracts/owned-ui/index.js";
-import { type PiShellHotkeysPresentation } from "../../integrations/pi/components/shell-presenters-info.js";
 import type { DockChrome } from "./dock-chrome.js";
 import type { TranscriptDocument } from "./transcript-document.js";
-export interface WorkflowOutputPorts {
+interface WorkflowOutputPorts {
     readonly customViewport: boolean;
+    readonly components: Pick<OwnedUiShellComponents, "info" | "text">;
     readonly document: Pick<TranscriptDocument, "lastId" | "anchorOf" | "invalidate" | "appendAnchored" | "removeAnchored">;
     readonly dock: Pick<DockChrome, "setNotice" | "dismissNotice">;
     /** How many semantic transcript blocks precede new output; workflow output anchors after them. */
     transcriptLength(): number;
     outputPad(): 0 | 1;
-    hotkeysPresentation(): PiShellHotkeysPresentation;
+    hotkeysPresentation(): OwnedUiShellHotkeysPresentation;
     readonly componentRuntime: {
         getColumns(): number;
         getRows(): number;
@@ -31,3 +32,4 @@ export declare class WorkflowOutput {
     /** Drops every anchored output and the status-replacement chain. */
     reset(): void;
 }
+export {};