@graview/primitives 0.1.30 → 0.1.32

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

package/dist/when-picker.js.map

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

package/dist/workbench/activity.d.ts

@@ -16,6 +16,10 @@ export interface Change {
     /** What a record this change removed was called, read from the removal: it is no longer in the graph to ask. */
     readonly removed?: Readonly<Record<string, string>>;
     readonly batch: string;
+    /** When it was made. */
+    readonly at?: string;
+    /** The AI interaction it came from (lineage `interaction`), whose entry draws it. */
+    readonly interaction?: string;
     /** The moment just after it: `pastOf(store, seq)` shows the app as it was once it was made (Roadmap f-playback). */
     readonly seq: number;
     /**

package/dist/workbench/activity.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"activity.d.ts","sourceRoot":"","sources":["../../src/workbench/activity.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoE,KAAK,MAAM,EAAc,MAAM,eAAe,CAAC;AAM1H,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAK1D,MAAM,WAAW,MAAM;IACrB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,8EAA8E;IAC9E,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,gFAAgF;IAChF,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC;IACrB,iEAAiE;IACjE,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IACtB,iFAAiF;IACjF,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,OAAO,EAAE,SAAS,MAAM,EAAE,CAAC;IACpC,gHAAgH;IAChH,QAAQ,CAAC,OAAO,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IACpD,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,oHAAoH;IACpH,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC;IACzB;;;;;OAKG;IACH,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;CACrC;AAkBD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,SAAI,GAAG,SAAS,MAAM,EAAE,CAiC7D;AA0ED;;;;;;;GAOG;AACH,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CAAE,sCAoF7D;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE;IAAE,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;CAAE,sCAuB7F;AAED;;;;;;;GAOG;AACH;;;;;;;;;;GAUG;AACH,wBAAgB,UAAU,gCAmCzB;AA6BD,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,IAAI,EACJ,SAAiB,GAClB,EAAE;IACD,QAAQ,CAAC,KAAK,EAAE,SAAS,QAAQ,EAAE,CAAC;IACpC;;;;OAIG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B;;;;;;;OAOG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC;CAC3B,sCAqRA"}
+{"version":3,"file":"activity.d.ts","sourceRoot":"","sources":["../../src/workbench/activity.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoE,KAAK,MAAM,EAAc,MAAM,eAAe,CAAC;AAM1H,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAoD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAczF,MAAM,WAAW,MAAM;IACrB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,8EAA8E;IAC9E,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,gFAAgF;IAChF,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC;IACrB,iEAAiE;IACjE,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IACtB,iFAAiF;IACjF,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,OAAO,EAAE,SAAS,MAAM,EAAE,CAAC;IACpC,gHAAgH;IAChH,QAAQ,CAAC,OAAO,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IACpD,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC;IACrB,qFAAqF;IACrF,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,oHAAoH;IACpH,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC;IACzB;;;;;OAKG;IACH,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;CACrC;AAoBD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,SAAI,GAAG,SAAS,MAAM,EAAE,CAkC7D;AA0ED;;;;;;;GAOG;AACH,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CAAE,sCAoF7D;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE;IAAE,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;CAAE,sCAuB7F;AAED;;;;;;;GAOG;AACH;;;;;;;;;;GAUG;AACH,wBAAgB,UAAU,gCAmCzB;AA6BD,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,IAAI,EACJ,SAAiB,GAClB,EAAE;IACD,QAAQ,CAAC,KAAK,EAAE,SAAS,QAAQ,EAAE,CAAC;IACpC;;;;OAIG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B;;;;;;;OAOG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC;CAC3B,sCAmTA"}

package/dist/workbench/activity.js

@@ -1,13 +1,20 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { humanizeField, isWithheld, labelOf, nameOfAuthor } from "@graview/core";
 import { viaSaid } from "@graview/core/words";
 import { lineageWords } from "@graview/core/provenance";
 import { digestWords, foldDigests } from "@graview/core/tidying";
-import { POPOVER_STYLE, useGoTo, useGraview, useLiveStore, usePlayback, usePopover } from "@graview/react/provider";
+import { lazyModule, POPOVER_STYLE, useGoTo, useGraview, useLiveStore, usePlayback, usePopover } from "@graview/react/provider";
 import { prefetchTimeline } from "../past-bar.js";
-import { useMemo, useState } from "react";
+import { Suspense, useMemo, useState } from "react";
 import { Chip, VISUALLY_HIDDEN } from "../primitives/index.js";
 import { nameOf } from "./answer-args.js";
+import { NotifiedDoor, useNotifiedCount } from "../notify-door.js";
+import { useInteractions } from "./ai-feed.js";
+import { retryingImport } from "@graview/core/retry";
+/* The AI's rows and its filter, fetched with the first entry there is to draw (Roadmap f-activity-ai-entries). */
+const aiRows = /* @__PURE__ */ lazyModule(retryingImport(() => import("./ai-entries.js")));
+const InteractionRow = /* @__PURE__ */ aiRows.part((module, props) => _jsx(module.InteractionRow, { ...props }), { quiet: true, as: "li" });
+const ActivityFilter = /* @__PURE__ */ aiRows.part((module, props) => _jsx(module.ActivityFilter, { ...props }), { quiet: true, as: "div" });
 /** One batch as a row of Activity. */
 const changeOf = (store, batch) => ({
     intent: batch.intent,
@@ -20,6 +27,8 @@ const changeOf = (store, batch) => ({
     touched: [...new Set(batch.ops.filter((op) => !isWithheld(op)).flatMap((op) => op.writes))],
     ...removedNames(store, batch.ops.filter((op) => !isWithheld(op))),
     batch: batch.id,
+    at: batch.at,
+    ...(batch.lineage?.interaction ? { interaction: batch.lineage.interaction } : {}),
     seq: batch.ops.at(-1).seq + 1,
     ...(batch.ops.every(isWithheld) ? { withheld: true } : {}),
 });
@@ -61,6 +70,7 @@ export function useRecentChanges(limit = 4) {
             by: row.digest.author,
             touched: [...new Set(changes.flatMap((change) => change.touched))],
             batch: "",
+            ...(changes[0]?.at ? { at: changes[0].at } : {}),
             seq: changes[0]?.seq ?? 0,
             digest: changes,
         };
@@ -242,11 +252,30 @@ function Named({ id, label, go }) {
     return (_jsx("button", { type: "button", "data-testid": "activity-record", "data-record": id, title: `Go to ${label}`, onClick: () => go(id), style: { all: "unset", display: "inline-flex", cursor: "pointer", borderRadius: 7 }, className: "graview-activity-record", children: _jsx(Chip, { label: label }) }));
 }
 export function ActivityRail({ calls, seat, remembers = false, }) {
-    const changes = useRecentChanges();
+    const recent = useRecentChanges();
     const { store: shown, principal, seats, people } = useGraview();
+    /*
+     * AI INTERACTIONS ARE ENTRIES OF THE SAME FEED (Roadmap f-activity-ai-
+     * entries), newest first among the changes, and a change one of them
+     * made is drawn in its entry, not again beside it. All, the changes, or
+     * the AI's; everyone's, or only the reader's own.
+     */
+    const interactions = useInteractions();
+    const [shows, setShows] = useState("all");
+    const [mine, setMine] = useState(false);
+    const isMine = (by) => by !== undefined && (by.id === principal.id || by.onBehalfOf?.id === principal.id) && principal.id !== undefined;
+    const drawnIn = new Set(interactions.map((entry) => entry.id));
+    const changes = recent.filter((change) => !(change.interaction !== undefined && drawnIn.has(change.interaction)) && (!mine || isMine(change.by)));
+    const entries = interactions.filter((entry) => !mine || isMine(entry.by)).slice(0, 4);
+    const feed = [
+        ...(shows === "ai" ? [] : changes.map((change) => ({ at: change.at ?? "", change }))),
+        ...(shows === "changes" ? [] : entries.map((entry) => ({ at: entry.at, entry }))),
+    ].sort((a, b) => (a.at < b.at ? 1 : a.at > b.at ? -1 : 0));
     /* Named from now's records, whichever moment the face draws (Roadmap f-playback). */
     const store = useLiveStore(shown, principal);
     const running = calls.some((call) => call.phase === "running");
+    // Somebody told of changes has Activity to open, though nothing has changed yet.
+    const notified = useNotifiedCount();
     /*
      * A POPOVER FROM THE BAR, not a rail pinned over the scene.
      *
@@ -264,7 +293,7 @@ export function ActivityRail({ calls, seat, remembers = false, }) {
     /* Only a record still in the graph goes anywhere; the popover closes behind the reader as they go, and going there is going to it now, not as it was. */
     const goes = (id) => (store.graph.has(id) ? (to) => { popover.setOpen(false); if (playback?.past)
         playback.show(null); goTo.record(to); } : null);
-    if (seat === undefined && calls.length === 0 && changes.length === 0 && !remembers)
+    if (seat === undefined && calls.length === 0 && recent.length === 0 && interactions.length === 0 && !remembers && notified === 0)
         return null;
     return (_jsxs("div", { style: { position: "relative" }, children: [_jsxs("button", { type: "button", "data-testid": "activity-button", ...popover.trigger, onClick: popover.toggle, title: running ? "An agent is working" : "What has happened", style: {
                     display: "inline-flex",
@@ -280,7 +309,7 @@ export function ActivityRail({ calls, seat, remembers = false, }) {
                     fontSize: "0.875rem",
                     whiteSpace: "nowrap",
                     color: running ? "var(--graview-accent)" : "var(--graview-ink-muted)",
-                }, children: [running ? _jsx("span", { "aria-hidden": "true", style: { width: 6, height: 6, borderRadius: 999, background: "var(--graview-accent)" } }) : null, changes.length > 0 ? changes.length : "", _jsxs("svg", { className: "graview-activity-mark", width: "15", height: "15", viewBox: "0 0 16 16", "aria-hidden": "true", focusable: "false", style: { display: "var(--graview-activity-mark, none)" }, children: [_jsx("circle", { cx: "8", cy: "8", r: "5.75", fill: "none", stroke: "currentColor", strokeWidth: "1.4" }), _jsx("path", { d: "M8 4.75 V8 L10.25 9.5", fill: "none", stroke: "currentColor", strokeWidth: "1.4", strokeLinecap: "round", strokeLinejoin: "round" })] }), _jsx("span", { className: "graview-activity-word", children: " Activity" })] }), !open && seat !== undefined ? (_jsx("div", { hidden: true, "data-testid": "agent-seat-seated", children: seat })) : null, open ? (
+                }, children: [running ? _jsx("span", { "aria-hidden": "true", style: { width: 6, height: 6, borderRadius: 999, background: "var(--graview-accent)" } }) : null, recent.length > 0 ? recent.length : "", _jsxs("svg", { className: "graview-activity-mark", width: "15", height: "15", viewBox: "0 0 16 16", "aria-hidden": "true", focusable: "false", style: { display: "var(--graview-activity-mark, none)" }, children: [_jsx("circle", { cx: "8", cy: "8", r: "5.75", fill: "none", stroke: "currentColor", strokeWidth: "1.4" }), _jsx("path", { d: "M8 4.75 V8 L10.25 9.5", fill: "none", stroke: "currentColor", strokeWidth: "1.4", strokeLinecap: "round", strokeLinejoin: "round" })] }), _jsx("span", { className: "graview-activity-word", children: " Activity" })] }), !open && seat !== undefined ? (_jsx("div", { hidden: true, "data-testid": "agent-seat-seated", children: seat })) : null, open ? (
             // A labeled region, not an aside: it opens from the bar, inside the banner (FR-40).
             _jsxs("section", { ...popover.pane, "aria-label": "Activity", "data-testid": "activity", "data-graview-offstage": "", style: {
                     ...POPOVER_STYLE,
@@ -298,8 +327,8 @@ export function ActivityRail({ calls, seat, remembers = false, }) {
                 }, children: [_jsx("h2", { style: { ...VISUALLY_HIDDEN, margin: 0 }, children: "Activity" }), seat !== undefined ? (_jsxs("div", { "data-testid": "agent-seat-row", style: {
                             display: "grid",
                             gap: 5,
-                            paddingBottom: calls.length > 0 || changes.length > 0 ? 9 : 0,
-                            ...(calls.length > 0 || changes.length > 0
+                            paddingBottom: calls.length > 0 || feed.length > 0 ? 9 : 0,
+                            ...(calls.length > 0 || feed.length > 0
                                 ? { borderBottom: "1px solid var(--graview-edge)" }
                                 : {}),
                         }, children: [_jsx("span", { style: {
@@ -321,18 +350,18 @@ export function ActivityRail({ calls, seat, remembers = false, }) {
                                                     humanizeField(call.name)] })] }), !call.mutating && call.reads && call.reads.length > 0 ? (_jsxs("div", { "data-testid": "activity-reads", style: { display: "flex", flexWrap: "wrap", gap: 4, paddingLeft: 12 }, children: [[...new Set(call.reads)].slice(0, 3).map((id) => (_jsx(Named, { id: id, label: nameOf(store, id), go: goes(id) }, id))), new Set(call.reads).size > 3 ? _jsxs("span", { style: { color: "var(--graview-ink-muted)" }, children: ["+", new Set(call.reads).size - 3] }) : null] })) : Object.values(call.args).some((value) => typeof value === "string") ? (_jsx("div", { style: { display: "flex", flexWrap: "wrap", gap: 4, paddingLeft: 12 }, children: Object.entries(call.args)
                                         .filter((entry) => typeof entry[1] === "string")
                                         .slice(0, 3)
-                                        .map(([name, value]) => (_jsx(Named, { id: value, label: nameOf(store, value), go: goes(value) }, name))) })) : null, call.error ? (_jsx("div", { style: { paddingLeft: 12, color: "var(--graview-warn)" }, children: call.error })) : null] }, `${call.at}:${index}`))) })) : null, changes.length > 0 ? (_jsx("ol", { "data-testid": "diff-log", style: {
+                                        .map(([name, value]) => (_jsx(Named, { id: value, label: nameOf(store, value), go: goes(value) }, name))) })) : null, call.error ? (_jsx("div", { style: { paddingLeft: 12, color: "var(--graview-warn)" }, children: call.error })) : null] }, `${call.at}:${index}`))) })) : null, interactions.length > 0 ? (_jsx(Suspense, { fallback: null, children: _jsx(ActivityFilter, { shows: shows, onShows: setShows, mine: mine, onMine: setMine }) })) : null, feed.length > 0 ? (_jsx("ol", { "data-testid": "diff-log", style: {
                             margin: 0,
                             padding: 0,
                             listStyle: "none",
                             display: "grid",
                             gap: 6,
                             fontSize: "0.8125rem",
-                        }, children: changes.map((change, index) => change.digest ? (_jsx(DigestRow, { change: change, goes: goes }, `digest:${change.digest[0]?.batch ?? index}`)) : change.withheld ? (
+                        }, children: feed.map(({ change, entry }, index) => entry !== undefined ? (_jsx(Suspense, { fallback: null, children: _jsx(InteractionRow, { entry: entry, undo: (batch) => _jsx(UndoTurn, { batch: batch }) }) }, `ai:${entry.id}`)) : change.digest ? (_jsx(DigestRow, { change: change, goes: goes }, `digest:${change.digest[0]?.batch ?? index}`)) : change.withheld ? (
                         /* SOMETHING YOU CANNOT SEE HAPPENED: said, and nothing more — not who, not what, no undo (FR-16). */
-                        _jsx("li", { "data-testid": "withheld-change", style: { display: "grid", gap: 3, lineHeight: 1.45 }, children: _jsx("span", { "data-touched": "", style: { color: "var(--graview-ink-muted)", fontStyle: "italic" }, children: change.intent }) }, `change:${index}`)) : (_jsxs("li", { style: { display: "grid", gap: 3, lineHeight: 1.45 }, children: [_jsxs("div", { style: { display: "flex", alignItems: "baseline", gap: 6 }, children: [_jsxs("span", { style: { minWidth: 0 }, children: [_jsxs("strong", { style: { fontWeight: 600 }, children: [change.author === "human" && change.by?.onBehalfOf === undefined && (change.authorId === undefined || principal.id === undefined || change.authorId === principal.id)
+                        _jsx("li", { "data-testid": "withheld-change", style: { display: "grid", gap: 3, lineHeight: 1.45 }, children: _jsx("span", { "data-touched": "", style: { color: "var(--graview-ink-muted)", fontStyle: "italic" }, children: change.intent }) }, `change:${index}`)) : (_jsxs("li", { "data-batch": change.batch, style: { display: "grid", gap: 3, lineHeight: 1.45 }, children: [_jsxs("div", { style: { display: "flex", alignItems: "baseline", gap: 6 }, children: [_jsxs("span", { style: { minWidth: 0 }, children: [_jsxs("strong", { style: { fontWeight: 600 }, children: [change.author === "human" && change.by?.onBehalfOf === undefined && (change.authorId === undefined || principal.id === undefined || change.authorId === principal.id)
                                                             ? "you"
-                                                            : nameOfAuthor(change.by ?? { kind: change.author, id: change.authorId }, { graph: store.graph, schema: store.schema, seats, people }), viaSaid(change.via) ? _jsxs("span", { style: { fontWeight: 400, color: "var(--graview-ink-muted)" }, children: [", ", viaSaid(change.via)] }) : null] }), " ", _jsx("span", { style: { color: "var(--graview-ink-muted)" }, children: change.intent }), change.basis ? _jsxs("span", { "data-graview-lineage": "", style: { color: "var(--graview-ink-faint)" }, children: [" \u00B7 ", change.basis] }) : null] }), change.batch ? _jsx(ShowAsItWas, { seq: change.seq, intent: change.intent }) : null, change.batch ? _jsx(UndoTurn, { batch: change.batch }) : null] }), _jsx("div", { "data-touched": change.touched.join(" "), style: { display: "flex", flexWrap: "wrap", gap: 4 }, children: change.touched.slice(0, 4).map((id) => (_jsx(Named, { id: id, label: store.graph.has(id) ? nameOf(store, id) : (change.removed?.[id] ?? nameOf(store, id)), go: goes(id) }, id))) })] }, `change:${index}`))) })) : null, remembers ? (_jsxs("div", { "data-testid": "remembered", style: {
+                                                            : nameOfAuthor(change.by ?? { kind: change.author, id: change.authorId }, { graph: store.graph, schema: store.schema, seats, people }), viaSaid(change.via) ? _jsxs("span", { style: { fontWeight: 400, color: "var(--graview-ink-muted)" }, children: [", ", viaSaid(change.via)] }) : null] }), " ", _jsx("span", { style: { color: "var(--graview-ink-muted)" }, children: change.intent }), change.basis ? _jsxs("span", { "data-graview-lineage": "", style: { color: "var(--graview-ink-faint)" }, children: [" \u00B7 ", change.basis] }) : null] }), change.batch ? _jsx(ShowAsItWas, { seq: change.seq, intent: change.intent }) : null, change.batch ? _jsx(UndoTurn, { batch: change.batch }) : null] }), _jsx("div", { "data-touched": change.touched.join(" "), style: { display: "flex", flexWrap: "wrap", gap: 4 }, children: change.touched.slice(0, 4).map((id) => (_jsx(Named, { id: id, label: store.graph.has(id) ? nameOf(store, id) : (change.removed?.[id] ?? nameOf(store, id)), go: goes(id) }, id))) })] }, `change:${index}`))) })) : null, _jsx(NotifiedDoor, { style: { paddingTop: 8, borderTop: "1px solid var(--graview-edge)" } }), remembers ? (_jsxs("div", { "data-testid": "remembered", style: {
                             display: "flex",
                             alignItems: "baseline",
                             justifyContent: "space-between",