@timurproko/a1 0.2.6 → 0.2.7-dev.1221

package/dist/ui/apps/host.d.ts

@@ -20,6 +20,8 @@ export interface AppHostOptions {
     readonly closeOnInterrupt: boolean;
     /** Colours handed to every presented app. Absent renders plain text. */
     readonly theme?: UiTheme;
+    /** Lets a focused app claim the first interrupt for an editor selection before host close/exit policy. */
+    readonly appInputBeforeInterrupt?: boolean;
 }
 /**
  * Presents at most one app. An opted-in interrupt closes at the host boundary;

package/dist/ui/apps/host.js

@@ -15,6 +15,7 @@ export class UiAppHost {
     #surface;
     #closeOnInterrupt;
     #theme;
+    #appInputBeforeInterrupt;
     // Invariant: the first interrupt timestamp is null whenever the chord is disarmed.
     #interruptArmedAt = null;
     #renderedInterruptArmed;
@@ -25,6 +26,7 @@ export class UiAppHost {
         this.#surface = options.surface;
         this.#closeOnInterrupt = options.closeOnInterrupt;
         this.#theme = options.theme;
+        this.#appInputBeforeInterrupt = options.appInputBeforeInterrupt === true;
     }
     get presented() {
         return this.#app;
@@ -71,7 +73,7 @@ export class UiAppHost {
         const app = this.#app;
         if (app === null)
             return { consumed: false };
-        if (data === INTERRUPT && this.#closeOnInterrupt) {
+        if (data === INTERRUPT && this.#closeOnInterrupt && !this.#appInputBeforeInterrupt) {
             this.close();
             return { consumed: true, render: true };
         }
@@ -83,6 +85,10 @@ export class UiAppHost {
                 this.render();
             return result;
         }
+        if (data === INTERRUPT && this.#closeOnInterrupt) {
+            this.close();
+            return { consumed: true, render: true };
+        }
         if (data === INTERRUPT)
             return this.#interrupt();
         return { consumed: false };

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

@@ -1,8 +1,18 @@
+import { dialogFrameGeometry, insetDialogContent } from "../../contracts/presentation/index.js";
 import { LineInput, renderInputRow } from "./line-input.js";
-import { renderShortcutHints, renderShortcutHintsWithClose, shortcutHintsText } from "./shortcut-hints.js";
+import { renderShortcutHintsWithClose } from "./shortcut-hints.js";
 import { displayWidth, truncateToWidth } from "./text.js";
 const LABEL_COLUMN_CAP = 30;
 const STEPPED_LABEL_COLUMN_CAP = 46;
+/** One frame path for every semantic row, regardless of which dialog supplies the content. */
+function dialogPanelLayout(width, theme) {
+    const geometry = dialogFrameGeometry(width);
+    return {
+        rule: theme.fg("border", "─".repeat(geometry.frameWidth)),
+        contentWidth: geometry.contentWidth,
+        contentRow: (painted, raw = painted) => insetDialogContent(pad(truncateToWidth(painted, geometry.contentWidth), geometry.contentWidth, raw), geometry),
+    };
+}
 /** The column values start at: past the widest label, capped so one long name cannot push them off. */
 export function dialogValueColumn(rows) {
     const widest = Math.min(LABEL_COLUMN_CAP, Math.max(0, ...rows.map(row => displayWidth(row.label))));
@@ -14,11 +24,7 @@ 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 layout = dialogPanelLayout(width, theme);
     const rows = state.rows.map((row, index) => {
         const selected = index === state.index;
         const padded = `${row.label}${" ".repeat(Math.max(0, labelColumn - displayWidth(row.label)))}`;
@@ -28,31 +34,27 @@ export function renderDialogPanel(state, width, theme) {
             ? `${theme.fg("accent", cursor)}${theme.fg("text", padded)}  ${theme.fg("muted", row.value)}`
             : `${cursor}${padded}  ${theme.fg("muted", row.value)}`;
         const painted = selected ? theme.highlight(content) : content;
-        return contentRow(painted, raw);
+        return layout.contentRow(painted, raw);
     });
     const description = state.rows[state.index]?.description ?? "";
     const hint = typeof state.hint === "string"
         ? theme.fg("dim", state.hint)
-        : renderShortcutHintsWithClose(state.hint, theme, contentWidth, 0);
+        : renderShortcutHintsWithClose(state.hint, theme, layout.contentWidth, 0);
     const plainHint = typeof state.hint === "string" ? state.hint : " ".repeat(displayWidth(hint));
     return [
-        rule,
-        contentRow(theme.bold(theme.fg("accent", state.title)), state.title),
-        contentRow(theme.fg("dim", description), description),
+        layout.rule,
+        layout.contentRow(theme.bold(theme.fg("accent", state.title)), state.title),
+        layout.contentRow(theme.fg("dim", description), description),
         "",
         ...rows,
         "",
-        contentRow(hint, plainHint),
-        rule,
+        layout.contentRow(hint, plainHint),
+        layout.rule,
     ];
 }
 /** Owned stepped-selector composition for structured settings with nested choices. */
 export function renderSteppedDialogPanel(state, width, theme) {
-    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 layout = dialogPanelLayout(width, theme);
     const labelColumn = Math.min(STEPPED_LABEL_COLUMN_CAP, Math.max(0, ...state.rows.map(row => displayWidth(`${row.label}${row.labelSuffix ?? ""}`))));
     const rows = state.rows.map((row, index) => {
         const selected = index === state.index;
@@ -65,31 +67,34 @@ export function renderSteppedDialogPanel(state, width, theme) {
         const content = selected
             ? `${theme.fg("accent", cursor)}${label}${theme.fg("muted", suffix)}`
             : `${cursor}${label}${theme.fg("muted", suffix)}`;
-        return contentRow(selected ? theme.highlight(content) : content, raw);
+        return layout.contentRow(selected ? theme.highlight(content) : content, raw);
     });
     const input = state.input === undefined
         ? []
-        : [...renderInputRow(state.input, width, { ruled: false, promptGlyph: "> ", theme }).lines, ""];
+        : [
+            ...renderInputRow(state.input, layout.contentWidth, {
+                ruled: false,
+                promptGlyph: "> ",
+                promptRole: "accent",
+                theme,
+            }).lines.map(row => layout.contentRow(row)),
+            "",
+        ];
     const step = `(step ${state.step}/${state.steps})`;
     const title = `${state.title} ${step}`;
     const paintedTitle = `${theme.bold(theme.fg("accent", state.title))} ${theme.fg("dim", step)}`;
     return [
-        rule,
-        contentRow(paintedTitle, title),
-        contentRow(theme.fg("dim", state.description), state.description),
+        layout.rule,
+        layout.contentRow(paintedTitle, title),
+        layout.contentRow(theme.fg("dim", state.description), state.description),
         "",
         ...input,
         ...rows,
         "",
-        renderSteppedHint(state.hint, width, theme),
-        rule,
+        layout.contentRow(renderShortcutHintsWithClose(state.hint, theme, layout.contentWidth)),
+        layout.rule,
     ];
 }
-function renderSteppedHint(entries, width, theme) {
-    const raw = shortcutHintsText(entries, 1, " · ");
-    const painted = renderShortcutHints(entries, theme, 1, theme.fg("dim", " · "));
-    return `${truncateToWidth(painted, width)}${" ".repeat(Math.max(0, width - displayWidth(raw)))}`;
-}
 /** The row a pointer report lands on, or null when it is not on one. */
 export function dialogRowAt(frame, row, column, valueWidth) {
     const at = row - frame.firstRow;

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

@@ -32,8 +32,8 @@ export { readVisibleHyperlinks } from "./visible-hyperlinks.js";
 export type { VisibleHyperlinkRange, VisibleHyperlinkRow } from "./visible-hyperlinks.js";
 export { renderStatusLine, statusText } from "./status-line.js";
 export type { StatusLineInput } from "./status-line.js";
-export { SUBMITTED_PROMPT_PREFIX_WIDTH, composeSubmittedPromptRows, formatSubmittedPromptTime, submittedPromptLayout } from "./submitted-prompt.js";
-export type { SubmittedPromptLayout, SubmittedPromptStyle } from "./submitted-prompt.js";
+export { SUBMITTED_PROMPT_PREFIX_WIDTH, composeSubmittedPromptRows, formatLocalTime, formatSubmittedPromptTime, submittedPromptLayout } from "./submitted-prompt.js";
+export type { SubmittedPromptLayout, SubmittedPromptStyle, UiTimeFormat } from "./submitted-prompt.js";
 export { numericValues, steppedValue, stepperEnds } from "./stepper.js";
 export type { NumericRange } from "./stepper.js";
 export { TranscriptViewport, assertTranscriptViewportFrameDescriptor } from "./transcript-viewport.js";

package/dist/ui/components/index.js

@@ -16,7 +16,7 @@ export { GLOBAL_SCOPE, ShortcutRegistry, assembleShortcuts, assertNoShortcutConf
 export { backgroundSgrSpan, heldNativeHyperlinkStyle, hyperlinkSgrSpan, hyperlinkTargetAtColumn, nativeHyperlinkStyle, overlaySpan } from "./spans.js";
 export { readVisibleHyperlinks } from "./visible-hyperlinks.js";
 export { renderStatusLine, statusText } from "./status-line.js";
-export { SUBMITTED_PROMPT_PREFIX_WIDTH, composeSubmittedPromptRows, formatSubmittedPromptTime, submittedPromptLayout } from "./submitted-prompt.js";
+export { SUBMITTED_PROMPT_PREFIX_WIDTH, composeSubmittedPromptRows, formatLocalTime, formatSubmittedPromptTime, submittedPromptLayout } from "./submitted-prompt.js";
 export { numericValues, steppedValue, stepperEnds } from "./stepper.js";
 export { TranscriptViewport, assertTranscriptViewportFrameDescriptor } from "./transcript-viewport.js";
 export { RAIL_COLUMNS, renderEmptyState, withScrollbarRail } from "./surface.js";

package/dist/ui/components/line-input.d.ts

@@ -1,3 +1,4 @@
+import { type PromptMarkerRole } from "./prompt-input.js";
 import type { UiTheme } from "./theme.js";
 export type LineInputOutcome = {
     readonly kind: "editing";
@@ -56,10 +57,12 @@ export declare function caretCell(text: string): string;
 export interface InputRowOptions {
     /** Shown quietly while nothing has been typed, with the caret on its first cell. */
     readonly placeholder?: string;
-    /** Rules above and below, in the prompt's own grey. Default true. */
+    /** Theme-border rules. */
     readonly ruled?: boolean;
     /** Prompt marker including any following spacing. Defaults to the shared prompt glyph. */
     readonly promptGlyph?: string;
+    /** Semantic foreground for a configured prompt marker. */
+    readonly promptRole?: PromptMarkerRole;
     readonly theme?: Pick<UiTheme, "fg">;
 }
 export interface InputRow {

package/dist/ui/components/line-input.js

@@ -220,5 +220,7 @@ export function renderInputRow(input, width, options = {}) {
     const body = empty
         ? `${caretCell(placeholder.slice(0, 1))}${faint(placeholder.slice(1))}`
         : `${before}${caretCell(under)}${after}`;
-    return { lines: presentation.render(width, () => ({ rows: [body] }), options.ruled, 0, options.promptGlyph) };
+    return {
+        lines: presentation.render(width, () => ({ rows: [body] }), options.ruled, 0, options.promptGlyph, options.promptRole),
+    };
 }

package/dist/ui/components/prompt-input.d.ts

@@ -1,9 +1,11 @@
 import { type UiTheme } from "./theme.js";
-export declare const PROMPT_GLYPH = "\u276F ";
-export declare const PROMPT_PREFIX_WIDTH = 2;
-export declare function promptRuleText(text: string): string;
-export declare function promptRule(width: number): string;
-export declare function promptArrow(text: string, theme: Pick<UiTheme, "fg">): string;
+export declare const PROMPT_GLYPH = "";
+export declare const PROMPT_PREFIX_WIDTH = 0;
+type RuleTheme = Pick<UiTheme, "fg">;
+export declare function promptRuleText(text: string, theme: RuleTheme): string;
+export declare function promptRule(width: number, theme: RuleTheme): string;
+export type PromptMarkerRole = "muted" | "accent";
+export declare function promptArrow(text: string, theme: RuleTheme, role?: PromptMarkerRole): string;
 export interface PromptInputBody {
     readonly rows: readonly string[];
     /** Semantic border fragments retain editor history and scroll annotations. */
@@ -19,9 +21,9 @@ export interface PromptInputMetrics {
 }
 /** Composes shared input chrome around controller-owned body rows without owning editing state. */
 export declare class PromptInput {
-    readonly theme: Pick<UiTheme, "fg">;
+    readonly theme: RuleTheme;
     readonly metrics: PromptInputMetrics;
-    constructor(theme?: Pick<UiTheme, "fg">, metrics?: PromptInputMetrics);
+    constructor(theme?: RuleTheme, metrics?: PromptInputMetrics);
     styleRule(text: string): string;
     geometry(width: number, padding?: number, promptGlyph?: string): {
         prefixWidth: number;
@@ -30,5 +32,6 @@ export declare class PromptInput {
         contentWidth: number;
         layoutWidth: number;
     };
-    render(width: number, renderBody: (innerWidth: number) => PromptInputBody, ruled?: boolean, padding?: number, promptGlyph?: string): string[];
+    render(width: number, renderBody: (innerWidth: number) => PromptInputBody, ruled?: boolean, padding?: number, promptGlyph?: string, promptRole?: PromptMarkerRole): string[];
 }
+export {};

package/dist/ui/components/prompt-input.js

@@ -1,22 +1,24 @@
 import { displayWidth, truncateToWidth } from "./text.js";
 import { PLAIN_THEME } from "./theme.js";
-export const PROMPT_GLYPH = "❯ ";
-export const PROMPT_PREFIX_WIDTH = 2;
-export function promptRuleText(text) {
-    return `\u001b[38;2;154;160;166m${text}\u001b[39m`;
+export const PROMPT_GLYPH = "";
+export const PROMPT_PREFIX_WIDTH = 0;
+export function promptRuleText(text, theme) {
+    return theme.fg("border", text);
 }
-export function promptRule(width) {
-    return promptRuleText("─".repeat(Math.max(0, width)));
+export function promptRule(width, theme) {
+    return promptRuleText("─".repeat(Math.max(0, width)), theme);
 }
-export function promptArrow(text, theme) {
-    return theme.fg("muted", text);
+export function promptArrow(text, theme, role = "muted") {
+    if (role === "accent" && text.startsWith(">"))
+        return `${theme.fg(role, ">")}${text.slice(1)}`;
+    return theme.fg(role, text);
 }
 /** Composes shared input chrome around controller-owned body rows without owning editing state. */
 export class PromptInput {
     theme;
     metrics;
     constructor(theme = PLAIN_THEME, metrics = { measure: displayWidth, truncate: truncateToWidth }) { this.theme = theme; this.metrics = metrics; }
-    styleRule(text) { return promptRuleText(text); }
+    styleRule(text) { return promptRuleText(text, this.theme); }
     geometry(width, padding = 0, promptGlyph = PROMPT_GLYPH) {
         const prefixWidth = Math.min(this.metrics.measure(promptGlyph), Math.max(0, width));
         // Compatibility: editor wrapping needs room for a two-cell grapheme plus its cursor cell.
@@ -26,7 +28,7 @@ export class PromptInput {
         const contentWidth = Math.max(1, innerWidth - paddingX * 2);
         return { prefixWidth, innerWidth, paddingX, contentWidth, layoutWidth: Math.max(1, contentWidth - (paddingX ? 0 : 1)) };
     }
-    render(width, renderBody, ruled = true, padding = 0, promptGlyph = PROMPT_GLYPH) {
+    render(width, renderBody, ruled = true, padding = 0, promptGlyph = PROMPT_GLYPH, promptRole = "muted") {
         if (width <= 0)
             return [];
         const { prefixWidth, innerWidth } = this.geometry(width, padding, promptGlyph);
@@ -40,11 +42,11 @@ export class PromptInput {
             return clipped + " ".repeat(Math.max(0, width - this.metrics.measure(clipped)));
         };
         const rows = body.rows.map((row, index) => fit(`${index === 0
-            ? promptArrow(promptGlyph, this.theme)
+            ? promptArrow(promptGlyph, this.theme, promptRole)
             : " ".repeat(prefixWidth)}${row}`));
         const rule = (fragment) => fragment === undefined
-            ? promptRule(width)
-            : fit(fragment + promptRule(Math.max(0, width - this.metrics.measure(fragment))));
+            ? promptRule(width, this.theme)
+            : fit(fragment + promptRule(Math.max(0, width - this.metrics.measure(fragment)), this.theme));
         return [
             ...(ruled ? [rule(body.topRule)] : []),
             ...rows,

package/dist/ui/components/selection-copy.d.ts

@@ -20,5 +20,7 @@ export interface SelectionCopySnapshot {
 }
 /** Shares the viewport's semantic chrome exclusions with isolated copy preparation. */
 export declare function selectionCopyLineContent(text: string, prompt: SelectionCopyPrompt): TextSelectionLineContent;
+/** Builds an immutable exact-text snapshot without changing editor-owned selection state. */
+export declare function literalSelectionCopySnapshot(text: string, revision?: number): SelectionCopySnapshot | null;
 /** Extracts one snapshot row with the existing grapheme/newline policy; run expensive rows off-thread. */
 export declare function selectionCopyRowText(snapshot: Pick<SelectionCopySnapshot, "selection" | "literal">, row: SelectionCopyRow, index: number): string;

package/dist/ui/components/selection-copy.js

@@ -19,6 +19,19 @@ export function selectionCopyLineContent(text, prompt) {
         return { from, to: from + 1 };
     return usefulTextLineContent(plain, from);
 }
+/** Builds an immutable exact-text snapshot without changing editor-owned selection state. */
+export function literalSelectionCopySnapshot(text, revision = 0) {
+    if (text.trim().length === 0)
+        return null;
+    const selection = {
+        start: { line: 0, column: 0 },
+        end: { line: 0, column: Number.MAX_SAFE_INTEGER },
+    };
+    if (text.length > MAX_COPY_SOURCE_UNITS) {
+        return { literal: true, selection, revision, rows: [], sourceUnits: 0, rejected: "size" };
+    }
+    return { literal: true, selection, revision, rows: [{ text }], sourceUnits: text.length };
+}
 /** Extracts one snapshot row with the existing grapheme/newline policy; run expensive rows off-thread. */
 export function selectionCopyRowText(snapshot, row, index) {
     if (snapshot.literal)

package/dist/ui/components/spans.js

@@ -1,4 +1,4 @@
-import { displayWidth } from "./text.js";
+import { displayWidth, graphemeWidth } from "./text.js";
 /**
  * Ported from the A1 UI reference implementation (`core/presentation/spans.ts`).
  * Writing over part of a rendered row is not string slicing: the row carries
@@ -53,7 +53,7 @@ export function overlaySpan(line, from, to, span, options = {}) {
             continue;
         }
         for (const { segment } of GRAPHEMES.segment(token)) {
-            const width = displayWidth(segment);
+            const width = graphemeWidth(segment);
             if (column + width <= from)
                 head += segment;
             else if (column >= to)

package/dist/ui/components/submitted-prompt.d.ts

@@ -1,5 +1,8 @@
-/** Visible width of the submitted-prompt prefix (`❯ `). */
-export declare const SUBMITTED_PROMPT_PREFIX_WIDTH = 2;
+export type UiTimeFormat = "20:00" | "8:00 PM";
+/** Deterministic local hour/minute presentation shared by A1-owned time labels. */
+export declare function formatLocalTime(source: Date | number, format?: UiTimeFormat): string | null;
+/** Visible width of the submitted-prompt prefix (` ❯ `). */
+export declare const SUBMITTED_PROMPT_PREFIX_WIDTH = 3;
 export interface SubmittedPromptStyle {
     readonly prefix?: (text: string) => string;
     readonly timestamp?: (text: string) => string;
@@ -8,16 +11,16 @@ export interface SubmittedPromptLayout {
     readonly contentWidth: number;
     readonly timestamp: string | null;
 }
-/** Formats transcript metadata, never render time, as local 24-hour HH:mm. */
-export declare function formatSubmittedPromptTime(source: Date | number): string | null;
+/** Formats transcript metadata, never render time, in the active A1 time format. */
+export declare function formatSubmittedPromptTime(source: Date | number, format?: UiTimeFormat): string | null;
 /**
  * Computes the width at which the prompt's Markdown body must be rendered.
  * The timestamp is omitted rather than allowing it to crowd useful content.
  */
-export declare function submittedPromptLayout(width: number, source?: Date | number | null): SubmittedPromptLayout;
+export declare function submittedPromptLayout(width: number, source?: Date | number | null, format?: UiTimeFormat): SubmittedPromptLayout;
 /**
  * Composes already-rendered prompt content into the compact submitted bar.
  * Continuations align below the content, not below the prefix, and no row can
  * exceed the supplied terminal width even when the content renderer misbehaves.
  */
-export declare function composeSubmittedPromptRows(contentRows: readonly string[], width: number, source?: Date | number | null, style?: SubmittedPromptStyle): readonly string[];
+export declare function composeSubmittedPromptRows(contentRows: readonly string[], width: number, source?: Date | number | null, style?: SubmittedPromptStyle, format?: UiTimeFormat): readonly string[];

package/dist/ui/components/submitted-prompt.js

@@ -1,22 +1,30 @@
 import { displayWidth, truncateToWidth } from "./text.js";
-/** Visible width of the submitted-prompt prefix (`❯ `). */
-export const SUBMITTED_PROMPT_PREFIX_WIDTH = 2;
-const TIMESTAMP_MARGIN = 3;
-const MIN_USEFUL_CONTENT_WIDTH = 8;
-/** Formats transcript metadata, never render time, as local 24-hour HH:mm. */
-export function formatSubmittedPromptTime(source) {
+/** Deterministic local hour/minute presentation shared by A1-owned time labels. */
+export function formatLocalTime(source, format = "8:00 PM") {
     const date = source instanceof Date ? source : new Date(source);
     if (!Number.isFinite(date.getTime()))
         return null;
-    return `${String(date.getHours()).padStart(2, "0")}:${String(date.getMinutes()).padStart(2, "0")}`;
+    const hour = date.getHours();
+    const minute = String(date.getMinutes()).padStart(2, "0");
+    if (format === "20:00")
+        return `${String(hour).padStart(2, "0")}:${minute}`;
+    return `${hour % 12 || 12}:${minute} ${hour < 12 ? "AM" : "PM"}`;
+}
+/** Visible width of the submitted-prompt prefix (` ❯ `). */
+export const SUBMITTED_PROMPT_PREFIX_WIDTH = 3;
+const TIMESTAMP_MARGIN = 3;
+const MIN_USEFUL_CONTENT_WIDTH = 8;
+/** Formats transcript metadata, never render time, in the active A1 time format. */
+export function formatSubmittedPromptTime(source, format = "8:00 PM") {
+    return formatLocalTime(source, format);
 }
 /**
  * Computes the width at which the prompt's Markdown body must be rendered.
  * The timestamp is omitted rather than allowing it to crowd useful content.
  */
-export function submittedPromptLayout(width, source) {
+export function submittedPromptLayout(width, source, format = "8:00 PM") {
     const boundedWidth = Math.max(1, width);
-    const timestamp = source === undefined || source === null ? null : formatSubmittedPromptTime(source);
+    const timestamp = source === undefined || source === null ? null : formatSubmittedPromptTime(source, format);
     const timestampReserve = timestamp === null ? 0 : displayWidth(timestamp) + TIMESTAMP_MARGIN;
     const canShowTimestamp = timestamp !== null
         && boundedWidth - SUBMITTED_PROMPT_PREFIX_WIDTH - timestampReserve >= MIN_USEFUL_CONTENT_WIDTH;
@@ -30,11 +38,11 @@ export function submittedPromptLayout(width, source) {
  * Continuations align below the content, not below the prefix, and no row can
  * exceed the supplied terminal width even when the content renderer misbehaves.
  */
-export function composeSubmittedPromptRows(contentRows, width, source, style = {}) {
+export function composeSubmittedPromptRows(contentRows, width, source, style = {}, format = "8:00 PM") {
     if (width <= 0)
         return [];
-    const layout = submittedPromptLayout(width, source);
-    const prefix = (style.prefix ?? identity)("❯ ");
+    const layout = submittedPromptLayout(width, source, format);
+    const prefix = (style.prefix ?? identity)(" ❯ ");
     const rows = (contentRows.length === 0 ? [""] : contentRows).map((row, index) => {
         const content = truncateToWidth(row, layout.contentWidth);
         return `${index === 0 ? prefix : " ".repeat(SUBMITTED_PROMPT_PREFIX_WIDTH)}${content}`;

package/dist/ui/components/surface.js

@@ -29,10 +29,12 @@ export function withScrollbarRail(lines, geometry, contentWidth, theme, options
  */
 export function renderEmptyState(message, mark, height, width, theme) {
     const middle = Math.floor(height / 2);
+    const messageRow = Math.min(Math.max(0, height - 1), middle + 1);
+    const markRow = messageRow - 1;
     return Array.from({ length: Math.max(0, height) }, (_line, index) => {
-        if (index === middle - 1)
+        if (index === markRow)
             return centre(theme.fg("muted", mark), mark, width);
-        return index === middle ? centre(theme.fg("muted", message), message, width) : "";
+        return index === messageRow ? centre(theme.fg("muted", message), message, width) : "";
     });
 }
 function centre(painted, raw, width) {

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

@@ -1,11 +1,8 @@
-/**
- * Display-width text handling. Terminals lay out by column, not by code unit,
- * so measuring with `String.length` mis-sizes CJK, emoji, and combining marks,
- * and counting styling escapes as visible width breaks every layout that uses
- * colour.
- */
+/** Terminal-column geometry: preserve graphemes, Unicode cell widths and ANSI styling. */
 /** Removes styling sequences so only visible characters remain. */
 export declare function stripAnsi(text: string): string;
+/** Width of one grapheme cluster: two for emoji, else the widest code point it contains. */
+export declare function graphemeWidth(grapheme: string): number;
 export interface DisplayColumnRange {
     readonly from: number;
     readonly to: number;

package/dist/ui/components/text.js

@@ -1,9 +1,4 @@
-/**
- * Display-width text handling. Terminals lay out by column, not by code unit,
- * so measuring with `String.length` mis-sizes CJK, emoji, and combining marks,
- * and counting styling escapes as visible width breaks every layout that uses
- * colour.
- */
+/** Terminal-column geometry: preserve graphemes, Unicode cell widths and ANSI styling. */
 const ANSI_PATTERN = /\[[0-9;:?]*[ -/]*[@-~]|[\]_][^]*(?:|\\)|[@-Z\\-_]/g;
 const SEGMENTER = new Intl.Segmenter(undefined, { granularity: "grapheme" });
 const WORD_SEGMENTER = new Intl.Segmenter(undefined, { granularity: "word" });
@@ -76,7 +71,7 @@ function couldBeEmoji(grapheme) {
         grapheme.length > 1);
 }
 /** Width of one grapheme cluster: two for emoji, else the widest code point it contains. */
-function graphemeWidth(grapheme) {
+export function graphemeWidth(grapheme) {
     if (couldBeEmoji(grapheme) && RGI_EMOJI_PATTERN.test(grapheme))
         return 2;
     let width = 0;
@@ -126,8 +121,11 @@ export function displayColumnSlice(text, requestedFrom, requestedTo) {
 }
 /** Columns this text occupies once styling is removed. */
 export function displayWidth(text) {
+    const plain = stripAnsi(text);
+    if (!/[^\x20-\x7e]/u.test(plain))
+        return plain.length;
     let width = 0;
-    for (const { segment } of SEGMENTER.segment(stripAnsi(text)))
+    for (const { segment } of SEGMENTER.segment(plain))
         width += graphemeWidth(segment);
     return width;
 }

package/dist/ui/components/transcript-viewport.d.ts

@@ -6,6 +6,8 @@ export interface TranscriptPromptAnchor {
     readonly lastRow: number;
     /** The source first row, including its submitted-prompt styling and timestamp. */
     readonly sourceRow: string;
+    /** Right-edge metadata cells omitted from semantic prompt copies. */
+    readonly copySuffixWidth?: number;
     /** Optional source-styled row used only while prominent and not hovered. */
     readonly prominentSourceRow?: string;
 }
@@ -36,6 +38,11 @@ export interface TranscriptViewportFrameInput {
     /** Final transient rows to bottom-align with unused viewport space while content fits. */
     readonly bottomAlignedTailRowCount?: number;
     readonly dockRows: readonly string[];
+    /** Zero-based dock rows admitted to frame copying, classified before dock composition. */
+    readonly copyableDockRows?: readonly {
+        readonly row: number;
+        readonly prompt?: "first" | "continuation";
+    }[];
     readonly promptAnchors: readonly TranscriptPromptAnchor[];
     readonly width: number;
     readonly height: number;
@@ -171,7 +178,7 @@ export declare class TranscriptViewport {
     releaseSelection(): boolean;
     clearSelection(): boolean;
     selectedText(): string | null;
-    /** Captures visible selected text, not off-screen history. */
+    /** Captures selected text, including document rows of a visible selection scrolled off-screen. */
     captureSelectedText(): SelectionCopySnapshot | null;
     scrollBy(lines: number, now?: number): boolean;
     scrollTo(position: number, now?: number): boolean;
@@ -184,6 +191,6 @@ export declare class TranscriptViewport {
     clearTransient(): void;
     compose(input: TranscriptViewportFrameInput): TranscriptViewportFrame;
     /** Reuses an established transcript frame when only same-height dock rows changed. */
-    composeDockOnly(dockRows: readonly string[], width: number, height: number): TranscriptViewportFrame | null;
+    composeDockOnly(dockRows: readonly string[], width: number, height: number, copyableDockRows?: TranscriptViewportFrameInput["copyableDockRows"]): TranscriptViewportFrame | null;
 }
 export declare function assertTranscriptViewportFrameDescriptor(descriptor: TranscriptViewportFrameDescriptor): void;