@corenel/web-ui 0.13.3 → 0.14.0

package/dist/steps/LiveRail.d.ts

@@ -0,0 +1,14 @@
+import type { JSX } from 'react';
+import type { ArrivalEffect } from '../arrivalEffect';
+import type { TurnBlock } from './model';
+import { type RerunOpts } from './useRailDetail';
+/** The scope of the live turn's detail ids. At run end the chat moves an open
+ * one to its settled twin (StepDetailHost `follow`). */
+export declare const LIVE_SCOPE = "live/";
+/** The in-progress turn's steps on the rail (liveBlocks), each opening its
+ * detail in the host above, like a settled turn's. */
+export declare function LiveRail(p: {
+    blocks: TurnBlock[];
+    nameFx?: ArrivalEffect;
+} & RerunOpts): JSX.Element | null;
+//# sourceMappingURL=LiveRail.d.ts.map

package/dist/steps/LiveRail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LiveRail.d.ts","sourceRoot":"","sources":["../../steps/LiveRail.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,OAAO,EAAiB,KAAK,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAEhE;wDACwD;AACxD,eAAO,MAAM,UAAU,UAAU,CAAC;AAElC;sDACsD;AACtD,wBAAgB,QAAQ,CAAC,CAAC,EAAE;IAAE,MAAM,EAAE,SAAS,EAAE,CAAC;IAAC,MAAM,CAAC,EAAE,aAAa,CAAA;CAAE,GAAG,SAAS,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAS3G"}

package/dist/steps/LiveRail.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { StepRail } from './StepRail';
+import { useRailDetail } from './useRailDetail';
+/** The scope of the live turn's detail ids. At run end the chat moves an open
+ * one to its settled twin (StepDetailHost `follow`). */
+export const LIVE_SCOPE = 'live/';
+/** The in-progress turn's steps on the rail (liveBlocks), each opening its
+ * detail in the host above, like a settled turn's. */
+export function LiveRail(p) {
+    const { selectedId, openStep } = useRailDetail(LIVE_SCOPE, p.blocks, { onRerun: p.onRerun, canRerun: p.canRerun });
+    const rails = p.blocks.filter((b) => b.kind === 'rail');
+    if (!rails.length)
+        return null;
+    return (_jsx(_Fragment, { children: rails.map((b) => _jsx(StepRail, { items: b.items, onOpenStep: openStep, selectedId: selectedId, nameFx: p.nameFx }, b.key)) }));
+}
+//# sourceMappingURL=LiveRail.js.map

package/dist/steps/LiveRail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LiveRail.js","sourceRoot":"","sources":["../../steps/LiveRail.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,aAAa,EAAkB,MAAM,iBAAiB,CAAC;AAEhE;wDACwD;AACxD,MAAM,CAAC,MAAM,UAAU,GAAG,OAAO,CAAC;AAElC;sDACsD;AACtD,MAAM,UAAU,QAAQ,CAAC,CAA8D;IACrF,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,aAAa,CAAC,UAAU,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC;IACnH,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAA6C,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC;IACnG,IAAI,CAAC,KAAK,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAC/B,OAAO,CACL,4BACG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,KAAC,QAAQ,IAAa,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,CAAC,MAAM,IAArF,CAAC,CAAC,GAAG,CAAoF,CAAC,GAC1H,CACJ,CAAC;AACJ,CAAC"}

package/dist/steps/StepDetail.d.ts

@@ -0,0 +1,23 @@
+import { type JSX } from 'react';
+import type { Step } from './model';
+import './rail.css';
+/** The detail's title: what kind of thing the step did, in words. A kind with no
+ * fixed title says the step's own line ("Used create issue on github"), not a
+ * bare verb. */
+export declare function stepTitle(step: Step): string;
+/** A secondary button that copies `text` and says whether it worked. */
+export declare function CopyButton(p: {
+    text: string;
+    label?: string;
+}): JSX.Element;
+/** The same copy as an icon for a detail's header. Its name says what happened,
+ * so a screen reader hears "Copied" where a sighted reader sees the check. */
+export declare function CopyIconButton(p: {
+    text: string;
+    label: string;
+}): JSX.Element;
+export declare function StepDetailBody(p: {
+    step: Step;
+    onRerun?: () => void;
+}): JSX.Element;
+//# sourceMappingURL=StepDetail.d.ts.map

