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

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

@@ -3,15 +3,17 @@
  * packages/coding-agent/src/modes/interactive/components/thinking-selector.ts.
  * Modifications: Preserve the searchable thinking-level selector, current/default semantics,
  * selection, save, cancellation, and focus while accepting the active bare-A1 cycle-key label from the
- * shell, styling the title with the established bold semantic accent treatment, placing its muted hint
- * directly below it, deduplicating levels, and rendering aligned muted descriptions after adjacent
- * active and bracketed default markers. All list and border colors use the owned theme and its
- * explicit color mode, and the footer uses the shared bare-A1 modal shortcut row. The comparison
- * profile retains the public pinned component.
+ * shell, styling the title with the established bold semantic accent treatment, placing it directly
+ * below the top rule through the shared compact padded modal frame and its muted hint directly below
+ * it, deduplicating levels, and rendering aligned muted descriptions after adjacent active and
+ * bracketed default markers. All list and border colors use the owned theme and its explicit color
+ * mode, and the footer uses the shared bare-A1 modal shortcut row. The comparison profile retains the
+ * public pinned component.
  * Deviations: owned-modal-shortcut-hints, owned-level-cycle-shortcut, owned-thinking-selector-heading.
  */
 import { Container, fuzzyFilter, getKeybindings, Input, SelectList, Spacer, Text, } from "@earendil-works/pi-tui";
 import { DynamicBorder } from "../../../startup-public.js";
