@graview/primitives 0.1.29 → 0.1.32

package/dist/timeline.js

@@ -0,0 +1,150 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { layer, momentAsRead } from "@graview/core";
+import { makerWords, restoreBatches, ticksOf } from "@graview/core/history";
+import { useGraviewIfAny, useLiveStore, usePlayback } from "@graview/react/provider";
+import { useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
+import "./frame.js"; // A door: tied to what the page drew first (TIED DOORS, packages/primitives/src/frame.ts).
+/*
+ * THE TIMELINE (Roadmap f-playback): the app's history as a line a person
+ * scrubs, one tick per change — marked by who made it, the bigger ticks
+ * where the declaration changed, with the sentence it said — and a player
+ * that walks it at a speed. While a moment is shown, the face draws the
+ * store of that moment (`pastOf`), offering no act; "Back to now" leaves.
+ */
+const ANYONE = { kind: "human" };
+const SPEEDS = [1, 2, 4, 8];
+/** How long a change stands at 1×, in milliseconds. */
+const STEP_MS = 900;
+const MAKER_WORDS = { you: "You", person: "A person", agent: "An agent", app: "The app" };
+const MAKER_INK = {
+    you: "var(--graview-accent)",
+    person: "var(--graview-ink-muted)",
+    agent: "var(--graview-activity, var(--graview-good))",
+    app: "var(--graview-edge-bright)",
+};
+/** The stops a scrubber walks: the start, then the moment after each change. */
+function stopsOf(ticks, horizon) {
+    return [...new Set([horizon, ...ticks.map((tick) => tick.seq)])].sort((a, b) => a - b);
+}
+/** The stop at or before `seq`. */
+function indexOf(stops, seq) {
+    let at = 0;
+    for (let i = 0; i < stops.length; i++)
+        if (stops[i] <= seq)
+            at = i;
+    return at;
+}
+/** The gestures a "Restore to here" would take back, when this seat may take every one back as one change. */
+function restorable(live, seq, principal) {
+    const batches = restoreBatches(live, seq);
+    if (batches.length === 0)
+        return null;
+    const check = live.canUndo(batches);
+    if (!check.ok)
+        return null;
+    // What you may undo is what you may have done: offered only when every change since is one this seat may make.
+    const may = new Set(live.permittedMutations(principal).map((mutation) => mutation.name));
+    return check.ops.every((op) => op.mutation !== null && may.has(op.mutation.name)) ? batches : null;
+}
+export function Timeline({ face }) {
+    const playback = usePlayback();
+    const graview = useGraviewIfAny();
+    const principal = graview?.principal ?? ANYONE;
+    const live = useLiveStore(playback.live, principal);
+    const length = live.log.length;
+    const ticks = useMemo(() => ticksOf(live, { me: principal, ...(playback.host?.declarations ? { declarations: playback.host.declarations } : {}) }), 
+    // The log only grows at its end: its length says when to read it again.
+    [live, principal, playback.host, length]);
+    const stops = useMemo(() => stopsOf(ticks, live.log.horizon), [ticks, live]);
+    const seq = playback.past?.seq ?? length;
+    const index = indexOf(stops, seq);
+    const last = stops.length - 1;
+    const tick = [...ticks].reverse().find((one) => one.seq <= seq && one.seq > (stops[index - 1] ?? -1)) ?? [...ticks].reverse().find((one) => one.seq <= seq);
+    const [playing, setPlaying] = useState(false);
+    const [speed, setSpeed] = useState(1);
+    const [refused, setRefused] = useState(null);
+    // The player: one change at a time, at its speed, stopping at now.
+    useEffect(() => {
+        if (!playing)
+            return;
+        if (index >= last) {
+            setPlaying(false);
+            return;
+        }
+        const timer = setTimeout(() => playback.show(stops[index + 1]), STEP_MS / speed);
+        return () => clearTimeout(timer);
+    }, [playing, index, last, speed, stops, playback]);
+    const restore = useMemo(() => (playback.past ? restorable(live, seq, principal) : null), [playback.past, live, seq, principal, length]);
+    const who = (one) => makerWords(one, { graph: live.graph, schema: live.schema, ...(graview?.seats ? { seats: graview.seats } : {}), ...(graview?.people ? { people: graview.people } : {}) });
+    const asOf = playback.past ? (playback.past.at ? momentAsRead(playback.past.at, graview?.locale) : "the start") : null;
+    const caption = tick ? `${who(tick) === "you" ? "You" : who(tick)}: ${tick.said}` : "Nothing had happened yet";
+    /*
+     * ON THE SCENE IT STANDS OVER THE PICTURE'S FOOT, AND SAYS HOW TALL, as a
+     * sheet does (`--graview-sheet`): the city is fitted above it and the
+     * zoom stands over it. Laid over the city, it stood on a district's
+     * problem count, which a press could not reach (W-224).
+     */
+    const section = useRef(null);
+    useLayoutEffect(() => {
+        const element = section.current;
+        const picture = element?.parentElement;
+        if (face !== "scene" || !element || !picture)
+            return;
+        const measure = () => picture.style.setProperty("--graview-sheet", `${Math.ceil(element.getBoundingClientRect().height) + 24}px`);
+        measure();
+        const watch = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(measure);
+        watch?.observe(element);
+        return () => {
+            watch?.disconnect();
+            picture.style.removeProperty("--graview-sheet");
+        };
+    }, [face]);
+    const box = face === "scene"
+        ? { position: "absolute", left: "50%", bottom: 12, transform: "translateX(-50%)", width: "min(720px, calc(100% - 32px))", zIndex: layer("rail") }
+        : { position: "sticky", top: 0, zIndex: layer("rail"), margin: "0 auto 12px", maxWidth: 960, width: "100%" };
+    return (_jsxs("section", { ref: section, "aria-label": "Timeline", "data-testid": "timeline", "data-graview-past": playback.past ? String(playback.past.seq) : "now", "data-graview-offstage": "", style: {
+            ...box,
+            boxSizing: "border-box",
+            display: "grid",
+            gap: 8,
+            padding: "10px 12px",
+            borderRadius: 10,
+            border: "1px solid var(--graview-edge)",
+            background: "var(--graview-float)",
+            boxShadow: "var(--graview-lift-high)",
+            color: "var(--graview-ink)",
+            fontSize: "0.8125rem",
+        }, children: [_jsxs("div", { style: { display: "flex", flexWrap: "wrap", alignItems: "baseline", gap: "4px 12px" }, children: [_jsx("strong", { "data-testid": "as-of", role: "status", style: { fontWeight: 600 }, children: asOf ? `As of ${asOf}` : "Now" }), _jsx("span", { "data-testid": "timeline-caption", style: { color: "var(--graview-ink-muted)", minWidth: 0, overflowWrap: "anywhere" }, children: caption }), asOf ? (_jsx("span", { style: { color: "var(--graview-ink-faint)" }, "data-testid": "past-read-only", children: "Nothing changes while you look back." })) : null] }), _jsx("div", { style: { position: "relative", height: 22 }, "aria-hidden": "true", children: stops.slice(1).map((stop, at) => {
+                    const one = [...ticks].reverse().find((candidate) => candidate.seq === stop);
+                    const left = last === 0 ? 0 : ((at + 1) / last) * 100;
+                    return (_jsx("span", { "data-graview-tick": stop, "data-maker": one.maker, ...(one.declaration ? { "data-declaration": "" } : {}), title: `${MAKER_WORDS[one.maker]}: ${one.said}`, style: {
+                            position: "absolute",
+                            left: `calc(${left}% - 1px)`,
+                            bottom: 0,
+                            width: one.declaration ? 4 : 2,
+                            height: one.declaration ? 22 : 12,
+                            borderRadius: 2,
+                            background: one.declaration ? "var(--graview-ink)" : MAKER_INK[one.maker],
+                            opacity: stop <= seq ? 1 : 0.45,
+                        } }, `${stop}:${one.batch ?? "declaration"}`));
+                }) }), _jsx("input", { type: "range", "data-testid": "scrubber", "aria-label": "Moment", min: 0, max: last, step: 1, value: index, "aria-valuetext": asOf ? `As of ${asOf}. ${caption}` : `Now. ${caption}`, onChange: (event) => {
+                    setPlaying(false);
+                    playback.show(stops[Number(event.currentTarget.value)] ?? length);
+                }, style: { width: "100%", margin: 0, accentColor: "var(--graview-accent)" } }), _jsxs("div", { style: { display: "flex", flexWrap: "wrap", alignItems: "center", gap: 8 }, children: [_jsx("button", { type: "button", "data-testid": "play", "aria-pressed": playing, onClick: () => {
+                            if (!playing && index >= last)
+                                playback.show(stops[0]);
+                            setPlaying(!playing);
+                        }, style: { minHeight: 28, minWidth: 64 }, children: playing ? "Pause" : "Play" }), _jsxs("label", { style: { display: "inline-flex", alignItems: "center", gap: 6, color: "var(--graview-ink-muted)" }, children: ["Speed", _jsx("select", { "data-testid": "speed", value: speed, onChange: (event) => setSpeed(Number(event.currentTarget.value)), style: { minHeight: 28 }, children: SPEEDS.map((one) => (_jsxs("option", { value: one, children: [one, "\u00D7"] }, one))) })] }), _jsx("span", { "aria-hidden": "true", style: { display: "inline-flex", gap: 10, color: "var(--graview-ink-faint)", flexWrap: "wrap" }, children: Object.keys(MAKER_WORDS)
+                            .filter((maker) => ticks.some((one) => one.maker === maker))
+                            .map((maker) => (_jsxs("span", { style: { display: "inline-flex", alignItems: "center", gap: 4 }, children: [_jsx("span", { style: { width: 8, height: 8, borderRadius: 2, background: MAKER_INK[maker] } }), MAKER_WORDS[maker]] }, maker))) }), _jsxs("span", { style: { marginLeft: "auto", display: "inline-flex", gap: 8 }, children: [restore ? (_jsx("button", { type: "button", "data-testid": "restore-here", title: "Take back every change since, as one change you can undo", onClick: () => {
+                                    setRefused(null);
+                                    try {
+                                        live.undo([...restore], { author: principal, intent: asOf ? `Restore to ${asOf}` : "Restore" });
+                                        playback.show(null);
+                                    }
+                                    catch (error) {
+                                        setRefused(error instanceof Error ? error.message : String(error));
+                                    }
+                                }, style: { minHeight: 28 }, children: "Restore to here" })) : null, _jsx("button", { type: "button", "data-testid": "back-to-now", onClick: () => playback.show(null), style: { minHeight: 28 }, children: "Back to now" })] })] }), refused ? (_jsx("span", { role: "alert", "data-testid": "restore-refused", style: { color: "var(--graview-warn)" }, children: refused })) : null] }));
+}
+//# sourceMappingURL=timeline.js.map

package/dist/timeline.js.map

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

package/dist/way-back.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"way-back.d.ts","sourceRoot":"","sources":["../src/way-back.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEjE;;;;;;;;;;;;;;;GAeG;AAEH,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,gFAAgF;IAChF,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;CACzB;AAED,+DAA+D;AAC/D,eAAO,MAAM,WAAW,QAAS,CAAC;AAElC;;;;;;;;;;;GAWG;AACH,wBAAgB,YAAY,CAAC,CAAC,SAAS,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAgBhH;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,CAAC,SAAS,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,SAAS,GAAG,SAAS,EAAE,IAAI,EAAE,MAAM,GAAG,UAAU,GAAG,SAAS,CAG1I;AAED,oFAAoF;AACpF,eAAO,MAAM,aAAa,GAAI,QAAQ,UAAU,WAAmC,CAAC;AAEpF,sHAAsH;AACtH,wBAAgB,YAAY,CAAC,CAAC,SAAS,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAIhH;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,aAAa,GAAG,OAAO,CAU3D"}
+{"version":3,"file":"way-back.d.ts","sourceRoot":"","sources":["../src/way-back.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEjE;;;;;;;;;;;;;;;GAeG;AAEH,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,gFAAgF;IAChF,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;CACzB;AAED,+DAA+D;AAC/D,eAAO,MAAM,WAAW,QAAS,CAAC;AAElC;;;;;;;;;;;GAWG;AACH,wBAAgB,YAAY,CAAC,CAAC,SAAS,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAkBhH;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,CAAC,SAAS,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,SAAS,GAAG,SAAS,EAAE,IAAI,EAAE,MAAM,GAAG,UAAU,GAAG,SAAS,CAG1I;AAED,oFAAoF;AACpF,eAAO,MAAM,aAAa,GAAI,QAAQ,UAAU,WAAmC,CAAC;AAEpF,sHAAsH;AACtH,wBAAgB,YAAY,CAAC,CAAC,SAAS,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAIhH;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,aAAa,GAAG,OAAO,CAU3D"}

package/dist/way-back.js

@@ -13,6 +13,9 @@ export const WAY_BACK_MS = 10_000;
  * offer to take back another's work.
  */
 export function lastChangeOf(store, principal) {
+    // The app as it was is read, never changed (Roadmap f-playback): nothing there to take back.
+    if (store.past)
+        return undefined;
     const batches = store.batches();
     for (let at = batches.length - 1; at >= 0; at--) {
         const batch = batches[at];

package/dist/way-back.js.map

@@ -1 +1 @@
-{"version":3,"file":"way-back.js","sourceRoot":"","sources":["../src/way-back.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"way-back.js","sourceRoot":"","sources":["../src/way-back.ts"],"names":[],"mappings":"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"}

package/dist/when-input-door.d.ts

@@ -0,0 +1,8 @@
+import { type ReactNode } from "react";
+import type { WhenInputProps } from "./when-input.js";
+/** A day or a moment, typed as people say it or picked from a month (Roadmap f-date-inputs). */
+export declare function WhenInput(props: WhenInputProps): ReactNode;
+/** Fetch the editor now, if it is not here yet: for a date that can be changed where it is shown. Settles once it is here (or could not be fetched); never rejects. */
+export declare const prefetchWhenInput: () => Promise<void>;
+export type { WhenInputProps } from "./when-input.js";
+//# sourceMappingURL=when-input-door.d.ts.map

package/dist/when-input-door.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"when-input-door.d.ts","sourceRoot":"","sources":["../src/when-input-door.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAWtD,gGAAgG;AAChG,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,SAAS,CAM1D;AAED,uKAAuK;AACvK,eAAO,MAAM,iBAAiB,QAAO,OAAO,CAAC,IAAI,CAGhD,CAAC;AACF,YAAY,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/when-input-door.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { retryingImport } from "@graview/core/retry";
+import { lazyModule } from "@graview/react/provider";
+import { Suspense } from "react";
+/*
+ * THE DOOR TO A DATE'S EDITOR (`when-input.tsx`): the box that reads
+ * "tomorrow 3pm" and the reader of what is typed, fetched when a date is
+ * first edited or asked for — and asked for early, while the page is idle,
+ * by a date that could be (`prefetchWhenInput`) — never in the first paint.
+ */
+const WHEN = /* @__PURE__ */ lazyModule(retryingImport(() => import("./when-input.js")));
+const Part = WHEN.part((m, props) => _jsx(m.WhenInput, { ...props }), { quiet: true });
+/** A day or a moment, typed as people say it or picked from a month (Roadmap f-date-inputs). */
+export function WhenInput(props) {
+    return (_jsx(Suspense, { fallback: _jsx("span", { "data-graview-when-arriving": "", style: { display: "inline-block", minHeight: 24 } }), children: _jsx(Part, { ...props }) }));
+}
+/** Fetch the editor now, if it is not here yet: for a date that can be changed where it is shown. Settles once it is here (or could not be fetched); never rejects. */
+export const prefetchWhenInput = () => WHEN.load().then(() => undefined, () => undefined);
+//# sourceMappingURL=when-input-door.js.map

package/dist/when-input-door.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"when-input-door.js","sourceRoot":"","sources":["../src/when-input-door.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAC;AAGjD;;;;;GAKG;AACH,MAAM,IAAI,GAAG,eAAe,CAAC,UAAU,CAAC,cAAc,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;AACzF,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAmC,EAAE,KAAqB,EAAE,EAAE,CAAC,KAAC,CAAC,CAAC,SAAS,OAAK,KAAK,GAAI,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;AAEpI,gGAAgG;AAChG,MAAM,UAAU,SAAS,CAAC,KAAqB;IAC7C,OAAO,CACL,KAAC,QAAQ,IAAC,QAAQ,EAAE,6CAAiC,EAAE,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,EAAE,EAAE,GAAI,YAC3G,KAAC,IAAI,OAAK,KAAK,GAAI,GACV,CACZ,CAAC;AACJ,CAAC;AAED,uKAAuK;AACvK,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAkB,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,IAAI,CACpE,GAAG,EAAE,CAAC,SAAS,EACf,GAAG,EAAE,CAAC,SAAS,CAChB,CAAC"}

package/dist/when-input.d.ts

@@ -0,0 +1,34 @@
+import { type WallTime } from "@graview/core/words";
+import { type CSSProperties, type ReactNode, type Ref } from "react";
+import "./frame.js";
+export interface WhenInputProps {
+    /** The value as the field keeps it: "2026-10-17", "2026-10-17T19:00:00Z", "2026-10-17T15:00". */
+    readonly value: string | undefined;
+    /** Whether the field holds a time of day as well as a day. */
+    readonly time: boolean;
+    /** Whether a time is kept as an instant (UTC, with its `Z`) rather than as the wall time written. */
+    readonly instant?: boolean;
+    /** What the field is called, as a screen reader says the box. */
+    readonly label: string;
+    readonly name?: string;
+    readonly required?: boolean;
+    readonly autoFocus?: boolean;
+    /** Take the keyboard as it is drawn, its words chosen whole, so what is typed ("Fri 10:30") replaces the day said: for a value opened to change in place. */
+    readonly autoSelect?: boolean;
+    /** The locale digits are read in (10/17 or 17/10) and the day is said in. */
+    readonly locale?: string;
+    /** What the field now holds, each time what is typed changes: undefined while it is empty or reads as no day. */
+    readonly onChange: (stored: string | undefined) => void;
+    /** The keyboard left the editor — the box, its button and its month — for somewhere else. */
+    readonly onLeave?: (stored: string | undefined) => void;
+    /** Escape in the box. */
+    readonly onCancel?: () => void;
+    readonly inputRef?: Ref<HTMLInputElement>;
+    /** The box's own look, where the surface it sits in sets one. */
+    readonly boxStyle?: CSSProperties;
+}
+/** A wall time in words, on no clock but its own: "Sat, Oct 17, 2026, 3:00 PM"; `long`, "Saturday, October 17, 2026 at 3:00 PM". */
+export declare function wallAsRead(wall: WallTime, time: boolean, locale: string | undefined, long?: boolean): string;
+/** The editor itself: controlled by the value the field keeps. */
+export declare function WhenInput({ value, time, instant, label, name, required, autoFocus, autoSelect, locale, onChange, onLeave, onCancel, inputRef, boxStyle }: WhenInputProps): ReactNode;
+//# sourceMappingURL=when-input.d.ts.map

package/dist/when-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"when-input.d.ts","sourceRoot":"","sources":["../src/when-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgE,KAAK,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAClH,OAAO,EAAgD,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAEnH,OAAO,YAAY,CAAC;AAmBpB,MAAM,WAAW,cAAc;IAC7B,iGAAiG;IACjG,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,8DAA8D;IAC9D,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,qGAAqG;IACrG,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,iEAAiE;IACjE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,6JAA6J;IAC7J,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAC9B,6EAA6E;IAC7E,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,iHAAiH;IACjH,QAAQ,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACxD,6FAA6F;IAC7F,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACxD,yBAAyB;IACzB,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,QAAQ,CAAC,QAAQ,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAC1C,iEAAiE;IACjE,QAAQ,CAAC,QAAQ,CAAC,EAAE,aAAa,CAAC;CACnC;AAID,oIAAoI;AACpI,wBAAgB,UAAU,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,GAAG,SAAS,EAAE,IAAI,UAAQ,GAAG,MAAM,CAiB1G;AAED,kEAAkE;AAClE,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,OAAe,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,cAAc,GAAG,SAAS,CA8J5L"}

package/dist/when-input.js

@@ -0,0 +1,122 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { readWhenTyped, storedOfWall, wallNow, wallOfStored, zoneSaid } from "@graview/core/words";
+import { Suspense, useEffect, useId, useRef, useState } from "react";
+import { WhenPicker } from "./when-picker-door.js";
+import "./frame.js"; // A door: tied to what the page drew first (TIED DOORS, packages/primitives/src/frame.ts).
+const HINT = "try “tomorrow 3pm”, “Fri 10:30” or “17 Oct”";
+/** A wall time in words, on no clock but its own: "Sat, Oct 17, 2026, 3:00 PM"; `long`, "Saturday, October 17, 2026 at 3:00 PM". */
+export function wallAsRead(wall, time, locale, long = false) {
+    const stamp = Date.UTC(+wall.day.slice(0, 4), +wall.day.slice(5, 7) - 1, +wall.day.slice(8, 10), 0, time ? (wall.minutes ?? 0) : 0);
+    const options = {
+        weekday: long ? "long" : "short",
+        year: "numeric",
+        month: long ? "long" : "short",
+        day: "numeric",
+        ...(time ? { hour: "numeric", minute: "2-digit" } : {}),
+        timeZone: "UTC",
+    };
+    let format;
+    try {
+        format = new Intl.DateTimeFormat(locale ?? "en-US", options);
+    }
+    catch {
+        format = new Intl.DateTimeFormat("en-US", options);
+    }
+    return format.format(stamp).replace(/ /g, " ");
+}
+/** The editor itself: controlled by the value the field keeps. */
+export function WhenInput({ value, time, instant = false, label, name, required, autoFocus, autoSelect, locale, onChange, onLeave, onCancel, inputRef, boxStyle }) {
+    const id = useId();
+    const box = useRef(null);
+    const opener = useRef(null);
+    const said = (stored) => {
+        const wall = wallOfStored(stored);
+        return wall ? wallAsRead(wall, time, locale) : (stored ?? "");
+    };
+    const [text, setText] = useState(() => said(value));
+    const [open, setOpen] = useState(false);
+    /*
+     * What this editor last handed on, and the value it last saw: a value that
+     * arrives otherwise (an end moved with its start, an undo) is said afresh;
+     * the one it handed on itself leaves the words as they were typed.
+     */
+    const [handed, setHanded] = useState(value);
+    const [seen, setSeen] = useState(value);
+    if (value !== seen) {
+        setSeen(value);
+        if (value !== handed) {
+            setHanded(value);
+            setText(said(value));
+        }
+    }
+    useEffect(() => {
+        if (!autoSelect)
+            return;
+        box.current?.focus();
+        box.current?.select();
+    }, [autoSelect]);
+    const zone = time && instant ? zoneSaid(locale) : undefined;
+    const untouched = text === said(value);
+    const base = wallOfStored(value);
+    const reading = untouched ? base : readWhenTyped(text, { today: wallNow().day, time, ...(base ? { base } : {}), ...(locale ? { locale } : {}) });
+    const stored = untouched ? value : reading ? storedOfWall(reading, { time, instant }) : undefined;
+    const empty = text.trim() === "";
+    const unread = !empty && reading === undefined;
+    // A box that reads as no day says so to the form it is in, which will not send it.
+    useEffect(() => {
+        box.current?.setCustomValidity(unread ? `Not a date this reads — ${HINT}` : "");
+    }, [unread]);
+    const hand = (next) => {
+        setHanded(next);
+        onChange(next);
+    };
+    const type = (next) => {
+        setText(next);
+        const wall = next.trim() === "" ? undefined : readWhenTyped(next, { today: wallNow().day, time, ...(base ? { base } : {}), ...(locale ? { locale } : {}) });
+        hand(wall ? storedOfWall(wall, { time, instant }) : undefined);
+    };
+    const pick = (day) => {
+        const wall = time ? { day, minutes: reading?.minutes ?? base?.minutes ?? 9 * 60 } : { day };
+        const next = storedOfWall(wall, { time, instant });
+        setText(said(next));
+        hand(next);
+        setOpen(false);
+        // Back to the box, all of it chosen, so a time typed next ("3pm") replaces the words and keeps the day.
+        requestAnimationFrame(() => {
+            box.current?.focus();
+            box.current?.select();
+        });
+    };
+    const words = empty ? `Type a date, or pick one — ${HINT}` : unread ? `Not a date this reads — ${HINT}` : reading ? `${wallAsRead(reading, time, locale, true)}${zone ? ` ${zone.short}` : ""}` : "";
+    const setRef = (element) => {
+        box.current = element;
+        if (typeof inputRef === "function")
+            inputRef(element);
+        else if (inputRef)
+            inputRef.current = element;
+    };
+    return (_jsxs("span", { "data-graview-when": time ? (instant ? "instant" : "moment") : "day", style: { display: "inline-flex", flex: "1 1 14rem", flexWrap: "wrap", alignItems: "center", gap: "4px 6px", maxWidth: "100%", minWidth: 0 }, onBlur: (event) => {
+            const next = event.relatedTarget;
+            if (next && event.currentTarget.contains(next))
+                return;
+            // A blur with nowhere it went is the window losing focus; the editor waits for it to come back.
+            if (!next && typeof document !== "undefined" && !document.hasFocus())
+                return;
+            setOpen(false);
+            onLeave?.(stored);
+        }, children: [_jsx("input", { ref: setRef, type: "text", name: name, required: required, autoFocus: autoFocus, "aria-label": label, "aria-describedby": `${id}-said`, "aria-invalid": unread || undefined, autoComplete: "off", spellCheck: false, enterKeyHint: "done", placeholder: time ? "tomorrow 3pm" : "17 Oct", value: text, "data-graview-part": "control", onChange: (event) => type(event.target.value), onKeyDown: (event) => {
+                    if (event.key === "Escape") {
+                        event.preventDefault();
+                        onCancel?.();
+                    }
+                    else if (event.key === "ArrowDown" && event.altKey) {
+                        // Alt with the down arrow opens the month, as a native date box does.
+                        event.preventDefault();
+                        setOpen(true);
+                    }
+                }, style: { flex: "1 1 12ch", minWidth: "10ch", maxWidth: "100%", boxSizing: "border-box", font: "inherit", ...boxStyle } }), _jsx("button", { ref: opener, type: "button", "aria-label": `Pick a date for ${label}`, "aria-expanded": open, "aria-controls": `${id}-month`, "data-graview-part": "when-pick", onClick: () => setOpen((was) => !was), onPointerEnter: () => WhenPicker.prefetch(), style: { display: "inline-flex", alignItems: "center", justifyContent: "center", minWidth: 32, minHeight: 32, padding: 0, borderRadius: 6 }, children: _jsxs("svg", { "aria-hidden": "true", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.4", children: [_jsx("rect", { x: "2", y: "3", width: "12", height: "11", rx: "1.5" }), _jsx("path", { d: "M2 6.5h12M5.5 1.5v3M10.5 1.5v3" })] }) }), _jsxs("span", { id: `${id}-said`, "aria-live": "polite", "data-graview-part": "when-said", ...(zone ? { "data-graview-zone": zone.zone, title: `Times are in ${zone.zone.replace(/_/g, " ")} (${zone.short})` } : {}), style: { flexBasis: "100%", fontSize: "0.75rem", color: unread ? "var(--graview-bad)" : "var(--graview-ink-faint)" }, children: [words, zone && !unread && !empty ? _jsx("span", { "data-graview-part": "when-zone", children: ` · ${(zone.zone.split("/").at(-1) ?? zone.zone).replace(/_/g, " ")} time` }) : null] }), open ? (_jsx(Suspense, { fallback: null, children: _jsx(WhenPicker.Part, { id: `${id}-month`, label: label, selected: reading?.day ?? base?.day, today: wallNow().day, locale: locale, onPick: pick, onClose: () => {
+                        setOpen(false);
+                        opener.current?.focus();
+                    } }) })) : null] }));
+}
+//# sourceMappingURL=when-input.js.map

package/dist/when-input.js.map

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

package/dist/when-picker-door.d.ts

@@ -0,0 +1,6 @@
+export declare const WhenPicker: {
+    Part: import("react").ComponentType<import("./when-picker.js").WhenMonthProps>;
+    prefetch: () => void;
+};
+export type { WhenMonthProps } from "./when-picker.js";
+//# sourceMappingURL=when-picker-door.d.ts.map

package/dist/when-picker-door.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"when-picker-door.d.ts","sourceRoot":"","sources":["../src/when-picker-door.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,UAAU;;oBAEP,IAAI;CACnB,CAAC;AACF,YAAY,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/when-picker-door.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { retryingImport } from "@graview/core/retry";
+import { lazyModule } from "@graview/react/provider";
+/*
+ * THE DOOR TO A MONTH TO PICK A DAY FROM (`when-picker.tsx`): opened from a
+ * date's editor by its button, or Alt with the down arrow — fetched the first
+ * time one is opened (or a pointer rests on the button), never in the first
+ * paint, and never at all on a page where nobody picks a day.
+ */
+const MONTH = /* @__PURE__ */ lazyModule(retryingImport(() => import("./when-picker.js")));
+export const WhenPicker = {
+    Part: MONTH.part((m, props) => _jsx(m.WhenMonth, { ...props }), { quiet: true }),
+    prefetch: () => MONTH.prefetch(),
+};
+//# sourceMappingURL=when-picker-door.js.map

package/dist/when-picker-door.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"when-picker-door.js","sourceRoot":"","sources":["../src/when-picker-door.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD;;;;;GAKG;AACH,MAAM,KAAK,GAAG,eAAe,CAAC,UAAU,CAAC,cAAc,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC;AAE3F,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAoC,EAAE,KAAgD,EAAE,EAAE,CAAC,KAAC,CAAC,CAAC,SAAS,OAAK,KAAK,GAAI,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;IACzJ,QAAQ,EAAE,GAAS,EAAE,CAAC,KAAK,CAAC,QAAQ,EAAE;CACvC,CAAC"}

package/dist/when-picker.d.ts

@@ -0,0 +1,16 @@
+import { type ReactNode } from "react";
+import "./frame.js";
+export interface WhenMonthProps {
+    readonly id: string;
+    /** What the date is called: "Starts". */
+    readonly label: string;
+    /** The day the field holds, `YYYY-MM-DD`, if any. */
+    readonly selected?: string | undefined;
+    /** The reader's today, `YYYY-MM-DD`. */
+    readonly today: string;
+    readonly locale?: string | undefined;
+    readonly onPick: (day: string) => void;
+    readonly onClose: () => void;
+}
+export declare function WhenMonth({ id, label, selected, today, locale, onPick, onClose }: WhenMonthProps): ReactNode;
+//# sourceMappingURL=when-picker.d.ts.map

package/dist/when-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"when-picker.d.ts","sourceRoot":"","sources":["../src/when-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACxF,OAAO,YAAY,CAAC;AAepB,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,yCAAyC;IACzC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,qDAAqD;IACrD,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACvC,wCAAwC;IACxC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC,QAAQ,CAAC,MAAM,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC;CAC9B;AAkCD,wBAAgB,SAAS,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,cAAc,GAAG,SAAS,CA8H5G"}

package/dist/when-picker.js

@@ -0,0 +1,108 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import "./frame.js"; // A door: tied to what the page drew first (TIED DOORS, packages/primitives/src/frame.ts).
+const DAY = 86_400_000;
+const utcOf = (day) => Date.UTC(+day.slice(0, 4), +day.slice(5, 7) - 1, +day.slice(8, 10));
+const dayOf = (stamp) => new Date(stamp).toISOString().slice(0, 10);
+const addDays = (day, days) => dayOf(utcOf(day) + days * DAY);
+const addMonths = (day, months) => {
+    const at = new Date(utcOf(day));
+    const wanted = at.getUTCMonth() + months;
+    const first = Date.UTC(at.getUTCFullYear(), wanted, 1);
+    const last = new Date(Date.UTC(at.getUTCFullYear(), wanted + 1, 0)).getUTCDate();
+    return dayOf(first + (Math.min(at.getUTCDate(), last) - 1) * DAY);
+};
+function say(locale, options, stamp) {
+    try {
+        return new Intl.DateTimeFormat(locale ?? "en-US", { ...options, timeZone: "UTC" }).format(stamp);
+    }
+    catch {
+        return new Intl.DateTimeFormat("en-US", { ...options, timeZone: "UTC" }).format(stamp);
+    }
+}
+/** The first day of the week where the reader is: Monday nearly everywhere, Sunday in the US and a few others. */
+function weekStart(locale) {
+    try {
+        const info = new Intl.Locale(locale ?? "en-US");
+        const first = info.getWeekInfo?.().firstDay ?? info.weekInfo?.firstDay;
+        if (first !== undefined)
+            return first % 7;
+    }
+    catch {
+        return 0;
+    }
+    return /^en-US|^en$|-(US|CA|JP|BR|IL|MX|PH)$/.test(locale ?? "en-US") ? 0 : 1;
+}
+export function WhenMonth({ id, label, selected, today, locale, onPick, onClose }) {
+    const [focused, setFocused] = useState(selected ?? today);
+    const grid = useRef(null);
+    const first = weekStart(locale);
+    const monthStart = `${focused.slice(0, 7)}-01`;
+    const lead = (new Date(utcOf(monthStart)).getUTCDay() - first + 7) % 7;
+    const gridStart = addDays(monthStart, -lead);
+    const weeks = Array.from({ length: 6 }, (_, week) => Array.from({ length: 7 }, (_, day) => addDays(gridStart, week * 7 + day)));
+    const title = say(locale, { month: "long", year: "numeric" }, utcOf(monthStart));
+    // The day that holds the keyboard has it: on opening, and after every move made in the grid (a month's button keeps it).
+    // A key pressed in the grid moves the keyboard even when the day it was on is gone with its month.
+    const keyed = useRef(true);
+    useEffect(() => {
+        if (keyed.current)
+            grid.current?.querySelector(`[data-day="${focused}"]`)?.focus();
+        keyed.current = false;
+    }, [focused]);
+    const key = (event) => {
+        const step = {
+            ArrowLeft: () => addDays(focused, -1),
+            ArrowRight: () => addDays(focused, 1),
+            ArrowUp: () => addDays(focused, -7),
+            ArrowDown: () => addDays(focused, 7),
+            PageUp: () => addMonths(focused, event.shiftKey ? -12 : -1),
+            PageDown: () => addMonths(focused, event.shiftKey ? 12 : 1),
+            Home: () => addDays(focused, -((new Date(utcOf(focused)).getUTCDay() - first + 7) % 7)),
+            End: () => addDays(focused, 6 - ((new Date(utcOf(focused)).getUTCDay() - first + 7) % 7)),
+        };
+        if (step[event.key]) {
+            event.preventDefault();
+            keyed.current = true;
+            setFocused(step[event.key]());
+        }
+        else if (event.key === "Escape") {
+            event.preventDefault();
+            event.stopPropagation();
+            onClose();
+        }
+    };
+    const headers = Array.from({ length: 7 }, (_, index) => utcOf("1970-01-04") + ((first + index) % 7) * DAY);
+    const button = { minWidth: 32, minHeight: 32, padding: "0 8px", borderRadius: 6 };
+    return (_jsxs("div", { id: id, role: "group", "aria-label": `Pick a date for ${label}`, "data-graview-part": "when-month", onKeyDown: (event) => {
+            if (event.key === "Escape") {
+                event.preventDefault();
+                event.stopPropagation();
+                onClose();
+            }
+        }, style: {
+            flexBasis: "100%",
+            width: "min(100%, 20rem)",
+            boxSizing: "border-box",
+            padding: 8,
+            border: "1px solid var(--graview-edge)",
+            borderRadius: 8,
+            background: "var(--graview-panel)",
+            color: "var(--graview-ink)",
+        }, children: [_jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: 6, marginBottom: 6 }, children: [_jsx("button", { type: "button", "aria-label": "Previous month", onClick: () => setFocused(addMonths(focused, -1)), style: button, children: "\u2039" }), _jsx("span", { id: `${id}-title`, "aria-live": "polite", style: { fontWeight: 600, fontSize: "0.875rem" }, children: title }), _jsx("button", { type: "button", "aria-label": "Next month", onClick: () => setFocused(addMonths(focused, 1)), style: button, children: "\u203A" })] }), _jsxs("table", { ref: grid, role: "grid", "aria-labelledby": `${id}-title`, onKeyDown: key, style: { width: "100%", borderCollapse: "collapse", tableLayout: "fixed", fontSize: "0.8125rem" }, children: [_jsx("thead", { children: _jsx("tr", { children: headers.map((stamp) => (_jsx("th", { scope: "col", abbr: say(locale, { weekday: "long" }, stamp), style: { fontWeight: 500, color: "var(--graview-ink-faint)", padding: "2px 0" }, children: say(locale, { weekday: "narrow" }, stamp) }, stamp))) }) }), _jsx("tbody", { children: weeks.map((week) => (_jsx("tr", { children: week.map((day) => {
+                                const inMonth = day.slice(0, 7) === monthStart.slice(0, 7);
+                                const isSelected = day === selected;
+                                const isToday = day === today;
+                                return (_jsx("td", { role: "gridcell", "aria-selected": isSelected || undefined, style: { padding: 1, textAlign: "center" }, children: _jsx("button", { type: "button", "data-day": day, tabIndex: day === focused ? 0 : -1, "aria-label": `${say(locale, { weekday: "long", year: "numeric", month: "long", day: "numeric" }, utcOf(day))}${isToday ? ", today" : ""}${isSelected ? ", selected" : ""}`, ...(isToday ? { "aria-current": "date" } : {}), onClick: () => onPick(day), onFocus: () => day !== focused && setFocused(day), style: {
+                                            width: "100%",
+                                            minHeight: 36,
+                                            padding: 0,
+                                            borderRadius: 6,
+                                            border: isToday ? "1px solid var(--graview-accent)" : "1px solid transparent",
+                                            background: isSelected ? "var(--graview-accent)" : "transparent",
+                                            color: isSelected ? "var(--graview-accent-ink)" : inMonth ? "var(--graview-ink)" : "var(--graview-ink-faint)",
+                                            fontWeight: isSelected ? 600 : 400,
+                                        }, children: Number(day.slice(8, 10)) }) }, day));
+                            }) }, week[0]))) })] })] }));
+}
+//# sourceMappingURL=when-picker.js.map