package/dist/steps/StepDetail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepDetail.d.ts","sourceRoot":"","sources":["../../steps/StepDetail.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAI9D,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAMpC,OAAO,YAAY,CAAC;AA+BpB;;gBAEgB;AAChB,wBAAgB,SAAS,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CAO5C;AA4ID,wEAAwE;AACxE,wBAAgB,UAAU,CAAC,CAAC,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,GAAG,CAAC,OAAO,CAG3E;AAED;8EAC8E;AAC9E,wBAAgB,cAAc,CAAC,CAAC,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAAG,GAAG,CAAC,OAAO,CAQ9E;AAED,wBAAgB,cAAc,CAAC,CAAC,EAAE;IAAE,IAAI,EAAE,IAAI,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE,GAAG,GAAG,CAAC,OAAO,CAqCnF"}

package/dist/steps/StepDetail.js

@@ -0,0 +1,195 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { KitButton } from '@corenel/ui-kit/kit';
+import { IcCheck, IcCopy, IcX } from '@corenel/ui-kit/icons';
+import { RichArgs, RichResult } from '../RichContent';
+import { firstLine } from './outcome';
+import { capLines, commandMeta, DETAIL_LINE_CAP, lineTone, parseCommandResult, writePeek } from './peek';
+import { durationText } from './StepRail';
+import { BlockedResult, CHECK_FLAG_AT, checkText } from '../toolRender';
+import { hookSummary } from './words';
+import './rail.css';
+/* A step's full detail: what it acted on, where, how it ended, and its output.
+ * The host (StepDetailHost) puts it in a Sheet on the phone or the side panel on
+ * desktop. Copy output and Run again live here, not on the step line.
+ *
+ * Huge output stays cheap: at most DETAIL_LINE_CAP lines render, then one line says
+ * how many more there are. Copy output always copies everything. */
+const COPIED_MS = 1200;
+const REASON_MAX = 300;
+/** Longest a rendered detail line may be; Copy output still copies the whole line. */
+const LINE_CLIP = 2000;
+function text(v) {
+    return typeof v === 'string' ? v : '';
+}
+function clip(s, max) {
+    return s.length > max ? `${s.slice(0, max - 1)}…` : s;
+}
+function refused(step) {
+    return step.status === 'failed' && step.outcome === 'refused';
+}
+const TITLE_MAX = 80;
+/** The detail's title: what kind of thing the step did, in words. A kind with no
+ * fixed title says the step's own line ("Used create issue on github"), not a
+ * bare verb. */
+export function stepTitle(step) {
+    const { kind, verb, object } = step.words;
+    if (kind === 'run' && text(step.args.command))
+        return 'Ran a command';
+    if (kind === 'write' && text(step.args.path))
+        return 'Wrote a file';
+    if (kind === 'read' && text(step.args.path))
+        return 'Read a file';
+    if (kind === 'search' || kind === 'list')
+        return 'Explored';
+    return clip([verb, object].filter(Boolean).join(' '), TITLE_MAX);
+}
+/** The output the step's main area shows and Copy output copies. */
+function outputOf(step) {
+    const source = step.status === 'running' ? text(step.partial) : step.result;
+    if (refused(step))
+        return step.result;
+    const kind = step.words.kind;
+    if (kind === 'run')
+        return parseCommandResult(step.name, step.args, source).body;
+    if (kind === 'write') {
+        const content = text(step.args.content);
+        return content || source;
+    }
+    return source;
+}
+/** Why a failed step failed, for the first row. */
+function reasonOf(step) {
+    if (refused(step))
+        return 'Refused';
+    // A command's own words for its failure ("1 failed", "timed out") beat its first
+    // line; a passing count ("3 passed") is not a reason.
+    if (step.words.kind === 'run') {
+        const m = commandMeta(parseCommandResult(step.name, step.args, step.result));
+        if (m.tone === 'bad')
+            return m.text;
+    }
+    return clip(firstLine(step.result), REASON_MAX);
+}
+function rowsOf(step) {
+    const rows = [];
+    if (step.status === 'failed') {
+        const reason = reasonOf(step);
+        if (reason)
+            rows.push({ label: 'Reason', value: reason, tone: 'bad' });
+    }
+    const a = step.args;
+    const add = (label, value) => {
+        if (value)
+            rows.push({ label, value });
+    };
+    switch (step.words.kind) {
+        case 'run': {
+            add('Command', text(a.command) || step.words.object);
+            add('Folder', text(a.cwd) || text(a.root) || '.');
+            if (step.status !== 'running' && step.status !== 'stopped' && !refused(step)) {
+                const r = parseCommandResult(step.name, a, step.result);
+                add('Exit', r.timedOut ? 'timed out' : r.exit !== null ? `exit ${r.exit}` : '');
+                const ms = typeof step.ms === 'number' ? step.ms : r.ms;
+                if (typeof ms === 'number')
+                    add('Duration', durationText(ms));
+            }
+            break;
+        }
+        case 'write': {
+            add('Path', text(a.path));
+            add('Folder', text(a.root));
+            const w = writePeek(a, 0);
+            if (w && !refused(step))
+                add('Lines', `+${w.added}`);
+            break;
+        }
+        case 'read':
+        case 'search':
+        case 'list': {
+            if (text(a.path))
+                add('Path', text(a.path));
+            else
+                add('Query', text(a.query) || text(a.pattern));
+            add('Folder', text(a.root));
+            break;
+        }
+        default:
+            break;
+    }
+    if (step.check)
+        rows.push({ label: 'Check', value: checkText(step.check), ...('score' in step.check && step.check.score >= CHECK_FLAG_AT ? { tone: 'bad' } : {}) });
+    const s1 = hookSummary(step.hooks, step.check);
+    if (s1.states.length)
+        rows.push({ label: 'System One', value: s1.states.join(', '), ...(s1.blocked ? { tone: 'bad' } : {}) });
+    return rows;
+}
+/** Shown is capped; `more` counts the lines left out. */
+function Output(p) {
+    const { shown, more } = capLines(p.body, DETAIL_LINE_CAP);
+    if (!shown && !more) {
+        return _jsx("div", { className: "tx-detail-output", "data-tx-part": "detail-output", "data-tx-empty": "", children: "No output." });
+    }
+    const lines = shown.split('\n');
+    return (_jsxs("div", { className: "tx-detail-output", "data-tx-part": "detail-output", children: [lines.map((raw, i) => {
+                const full = raw.endsWith('\r') ? raw.slice(0, -1) : raw;
+                const line = full.length > LINE_CLIP ? full.slice(0, LINE_CLIP) : full;
+                const tone = p.toned ? lineTone(line) : 'plain';
+                return (_jsxs("div", { className: "tx-detail-line", "data-tx-part": "detail-line", "data-tx-tone": tone, children: [p.numbered ? _jsx("span", { className: "tx-detail-num", "data-tx-part": "detail-num", children: i + 1 }) : null, line, full.length > LINE_CLIP ? (_jsx("span", { className: "tx-detail-clip", "data-tx-part": "detail-clip", children: ` ${(full.length - LINE_CLIP).toLocaleString('en-US')} more characters` })) : null] }, i));
+            }), more > 0 ? (_jsx("div", { className: "tx-detail-more", "data-tx-part": "detail-more", children: `${more.toLocaleString('en-US')} more ${more === 1 ? 'line' : 'lines'}. Copy output for all of it.` })) : null] }));
+}
+const COPY_WORDS = { copied: 'Copied', failed: 'Copy failed' };
+/** Copy `text` on demand; the state says whether it worked, for COPIED_MS. */
+function useCopy(text) {
+    const [state, setState] = useState('idle');
+    const timer = useRef(null);
+    const live = useRef(true);
+    useEffect(() => {
+        live.current = true;
+        return () => {
+            live.current = false;
+            if (timer.current)
+                clearTimeout(timer.current);
+        };
+    }, []);
+    const show = (next) => {
+        if (!live.current)
+            return;
+        setState(next);
+        if (timer.current)
+            clearTimeout(timer.current);
+        timer.current = setTimeout(() => setState('idle'), COPIED_MS);
+    };
+    const copy = () => {
+        const board = typeof navigator !== 'undefined' ? navigator.clipboard : undefined;
+        if (!board || typeof board.writeText !== 'function') {
+            show('failed');
+            return;
+        }
+        board.writeText(text).then(() => show('copied'), () => show('failed'));
+    };
+    return [state, copy];
+}
+/** A secondary button that copies `text` and says whether it worked. */
+export function CopyButton(p) {
+    const [state, copy] = useCopy(p.text);
+    return _jsx(KitButton, { variant: "secondary", onClick: copy, children: state === 'idle' ? (p.label ?? 'Copy output') : COPY_WORDS[state] });
+}
+/** The same copy as an icon for a detail's header. Its name says what happened,
+ * so a screen reader hears "Copied" where a sighted reader sees the check. */
+export function CopyIconButton(p) {
+    const [state, copy] = useCopy(p.text);
+    const name = state === 'idle' ? p.label : COPY_WORDS[state];
+    return (_jsx("button", { type: "button", className: "tx-detail-icon", "data-tx-part": "detail-icon", "aria-label": name, title: name, onClick: copy, children: state === 'copied' ? _jsx(IcCheck, { size: 16 }) : state === 'failed' ? _jsx(IcX, { size: 16 }) : _jsx(IcCopy, { size: 16 }) }));
+}
+export function StepDetailBody(p) {
+    const { step, onRerun } = p;
+    const kind = step.words.kind;
+    const rows = rowsOf(step);
+    const out = outputOf(step);
+    const known = kind === 'run' || kind === 'write' || kind === 'read' || kind === 'search' || kind === 'list';
+    // Anything else reads as today's tool details, unless its result is too long to render whole.
+    const rich = !known && !refused(step) && capLines(step.result, DETAIL_LINE_CAP).more === 0;
+    return (_jsxs("div", { className: "tx-detail", "data-tx-part": "detail", "data-tx-kind": kind, "data-tx-status": step.status, children: [rows.length ? (_jsx("dl", { className: "tx-detail-kv", "data-tx-part": "detail-kv", children: rows.map((r) => (_jsxs("div", { className: "tx-detail-row", "data-tx-part": "detail-row", "data-tx-tone": r.tone, children: [_jsx("dt", { children: r.label }), _jsx("dd", { children: r.value })] }, r.label))) })) : null, step.status === 'stopped' ? (_jsx("div", { className: "tx-detail-output", "data-tx-part": "detail-output", "data-tx-empty": "", children: "No result. The run stopped before this step finished." })) : rich ? (_jsxs("div", { className: "tx-detail-rich", "data-tx-part": "detail-output", children: [_jsx(RichArgs, { name: step.name, args: step.args }), _jsx(RichResult, { name: step.name, args: step.args, result: step.result })] })) : (_jsx(Output, { body: out, numbered: kind === 'write' && !refused(step), toned: kind === 'run' })), step.status !== 'running' ? _jsx(BlockedResult, { callId: step.callId, hooks: step.hooks, check: step.check }) : null, _jsxs("div", { className: "tx-detail-actions", "data-tx-part": "detail-actions", children: [_jsx(CopyButton, { text: rich ? step.result : out }), onRerun && kind === 'run' ? _jsx(KitButton, { variant: "secondary", onClick: onRerun, children: "Run again" }) : null] })] }));
+}
+//# sourceMappingURL=StepDetail.js.map

