@aragon-agent/cli 0.6.46 → 0.6.48

package/dist/ui/interaction-hints.js

@@ -1,97 +0,0 @@
-import stringWidth from 'string-width';
-import { interactionCopy as copy } from './interaction-copy.js';
-import { cleanStatusText } from './layout/status-layout.js';
-import { graphemes } from './editor-navigation.js';
-export function escapeClause(input) {
-    if (input.overlay)
-        return copy.close;
-    if (input.completion && input.completion !== 'none' || input.escapeAction === 'menu')
-        return copy.closeCompletion;
-    if (input.escapeAction === 'force-stop' || input.interruptPhase === 'stopping')
-        return copy.forceStop;
-    if (input.interactionPhase === 'starting')
-        return input.interruptPhase === 'armed' ? copy.cancelStartAgain : copy.cancelStart;
-    if (input.interactionPhase !== 'running')
-        return '';
-    if (input.governed) {
-        return input.interruptPhase === 'armed' ? copy.governInterruptAgain : copy.governInterrupt;
-    }
-    return input.interruptPhase === 'armed' ? copy.interruptAgain : copy.interrupt;
-}
-export function clipStatusText(text, cells) {
-    let clipped = '';
-    for (const part of graphemes(cleanStatusText(text))) {
-        if (stringWidth(clipped + part.text) > cells)
-            break;
-        clipped += part.text;
-    }
-    return clipped;
-}
-/** Ordered actions before width allocation. No interpretation of translated feedback text. */
-export function actionCandidates(input) {
-    if (input.overlay) {
-        if (input.overlay === 'confirm')
-            return [copy.approveTool, copy.rejectTool];
-        // THE DRAWER SELECTS, IT DOES NOT SCROLL (tui-shortcut-drawer-and-task-summary
-        // §5). It is a list with a cursor, so the generic `copy.scroll` fallback would
-        // describe the wrong interaction - and the drawer's own footer already names
-        // every key, so one clause is the whole line.
-        if (input.overlay === 'shortcuts')
-            return [copy.select];
-        const selects = ['question', 'model', 'session', 'settings'].includes(input.overlay);
-        return [selects ? copy.select : copy.scroll,
-            ...(selects ? [input.overlay === 'settings' ? copy.saveSettings : copy.confirm] : [])];
-    }
-    const actions = [];
-    if (input.governed && input.govPausePending && input.interactionPhase === 'running') {
-        actions.push(copy.governPausePending);
-    }
-    if (input.selectionPending)
-        actions.push(copy.copy);
-    else if (input.services)
-        actions.push(copy.stopServicesShort);
-    if (input.completion && input.completion !== 'none') {
-        actions.push(...(input.completion === 'slash' ? [copy.executeCommand] : []), copy.complete, copy.select);
-        return actions;
-    }
-    // THE GOVERNED IDLE SENTENCE REPLACES `Enter send` / `newline` rather than joining them:
-    // at 120 columns it is 53 of the row's 119 cells, and the clause that would be crowded
-    // out is `Shift+Tab <next>`, the one the posture cycle most needs taught.
-    if (input.hintsEnabled !== false && input.governed && input.interactionPhase === 'idle') {
-        actions.push(copy.governIdle);
-    }
-    else if (input.hintsEnabled !== false && input.interactionPhase !== 'starting')
-        actions.push(input.interactionPhase === 'running' ? copy.enqueue : copy.send, input.cols < 72 ? copy.newline : copy.newlineLong);
-    return actions;
-}
-export function buildActionClauses(input) {
-    const budget = Math.max(0, Math.floor(input.cols) - 1);
-    const escape = escapeClause(input);
-    const result = [];
-    const feedback = input.feedback?.text || input.exitHint || (input.copyCleanupPending ? copy.copyCleanup
-        : input.copyInFlight ? copy.copying : input.toast) || '';
-    const reserve = escape ? stringWidth(escape) + 3 : 0;
-    if (feedback) {
-        const text = clipStatusText(feedback, Math.max(0, budget - reserve));
-        if (text)
-            result.push(text);
-    }
-    const add = (text, remaining = budget) => {
-        if (stringWidth([...result, text].join(' | ')) <= remaining)
-            result.push(cleanStatusText(text));
-    };
-    if (!feedback) {
-        for (const action of actionCandidates(input))
-            add(action, budget - reserve);
-    }
-    if (escape)
-        add(escape);
-    if (!feedback && input.hintsEnabled !== false && !input.overlay) {
-        if (input.updateAvailable)
-            add(copy.update);
-        add(input.hasDraft ? copy.exitDraft : copy.exit);
-        add((input.modeToggleKey ?? 'Shift+Tab') + ' ' + (input.nextPostureWord ?? copy.modeLabel));
-        add(copy.help);
-    }
-    return result;
-}

