@timurproko/a1 0.1.8-dev.de7821a → 0.2.0

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

@@ -0,0 +1,28 @@
+/**
+ * Replaces the visible columns `[from, to)` of `line` with `span`, preserving
+ * the styling before it and re-asserting whatever was still open afterwards, so
+ * the tail keeps the colour it had. A wide character straddling either edge is
+ * replaced by spaces rather than split. Opt into the replaced cell's boundary
+ * style for background-preserving overlays; the span still owns its decoration.
+ */
+export declare function overlaySpan(line: string, from: number, to: number, span: string, options?: {
+    readonly inheritStartStyle?: boolean;
+}): string;
+/** Wraps visible columns `[from,to)` in an explicit OSC 8 hyperlink. */
+export declare function hyperlinkSgrSpan(line: string, from: number, to: number, target: string, widthOf?: (text: string) => number): string;
+/** Returns the OSC 8 target painted at a zero-based visible terminal column. */
+export declare function hyperlinkTargetAtColumn(line: string, targetColumn: number, widthOf?: (text: string) => number): string | undefined;
+/**
+ * Gives existing and bare web links explicit, tightly bounded OSC 8 regions so
+ * the terminal owns dotted-idle/solid-hover decoration without leaking hover
+ * state into cells repainted during scrolling.
+ */
+export declare function nativeHyperlinkStyle(line: string, color?: (text: string, target: string) => string): string;
+/**
+ * Held-button paint for terminal-native links. OSC 8 is removed so the terminal
+ * cannot switch a selected link to its solid hover underline. A dotted SGR
+ * underline preserves the idle appearance, and VS15 transiently breaks native
+ * plain-text URL detection without changing visible width.
+ */
+export declare function heldNativeHyperlinkStyle(line: string): string;
+export declare function backgroundSgrSpan(line: string, from: number, to: number, on?: string, off?: string, widthOf?: (text: string) => number): string;

package/dist/ui/components/spans.js