package/dist/steps/StepDetail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepDetail.js","sourceRoot":"","sources":["../../steps/StepDetail.tsx"],"names":[],"mappings":"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"}

package/dist/steps/StepDetailHost.d.ts

@@ -0,0 +1,54 @@
+import { type JSX, type ReactNode } from 'react';
+import { type KitStatus } from '@corenel/ui-kit/kit';
+import './rail.css';
+export interface DetailTarget {
+    id: string;
+    title: string;
+    status?: KitStatus;
+    body: () => ReactNode;
+    /** Icon buttons for the header, before Close (the side panel's head, the
+     * phone sheet's title row). */
+    actions?: () => ReactNode;
+}
+/** What an opener says its open detail looks like NOW. */
+export interface DetailLive {
+    body: () => ReactNode;
+    status?: KitStatus;
+    actions?: () => ReactNode;
+}
+export interface StepDetailApi {
+    open(t: DetailTarget): void;
+    /** Keep the open detail for `id` current. An opener calls this from a layout
+     * effect after every render in which its detail is open; the host re-renders
+     * the detail from the newest entry. A call for an id that is not open is ignored. */
+    register(id: string, live: DetailLive): void;
+    /** An opener that can draw `id` says so while it is mounted (useDetailHold).
+     * Once an open detail has been held, it closes when its last holder lets go:
+     * the step or turn it showed went away, so a frozen body never stays open. */
+    hold(id: string): void;
+    release(id: string): void;
+    close(): void;
+    openId: string | null;
+}
+/** The nearest host's api, or null outside a host. */
+export declare function useStepDetail(): StepDetailApi | null;
+/** Hold `id` while this component is mounted and `id` is not null. An opener
+ * passes the id of its open detail when it can still draw it, else null. */
+export declare function useDetailHold(id: string | null): void;
+/** Moves an open detail whose id starts with `from` to the same id under `to`
+ * (the live turn's step to its settled twin). The twin must hold it, or it closes. */
+export interface DetailFollow {
+    from: string;
+    to: string;
+}
+/** True on the phone layout; follows the query live. */
+export declare function useIsPhone(): boolean;
+/** `hidden`: the host's box takes no room (its host shows something else in its
+ * place, e.g. a scrubbed-back timeline); the open detail stays as it is. */
+export declare function StepDetailHost(p: {
+    children: ReactNode;
+    className?: string;
+    follow?: DetailFollow;
+    hidden?: boolean;
+}): JSX.Element;
+//# sourceMappingURL=StepDetailHost.d.ts.map