package/dist/ui/layout/AppShell.d.ts

@@ -1,17 +0,0 @@
-/** Stable fullscreen slots preserve the editor during overlays and small resizes. */
-import React from 'react';
-export interface AppShellProps {
-    rows: number;
-    cols: number;
-    header: React.ReactNode;
-    viewport: React.ReactNode;
-    composer: React.ReactNode;
-    composerSlotRows: number;
-    viewportRows: number;
-    details?: React.ReactNode;
-    statusRows: 0 | 1 | 2;
-    status: React.ReactNode;
-    inactive?: boolean;
-    placeholder?: React.ReactNode;
-}
-export declare function AppShell({ rows, cols, header, viewport, composer, composerSlotRows, viewportRows, details, statusRows, status, inactive, placeholder, }: AppShellProps): React.ReactElement;

package/dist/ui/layout/AppShell.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box } from 'ink';
-import { frameHeight } from './frame.js';
-export function AppShell({ rows, cols, header, viewport, composer, composerSlotRows, viewportRows, details, statusRows, status, inactive = false, placeholder, }) {
-    return (_jsxs(Box, { flexDirection: "column", height: frameHeight(rows), width: cols, overflow: "hidden", flexShrink: 0, children: [_jsxs(Box, { display: inactive ? 'none' : 'flex', flexDirection: "column", height: frameHeight(rows), width: cols, overflow: "hidden", flexShrink: 0, children: [_jsx(Box, { height: 1, flexShrink: 0, overflow: "hidden", children: header }), _jsx(Box, { flexDirection: "column", height: viewportRows, flexShrink: 0, overflow: "hidden", children: viewport }), _jsx(Box, { flexDirection: "column", height: composerSlotRows, justifyContent: "flex-end", flexShrink: 0, overflow: "hidden", children: composer }), _jsx(Box, { height: statusRows > 0 ? 1 : 0, flexShrink: 0, overflow: "hidden", children: status }), statusRows === 2 && _jsx(Box, { height: 1, flexShrink: 0, overflow: "hidden", children: details })] }), _jsx(Box, { display: inactive ? 'flex' : 'none', height: frameHeight(rows), overflow: "hidden", children: placeholder })] }));
-}

package/dist/ui/layout/Gutter.d.ts

@@ -1,67 +0,0 @@
-/**
- * Gutter (spec §4.3) — the two-column left rail every transcript entry sits in.
- *
- * Replaces the previous "blank line + round box per entry" idiom, which cost
- * 3-4 fixed rows for every entry and made one ordinary tool call fill the entire
- * viewport on a 24-row terminal. The rail carries the role glyph on the first
- * row and the status colour along the whole entry, so the grouping that the
- * border used to provide survives at a fraction of the vertical cost.
- *
- * INVARIANT I-2 — the content column MUST keep `flexShrink={0}`.
- * `ScrollViewport` measures content height with `measureElement`; if yoga is
- * allowed to squeeze this column down to the viewport height, the measurement
- * reports `content === viewport`, `overflowLines` is permanently 0, and
- * scrolling stops working with no error anywhere. Read the comment at
- * `ScrollViewport.tsx:94-99` before touching this. Guarded by A-6.
- */
-import React from 'react';
-/** Columns reserved for the rail, glyph included. */
-export declare const GUTTER_WIDTH = 2;
-export interface GutterProps {
-    /**
-     * Role marker on the first row (user / assistant / tool status / notice).
-     *
-     * A node rather than a string because while an answer streams the marker IS
-     * the spinner — that used to live inside `AssistantEntry`, and moving the
-     * glyph out here without moving the spinner would have silently dropped the
-     * "something is happening" affordance.
-     */
-    glyph: React.ReactNode;
-    color?: string;
-    children: React.ReactNode;
-}
-export declare function Gutter({ glyph, color, children }: GutterProps): React.ReactElement;
-/**
- * The one-row gap between turns: a dim rail stub rather than a blank line, so
- * the eye still follows a continuous left edge across the turn boundary.
- */
-export declare function RailSpacer({ continuation, color, }: {
-    continuation: string;
-    color?: string;
-}): React.ReactElement;
-/**
- * A left-only border whose vertical character is the rail glyph.
- *
- * Used where a block owns its own lines (tool preview, fenced code) and used to
- * be wrapped in a round box: the border cost 2 rows plus 2 columns of padding
- * and nested visibly inside other round boxes. Ink repeats `box.left` for the
- * measured height of the child, so this is a continuous rail that costs 1 column
- * and 0 rows.
- */
-export declare function railBorderProps(rail: string, color?: string): {
-    readonly borderStyle: {
-        readonly topLeft: string;
-        readonly top: "";
-        readonly topRight: "";
-        readonly right: "";
-        readonly bottomRight: "";
-        readonly bottom: "";
-        readonly bottomLeft: string;
-        readonly left: string;
-    };
-    readonly borderTop: false;
-    readonly borderBottom: false;
-    readonly borderRight: false;
-    readonly borderLeft: true;
-    readonly borderColor: string | undefined;
-};