+import { addPiModalHeader, adoptPiModalFrame } from "../../modal-frame.js";
 import { piTheme, renderPiModalShortcutHints } from "../../theme.js";
 const THINKING_SELECT_LIST_LAYOUT = {
     minPrimaryColumnWidth: 12,
@@ -30,7 +32,7 @@ const LEVEL_DESCRIPTIONS = {
 export class OwnedThinkingSelectorComponent extends Container {
     searchInput;
     selectList;
-    selectListChildIndex;
+    selectListContainer;
     allItems;
     onSelect;
     onCancel;
@@ -57,9 +59,7 @@ export class OwnedThinkingSelectorComponent extends Container {
             label: level,
             description: LEVEL_DESCRIPTIONS[level],
         }));
-        this.addChild(new DynamicBorder((text) => piTheme().fg("border", text)));
-        this.addChild(new Spacer(1));
-        this.addChild(new Text(piTheme().fg("accent", piTheme().bold("Thinking Level")), 0, 0));
+        const header = addPiModalHeader(this, new DynamicBorder((text) => piTheme().fg("border", text)), new Text(piTheme().fg("accent", piTheme().bold("Thinking Level")), 0, 0));
         this.addChild(new Text(piTheme().fg("muted", `${cycleKeyDisplay} cycles thinking levels in-session`), 0, 0));
         this.addChild(new Spacer(1));
         this.searchInput = new Input();
@@ -67,8 +67,9 @@ export class OwnedThinkingSelectorComponent extends Container {
         this.addChild(this.searchInput);
         this.addChild(new Spacer(1));
         this.selectList = this.buildSelectList(this.allItems, currentLevel);
-        this.selectListChildIndex = this.children.length;
-        this.addChild(this.selectList);
+        this.selectListContainer = new Container();
+        this.selectListContainer.addChild(this.selectList);
+        this.addChild(this.selectListContainer);
         this.addChild(new Spacer(1));
         this.addChild(new Text(renderPiModalShortcutHints([
             { key: this.keyDisplayText("tui.select.confirm"), action: "to select" },
@@ -76,6 +77,7 @@ export class OwnedThinkingSelectorComponent extends Container {
             { key: this.keyDisplayText("tui.select.cancel"), action: "to cancel" },
         ]), 0, 0));
         this.addChild(new DynamicBorder((text) => piTheme().fg("border", text)));
+        adoptPiModalFrame(this, { topIndex: 0, bottomIndex: this.children.length - 1, header });
     }
     keyDisplayText(keybinding) {
         return getKeybindings().getKeys(keybinding)
@@ -122,7 +124,8 @@ export class OwnedThinkingSelectorComponent extends Container {
             : this.allItems;
         const selectedValue = this.selectList.getSelectedItem()?.value;
         const newList = this.buildSelectList(filtered, selectedValue);
-        this.children[this.selectListChildIndex] = newList;
+        this.selectListContainer.clear();
+        this.selectListContainer.addChild(newList);
         this.selectList = newList;
     }
     handleInput(keyData) {

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

@@ -4,7 +4,7 @@
  * Modifications: Source-synchronized tree selector port: preserve filtering, folding, labels, copying,
  * tree navigation, key hints, focus, and viewport behavior while remapping public types/components
  * plus owned keybindings/theme helpers required to avoid the pinned package nested pi-tui singleton;
- * bare A1 uses the shared semantic modal shortcut row.
+ * bare A1 uses the shared semantic modal shortcut row and compact padded modal frame.
  * Deviations: owned-modal-shortcut-hints.
  */
 import { type Component, Container, type Focusable } from "@earendil-works/pi-tui";

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

@@ -4,12 +4,13 @@
  * Modifications: Source-synchronized tree selector port: preserve filtering, folding, labels, copying,
  * tree navigation, key hints, focus, and viewport behavior while remapping public types/components
  * plus owned keybindings/theme helpers required to avoid the pinned package nested pi-tui singleton;
- * bare A1 uses the shared semantic modal shortcut row.
+ * bare A1 uses the shared semantic modal shortcut row and compact padded modal frame.
  * Deviations: owned-modal-shortcut-hints.
  */
 import { Container, Input, Spacer, sliceByColumn, Text, truncateToWidth, visibleWidth, wrapTextWithAnsi, } from "@earendil-works/pi-tui";
 import { DynamicBorder } from "../../../startup-public.js";
 import { KeybindingsManager } from "../adjacent/core/keybindings.js";
+import { addPiModalHeader, adoptPiModalFrame } from "../../modal-frame.js";
 import { piTheme, renderPiModalShortcutHints } from "../../theme.js";
 const theme = new Proxy({}, {
     get(_target, property) {
@@ -1080,8 +1081,8 @@ class TreeHelp {
             return renderPiModalShortcutHints([key ? { key, action: label, ...(labelFirst === undefined ? {} : { actionFirst: labelFirst }) } : { action: label }]);
         });
         const availableWidth = Math.max(1, width);
-        // Match the title's Text padding plus its two-cell authored inset.
-        const indent = "   ";
+        // The frame supplies the shared outer cell; help content needs no duplicate chrome inset.
+        const indent = "";
         const separator = "  ";
         const lines = [];
         let currentLine = "";
@@ -1239,16 +1240,22 @@ export class TreeSelectorComponent extends Container {
         this.treeContainer.addChild(this.treeList);
         this.labelInputContainer = new Container();
         this.addChild(new Spacer(1));
-        this.addChild(new DynamicBorder());
-        this.addChild(new Text(theme.bold("  Session Tree"), 1, 0));
+        const header = addPiModalHeader(this, new DynamicBorder(), new Text(theme.bold("Session Tree"), 0, 0));
         this.addChild(new TreeHelp());
         this.addChild(new SearchLine(this.treeList));
-        this.addChild(new DynamicBorder());
+        const separator = new DynamicBorder();
+        this.addChild(separator);
         this.addChild(new Spacer(1));
         this.addChild(this.treeContainer);
         this.addChild(this.labelInputContainer);
         this.addChild(new Spacer(1));
         this.addChild(new DynamicBorder());
+        adoptPiModalFrame(this, {
+            topIndex: 1,
+            bottomIndex: this.children.length - 1,
+            header,
+            fullWidthContent: [separator],
+        });
         if (tree.length === 0) {
             setTimeout(() => onCancel(), 100);
         }

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

@@ -3,11 +3,12 @@
  * 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, and the shared bare-A1 modal
- * shortcut row.
+ * shortcut row and compact padded modal frame.
  * Deviations: owned-modal-shortcut-hints.
  */
 import { DynamicBorder } from "../../../startup-public.js";
 import { Container, getKeybindings, Spacer, Text } from "@earendil-works/pi-tui";
+import { addPiModalHeader, adoptPiModalFrame } from "../../modal-frame.js";
 import { piTheme, renderPiModalShortcutHints } from "../../theme.js";
 function formatDecision(trustPath, decision) {
     if (decision === null)
@@ -29,13 +30,11 @@ export class TrustSelectorComponent extends Container {
             && options.savedDecision?.decision === option.trusted
             && options.savedDecision.path === option.savedPath;
         this.selectedIndex = Math.max(0, this.trustOptions.findIndex(isSaved));
-        this.addChild(new DynamicBorder());
-        this.addChild(new Spacer(1));
-        this.addChild(new Text(piTheme().fg("accent", piTheme().bold("Project trust")), 1, 0));
-        this.addChild(new Text(piTheme().fg("muted", options.cwd), 1, 0));
+        const header = addPiModalHeader(this, new DynamicBorder(), new Text(piTheme().fg("accent", piTheme().bold("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: ${formatDecision(this.trustOptions[0]?.savedPath, options.savedDecision)}`), 1, 0));
-        this.addChild(new Text(piTheme().fg("muted", `Current session: ${options.projectTrusted ? "trusted" : "untrusted"}`), 1, 0));
+        this.addChild(new Text(piTheme().fg("muted", `Saved decision: ${formatDecision(this.trustOptions[0]?.savedPath, options.savedDecision)}`), 0, 0));
+        this.addChild(new Text(piTheme().fg("muted", `Current session: ${options.projectTrusted ? "trusted" : "untrusted"}`), 0, 0));
         this.addChild(new Spacer(1));
         this.listContainer = new Container();
         this.addChild(this.listContainer);
@@ -45,9 +44,10 @@ export class TrustSelectorComponent extends Container {
             { key: "↑↓", action: "navigate" },
             { key: keybindings.getKeys("tui.select.confirm").join("/"), action: "save" },
             { key: keybindings.getKeys("tui.select.cancel").join("/"), action: "cancel" },
-        ]), 1, 0));
+        ]), 0, 0));
         this.addChild(new Spacer(1));
         this.addChild(new DynamicBorder());
+        adoptPiModalFrame(this, { topIndex: 0, bottomIndex: this.children.length - 1, header });
         this.updateList(options.savedDecision);
         this.handleInput = data => {
             const kb = getKeybindings();
@@ -81,7 +81,7 @@ export class TrustSelectorComponent extends Container {
             const prefix = selected ? piTheme().fg("accent", "→ ") : "  ";
             const label = selected ? piTheme().fg("accent", option.label) : piTheme().fg("text", option.label);
             const currentMarker = current ? piTheme().fg("accent", "✓ ") : "  ";
-            this.listContainer.addChild(new Text(`${prefix}${currentMarker}${label}`, 1, 0));
+            this.listContainer.addChild(new Text(`${prefix}${currentMarker}${label}`, 0, 0));
         }
     }
 }

package/dist/integrations/pi/engine/compaction-progress.d.ts

@@ -18,11 +18,7 @@ export interface CompactionProgressObserver {
     dispose(): void;
 }
 /**
- * Observes the summarization stream of a compaction through the session agent's public stream
- * function and reports an estimated integer percent. Pi never iterates that stream itself (it
- * reads only its final result), so the observer iterates it in the background between
- * `begin()` and `end()` and returns the same stream object to Pi. Outside that window the
- * wrapper is a pass-through. Returns null when the agent exposes no callable stream function,
- * in which case compaction proceeds without progress.
+ * Observes summary-stream progress without changing the stream returned to Pi. Returns null
+ * when the session exposes no callable public stream function.
  */
 export declare function observeCompactionProgress(session: CompactionProgressSession, onProgress: (percent: number) => void): CompactionProgressObserver | null;

package/dist/integrations/pi/engine/compaction-progress.js

@@ -1,14 +1,11 @@
 /** Expected summary size for a first compaction, when no previous summary on the branch can serve as the estimate. */
 export const DEFAULT_EXPECTED_COMPACTION_SUMMARY_CHARS = 4000;
-/** The percent shown while a compaction is still running never reaches this value. */
-const MAX_RUNNING_PERCENT = 99;
+/** Character-based estimates stay below terminal stream completion. */
+const MAX_STREAMING_PERCENT = 99;
+const COMPLETE_PERCENT = 100;
 /**
- * Observes the summarization stream of a compaction through the session agent's public stream
- * function and reports an estimated integer percent. Pi never iterates that stream itself (it
- * reads only its final result), so the observer iterates it in the background between
- * `begin()` and `end()` and returns the same stream object to Pi. Outside that window the
- * wrapper is a pass-through. Returns null when the agent exposes no callable stream function,
- * in which case compaction proceeds without progress.
+ * Observes summary-stream progress without changing the stream returned to Pi. Returns null
+ * when the session exposes no callable public stream function.
  */
 export function observeCompactionProgress(session, onProgress) {
     const agent = session.agent;
@@ -21,8 +18,7 @@ export function observeCompactionProgress(session, onProgress) {
     let streamed = 0;
     let expected = DEFAULT_EXPECTED_COMPACTION_SUMMARY_CHARS;
     let reported = null;
-    const report = () => {
-        const percent = Math.min(MAX_RUNNING_PERCENT, Math.floor((100 * streamed) / expected));
+    const report = (percent = Math.min(MAX_STREAMING_PERCENT, Math.floor((100 * streamed) / expected))) => {
         if (percent === reported)
             return;
         reported = percent;
@@ -45,6 +41,10 @@ export function observeCompactionProgress(session, onProgress) {
                         report();
                     }
                 }
+                // Invariant: normal exhaustion is the only observed completion boundary. The real
+                // compaction_end event owns work-state exit; errors and stale generations never claim 100%.
+                if (observed === generation && active && !disposed)
+                    report(COMPLETE_PERCENT);
             }
             catch {
                 return;

package/dist/integrations/pi/engine/settings-bridge.js

@@ -35,7 +35,7 @@ export const PI_SETTING_EFFECTS = Object.freeze({
     tuiMode: hiddenEffect("next-session", "shell", "pinned regular/fullscreen selector and terminal lifecycle", "pi-terminal-operation-parity"),
     fullscreenExitOutput: hiddenEffect("current-exit", "shutdown", "pinned styled transcript and compact dim resume hint", "pinned-fullscreen-exit-parity"),
     fullscreenScrollbar: hiddenEffect("live", "shell", "pinned fullscreen scrollbar reservation", "pi-terminal-operation-parity"),
-    fullscreenCopyOnSelect: hiddenEffect("live", "shell", "pinned fullscreen copy-on-select toggle", "pi-terminal-operation-parity"),
+    fullscreenCopyOnSelect: effect("live", "shell", "terminal-status", "pinned fullscreen copy-on-select toggle and copy acknowledgement", "pi-terminal-operation-parity"),
     warnings: effect("live", "agent", "transcript-notice", "pinned warning rows by warning part", "pinned-transcript-lifecycle-parity"),
 });
 function effect(application, owner, visualClass, pinnedSurface, evidence) {

package/dist/integrations/pi/engine/settings-port.js

@@ -219,7 +219,7 @@ export class PiEngineSettings {
             tuiMode: setting(settings?.getTuiMode, "regular"),
             fullscreenExitOutput: setting(settings?.getFullscreenExitOutput, "transcript"),
             fullscreenScrollbar: setting(settings?.getFullscreenScrollbar, "auto"),
-            fullscreenCopyOnSelect: setting(settings?.getFullscreenCopyOnSelect, false),
+            fullscreenCopyOnSelect: setting(settings?.getFullscreenCopyOnSelect, true),
             warnings: setting(settings?.getWarnings, { anthropicExtraUsage: true }),
         };
     }

package/dist/integrations/pi/tui-runtime/adapter.js

@@ -1,5 +1,5 @@
 import { HStack, ProcessTerminal, ScrollView, TuiAltScreen, TuiMainScreen, VStack, visibleWidth, } from "@earendil-works/pi-tui";
-import { MouseReportInput } from "./mouse-report-input.js";
+import { MouseReportInput, stripSgrMouseReports } from "./mouse-report-input.js";
 import { GeometryObservedAltScreen, OverlayGeometryTracker } from "./overlay-geometry.js";
 import { boundedCleanup, EMERGENCY_TERMINAL_RESET } from "../../../foundation/terminal-cleanup/terminal-reset.js";
 import { InputPresentationCoordinator, } from "./input-presentation-coordinator.js";
@@ -108,6 +108,7 @@ export class PiTuiRuntimeAdapter {
     #overlayInputCoordination = new Map();
     #inputListeners = new Map();
     #preInputListeners = new Set();
+    #consumeUnhandledMouse;
     #inputCoordinator;
     #inputDiagnostics;
     #diagnosticNow;
@@ -121,6 +122,7 @@ export class PiTuiRuntimeAdapter {
         this.#root = options.root;
         this.#overlayGeometry = options.onOverlayGeometry === undefined ? undefined : new OverlayGeometryTracker(options.onOverlayGeometry);
         this.#terminal = options.terminal ?? new ProcessTerminal();
+        this.#consumeUnhandledMouse = options.consumeUnhandledMouse ?? false;
         this.#inputDiagnostics = options.inputDiagnostics;
         this.#diagnosticNow = options.inputDiagnostics?.now ?? (() => performance.now());
         // Invariant: the pinned renderer's frames pass through this gate, while writeControl and
@@ -489,7 +491,9 @@ export class PiTuiRuntimeAdapter {
             else if (result?.consume === true)
                 current = "";
         }
-        return current;
+        // Invariant: bare A1 owns every fullscreen pointer path. Listeners keep first
+        // refusal, then this boundary prevents Pi's reverse-video fallback selection.
+        return this.#consumeUnhandledMouse ? stripSgrMouseReports(current) : current;
     }
     #focusedOverlayInputCoordination() {
         for (const [bridge, coordination] of this.#overlayInputCoordination) {

package/dist/integrations/pi/tui-runtime/contracts.d.ts

@@ -143,6 +143,8 @@ export interface PiTuiRuntimeAdapterOptions {
     };
     readonly hardwareCursor?: boolean;
     readonly mouse?: boolean;
+    /** Consume residual SGR mouse reports after every pre-input listener has run. */
+    readonly consumeUnhandledMouse?: boolean;
     readonly wheelScrollLines?: number;
     readonly openUrl?: (url: string) => void;
     readonly onRightClickPaste?: () => void;

package/dist/integrations/pi/tui-runtime/mouse-report-input.d.ts

@@ -1,3 +1,9 @@
+/**
+ * Removes complete SGR mouse reports outside bracketed paste while preserving
+ * every adjacent byte in order. Incomplete reports remain available to the
+ * caller's framing boundary rather than being guessed at here.
+ */
+export declare function stripSgrMouseReports(data: string): string;
 /**
  * Keeps mouse reports and adjacent keyboard input in physical delivery order.
  * ProcessTerminal already frames escape/paste sequences; this also handles hosts

package/dist/integrations/pi/tui-runtime/mouse-report-input.js

@@ -1,3 +1,37 @@
+const BRACKETED_PASTE_START = "\u001b[200~";
+const BRACKETED_PASTE_END = "\u001b[201~";
+const SGR_MOUSE_REPORT_PATTERN = /\u001b\[<\d+;\d+;\d+[Mm]/g;
+/**
+ * Removes complete SGR mouse reports outside bracketed paste while preserving
+ * every adjacent byte in order. Incomplete reports remain available to the
+ * caller's framing boundary rather than being guessed at here.
+ */
+export function stripSgrMouseReports(data) {
+    if (!data.includes("\u001b[<"))
+        return data;
+    let output = "";
+    let from = 0;
+    while (from < data.length) {
+        const pasteStart = data.indexOf(BRACKETED_PASTE_START, from);
+        SGR_MOUSE_REPORT_PATTERN.lastIndex = from;
+        const report = SGR_MOUSE_REPORT_PATTERN.exec(data);
+        if (pasteStart >= 0 && (report === null || pasteStart < report.index)) {
+            output += data.slice(from, pasteStart);
+            const pasteEnd = data.indexOf(BRACKETED_PASTE_END, pasteStart + BRACKETED_PASTE_START.length);
+            if (pasteEnd < 0)
+                return output + data.slice(pasteStart);
+            const afterPaste = pasteEnd + BRACKETED_PASTE_END.length;
+            output += data.slice(pasteStart, afterPaste);
+            from = afterPaste;
+            continue;
+        }
+        if (report === null)
+            return output + data.slice(from);
+        output += data.slice(from, report.index);
+        from = report.index + report[0].length;
+    }
+    return output;
+}
 /**
  * Keeps mouse reports and adjacent keyboard input in physical delivery order.
  * ProcessTerminal already frames escape/paste sequences; this also handles hosts

package/dist/native/darwin-arm64/manifest.json

@@ -5,7 +5,7 @@
   "platform": "darwin",
   "architecture": "arm64",
   "capability": "supported",
-  "builtAt": "2026-09-23T23:03:13.628Z",
+  "builtAt": "2026-09-24T07:17:37.739Z",
   "artifact": {
     "filename": "process-guardian",
     "sha256": "9db1726bbe3fc2e8292f2ead1e7e9d0fd4d7d0dc9217b372582bf354b0f565dc",

package/dist/native/linux-x64/manifest.json

@@ -5,7 +5,7 @@
   "platform": "linux",
   "architecture": "x64",
   "capability": "supported",
-  "builtAt": "2026-09-23T23:03:11.352Z",
+  "builtAt": "2026-09-24T07:17:22.316Z",
   "artifact": {
     "filename": "process-guardian",
     "sha256": "d8cda6b0c7cb36c0cc41e90802aceebf6c02eaebbc08a83d7d963d2e918dbd7a",

package/dist/native/win32-x64/manifest.json

@@ -5,10 +5,10 @@
   "platform": "win32",
   "architecture": "x64",
   "capability": "supported",
-  "builtAt": "2026-09-23T23:03:54.826Z",
+  "builtAt": "2026-09-24T07:18:02.282Z",
   "artifact": {
     "filename": "process-guardian.exe",
-    "sha256": "6c21b828ef2eb284a783609ad28dee4744f81cf0d53a4de1e38bddba4da08079",
+    "sha256": "c7d92e5f9cec0d36ec4482b25e518464acb4e1bbc5bdd6701f1e04ada7775950",
     "size": 178176
   },
   "provenance": {

package/dist/ui/components/dialog-panel.js

@@ -13,6 +13,10 @@ export function dialogValueColumn(rows) {
 export function renderDialogPanel(state, width, theme) {
     const labelColumn = Math.min(LABEL_COLUMN_CAP, Math.max(0, ...state.rows.map(row => displayWidth(row.label))));
     const rule = theme.fg("border", "─".repeat(Math.max(0, width)));
+    const contentPadding = Math.min(1, Math.max(0, width));
+    const contentWidth = Math.max(0, width - contentPadding);
+    const inset = " ".repeat(contentPadding);
+    const contentRow = (painted, raw) => `${inset}${pad(truncateToWidth(painted, contentWidth), contentWidth, raw)}`;
     const rows = state.rows.map((row, index) => {
         const selected = index === state.index;
         const padded = `${row.label}${" ".repeat(Math.max(0, labelColumn - displayWidth(row.label)))}`;
@@ -23,20 +27,20 @@ export function renderDialogPanel(state, width, theme) {
         const painted = selected
             ? `${theme.fg("accent", cursor)}${theme.fg("accent", padded)}  ${theme.fg("accent", row.value)}`
             : `${cursor}${padded}  ${theme.fg("muted", row.value)}`;
-        return pad(truncateToWidth(painted, width), width, raw);
+        return contentRow(painted, raw);
     });
     const description = state.rows[state.index]?.description ?? "";
     const hint = typeof state.hint === "string"
-        ? theme.fg("dim", ` ${state.hint}`)
-        : renderShortcutHints(state.hint, theme, 1);
-    const plainHint = typeof state.hint === "string" ? ` ${state.hint}` : shortcutHintsText(state.hint, 1);
+        ? theme.fg("dim", state.hint)
+        : renderShortcutHints(state.hint, theme, 0);
+    const plainHint = typeof state.hint === "string" ? state.hint : shortcutHintsText(state.hint, 0);
     return [
         rule,
         ...rows,
         "",
-        pad(truncateToWidth(theme.fg("dim", `  ${description}`), width), width, `  ${description}`),
+        contentRow(theme.fg("dim", `  ${description}`), `  ${description}`),
         "",
-        pad(truncateToWidth(hint, width), width, plainHint),
+        contentRow(hint, plainHint),
         rule,
     ];
 }

package/dist/ui/components/mouse.d.ts

@@ -4,8 +4,8 @@ import type { PaneMouseEvent } from "./pane.js";
  * terminal to send reports; nothing else in A1 turns this on, and the sequences
  * are paired so the terminal is always left as it was found.
  */
-export declare const MOUSE_TRACKING_ON = "\u001B[?1006h\u001B[?1000h\u001B[?1003h";
-export declare const MOUSE_TRACKING_OFF = "\u001B[?1003l\u001B[?1000l\u001B[?1006l";
+export declare const MOUSE_TRACKING_ON = "\u001B[?1006h\u001B[?1000h\u001B[?1003h\u001B[?1004h";
+export declare const MOUSE_TRACKING_OFF = "\u001B[?1004l\u001B[?1003l\u001B[?1000l\u001B[?1006l";
 export interface ParsedMouseInput {
     readonly events: readonly PaneMouseEvent[];
     /** Input with every mouse report removed, for ordinary key handling. */

package/dist/ui/components/mouse.js

@@ -3,8 +3,8 @@
  * terminal to send reports; nothing else in A1 turns this on, and the sequences
  * are paired so the terminal is always left as it was found.
  */
-export const MOUSE_TRACKING_ON = "\u001b[?1006h\u001b[?1000h\u001b[?1003h";
-export const MOUSE_TRACKING_OFF = "\u001b[?1003l\u001b[?1000l\u001b[?1006l";
+export const MOUSE_TRACKING_ON = "\u001b[?1006h\u001b[?1000h\u001b[?1003h\u001b[?1004h";
+export const MOUSE_TRACKING_OFF = "\u001b[?1004l\u001b[?1003l\u001b[?1000l\u001b[?1006l";
 const SGR_PATTERN = /\u001b\[<(\d+);(\d+);(\d+)([Mm])/g;
 /** Extracts SGR mouse reports, leaving any keyboard input untouched. */
 export function parseMouseInput(data) {

package/dist/ui/components/transcript-viewport.js

@@ -4,6 +4,9 @@ import { backgroundSgrSpan, overlaySpan } from "./spans.js";
 import { faint, truncateToWidth, displayWidth, stripAnsi } from "./text.js";
 import { extendTextSelection, orderedTextSelection, pressTextSelection, releaseTextSelection, textSelectionLineExtendColumn, textSelectionPointAt, textSelectionText, usefulTextLineContent, } from "./text-selection.js";
 const CONTROL_STYLE_RESET = "\u001b]8;;\u001b\\\u001b[0m";
+// Invariant: the scrollbar gutter is presentation chrome: no source link, emphasis,
+// selection, or background may cross from the content cell beside it.
+const GUTTER_STYLE_RESET = CONTROL_STYLE_RESET;
 const IDENTITY_ROW = (row) => row;
 const DEFAULT_CONFIG = {
     scrollbarAppearance: "auto",
@@ -81,13 +84,16 @@ export class TranscriptViewport {
     get hasSelection() { return orderedTextSelection(this.#selection) !== undefined; }
     pressSelection(column, frameRow, now = Date.now()) {
         const frameHeight = this.#frame?.rows.length ?? 0;
-        if (frameRow < 1 || frameRow > frameHeight || column < 1 || column > this.#selectionWidth)
+        const selectionWidth = frameRow <= (this.#frame?.hits.viewportHeight ?? 0)
+            ? this.#contentWidth
+            : this.#selectionWidth;
+        if (frameRow < 1 || frameRow > frameHeight || column < 1 || column > selectionWidth)
             return false;
         const line = frameRow - 1;
         const pressed = pressTextSelection({
             line,
             column,
-            contentWidth: this.#selectionWidth,
+            contentWidth: selectionWidth,
             lineText: this.#selectionRows[line] ?? "",
             lineContent: usefulTextLineContent(this.#selectionRows[line] ?? ""),
             ...(this.#selectionClick === undefined ? {} : { previousClick: this.#selectionClick }),
@@ -113,9 +119,12 @@ export class TranscriptViewport {
         else if (autoScroll && frameRow <= 1 && this.#scrollTop > 0)
             this.scrollBy(-1, now);
         const line = clamp(frameRow - 1, 0, this.#selectionRows.length - 1);
+        const selectionWidth = line < (this.#frame?.hits.viewportHeight ?? 0)
+            ? this.#contentWidth
+            : this.#selectionWidth;
         const targetColumn = selection.fullRow
-            ? textSelectionLineExtendColumn(selection, line, this.#selectionWidth)
-            : clamp(column, 1, this.#selectionWidth);
+            ? textSelectionLineExtendColumn(selection, line, selectionWidth)
+            : clamp(column, 1, selectionWidth);
         const point = selection.fullRow
             ? { line, column: targetColumn }
             : textSelectionPointAt(line, targetColumn, this.#selectionRows[line] ?? "");
@@ -311,8 +320,8 @@ export class TranscriptViewport {
         this.#selectableDocumentRowCount = clamp(input.selectableDocumentRowCount ?? input.documentRows.length, 0, input.documentRows.length);
         this.#promptAnchors = input.promptAnchors;
         this.#contentWidth = contentWidth;
-        // Invariant: controls reserve the rail column, but source text beneath it
-        // remains reachable by a drag already owned by transcript selection.
+        // Invariant: dock rows remain selectable at full width; scrollable source rows
+        // use contentWidth and leave the gutter outside semantic selection.
         this.#selectionWidth = width;
         const paintDocumentRow = input.paintDocumentRow ?? IDENTITY_ROW;
         const cacheLimit = Math.max(32, viewportHeight * 6);
@@ -348,8 +357,12 @@ export class TranscriptViewport {
             visible[0] = quiet && !this.#stickyHovered ? theme.quietSticky(sticky) : sticky;
             visibleSource[0] = sourceRow;
         }
-        // Invariant: selection uses exact visible source rows; paint-only hyperlink guards stay rendered-only.
-        this.#selectionRows = [...visibleSource, ...dock].slice(0, height);
+        // Invariant: selection uses exact visible source rows within the rendered
+        // content boundary; paint-only guards and the rail gutter stay presentation-only.
+        this.#selectionRows = [
+            ...visibleSource.map(row => truncateToWidth(row, contentWidth)),
+            ...dock,
+        ].slice(0, height);
         const selectionPainterId = this.#functionId(theme.selection);
         // Concurrency: a painter may synchronously route input in tests or host integrations.
         // Label this frame with the exact selection snapshot it began composing.
@@ -394,17 +407,20 @@ export class TranscriptViewport {
         this.#updateCopyableSelection();
         for (let row = 0; row < frameRows.length; row += 1) {
             const painted = frameRows[row] ?? "";
-            const range = selectionRangeForLine(orderedSelection, row, this.#selectionRows.length, width);
+            const rowSelectionWidth = row < viewportHeight ? contentWidth : width;
+            const range = selectionRangeForLine(orderedSelection, row, this.#selectionRows.length, rowSelectionWidth);
             const padded = row < viewportHeight || range !== null;
-            const base = cachedString(this.#baseRowCache, `${width}\u0000${padded}\u0000${painted}`, cacheLimit, () => padded ? padRowPreservingBackground(painted, width) : painted);
+            const base = cachedString(this.#baseRowCache, `${width}\u0000${contentWidth}\u0000${row < viewportHeight}\u0000${padded}\u0000${painted}`, cacheLimit, () => row < viewportHeight
+                ? padViewportRowWithGutter(painted, contentWidth, width)
+                : padded ? padRowPreservingBackground(painted, width) : painted);
             let rowRecomputed = row < viewportHeight && paintRecomputedRows.has(row) || !base.reused;
             const rangeKey = range === null ? "-" : `${range.from}:${range.to}`;
             const selected = range === null
                 ? { value: base.value, reused: true }
                 : cachedString(this.#selectedRowCache, `${selectionPainterId}\u0000${rangeKey}\u0000${base.value}`, cacheLimit, () => theme.selection(base.value, range.from, range.to));
             rowRecomputed ||= !selected.reused;
-            // Invariant: paint the rail after selection. Full-row selection reaches the terminal
-            // edge, while the foreground thumb/track remains visible above that background.
+            // Invariant: paint the rail after selection, inside its neutral gutter.
+            // Source and full-row selection end at the preceding content cell.
             let railCell = "";
             if (row < viewportHeight && presentation.visible && geometry !== null && row > 0) {
                 const trackRow = row - 1;
@@ -412,7 +428,7 @@ export class TranscriptViewport {
                 const glyph = thumb ? presentation.thumbGlyph : presentation.trackGlyph;
                 railCell = thumb ? theme.thumb(glyph, this.#railHovered || this.#railDragging) : theme.track(glyph);
             }
-            const final = cachedString(this.#finalRowCache, `${width}\u0000${railCell}\u0000${selected.value}`, cacheLimit, () => railCell.length === 0 ? selected.value : overlaySpan(selected.value, width - 1, width, railCell, { inheritStartStyle: true }));
+            const final = cachedString(this.#finalRowCache, `${width}\u0000${railCell}\u0000${selected.value}`, cacheLimit, () => railCell.length === 0 ? selected.value : overlaySpan(selected.value, width - 1, width, `${GUTTER_STYLE_RESET}${railCell}`));
             rowRecomputed ||= !final.reused;
             frameRows[row] = final.value;
             (rowRecomputed ? recomputedRows : reusedRows).push(row + 1);
@@ -626,6 +642,12 @@ function governingPrompt(anchors, scrollTop) {
     }
     return result;
 }
+function padViewportRowWithGutter(line, contentWidth, frameWidth) {
+    const boundedContentWidth = Math.min(Math.max(1, contentWidth), frameWidth);
+    const content = padRowPreservingBackground(line, boundedContentWidth);
+    const gutterWidth = frameWidth - boundedContentWidth;
+    return gutterWidth === 0 ? content : `${content}${GUTTER_STYLE_RESET}${" ".repeat(gutterWidth)}`;
+}
 function padRowPreservingBackground(line, width) {
     const shown = displayWidth(line) > width ? truncateToWidth(line, width) : line;
     const padding = Math.max(0, width - displayWidth(shown));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@timurproko/a1",
-  "version": "0.1.8-dev.572",
+  "version": "0.1.8-dev.573",
   "description": "Standalone terminal workspace for supervised native and managed agents",
   "type": "module",
   "privateLaunchContract": "neutral-launch-v1",