package/dist/steps/StepDetailHost.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepDetailHost.d.ts","sourceRoot":"","sources":["../../steps/StepDetailHost.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuH,KAAK,GAAG,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACtK,OAAO,EAAmC,KAAK,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAGtF,OAAO,YAAY,CAAC;AAUpB,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,IAAI,EAAE,MAAM,SAAS,CAAC;IACtB;mCAC+B;IAC/B,OAAO,CAAC,EAAE,MAAM,SAAS,CAAC;CAC3B;AAED,0DAA0D;AAC1D,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,SAAS,CAAC;IACtB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;IAC5B;;yFAEqF;IACrF,QAAQ,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,GAAG,IAAI,CAAC;IAC7C;;kFAE8E;IAC9E,IAAI,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,OAAO,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,KAAK,IAAI,IAAI,CAAC;IACd,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AAOD,sDAAsD;AACtD,wBAAgB,aAAa,IAAI,aAAa,GAAG,IAAI,CAEpD;AAED;4EAC4E;AAC5E,wBAAgB,aAAa,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CASrD;AAED;sFACsF;AACtF,MAAM,WAAW,YAAY;IAAG,IAAI,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE;AAE1D,wDAAwD;AACxD,wBAAgB,UAAU,IAAI,OAAO,CAoBpC;AA+CD;4EAC4E;AAC5E,wBAAgB,cAAc,CAAC,CAAC,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,YAAY,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,GAAG,CAAC,OAAO,CAqHnI"}