package/dist/ui/layout/Gutter.js

@@ -1,42 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Text } from 'ink';
-/** Columns reserved for the rail, glyph included. */
-export const GUTTER_WIDTH = 2;
-export function Gutter({ glyph, color, children }) {
-    return (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { flexShrink: 0, width: GUTTER_WIDTH, children: _jsx(Text, { color: color, children: glyph }) }), _jsx(Box, { flexDirection: "column", flexBasis: 0, flexGrow: 1, flexShrink: 0, children: children })] }));
-}
-/**
- * The one-row gap between turns: a dim rail stub rather than a blank line, so
- * the eye still follows a continuous left edge across the turn boundary.
- */
-export function RailSpacer({ continuation, color, }) {
-    return (_jsx(Text, { color: color, children: continuation }));
-}
-/**
- * A left-only border whose vertical character is the rail glyph.
- *
- * Used where a block owns its own lines (tool preview, fenced code) and used to
- * be wrapped in a round box: the border cost 2 rows plus 2 columns of padding
- * and nested visibly inside other round boxes. Ink repeats `box.left` for the
- * measured height of the child, so this is a continuous rail that costs 1 column
- * and 0 rows.
- */
-export function railBorderProps(rail, color) {
-    return {
-        borderStyle: {
-            topLeft: rail,
-            top: '',
-            topRight: '',
-            right: '',
-            bottomRight: '',
-            bottom: '',
-            bottomLeft: rail,
-            left: rail,
-        },
-        borderTop: false,
-        borderBottom: false,
-        borderRight: false,
-        borderLeft: true,
-        borderColor: color,
-    };
-}

package/dist/ui/layout/MeasuredEntry.d.ts

@@ -1,21 +0,0 @@
-/**
- * One transcript entry, wrapped so its rendered height reaches the height store
- * (tui-render-performance L3).
- *
- * IT MUST NOT CONSTRAIN HEIGHT. The natural height IS the value being measured;
- * a `height` prop here would make every entry report back whatever it was told,
- * and the spacers would encode a fiction.
- *
- * Ink computes yoga layout in `onRender`, which React runs BEFORE layout
- * effects, so the measurement below reflects the commit that just happened —
- * the same mechanism `ScrollViewport.tsx:87-88` and `AppShell.tsx:100-102`
- * already document and rely on.
- */
-import React from 'react';
-import type { HeightKey } from './virtual-window.js';
-export interface MeasuredEntryProps {
-    heightKey: HeightKey;
-    onMeasure: (key: HeightKey, rows: number) => void;
-    children: React.ReactNode;
-}
-export declare function MeasuredEntry({ heightKey, onMeasure, children, }: MeasuredEntryProps): React.ReactElement;

package/dist/ui/layout/MeasuredEntry.js