@@ -0,0 +1,266 @@
+import { displayWidth } 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
+ * styling and hyperlink sequences, and cutting through them either loses the
+ * styling of the tail or leaks the span's own reset into it.
+ */
+const ANSI_SEQUENCE = "\\u001b(?:\\[[0-?]*[ -/]*[@-~]|[\\]_][^\\u0007\\u001b]*(?:\\u0007|\\u001b\\\\|$))";
+const ANSI_SPLIT = new RegExp(`(${ANSI_SEQUENCE})`);
+const HYPERLINK = /^\]8;;([^]*)(?:|\\)?$/;
+const HYPERLINK_OFF = "]8;;\\";
+const SGR = /^\[[0-9;]*m$/;
+const BARE_URL = /https?:\/\/[^\s\u0000-\u001f\u007f<>"']+/giu;
+const TRAILING_URL_PUNCTUATION = /[.,;:!?]/u;
+const GRAPHEMES = new Intl.Segmenter(undefined, { granularity: "grapheme" });
+/**
+ * Replaces the visible columns `[from, to)` of `line` with `span`, preserving
+ * the styling before it and re-asserting whatever was still open afterwards, so
+ * the tail keeps the colour it had. A wide character straddling either edge is
+ * replaced by spaces rather than split. Opt into the replaced cell's boundary
+ * style for background-preserving overlays; the span still owns its decoration.
+ */
+export function overlaySpan(line, from, to, span, options = {}) {
+    let head = "";
+    let replay = "";
+    let tail = "";
+    let column = 0;
+    let hyperlinkOpen = false;
+    for (const token of line.split(ANSI_SPLIT)) {
+        if (!token)
+            continue;
+        if (token.startsWith("")) {
+            // Protocol: image transfers are one-shot commands, not styling to replay after an overlay.
+            if (token.startsWith("\u001b_G") || token.startsWith("\u001b]1337;File=")) {
+                if (column >= to)
+                    tail += token;
+                else
+                    head += token;
+                continue;
+            }
+            if (column >= to) {
+                tail += token;
+                continue;
+            }
+            if (column < from || (options.inheritStartStyle === true && column === from)) {
+                head += token;
+                const link = HYPERLINK.exec(token);
+                if (link)
+                    hyperlinkOpen = (link[1] ?? "").length > 0;
+            }
+            // Invariant: re-assert everything still active: the span's own reset clobbers the tail.
+            replay += token;
+            continue;
+        }
+        for (const { segment } of GRAPHEMES.segment(token)) {
+            const width = displayWidth(segment);
+            if (column + width <= from)
+                head += segment;
+            else if (column >= to)
+                tail += segment;
+            else if (column < from)
+                head += " ".repeat(from - column);
+            else if (column + width > to)
+                tail += " ".repeat(column + width - to);
+            column += width;
+        }
+    }
+    if (column < from)
+        head += " ".repeat(from - column);
+    return head + (hyperlinkOpen ? HYPERLINK_OFF : "") + span + replay + tail;
+}
+/** Wraps visible columns `[from,to)` in an explicit OSC 8 hyperlink. */
+export function hyperlinkSgrSpan(line, from, to, target, widthOf = displayWidth) {
+    const on = `\u001b]8;;${target}\u001b\\`;
+    const off = "\u001b]8;;\u001b\\";
+    let output = "";
+    let column = 0;
+    let inside = false;
+    for (const token of line.split(ANSI_SPLIT)) {
+        if (!token)
+            continue;
+        if (token.startsWith("\u001b")) {
+            output += token;
+            continue;
+        }
+        for (const { segment } of GRAPHEMES.segment(token)) {
+            const shouldBeInside = column >= from && column < to;
+            if (shouldBeInside !== inside) {
+                output += shouldBeInside ? on : off;
+                inside = shouldBeInside;
+            }
+            output += segment;
+            column += widthOf(segment);
+        }
+    }
+    if (inside)
+        output += off;
+    return output;
+}
+/** Returns the OSC 8 target painted at a zero-based visible terminal column. */
+export function hyperlinkTargetAtColumn(line, targetColumn, widthOf = displayWidth) {
+    if (targetColumn < 0)
+        return undefined;
+    let hyperlinkTarget;
+    let column = 0;
+    for (const token of line.split(ANSI_SPLIT)) {
+        if (!token)
+            continue;
+        const link = HYPERLINK.exec(token);
+        if (link) {
+            hyperlinkTarget = (link[1] ?? "") || undefined;
+            continue;
+        }
+        if (token.startsWith("\u001b"))
+            continue;
+        for (const { segment } of GRAPHEMES.segment(token)) {
+            const width = widthOf(segment);
+            if (targetColumn >= column && targetColumn < column + width)
+                return hyperlinkTarget;
+            column += width;
+        }
+    }
+    return undefined;
+}
+/**
+ * Gives existing and bare web links explicit, tightly bounded OSC 8 regions so
+ * the terminal owns dotted-idle/solid-hover decoration without leaking hover
+ * state into cells repainted during scrolling.
+ */
+export function nativeHyperlinkStyle(line, color = text => text) {
+    let hyperlinkTarget;
+    let sgrReplay = "";
+    let output = "";
+    for (const token of line.split(ANSI_SPLIT)) {
+        if (!token)
+            continue;
+        const link = HYPERLINK.exec(token);
+        if (link) {
+            hyperlinkTarget = (link[1] ?? "") || undefined;
+            output += token;
+            continue;
+        }
+        if (!token.startsWith("\u001b")) {
+            output += hyperlinkTarget === undefined
+                ? decorateBareUrls(token, color, sgrReplay)
+                : color(token, hyperlinkTarget);
+            continue;
+        }
+        if (SGR.test(token)) {
+            if (token === "\u001b[0m")
+                sgrReplay = token;
+            else
+                sgrReplay += token;
+        }
+        if (hyperlinkTarget === undefined || (token !== "\u001b[4m" && token !== "\u001b[24m"))
+            output += token;
+    }
+    return hyperlinkTarget === undefined ? output : output + HYPERLINK_OFF;
+}
+/**
+ * Held-button paint for terminal-native links. OSC 8 is removed so the terminal
+ * cannot switch a selected link to its solid hover underline. A dotted SGR
+ * underline preserves the idle appearance, and VS15 transiently breaks native
+ * plain-text URL detection without changing visible width.
+ */
+export function heldNativeHyperlinkStyle(line) {
+    let hyperlinkTarget;
+    let fileDetectorBroken = false;
+    let output = "";
+    for (const token of line.split(ANSI_SPLIT)) {
+        if (!token)
+            continue;
+        const link = HYPERLINK.exec(token);
+        if (link) {
+            const nextTarget = (link[1] ?? "") || undefined;
+            if ((nextTarget !== undefined) !== (hyperlinkTarget !== undefined)) {
+                output += nextTarget === undefined ? "\u001b[24m" : "\u001b[4:4m";
+            }
+            if (nextTarget !== hyperlinkTarget)
+                fileDetectorBroken = false;
+            hyperlinkTarget = nextTarget;
+            continue;
+        }
+        if (token.startsWith("\u001b")) {
+            output += token;
+            // Protocol: foreground helpers may reset every SGR attribute; restore the held
+            // dotted underline without disturbing the source colour or intensity.
+            if (hyperlinkTarget !== undefined && SGR.test(token))
+                output += "\u001b[4:4m";
+            continue;
+        }
+        if (hyperlinkTarget === undefined) {
+            output += token;
+            continue;
+        }
+        let painted = token.replaceAll("https://", "https:\uFE0E//").replaceAll("http://", "http:\uFE0E//");
+        // Platform: Windows Terminal also detects file-link labels such as package.json and
+        // D:/work/file.ts after OSC 8 is removed. Break that detector once inside
+        // the paint-only label; semantic transcript text remains untouched.
+        if (!fileDetectorBroken && /^file:/iu.test(hyperlinkTarget)) {
+            const firstVisible = /\S/u.exec(painted);
+            if (firstVisible?.index !== undefined) {
+                const index = firstVisible.index;
+                const codePoint = painted.codePointAt(index) ?? 0;
+                const end = index + (codePoint > 0xffff ? 2 : 1);
+                painted = `${painted.slice(0, end)}\uFE0E${painted.slice(end)}`;
+                fileDetectorBroken = true;
+            }
+        }
+        output += painted;
+    }
+    return hyperlinkTarget === undefined ? output : `${output}\u001b[24m`;
+}
+function decorateBareUrls(text, color, sgrReplay) {
+    return text.replace(BARE_URL, candidate => {
+        const { target, trailing } = splitUrlTrailingPunctuation(candidate);
+        if (target.length === 0)
+            return candidate;
+        return `\u001b]8;;${target}\u001b\\\u001b[24m${color(target, target)}${HYPERLINK_OFF}${sgrReplay}${trailing}`;
+    });
+}
+function splitUrlTrailingPunctuation(candidate) {
+    let end = candidate.length;
+    while (end > 0 && TRAILING_URL_PUNCTUATION.test(candidate[end - 1] ?? ""))
+        end -= 1;
+    for (const [opening, closing] of [["(", ")"], ["[", "]"], ["{", "}"]]) {
+        while (candidate.slice(0, end).endsWith(closing)
+            && occurrences(candidate.slice(0, end), closing) > occurrences(candidate.slice(0, end), opening)) {
+            end -= 1;
+        }
+    }
+    return { target: candidate.slice(0, end), trailing: candidate.slice(end) };
+}
+function occurrences(text, value) {
+    return text.split(value).length - 1;
+}
+export function backgroundSgrSpan(line, from, to, on = "\u001b[47m", off = "\u001b[49m", widthOf = displayWidth) {
+    let output = "";
+    let seen = "";
+    let column = 0;
+    let inside = false;
+    for (const token of line.split(ANSI_SPLIT)) {
+        if (!token)
+            continue;
+        if (token.startsWith("\u001b")) {
+            output += token;
+            if (SGR.test(token))
+                seen += token;
+            if (inside)
+                output += on;
+            continue;
+        }
+        for (const { segment } of GRAPHEMES.segment(token)) {
+            const shouldBeInside = column >= from && column < to;
+            if (shouldBeInside !== inside) {
+                output += shouldBeInside ? on : off + seen;
+                inside = shouldBeInside;
+            }
+            output += segment;
+            column += widthOf(segment);
+        }
+    }
+    if (inside)
+        output += off;
+    return output;
+}

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

@@ -0,0 +1,23 @@
+/** Visible width of the submitted-prompt prefix (`❯ `). */
+export declare const SUBMITTED_PROMPT_PREFIX_WIDTH = 2;
+export interface SubmittedPromptStyle {
+    readonly prefix?: (text: string) => string;
+    readonly timestamp?: (text: string) => string;
+}
+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;
+/**
+ * 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;
+/**
+ * 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[];

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

@@ -0,0 +1,50 @@
+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) {
+    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")}`;
+}
+/**
+ * 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) {
+    const boundedWidth = Math.max(1, width);
+    const timestamp = source === undefined || source === null ? null : formatSubmittedPromptTime(source);
+    const timestampReserve = timestamp === null ? 0 : displayWidth(timestamp) + TIMESTAMP_MARGIN;
+    const canShowTimestamp = timestamp !== null
+        && boundedWidth - SUBMITTED_PROMPT_PREFIX_WIDTH - timestampReserve >= MIN_USEFUL_CONTENT_WIDTH;
+    return {
+        contentWidth: Math.max(1, boundedWidth - SUBMITTED_PROMPT_PREFIX_WIDTH - (canShowTimestamp ? timestampReserve : 0)),
+        timestamp: canShowTimestamp ? timestamp : null,
+    };
+}
+/**
+ * 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 function composeSubmittedPromptRows(contentRows, width, source, style = {}) {
+    if (width <= 0)
+        return [];
+    const layout = submittedPromptLayout(width, source);
+    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}`;
+    });
+    if (layout.timestamp !== null && rows[0] !== undefined) {
+        const gap = Math.max(1, width - displayWidth(rows[0]) - displayWidth(layout.timestamp));
+        rows[0] = `${rows[0]}${" ".repeat(gap)}${(style.timestamp ?? identity)(layout.timestamp)}`;
+    }
+    return rows.map(row => truncateToWidth(row, width));
+}
+function identity(text) {
+    return text;
+}

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

@@ -0,0 +1,20 @@
+import { type ScrollbarGeometry, type ScrollbarPresentation } from "./scrollbar.js";
+import type { UiTheme } from "./theme.js";
+/** Columns the rail occupies: its own, plus the gap before it. */
+export declare const RAIL_COLUMNS = 2;
+export interface RailOptions {
+    /** Rows at the top the rail does not run beside, such as a sticky header. */
+    readonly topInset?: number;
+    /** How the rail shows. Absent draws the thin rail whenever the content overflows. */
+    readonly presentation?: ScrollbarPresentation;
+}
+/**
+ * Draws the rail beside each row, padding the rows to a common width first.
+ * A presentation that reserves no space returns the rows untouched.
+ */
+export declare function withScrollbarRail(lines: readonly string[], geometry: ScrollbarGeometry | null, contentWidth: number, theme: UiTheme, options?: RailOptions): readonly string[];
+/**
+ * What a list shows instead of rows: a mark and a line, both quiet, sitting in
+ * the middle of the space the rows would have had.
+ */
+export declare function renderEmptyState(message: string, mark: string, height: number, width: number, theme: UiTheme): readonly string[];

package/dist/ui/components/surface.js

@@ -0,0 +1,44 @@
+import { isThumbRow } from "./scrollbar.js";
+import { displayWidth } from "./text.js";
+// Rationale: shared list chrome belongs here rather than in individual screens.
+/** Columns the rail occupies: its own, plus the gap before it. */
+export const RAIL_COLUMNS = 2;
+/**
+ * Draws the rail beside each row, padding the rows to a common width first.
+ * A presentation that reserves no space returns the rows untouched.
+ */
+export function withScrollbarRail(lines, geometry, contentWidth, theme, options = {}) {
+    const inset = options.topInset ?? 0;
+    const presentation = options.presentation
+        ?? { visible: geometry !== null, reservesSpace: true, trackGlyph: "│", thumbGlyph: "│" };
+    if (!presentation.reservesSpace)
+        return lines;
+    const drawn = presentation.visible && geometry !== null;
+    return lines.map((line, offset) => {
+        const cell = offset < inset || !drawn
+            ? " "
+            : isThumbRow(geometry, offset - inset)
+                ? theme.fg("accent", presentation.thumbGlyph)
+                : theme.fg("dim", presentation.trackGlyph);
+        return `${pad(line, contentWidth)} ${cell}`;
+    });
+}
+/**
+ * What a list shows instead of rows: a mark and a line, both quiet, sitting in
+ * the middle of the space the rows would have had.
+ */
+export function renderEmptyState(message, mark, height, width, theme) {
+    const middle = Math.floor(height / 2);
+    return Array.from({ length: Math.max(0, height) }, (_line, index) => {
+        if (index === middle - 1)
+            return centre(theme.fg("muted", mark), mark, width);
+        return index === middle ? centre(theme.fg("muted", message), message, width) : "";
+    });
+}
+function centre(painted, raw, width) {
+    return `${" ".repeat(Math.max(0, Math.floor((width - displayWidth(raw)) / 2)))}${painted}`;
+}
+function pad(line, width) {
+    const visible = displayWidth(line);
+    return visible >= width ? line : line + " ".repeat(width - visible);
+}

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

@@ -0,0 +1,62 @@
+/** A reported pointer cell plus its grapheme-aligned zero-based boundaries. */
+export interface TextSelectionPoint {
+    readonly line: number;
+    readonly column: number;
+    readonly from?: number;
+    readonly to?: number;
+}
+export interface TextSelection {
+    readonly anchor: TextSelectionPoint;
+    readonly head: TextSelectionPoint;
+    readonly selecting: boolean;
+    /** Ordinary point selection has received at least one distinct motion report. */
+    readonly dragged?: boolean;
+    /** Word selection uses inclusive pointer-cell endpoints supplied by its semantic range. */
+    readonly cell?: boolean;
+    readonly fullRow?: boolean;
+    /** Paint an edge whitespace run through the viewport's overlaid rail cell. */
+    readonly throughFinalColumn?: boolean;
+}
+export interface TextSelectionClick {
+    readonly time: number;
+    readonly line: number;
+    readonly column: number;
+    readonly count: number;
+}
+export interface TextSelectionLineContent {
+    readonly from?: number;
+    readonly to?: number;
+    readonly selectable?: boolean;
+}
+/** Ordered zero-based, half-open display-column boundaries. */
+export interface OrderedTextSelection {
+    readonly start: TextSelectionPoint;
+    readonly end: TextSelectionPoint;
+    readonly fullRow?: boolean;
+    readonly throughFinalColumn?: boolean;
+}
+export interface TextSelectionPressInput {
+    readonly line: number;
+    readonly column: number;
+    readonly contentWidth: number;
+    readonly lineText: string;
+    readonly lineContent?: TextSelectionLineContent;
+    readonly previousClick?: TextSelectionClick;
+    readonly now?: number;
+}
+export declare const TEXT_SELECTION_MULTI_CLICK_MS = 500;
+export declare function orderedTextSelection(selection: TextSelection | undefined): OrderedTextSelection | undefined;
+export declare function pressTextSelection(input: TextSelectionPressInput): {
+    readonly selection?: TextSelection;
+    readonly click: TextSelectionClick;
+    readonly kind: "point" | "word" | "line";
+};
+export declare function extendTextSelection(selection: TextSelection | undefined, point: TextSelectionPoint): TextSelection | undefined;
+export declare function releaseTextSelection(selection: TextSelection | undefined): TextSelection | undefined;
+export declare function textSelectionLineExtendColumn(selection: TextSelection, line: number, contentWidth: number): number;
+/** Resolves a reported one-based pointer cell to the complete grapheme it intersects. */
+export declare function textSelectionPointAt(line: number, column: number, lineText: string): TextSelectionPoint;
+export declare function textSelectionText(selection: OrderedTextSelection, rows: readonly string[], lineContent?: (line: number) => TextSelectionLineContent | undefined): string;
+/** Returns the plain cells covered by [from,to), expanding at grapheme edges. */
+export declare function plainTextBetweenColumns(line: string, from: number, to: number): string;
+export declare function usefulTextLineContent(line: string, from?: number): TextSelectionLineContent;