package/dist/steps/StepDetailHost.js

@@ -0,0 +1,175 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from 'react';
+import { KitSheet, StatusDot, statusWord } from '@corenel/ui-kit/kit';
+import { IcX } from '@corenel/ui-kit/icons';
+import { useEscape } from '@corenel/ui-kit/useEscape';
+import './rail.css';
+const PHONE_QUERY = '(max-width: 768px)';
+const HIDDEN = { display: 'none' };
+const StepDetailContext = createContext(null);
+/** The nearest host's api, or null outside a host. */
+export function useStepDetail() {
+    return useContext(StepDetailContext);
+}
+/** Hold `id` while this component is mounted and `id` is not null. An opener
+ * passes the id of its open detail when it can still draw it, else null. */
+export function useDetailHold(id) {
+    const api = useContext(StepDetailContext);
+    const hold = api?.hold;
+    const release = api?.release;
+    useLayoutEffect(() => {
+        if (!id || !hold || !release)
+            return undefined;
+        hold(id);
+        return () => release(id);
+    }, [id, hold, release]);
+}
+/** True on the phone layout; follows the query live. */
+export function useIsPhone() {
+    const get = () => typeof matchMedia === 'function' && matchMedia(PHONE_QUERY).matches === true;
+    const [phone, setPhone] = useState(get);
+    useEffect(() => {
+        if (typeof matchMedia !== 'function')
+            return;
+        const mq = matchMedia(PHONE_QUERY);
+        const on = () => setPhone(mq.matches === true);
+        on();
+        if (typeof mq.addEventListener === 'function') {
+            mq.addEventListener('change', on);
+            return () => mq.removeEventListener('change', on);
+        }
+        // Older engines only have the deprecated listener pair.
+        if (typeof mq.addListener === 'function') {
+            mq.addListener(on);
+            return () => mq.removeListener(on);
+        }
+        return undefined;
+    }, []);
+    return phone;
+}
+function SidePanel(p) {
+    const { target, onClose } = p;
+    const ref = useRef(null);
+    // Move focus into the panel when it opens or shows another step, so Escape and
+    // the keyboard act on it; the host returns focus to the opener on close. Keyed
+    // on the open, not the id: a follow to the settled twin changes the id while
+    // the reader is typing in the composer, and must not take focus from it.
+    useEffect(() => {
+        ref.current?.focus();
+    }, [p.opened]);
+    return (_jsxs("aside", { ref: ref, className: "tx-detail-side", "data-tx-part": "detail-side", "aria-label": target.title, tabIndex: -1, children: [_jsxs("div", { className: "tx-detail-head", "data-tx-part": "detail-head", children: [target.status ? (_jsxs("span", { className: "tx-detail-pill", "data-tx-part": "detail-pill", "data-tx-status": target.status, children: [_jsx(StatusDot, { status: target.status }), statusWord(target.status)] })) : null, _jsx("span", { className: "tx-detail-title", "data-tx-part": "detail-title", children: target.title }), p.actions ? _jsx("span", { className: "tx-detail-head-actions", "data-tx-part": "detail-head-actions", children: p.actions }) : null, _jsx("button", { type: "button", className: "tx-detail-close", "data-tx-part": "detail-close", "aria-label": "Close details", onClick: onClose, children: _jsx(IcX, { size: 16 }) })] }), _jsx("div", { className: "tx-detail-scroll", "data-tx-part": "detail-scroll", children: p.body })] }));
+}
+/** The sheet's content. It takes focus on open, and when another step opens in
+ * the same sheet (the sheet itself only takes focus when it mounts); not on a
+ * follow, which is the same step under its settled id. */
+function SheetBody(p) {
+    const ref = useRef(null);
+    useEffect(() => {
+        ref.current?.focus();
+    }, [p.opened]);
+    return (_jsx("div", { ref: ref, className: "tx-detail-sheet", "data-tx-part": "detail-sheet", tabIndex: -1, children: p.children }));
+}
+/** `hidden`: the host's box takes no room (its host shows something else in its
+ * place, e.g. a scrubbed-back timeline); the open detail stays as it is. */
+export function StepDetailHost(p) {
+    const phone = useIsPhone();
+    const [target, setTarget] = useState(null);
+    // Holders per id, and whether the open detail must have one (it had one, or it
+    // was moved to a twin). An opener that never holds keeps its detail open.
+    const holders = useRef(new Map());
+    const needsHolder = useRef(false);
+    const [orphanCheck, setOrphanCheck] = useState(0);
+    const opener = useRef(null);
+    // Bumped by open() only, so a follow (same step, new id) does not move focus.
+    const [opened, setOpened] = useState(0);
+    // The openers' newest bodies, read through a subscription so a change made in
+    // an opener's commit re-renders the detail (a render-time snapshot would lag).
+    const openIdRef = useRef(null);
+    const live = useRef(new Map());
+    const listeners = useRef(new Set());
+    const version = useRef(0);
+    const subscribe = useCallback((fn) => {
+        listeners.current.add(fn);
+        return () => { listeners.current.delete(fn); };
+    }, []);
+    useSyncExternalStore(subscribe, () => version.current);
+    const register = useCallback((id, entry) => {
+        if (openIdRef.current !== id)
+            return;
+        live.current.set(id, entry);
+        version.current += 1;
+        listeners.current.forEach((fn) => fn());
+    }, []);
+    const hold = useCallback((id) => {
+        holders.current.set(id, (holders.current.get(id) ?? 0) + 1);
+        if (openIdRef.current === id)
+            needsHolder.current = true;
+    }, []);
+    const release = useCallback((id) => {
+        const n = (holders.current.get(id) ?? 0) - 1;
+        if (n > 0)
+            holders.current.set(id, n);
+        else
+            holders.current.delete(id);
+        if (n <= 0 && openIdRef.current === id && needsHolder.current)
+            setOrphanCheck((c) => c + 1);
+    }, []);
+    const open = useCallback((t) => {
+        const active = typeof document !== 'undefined' ? document.activeElement : null;
+        // Opening another step from inside the panel keeps the original opener.
+        const inPanel = active instanceof HTMLElement && !!active.closest('.tx-detail-side, [role="dialog"]');
+        if (active instanceof HTMLElement && active !== document.body && !inPanel)
+            opener.current = active;
+        live.current.clear();
+        openIdRef.current = t.id;
+        needsHolder.current = (holders.current.get(t.id) ?? 0) > 0;
+        setTarget(t);
+        setOpened((n) => n + 1);
+    }, []);
+    const close = useCallback(() => {
+        live.current.clear();
+        openIdRef.current = null;
+        needsHolder.current = false;
+        setTarget(null);
+        const back = opener.current;
+        opener.current = null;
+        if (back && back.isConnected)
+            back.focus();
+    }, []);
+    // Follow: the open detail moves to its twin in this same render, so the twin
+    // sees itself selected in the commit where the original opener goes away.
+    const follow = p.follow;
+    if (follow && target && target.id.startsWith(follow.from) && !target.id.startsWith(follow.to)) {
+        const id = follow.to + target.id.slice(follow.from.length);
+        live.current.clear();
+        openIdRef.current = id;
+        needsHolder.current = true;
+        setTarget({ ...target, id });
+    }
+    // After a commit: an open detail that must have a holder and has none closes.
+    useEffect(() => {
+        if (target && needsHolder.current && !holders.current.get(target.id))
+            close();
+    }, [target, orphanCheck, close]);
+    const newest = target ? live.current.get(target.id) : undefined;
+    // Built only when the target or its registered body changed, so a host render
+    // for any other reason (a streamed delta above) does not redraw the detail.
+    const view = useMemo(() => (target
+        ? {
+            ...target,
+            body: newest ? newest.body : target.body,
+            status: newest && 'status' in newest ? newest.status : target.status,
+            actions: newest && 'actions' in newest ? newest.actions : target.actions,
+        }
+        : null), [target, newest]);
+    const bodyEl = useMemo(() => (view ? view.body() : null), [view]);
+    const actionsEl = useMemo(() => (view?.actions ? view.actions() : null), [view]);
+    const shown = target !== null;
+    // The kit Sheet handles Escape on the phone. The side panel joins the shared
+    // escape stack, so an overlay above it closes first.
+    useEscape(shown && !phone, close);
+    const api = useMemo(() => ({ open, register, hold, release, close, openId: target ? target.id : null }), [open, register, hold, release, close, target]);
+    const cls = p.className ? `tx-detail-host ${p.className}` : 'tx-detail-host';
+    return (_jsxs(StepDetailContext.Provider, { value: api, children: [_jsxs("div", { className: cls, "data-tx-part": "detail-host", style: p.hidden ? HIDDEN : undefined, children: [p.children, view && !phone ? _jsx(SidePanel, { target: view, body: bodyEl, actions: actionsEl, onClose: close, opened: opened }) : null] }), view && phone ? (_jsx(KitSheet, { open: true, label: "Step details", title: view.title, onClose: close, ...(actionsEl ? { titleAction: _jsx("span", { className: "tx-detail-head-actions", "data-tx-part": "detail-head-actions", children: actionsEl }) } : {}), children: _jsx(SheetBody, { opened: opened, children: bodyEl }) })) : null] }));
+}
+//# sourceMappingURL=StepDetailHost.js.map