@@ -1,30 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * One transcript entry, wrapped so its rendered height reaches the height store
- * (tui-render-performance L3).
- *
- * IT MUST NOT CONSTRAIN HEIGHT. The natural height IS the value being measured;
- * a `height` prop here would make every entry report back whatever it was told,
- * and the spacers would encode a fiction.
- *
- * Ink computes yoga layout in `onRender`, which React runs BEFORE layout
- * effects, so the measurement below reflects the commit that just happened —
- * the same mechanism `ScrollViewport.tsx:87-88` and `AppShell.tsx:100-102`
- * already document and rely on.
- */
-import { useLayoutEffect, useRef } from 'react';
-import { Box, measureElement } from 'ink';
-export function MeasuredEntry({ heightKey, onMeasure, children, }) {
-    const ref = useRef(null);
-    // No dependency array on purpose: the entry's content can change without the
-    // key changing identity in a way this component can see, and `report` is a
-    // no-op when the measurement is unchanged — so an unconditional effect costs
-    // one `getComputedHeight()` read and cannot miss a resize.
-    useLayoutEffect(() => {
-        const node = ref.current;
-        if (!node)
-            return;
-        onMeasure(heightKey, measureElement(node).height);
-    });
-    return (_jsx(Box, { ref: ref, flexDirection: "column", flexShrink: 0, children: children }));
-}

package/dist/ui/layout/OverlayFrame.d.ts

@@ -1,73 +0,0 @@
-import React from 'react';
-import type { Theme } from '../theme.js';
-import type { TermCapabilities } from '../capabilities.js';
-interface OverlayFrameBase {
-    title: string;
-    /** Footer text. Written by the CALLER so each overlay names its own keys. */
-    hint: string;
-    /** Viewport rows the overlay may occupy. */
-    maxRows: number;
-    cols?: number;
-    theme: Theme;
-    caps: TermCapabilities;
-    /**
-     * Where the frame sits on the row when `width` is given.
-     *
-     * DEFAULT `'left'` AND NO WRAPPER BOX: with neither new prop set, the render
-     * tree is byte-identical to the pre-`shortcut-drawer` one, which is what keeps
-     * the eight existing overlays' layout assertions green (`R-16`).
-     */
-    align?: 'left' | 'right';
-    /**
-     * An explicit width for a frame that is NOT the full terminal width - the
-     * shortcut drawer's right-hand bar.
-     *
-     * THE FRAME STILL DECIDES ITS OWN FORM from `cols` (`BORDERLESS_COLS`), so the
-     * caller passes the TERMINAL width here and the bar's width separately. Passing
-     * the bar's width as `cols` would put a 46-cell drawer on a 200-column terminal
-     * into the rail form for ever.
-     */
-    width?: number;
-}
-interface OverlayFrameControlled extends OverlayFrameBase {
-    /** One element per row, each already `wrap="truncate"`. */
-    rows: readonly React.ReactElement[];
-    scrollOffset: number;
-    /**
-     * Report the offset back after clamping.
-     *
-     * `sliceWindow` clamps for DISPLAY, but the owner of the state does not learn
-     * about it. A caller that just keeps adding a page per `PgDn` therefore ends
-     * up parked far past the end, and the first several `PgUp` presses then move a
-     * counter nobody can see while the screen sits still — the overlay reads as
-     * frozen. Feeding the clamped value back keeps the two in step.
-     */
-    onScrollClamp?: (offset: number) => void;
-    children?: undefined;
-}
-interface OverlayFrameSelfManaged extends OverlayFrameBase {
-    rows?: undefined;
-    scrollOffset?: undefined;
-    onScrollClamp?: undefined;
-    children: React.ReactNode;
-}
-export type OverlayFrameProps = OverlayFrameControlled | OverlayFrameSelfManaged;
-export declare function OverlayFrame(props: OverlayFrameProps): React.ReactElement;
-/**
- * Rows one PgUp/PgDn - and one Shift+wheel notch - turns inside a controlled
- * overlay (defect 11).
- *
- * THIS IS THE OVERLAY'S `scroll.pageSize`, deliberately the same rule: one window
- * minus `PAGE_CONTEXT_LINES` of overlap, so a reader keeps two rows of context
- * across a page turn exactly as `PgDn` in the transcript does. It replaces a
- * constant 8, which was 42% of `/help`'s 19-row window on a 100x24 terminal and
- * made reading a 93-row shortcut list a twelve-keystroke exercise.
- *
- * THE WINDOW HEIGHT COMES FROM `overlayBodyRows`, which is the same expression
- * `OverlayFrame` renders with - computed twice here would be the two-authorities
- * defect B1 is fixing one component over.
- */
-export declare function overlayPageSize(maxRows: number, cols: number): number;
-/** Body rows shared by controlled overlays and self-managed focused lists. */
-export declare function overlayBodyRows(maxRows: number, cols: number): number;
-export {};

package/dist/ui/layout/OverlayFrame.js

@@ -1,110 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useEffect, useMemo } from 'react';
-import { Box, Text } from 'ink';
-import stringWidth from 'string-width';
-import { pickGlyphs } from '../glyphs.js';
-import { sliceWindow } from './overlay-window.js';
-import { pageSize } from './scroll.js';
-/** Below this width the round border costs more than it conveys (§5.2). */
-const BORDERLESS_COLS = 48;
-/** Title + footer + top and bottom border. */
-const CHROME_ROWS = 4;
-/**
- * The frame's own `marginTop`, which is spent out of the SAME `maxRows` budget.
- *
- * Leaving it out makes the box render one row taller than the viewport it sits
- * in, and the viewport's `overflow: hidden` then eats the bottom border — an
- * overlay silently clipped by exactly the mechanism this round exists to remove.
- * Verified by `overlay-frame-height.test.tsx`.
- */
-const MARGIN_ROWS = 1;
-export function OverlayFrame(props) {
-    const { title, hint, maxRows, cols = 80, theme, caps } = props;
-    const glyphs = pickGlyphs(caps);
-    // Ink applies changed style keys alone. Recreating this object resets the
-    // unchanged borderTop/borderBottom=false edges to one cell on a later render.
-    const railBorderStyle = useMemo(() => ({
-        topLeft: glyphs.railVertical, top: '', topRight: '', right: '',
-        bottomRight: '', bottom: '', bottomLeft: glyphs.railVertical,
-        left: glyphs.railVertical,
-    }), [glyphs.railVertical]);
-    const compact = Number.isFinite(maxRows) && maxRows < (cols >= BORDERLESS_COLS ? 6 : 4);
-    const bordered = !compact && cols >= BORDERLESS_COLS;
-    const unbounded = !Number.isFinite(maxRows);
-    let body;
-    let position = '';
-    /** Set only in controlled mode; `null` means "nothing to report back". */
-    let overflowOffset = null;
-    if (props.rows) {
-        const chrome = compact ? 2 : MARGIN_ROWS + (bordered ? CHROME_ROWS : CHROME_ROWS - 2);
-        const height = unbounded ? props.rows.length : Math.max(1, Math.floor(maxRows) - chrome);
-        const win = sliceWindow(props.rows.length, props.scrollOffset, height);
-        body = props.rows.slice(win.start, win.start + win.visible);
-        if (win.clamped !== props.scrollOffset)
-            overflowOffset = win.clamped;
-        if (!unbounded && win.visible < win.total) {
-            const up = win.start > 0 ? glyphs.arrowUp : ' ';
-            const down = win.start + win.visible < win.total ? glyphs.arrowDown : ' ';
-            position = `  ${up}${down} ${win.start + 1}-${win.start + win.visible}/${win.total}`;
-        }
-    }
-    else {
-        body = props.children;
-    }
-    // In an effect, not in the branch above: calling the owner's setter mid-render
-    // updates another component while this one renders. Clamping is idempotent, so
-    // this settles after one extra pass.
-    const onScrollClamp = props.onScrollClamp;
-    useEffect(() => {
-        if (overflowOffset !== null)
-            onScrollClamp?.(overflowOffset);
-    }, [overflowOffset, onScrollClamp]);
-    const inner = (_jsxs(_Fragment, { children: [_jsxs(Box, { flexDirection: "row", height: 1, flexShrink: 0, children: [_jsx(Box, { flexGrow: 1, flexShrink: 1, children: _jsx(Text, { wrap: "truncate", color: theme.primary, bold: true, children: title }) }), position && _jsx(Box, { width: stringWidth(position), flexShrink: 0, children: _jsx(Text, { color: theme.muted, children: position }) })] }), _jsx(Box, { flexDirection: "column", flexShrink: 0, height: unbounded ? undefined : Math.max(1, maxRows - (compact ? 2 : bordered ? 5 : 3)), overflowY: "hidden", children: body }), _jsx(Text, { wrap: "truncate", color: theme.hintFg ?? theme.muted, children: hint })] }));
-    // THE NEW PROPS ARE OPTIONAL AND THEIR DEFAULT IS TODAY'S BEHAVIOUR (R-16): the
-    // three branches below return exactly what they always returned unless the
-    // caller asked for a width or a right-hand placement. When it did, the SAME box
-    // is built and then placed inside one row-wide wrapper, which is the only way
-    // Ink can push a fixed-width child to the right edge (a `marginLeft: 'auto'`
-    // does not exist here).
-    const width = props.width;
-    const align = props.align ?? 'left';
-    const placed = (node) => {
-        if (width === undefined && align === 'left')
-            return node;
-        return (_jsx(Box, { width: cols, flexDirection: "row", flexShrink: 0, justifyContent: align === 'right' ? 'flex-end' : 'flex-start', children: node }));
-    };
-    const boxWidth = width === undefined ? {} : { width };
-    if (compact) {
-        return placed(_jsx(Box, { ...boxWidth, width: width ?? cols, height: Math.max(0, maxRows), flexDirection: "column", flexShrink: 0, overflowY: "hidden", children: inner }));
-    }
-    if (!bordered) {
-        // Narrow terminals trade the box for a rail: same grouping, 2 fewer rows
-        // and 4 fewer columns (§5.2).
-        return placed(_jsx(Box, { flexDirection: "column", flexShrink: 0, marginTop: 1, ...boxWidth, children: _jsx(Box, { flexDirection: "column", flexShrink: 0, borderStyle: railBorderStyle, borderTop: false, borderBottom: false, borderRight: false, borderColor: theme.primary, paddingLeft: 1, children: inner }) }));
-    }
-    return placed(_jsx(Box, { flexDirection: "column", flexShrink: 0, borderStyle: glyphs.boxStyle, borderColor: theme.primary, paddingX: 1, marginTop: 1, ...boxWidth, children: inner }));
-}
-/**
- * Rows one PgUp/PgDn - and one Shift+wheel notch - turns inside a controlled
- * overlay (defect 11).
- *
- * THIS IS THE OVERLAY'S `scroll.pageSize`, deliberately the same rule: one window
- * minus `PAGE_CONTEXT_LINES` of overlap, so a reader keeps two rows of context
- * across a page turn exactly as `PgDn` in the transcript does. It replaces a
- * constant 8, which was 42% of `/help`'s 19-row window on a 100x24 terminal and
- * made reading a 93-row shortcut list a twelve-keystroke exercise.
- *
- * THE WINDOW HEIGHT COMES FROM `overlayBodyRows`, which is the same expression
- * `OverlayFrame` renders with - computed twice here would be the two-authorities
- * defect B1 is fixing one component over.
- */
-export function overlayPageSize(maxRows, cols) {
-    return pageSize(overlayBodyRows(maxRows, cols));
-}
-/** Body rows shared by controlled overlays and self-managed focused lists. */
-export function overlayBodyRows(maxRows, cols) {
-    if (!Number.isFinite(maxRows))
-        return 20;
-    const compact = maxRows < (cols >= BORDERLESS_COLS ? 6 : 4);
-    return Math.max(1, Math.floor(maxRows) - (compact ? 2 : cols >= BORDERLESS_COLS ? 5 : 3));
-}