package/dist/steps/StepDetailHost.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepDetailHost.js","sourceRoot":"","sources":["../../steps/StepDetailHost.tsx"],"names":[],"mappings":"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"}

package/dist/steps/StepRail.d.ts

@@ -0,0 +1,38 @@
+import { type JSX } from 'react';
+import type { ArrivalEffect } from '../arrivalEffect';
+import { type RailItem, type Step } from './model';
+import './rail.css';
+/** Under 10s one decimal ("1.2s"), under 60s whole seconds ("14s"), then "1m 4s". */
+export declare function durationText(ms: number): string;
+/** Inside a rail's custom item: claim the item's dot slot. True when the caller
+ * is on a rail and should draw its own dot; false anywhere else. */
+export declare function useOwnRailDot(): boolean;
+/** The longest step words (verb or object) that play the arrival effect. Longer
+ * text is plain: FxText locks a character every 45ms and split-flap keeps every
+ * tile until the last one lands, so a 200-character command would flip for about
+ * nine seconds, mostly past the ellipsis. 32 is about what fits on the phone line. */
+export declare const STEP_FX_MAX_CHARS = 32;
+export interface StepLineProps {
+    step: Step;
+    peek: boolean;
+    /** Called with this line's step. Pass a stable function: the line is memoized,
+     * so a settled step does not redraw (or re-read its output) while a run streams. */
+    onOpen: (step: Step) => void;
+    selected: boolean;
+    nameFx?: ArrivalEffect;
+}
+declare function StepLineImpl(p: StepLineProps): JSX.Element;
+export declare const StepLine: import("react").MemoExoticComponent<typeof StepLineImpl>;
+export declare function StepRail(p: {
+    items: RailItem[];
+    onOpenStep: (step: Step) => void;
+    selectedId?: string | null;
+    /** Live turn only; the verb animates once. */
+    nameFx?: ArrivalEffect;
+    /** A turn older than the newest (or any settled turn while one runs): its
+     * in-progress task is drawn as a plain heading, not "now", and is not the
+     * task the task line jumps to. */
+    earlier?: boolean;
+}): JSX.Element;
+export {};
+//# sourceMappingURL=StepRail.d.ts.map

package/dist/steps/StepRail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepRail.d.ts","sourceRoot":"","sources":["../../steps/StepRail.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsE,KAAK,GAAG,EAAkB,MAAM,OAAO,CAAC;AAGrH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,OAAO,EAAiB,KAAK,QAAQ,EAAiB,KAAK,IAAI,EAAE,MAAM,SAAS,CAAC;AAGjF,OAAO,YAAY,CAAC;AAcpB,qFAAqF;AACrF,wBAAgB,YAAY,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAM/C;AAmED;oEACoE;AACpE,wBAAgB,aAAa,IAAI,OAAO,CASvC;AAiCD;;;sFAGsF;AACtF,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAmBpC,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,IAAI,CAAC;IACX,IAAI,EAAE,OAAO,CAAC;IACd;wFACoF;IACpF,MAAM,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC7B,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,iBAAS,YAAY,CAAC,CAAC,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CA6BnD;AAED,eAAO,MAAM,QAAQ,0DAAqB,CAAC;AA+K3C,wBAAgB,QAAQ,CAAC,CAAC,EAAE;IAC1B,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,8CAA8C;IAC9C,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB;;sCAEkC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,GAAG,CAAC,OAAO,CAMd"}