package/dist/ui/layout/ScrollIndicator.d.ts

@@ -1,32 +0,0 @@
-/**
- * ScrollIndicator (mouse-wheel-region-routing §4.8) — the one-column scroll
- * position rail on the viewport's right edge.
- *
- * NAMING (P2-1): this is NOT `layout/Gutter.tsx`. That one is the two-column
- * left rail every transcript entry sits in, and it carries an invariant of its
- * own. Two components called a gutter, on opposite edges, for unrelated
- * purposes, is how a codebase stops being able to say what it means.
- *
- * THE COLUMN IS RESERVED UNCONDITIONALLY, track glyph and all. Showing it only
- * while scrolled would change the content width, re-wrap every line, change the
- * content height, and feed that back into the measurement that decides whether
- * to show it — a shimmer at the exact moment the user is reading. Constant
- * width, no feedback loop (D-9); `width={1}` and `flexShrink={0}` hold the
- * column even on the first frame, before anything has been measured.
- */
-import React from 'react';
-import type { Theme } from '../theme.js';
-import type { TermCapabilities } from '../capabilities.js';
-import type { ThumbRange } from './scroll-indicator.js';
-/** Smallest supported fullscreen width; every usable chat frame reserves the column. */
-export declare const MIN_INDICATOR_COLS = 40;
-export interface ScrollIndicatorProps {
-    /** Viewport height in rows, as measured by `ScrollViewport`. */
-    rows: number;
-    /** `null` when the content fits — the rail is drawn as bare track. */
-    thumb: ThumbRange | null;
-    dragging?: boolean;
-    theme: Theme;
-    caps: TermCapabilities;
-}
-export declare function ScrollIndicator({ rows, thumb, dragging, theme, caps, }: ScrollIndicatorProps): React.ReactElement;

package/dist/ui/layout/ScrollIndicator.js

@@ -1,22 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Box, Text } from 'ink';
-import { pickGlyphs } from '../glyphs.js';
-/** Smallest supported fullscreen width; every usable chat frame reserves the column. */
-export const MIN_INDICATOR_COLS = 40;
-export function ScrollIndicator({ rows, thumb, dragging = false, theme, caps, }) {
-    const glyphs = pickGlyphs(caps);
-    const count = Math.max(0, Math.floor(rows) || 0);
-    // NO CELLS WITHOUT A THUMB (defect 6). `thumb === null` means the content fits,
-    // so there is no position to mark and a full-height column of track glyphs is
-    // pure noise next to an empty transcript. The BOX below is still rendered
-    // whatever the thumb is — see the feedback-loop note at the top of this file:
-    // the reserved column, not the glyphs, is what keeps the width constant.
-    const cells = [];
-    if (thumb) {
-        for (let i = 0; i < count; i += 1) {
-            const onThumb = i >= thumb.start && i < thumb.start + thumb.size;
-            cells.push(_jsx(Text, { color: onThumb ? theme.primary : theme.muted, bold: onThumb && dragging, children: onThumb ? glyphs.scrollThumb : glyphs.scrollTrack }, i));
-        }
-    }
-    return (_jsx(Box, { flexDirection: "column", flexShrink: 0, width: 1, children: cells }));
-}

package/dist/ui/layout/ScrollViewport.d.ts

@@ -1,40 +0,0 @@
-import React from 'react';
-import { type DOMElement } from 'ink';
-import type { Theme } from '../theme.js';
-import type { TermCapabilities } from '../capabilities.js';
-import { type ScrollbarBridge } from '../scrollbar-controller.js';
-import { type ScrollIntent } from './scroll.js';
-import { type TailSink } from './follow-state.js';
-export interface ScrollViewportProps {
-    intent?: {
-        kind: ScrollIntent;
-        nonce: number;
-        repeat?: number;
-    };
-    pinToBottomNonce?: number;
-    resetKey?: unknown;
-    geometryKey?: string;
-    onGeometryChange?: () => void;
-    onScrolledLinesChange?: (lines: number) => void;
-    onViewportShiftChange?: (shift: number) => void;
-    tailRowsRef?: TailSink;
-    hold?: boolean;
-    resumeMs?: number;
-    showScrollIndicator?: boolean;
-    cols?: number;
-    footer?: React.ReactNode;
-    rail?: React.ReactNode;
-    overlay?: React.ReactNode;
-    active?: boolean;
-    scrollbar?: ScrollbarBridge;
-    composerRef?: React.RefObject<DOMElement>;
-    onComposerVisibilityChange?: (visible: boolean) => void;
-    /** The run status row above the input box (tui-scrollbar-edge-and-run-row). */
-    activityRef?: React.RefObject<DOMElement>;
-    onActivityVisibilityChange?: (visible: boolean) => void;
-    theme: Theme;
-    caps: TermCapabilities;
-    children: React.ReactNode;
-}
-/** One offset for messages, padding and panels; hidden trees keep their local state. */
-export declare function ScrollViewport(props: ScrollViewportProps): React.ReactElement;