@graview/primitives 0.1.8 → 0.1.10

package/dist/notices.js

@@ -0,0 +1,219 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { layer } from "@graview/core";
+import { inTopLayer, raiseOverPopovers } from "@graview/react/provider";
+import { useEffect, useLayoutEffect, useRef, useState, useSyncExternalStore } from "react";
+import { VISUALLY_HIDDEN } from "./primitives/index.js";
+/** The time a toast with nothing to answer stays. */
+export const TOAST_MS = 6000;
+/** One board of notices: what `notify` writes and `Notices` draws. */
+export function createNoticeBoard() {
+    let held = [];
+    let sequence = 0;
+    const listeners = new Set();
+    const timers = new Map();
+    const tell = () => {
+        for (const listener of [...listeners])
+            listener();
+    };
+    const time = (notice) => {
+        clearTimeout(timers.get(notice.id));
+        timers.delete(notice.id);
+        if (notice.kind !== "toast")
+            return;
+        const acts = (notice.actions?.length ?? 0) + (notice.action ? 1 : 0);
+        const after = notice.timeout ?? (acts > 0 ? false : TOAST_MS);
+        if (after === false)
+            return;
+        timers.set(notice.id, setTimeout(() => dismiss(notice.id), after));
+    };
+    const dismiss = (id) => {
+        clearTimeout(timers.get(id));
+        timers.delete(id);
+        if (!held.some((one) => one.id === id))
+            return;
+        held = held.filter((one) => one.id !== id);
+        tell();
+    };
+    const put = (notice) => {
+        held = held.some((one) => one.id === notice.id) ? held.map((one) => (one.id === notice.id ? notice : one)) : [...held, notice];
+        time(notice);
+        tell();
+    };
+    return {
+        notify(notice) {
+            const id = notice.id ?? `notice-${++sequence}`;
+            put({ ...notice, id, said: ++sequence });
+            return {
+                id,
+                dismiss: () => dismiss(id),
+                update: (change) => {
+                    const now = held.find((one) => one.id === id);
+                    if (now)
+                        put({ ...now, ...change, id, kind: now.kind, said: change.sentence !== undefined && change.sentence !== now.sentence ? ++sequence : now.said });
+                },
+            };
+        },
+        dismiss,
+        list: () => held,
+        subscribe(listener) {
+            listeners.add(listener);
+            return () => listeners.delete(listener);
+        },
+    };
+}
+const TONE = {
+    info: "var(--graview-accent)",
+    good: "var(--graview-good)",
+    warn: "var(--graview-warn)",
+    bad: "var(--graview-bad)",
+};
+/** A stack of notices in the top layer, placed at the top or the foot of the picture it is about. */
+function Stack({ notices, at, anchor, board }) {
+    const pane = useRef(null);
+    const shown = notices.length > 0;
+    useLayoutEffect(() => {
+        const element = pane.current;
+        if (!shown || !element)
+            return;
+        if (typeof element.showPopover === "function" && !inTopLayer(element)) {
+            try {
+                element.showPopover();
+            }
+            catch {
+                // The toast rung holds it over every rail where the top layer is not there.
+            }
+        }
+        const place = () => {
+            const box = anchor()?.getBoundingClientRect() ?? { left: 0, right: innerWidth, top: 0, bottom: innerHeight };
+            const view = { width: document.documentElement.clientWidth || innerWidth, height: innerHeight };
+            const left = Math.max(0, box.left);
+            const right = Math.min(view.width, box.right);
+            element.style.left = `${Math.round(left + (right - left) / 2)}px`;
+            if (at === "top")
+                element.style.top = `${Math.round(Math.max(8, box.top + 12))}px`;
+            else
+                element.style.bottom = `${Math.round(Math.max(8, view.height - box.bottom + 16))}px`;
+        };
+        place();
+        const unraise = raiseOverPopovers(element);
+        addEventListener("resize", place);
+        addEventListener("scroll", place, true);
+        return () => {
+            unraise();
+            removeEventListener("resize", place);
+            removeEventListener("scroll", place, true);
+            if (element.isConnected && inTopLayer(element)) {
+                try {
+                    element.hidePopover();
+                }
+                catch {
+                    // Gone already.
+                }
+            }
+        };
+    }, [shown, at, anchor]);
+    if (!shown)
+        return null;
+    return (_jsx("div", { ref: pane, popover: "manual", role: "region", "aria-label": at === "top" ? "Notices" : "Messages", "data-testid": at === "top" ? "notices-banners" : "notices-toasts", "data-graview-offstage": "", style: {
+            position: "fixed",
+            inset: "auto",
+            margin: 0,
+            padding: 0,
+            border: "none",
+            background: "none",
+            overflow: "visible",
+            zIndex: layer("toast"),
+            translate: "-50% 0",
+            width: "max-content",
+            maxWidth: "min(560px, calc(100vw - 32px))",
+            display: "grid",
+            gap: 8,
+            color: "var(--graview-ink)",
+        }, children: notices.map((notice) => (_jsx(NoticeCard, { notice: notice, board: board }, notice.id))) }));
+}
+function NoticeCard({ notice, board }) {
+    const tone = notice.tone ?? "info";
+    const acts = [...(notice.action ? [notice.action] : []), ...(notice.actions ?? [])];
+    const close = () => board.dismiss(notice.id);
+    return (_jsxs("div", { "data-testid": "notice", "data-kind": notice.kind, "data-tone": tone, style: {
+            boxSizing: "border-box",
+            display: "flex",
+            flexWrap: "wrap",
+            alignItems: "center",
+            gap: "8px 12px",
+            padding: notice.kind === "banner" ? "8px 10px 8px 14px" : "10px 12px 10px 14px",
+            borderRadius: "var(--graview-radius, 12px)",
+            borderTop: "1px solid var(--graview-edge)",
+            borderRight: "1px solid var(--graview-edge)",
+            borderBottom: "1px solid var(--graview-edge)",
+            borderLeft: `3px solid ${TONE[tone]}`,
+            background: "var(--graview-float)",
+            boxShadow: "var(--graview-lift-high)",
+            fontSize: "0.875rem",
+            lineHeight: 1.45,
+        }, children: [_jsx("span", { "aria-hidden": "true", style: { width: 7, height: 7, borderRadius: 999, flex: "0 0 auto", background: TONE[tone] } }), _jsx("span", { style: { flex: "1 1 16rem", minWidth: 0 }, children: notice.sentence }), acts.length > 0 ? (_jsx("span", { style: { display: "flex", flexWrap: "wrap", gap: 6 }, children: acts.map((act, index) => act.href !== undefined ? (_jsx("a", { href: act.href, ...(act.target ? { target: act.target, rel: "noopener" } : {}), "data-testid": "notice-action", onClick: () => {
+                        act.onSelect?.();
+                        close();
+                    }, style: { ...ACT, ...(index === 0 ? FIRST : {}) }, children: act.label }, act.label)) : (_jsx("button", { type: "button", "data-testid": "notice-action", onClick: () => {
+                        close();
+                        act.onSelect?.();
+                    }, style: { ...ACT, ...(index === 0 ? FIRST : {}) }, children: act.label }, act.label))) })) : null, _jsx("button", { type: "button", "data-testid": "notice-dismiss", "aria-label": `Dismiss: ${notice.sentence}`, title: "Dismiss", onClick: close, style: DISMISS, children: "\u00D7" })] }));
+}
+const ACT = {
+    display: "inline-flex",
+    alignItems: "center",
+    minHeight: 28,
+    padding: "2px 12px",
+    borderRadius: 9,
+    border: "1px solid var(--graview-edge)",
+    background: "var(--graview-panel)",
+    color: "var(--graview-ink)",
+    font: "inherit",
+    fontWeight: 500,
+    textDecoration: "none",
+    cursor: "pointer",
+};
+/** The first act is the one the notice asks for. */
+const FIRST = { background: "var(--graview-accent)", borderColor: "var(--graview-accent)", color: "var(--graview-accent-ink)" };
+const DISMISS = {
+    minWidth: 28,
+    minHeight: 28,
+    padding: 0,
+    border: "none",
+    background: "none",
+    boxShadow: "none",
+    color: "var(--graview-ink-muted)",
+    fontSize: "1rem",
+    cursor: "pointer",
+};
+/**
+ * SAID ALOUD, as each notice arrives: politely, or as an alert when its
+ * tone is bad. Two live regions that are always there, so a reader is told
+ * even when the notice itself is drawn in the top layer, and emptied a beat
+ * before each sentence so the same words said twice are said twice.
+ */
+function Spoken({ notices }) {
+    const latest = notices.reduce((last, one) => (!last || one.said > last.said ? one : last), undefined);
+    const [polite, setPolite] = useState("");
+    const [alarm, setAlarm] = useState("");
+    const heard = useRef(0);
+    useEffect(() => {
+        if (!latest || latest.said === heard.current)
+            return;
+        heard.current = latest.said;
+        const bad = latest.tone === "bad";
+        (bad ? setAlarm : setPolite)("");
+        const soon = setTimeout(() => (bad ? setAlarm : setPolite)(latest.sentence), 50);
+        return () => clearTimeout(soon);
+    }, [latest]);
+    return (_jsxs(_Fragment, { children: [_jsx("div", { role: "status", "aria-live": "polite", "data-testid": "notices-said", style: VISUALLY_HIDDEN, children: polite }), _jsx("div", { role: "alert", "data-testid": "notices-alarm", style: VISUALLY_HIDDEN, children: alarm })] }));
+}
+/**
+ * The notices on a board, drawn over the picture `anchor` returns (the
+ * embed's face, the Shell's scene): banners at its top, toasts at its foot.
+ */
+export function Notices({ board, anchor }) {
+    const notices = useSyncExternalStore(board.subscribe, board.list, board.list);
+    return (_jsxs(_Fragment, { children: [_jsx(Stack, { notices: notices.filter((one) => one.kind === "banner"), at: "top", anchor: anchor, board: board }), _jsx(Stack, { notices: notices.filter((one) => one.kind === "toast"), at: "foot", anchor: anchor, board: board }), _jsx(Spoken, { notices: notices })] }));
+}
+//# sourceMappingURL=notices.js.map

package/dist/notices.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notices.js","sourceRoot":"","sources":["../src/notices.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AACxE,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE,oBAAoB,EAAsB,MAAM,OAAO,CAAC;AAC/G,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAiExD,qDAAqD;AACrD,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAC;AAE7B,sEAAsE;AACtE,MAAM,UAAU,iBAAiB;IAC/B,IAAI,IAAI,GAA0B,EAAE,CAAC;IACrC,IAAI,QAAQ,GAAG,CAAC,CAAC;IACjB,MAAM,SAAS,GAAG,IAAI,GAAG,EAAc,CAAC;IACxC,MAAM,MAAM,GAAG,IAAI,GAAG,EAAyC,CAAC;IAChE,MAAM,IAAI,GAAG,GAAG,EAAE;QAChB,KAAK,MAAM,QAAQ,IAAI,CAAC,GAAG,SAAS,CAAC;YAAE,QAAQ,EAAE,CAAC;IACpD,CAAC,CAAC;IACF,MAAM,IAAI,GAAG,CAAC,MAAkB,EAAE,EAAE;QAClC,YAAY,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC;QACpC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;QACzB,IAAI,MAAM,CAAC,IAAI,KAAK,OAAO;YAAE,OAAO;QACpC,MAAM,IAAI,GAAG,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACrE,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;QAC9D,IAAI,KAAK,KAAK,KAAK;YAAE,OAAO;QAC5B,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;IACrE,CAAC,CAAC;IACF,MAAM,OAAO,GAAG,CAAC,EAAU,EAAE,EAAE;QAC7B,YAAY,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;QAC7B,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;QAClB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC;YAAE,OAAO;QAC/C,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;QAC3C,IAAI,EAAE,CAAC;IACT,CAAC,CAAC;IACF,MAAM,GAAG,GAAG,CAAC,MAAkB,EAAE,EAAE;QACjC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,KAAK,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,EAAE,MAAM,CAAC,CAAC;QAC/H,IAAI,CAAC,MAAM,CAAC,CAAC;QACb,IAAI,EAAE,CAAC;IACT,CAAC,CAAC;IACF,OAAO;QACL,MAAM,CAAC,MAAM;YACX,MAAM,EAAE,GAAG,MAAM,CAAC,EAAE,IAAI,UAAU,EAAE,QAAQ,EAAE,CAAC;YAC/C,GAAG,CAAC,EAAE,GAAG,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC;YACzC,OAAO;gBACL,EAAE;gBACF,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC;gBAC1B,MAAM,EAAE,CAAC,MAAM,EAAE,EAAE;oBACjB,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;oBAC9C,IAAI,GAAG;wBAAE,GAAG,CAAC,EAAE,GAAG,GAAG,EAAE,GAAG,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,QAAQ,KAAK,SAAS,IAAI,MAAM,CAAC,QAAQ,KAAK,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC;gBAC3J,CAAC;aACF,CAAC;QACJ,CAAC;QACD,OAAO;QACP,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI;QAChB,SAAS,CAAC,QAAQ;YAChB,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;YACxB,OAAO,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;QAC1C,CAAC;KACF,CAAC;AACJ,CAAC;AAED,MAAM,IAAI,GAA+B;IACvC,IAAI,EAAE,uBAAuB;IAC7B,IAAI,EAAE,qBAAqB;IAC3B,IAAI,EAAE,qBAAqB;IAC3B,GAAG,EAAE,oBAAoB;CAC1B,CAAC;AAEF,qGAAqG;AACrG,SAAS,KAAK,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAoJ;IAC7L,MAAM,IAAI,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACjD,MAAM,KAAK,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;IACjC,eAAe,CAAC,GAAG,EAAE;QACnB,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;QAC7B,IAAI,CAAC,KAAK,IAAI,CAAC,OAAO;YAAE,OAAO;QAC/B,IAAI,OAAO,OAAO,CAAC,WAAW,KAAK,UAAU,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC;YACtE,IAAI,CAAC;gBACH,OAAO,CAAC,WAAW,EAAE,CAAC;YACxB,CAAC;YAAC,MAAM,CAAC;gBACP,4EAA4E;YAC9E,CAAC;QACH,CAAC;QACD,MAAM,KAAK,GAAG,GAAG,EAAE;YACjB,MAAM,GAAG,GAAG,MAAM,EAAE,EAAE,qBAAqB,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC;YAC7G,MAAM,IAAI,GAAG,EAAE,KAAK,EAAE,QAAQ,CAAC,eAAe,CAAC,WAAW,IAAI,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC;YAChG,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC;YACnC,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC;YAC9C,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC;YAClE,IAAI,EAAE,KAAK,KAAK;gBAAE,OAAO,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC;;gBAC9E,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,MAAM,GAAG,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC;QAC5F,CAAC,CAAC;QACF,KAAK,EAAE,CAAC;QACR,MAAM,OAAO,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAC;QAC3C,gBAAgB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;QAClC,gBAAgB,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;QACxC,OAAO,GAAG,EAAE;YACV,OAAO,EAAE,CAAC;YACV,mBAAmB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;YACrC,mBAAmB,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;YAC3C,IAAI,OAAO,CAAC,WAAW,IAAI,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC;gBAC/C,IAAI,CAAC;oBACH,OAAO,CAAC,WAAW,EAAE,CAAC;gBACxB,CAAC;gBAAC,MAAM,CAAC;oBACP,gBAAgB;gBAClB,CAAC;YACH,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,EAAE,EAAE,EAAE,MAAM,CAAC,CAAC,CAAC;IACxB,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IACxB,OAAO,CACL,cACE,GAAG,EAAE,IAAI,EACT,OAAO,EAAC,QAAQ,EAChB,IAAI,EAAC,QAAQ,gBACD,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,iBACpC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,gBAAgB,2BAC1C,EAAE,EACxB,KAAK,EAAE;YACL,QAAQ,EAAE,OAAO;YACjB,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,CAAC;YACT,OAAO,EAAE,CAAC;YACV,MAAM,EAAE,MAAM;YACd,UAAU,EAAE,MAAM;YAClB,QAAQ,EAAE,SAAS;YACnB,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC;YACtB,SAAS,EAAE,QAAQ;YACnB,KAAK,EAAE,aAAa;YACpB,QAAQ,EAAE,gCAAgC;YAC1C,OAAO,EAAE,MAAM;YACf,GAAG,EAAE,CAAC;YACN,KAAK,EAAE,oBAAoB;SAC5B,YAEA,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,KAAC,UAAU,IAAiB,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,IAAvC,MAAM,CAAC,EAAE,CAAkC,CAC7D,CAAC,GACE,CACP,CAAC;AACJ,CAAC;AAED,SAAS,UAAU,CAAC,EAAE,MAAM,EAAE,KAAK,EAAgE;IACjG,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,IAAI,MAAM,CAAC;IACnC,MAAM,IAAI,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC,CAAC;IACpF,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IAC7C,OAAO,CACL,8BACc,QAAQ,eACT,MAAM,CAAC,IAAI,eACX,IAAI,EACf,KAAK,EAAE;YACL,SAAS,EAAE,YAAY;YACvB,OAAO,EAAE,MAAM;YACf,QAAQ,EAAE,MAAM;YAChB,UAAU,EAAE,QAAQ;YACpB,GAAG,EAAE,UAAU;YACf,OAAO,EAAE,MAAM,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,qBAAqB;YAC/E,YAAY,EAAE,6BAA6B;YAC3C,SAAS,EAAE,+BAA+B;YAC1C,WAAW,EAAE,+BAA+B;YAC5C,YAAY,EAAE,+BAA+B;YAC7C,UAAU,EAAE,aAAa,IAAI,CAAC,IAAI,CAAC,EAAE;YACrC,UAAU,EAAE,sBAAsB;YAClC,SAAS,EAAE,0BAA0B;YACrC,QAAQ,EAAE,UAAU;YACpB,UAAU,EAAE,IAAI;SACjB,aAED,8BAAkB,MAAM,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,YAAY,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,IAAI,CAAC,IAAI,CAAC,EAAE,GAAI,EACxH,eAAM,KAAK,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,EAAE,YAAG,MAAM,CAAC,QAAQ,GAAQ,EACxE,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACjB,eAAM,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE,YACvD,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CACvB,GAAG,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CACvB,YAEE,IAAI,EAAE,GAAG,CAAC,IAAI,KACV,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,iBACnD,eAAe,EAC3B,OAAO,EAAE,GAAG,EAAE;wBACZ,GAAG,CAAC,QAAQ,EAAE,EAAE,CAAC;wBACjB,KAAK,EAAE,CAAC;oBACV,CAAC,EACD,KAAK,EAAE,EAAE,GAAG,GAAG,EAAE,GAAG,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,YAE/C,GAAG,CAAC,KAAK,IAVL,GAAG,CAAC,KAAK,CAWZ,CACL,CAAC,CAAC,CAAC,CACF,iBAEE,IAAI,EAAC,QAAQ,iBACD,eAAe,EAC3B,OAAO,EAAE,GAAG,EAAE;wBACZ,KAAK,EAAE,CAAC;wBACR,GAAG,CAAC,QAAQ,EAAE,EAAE,CAAC;oBACnB,CAAC,EACD,KAAK,EAAE,EAAE,GAAG,GAAG,EAAE,GAAG,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,YAE/C,GAAG,CAAC,KAAK,IATL,GAAG,CAAC,KAAK,CAUP,CACV,CACF,GACI,CACR,CAAC,CAAC,CAAC,IAAI,EACR,iBAAQ,IAAI,EAAC,QAAQ,iBAAa,gBAAgB,gBAAa,YAAY,MAAM,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,uBAEnI,IACL,CACP,CAAC;AACJ,CAAC;AAED,MAAM,GAAG,GAAkB;IACzB,OAAO,EAAE,aAAa;IACtB,UAAU,EAAE,QAAQ;IACpB,SAAS,EAAE,EAAE;IACb,OAAO,EAAE,UAAU;IACnB,YAAY,EAAE,CAAC;IACf,MAAM,EAAE,+BAA+B;IACvC,UAAU,EAAE,sBAAsB;IAClC,KAAK,EAAE,oBAAoB;IAC3B,IAAI,EAAE,SAAS;IACf,UAAU,EAAE,GAAG;IACf,cAAc,EAAE,MAAM;IACtB,MAAM,EAAE,SAAS;CAClB,CAAC;AAEF,oDAAoD;AACpD,MAAM,KAAK,GAAkB,EAAE,UAAU,EAAE,uBAAuB,EAAE,WAAW,EAAE,uBAAuB,EAAE,KAAK,EAAE,2BAA2B,EAAE,CAAC;AAE/I,MAAM,OAAO,GAAkB;IAC7B,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,EAAE;IACb,OAAO,EAAE,CAAC;IACV,MAAM,EAAE,MAAM;IACd,UAAU,EAAE,MAAM;IAClB,SAAS,EAAE,MAAM;IACjB,KAAK,EAAE,0BAA0B;IACjC,QAAQ,EAAE,MAAM;IAChB,MAAM,EAAE,SAAS;CAClB,CAAC;AAEF;;;;;GAKG;AACH,SAAS,MAAM,CAAC,EAAE,OAAO,EAA+C;IACtE,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,CAAyB,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,IAAI,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,CAAC;IAC9H,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACzC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACvC,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;IACxB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC,IAAI,KAAK,KAAK,CAAC,OAAO;YAAE,OAAO;QACrD,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC;QAC5B,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,KAAK,KAAK,CAAC;QAClC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC;QACjC,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC,CAAC;QACjF,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;IAClC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IACb,OAAO,CACL,8BACE,cAAK,IAAI,EAAC,QAAQ,eAAW,QAAQ,iBAAa,cAAc,EAAC,KAAK,EAAE,eAAe,YACpF,MAAM,GACH,EACN,cAAK,IAAI,EAAC,OAAO,iBAAa,eAAe,EAAC,KAAK,EAAE,eAAe,YACjE,KAAK,GACF,IACL,CACJ,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,OAAO,CAAC,EAAE,KAAK,EAAE,MAAM,EAA8E;IACnH,MAAM,OAAO,GAAG,oBAAoB,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;IAC9E,OAAO,CACL,8BACE,KAAC,KAAK,IAAC,OAAO,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,KAAK,QAAQ,CAAC,EAAE,EAAE,EAAC,KAAK,EAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,GAAI,EACzG,KAAC,KAAK,IAAC,OAAO,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,KAAK,OAAO,CAAC,EAAE,EAAE,EAAC,MAAM,EAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,GAAI,EACzG,KAAC,MAAM,IAAC,OAAO,EAAE,OAAO,GAAI,IAC3B,CACJ,CAAC;AACJ,CAAC"}

package/dist/pages.d.ts

@@ -17,4 +17,6 @@ export { KindFigure } from "./figure.js";
 export { LadderSetting } from "./ladder.js";
 export { useMarkup } from "./markup.js";
 export { RelationMark } from "./relation-key.js";
+export { registerDefaultViews } from "./default-views.js";
+export { registerViewSpecs, SpecLinks } from "./spec-views.js";
 //# sourceMappingURL=pages.d.ts.map

package/dist/pages.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pages.d.ts","sourceRoot":"","sources":["../src/pages.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAClG,YAAY,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"pages.d.ts","sourceRoot":"","sources":["../src/pages.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAClG,YAAY,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/pages.js

@@ -16,4 +16,7 @@ export { KindFigure } from "./figure.js";
 export { LadderSetting } from "./ladder.js";
 export { useMarkup } from "./markup.js";
 export { RelationMark } from "./relation-key.js";
+// The framework's own views and the declaration's specs, for a routed face that registers them outright (`@graview/embed/pages`) without reaching every lens through the package's main entry.
+export { registerDefaultViews } from "./default-views.js";
+export { registerViewSpecs, SpecLinks } from "./spec-views.js";
 //# sourceMappingURL=pages.js.map

package/dist/pages.js.map

@@ -1 +1 @@
-{"version":3,"file":"pages.js","sourceRoot":"","sources":["../src/pages.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAElG,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"pages.js","sourceRoot":"","sources":["../src/pages.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAElG,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,+LAA+L;AAC/L,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/popover.d.ts

@@ -12,17 +12,10 @@
  * `anchor` holds the trigger (the element with `aria-expanded`) and the
  * pane; the keyboard is moved only when it was inside the pane, so a press
  * that opened the popover and closed it again stays exactly where it was.
- */
-export declare function closeToTrigger(anchor: HTMLElement | null, close: () => void): void;
-/**
- * A POPOVER STAYS IN THE BOX IT OPENED IN.
  *
- * On somebody else's page the app is one element with `overflow: hidden`,
- * and a pane anchored to its button's right edge, 280 pixels wide, opened
- * from a button near the element's left side ran off it: the profile's
- * settings were cut in half at 1280 and began off the screen at 390. When
- * the pane is inside an embed, it is slid back inside the embed's box and
- * no taller than the room under its top — nudged, never re-laid out.
+ * The pane itself stands in the browser's top layer (`useTopLayer`), placed
+ * by its trigger and kept to the viewport, so it is never cut off by the
+ * box it opened in (FR-76).
  */
-export declare function keepInside(pane: HTMLElement | null): void;
+export declare function closeToTrigger(anchor: HTMLElement | null, close: () => void): void;
 //# sourceMappingURL=popover.d.ts.map

package/dist/popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../src/popover.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,EAAE,KAAK,EAAE,MAAM,IAAI,GAAG,IAAI,CAMlF;AAED;;;;;;;;;GASG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,GAAG,IAAI,CAkBzD"}
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../src/popover.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,EAAE,KAAK,EAAE,MAAM,IAAI,GAAG,IAAI,CAMlF"}

package/dist/popover.js

@@ -12,6 +12,10 @@
  * `anchor` holds the trigger (the element with `aria-expanded`) and the
  * pane; the keyboard is moved only when it was inside the pane, so a press
  * that opened the popover and closed it again stays exactly where it was.
+ *
+ * The pane itself stands in the browser's top layer (`useTopLayer`), placed
+ * by its trigger and kept to the viewport, so it is never cut off by the
+ * box it opened in (FR-76).
  */
 export function closeToTrigger(anchor, close) {
     const at = typeof document === "undefined" ? null : document.activeElement;
@@ -21,39 +25,4 @@ export function closeToTrigger(anchor, close) {
     if (inside)
         trigger?.focus();
 }
-/**
- * A POPOVER STAYS IN THE BOX IT OPENED IN.
- *
- * On somebody else's page the app is one element with `overflow: hidden`,
- * and a pane anchored to its button's right edge, 280 pixels wide, opened
- * from a button near the element's left side ran off it: the profile's
- * settings were cut in half at 1280 and began off the screen at 390. When
- * the pane is inside an embed, it is slid back inside the embed's box and
- * no taller than the room under its top — nudged, never re-laid out.
- */
-export function keepInside(pane) {
-    if (!pane)
-        return;
-    pane.style.translate = "";
-    const box = pane.closest("[data-graview-embed]")?.getBoundingClientRect();
-    if (!box)
-        return;
-    const at = pane.getBoundingClientRect();
-    if (at.width === 0)
-        return;
-    const GAP = 8;
-    let dx = 0;
-    if (at.left < box.left + GAP)
-        dx = box.left + GAP - at.left;
-    else if (at.right > box.right - GAP)
-        dx = box.right - GAP - at.right;
-    if (dx !== 0)
-        pane.style.translate = `${Math.round(dx)}px 0`;
-    const room = box.bottom - GAP - at.top;
-    if (at.height > room) {
-        // `max-height` is the content box's: the pane's own padding and border come on top of it.
-        const frame = at.height - parseFloat(getComputedStyle(pane).height || "0");
-        pane.style.maxHeight = `${Math.max(120, Math.floor(room - (Number.isFinite(frame) ? frame : 0)))}px`;
-    }
-}
 //# sourceMappingURL=popover.js.map

package/dist/popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.js","sourceRoot":"","sources":["../src/popover.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,cAAc,CAAC,MAA0B,EAAE,KAAiB;IAC1E,MAAM,EAAE,GAAG,OAAO,QAAQ,KAAK,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC;IAC3E,MAAM,OAAO,GAAG,MAAM,EAAE,aAAa,CAAc,iBAAiB,CAAC,IAAI,IAAI,CAAC;IAC9E,MAAM,MAAM,GAAG,EAAE,YAAY,WAAW,IAAI,MAAM,KAAK,IAAI,IAAI,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,OAAO,CAAC;IACrG,KAAK,EAAE,CAAC;IACR,IAAI,MAAM;QAAE,OAAO,EAAE,KAAK,EAAE,CAAC;AAC/B,CAAC;AAED;;;;;;;;;GASG;AACH,MAAM,UAAU,UAAU,CAAC,IAAwB;IACjD,IAAI,CAAC,IAAI;QAAE,OAAO;IAClB,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,EAAE,CAAC;IAC1B,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,CAAc,sBAAsB,CAAC,EAAE,qBAAqB,EAAE,CAAC;IACvF,IAAI,CAAC,GAAG;QAAE,OAAO;IACjB,MAAM,EAAE,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC;IACxC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC;QAAE,OAAO;IAC3B,MAAM,GAAG,GAAG,CAAC,CAAC;IACd,IAAI,EAAE,GAAG,CAAC,CAAC;IACX,IAAI,EAAE,CAAC,IAAI,GAAG,GAAG,CAAC,IAAI,GAAG,GAAG;QAAE,EAAE,GAAG,GAAG,CAAC,IAAI,GAAG,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC;SACvD,IAAI,EAAE,CAAC,KAAK,GAAG,GAAG,CAAC,KAAK,GAAG,GAAG;QAAE,EAAE,GAAG,GAAG,CAAC,KAAK,GAAG,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC;IACrE,IAAI,EAAE,KAAK,CAAC;QAAE,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC;IAC7D,MAAM,IAAI,GAAG,GAAG,CAAC,MAAM,GAAG,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IACvC,IAAI,EAAE,CAAC,MAAM,GAAG,IAAI,EAAE,CAAC;QACrB,0FAA0F;QAC1F,MAAM,KAAK,GAAG,EAAE,CAAC,MAAM,GAAG,UAAU,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,GAAG,CAAC,CAAC;QAC3E,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACvG,CAAC;AACH,CAAC"}
+{"version":3,"file":"popover.js","sourceRoot":"","sources":["../src/popover.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,UAAU,cAAc,CAAC,MAA0B,EAAE,KAAiB;IAC1E,MAAM,EAAE,GAAG,OAAO,QAAQ,KAAK,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC;IAC3E,MAAM,OAAO,GAAG,MAAM,EAAE,aAAa,CAAc,iBAAiB,CAAC,IAAI,IAAI,CAAC;IAC9E,MAAM,MAAM,GAAG,EAAE,YAAY,WAAW,IAAI,MAAM,KAAK,IAAI,IAAI,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,OAAO,CAAC;IACrG,KAAK,EAAE,CAAC;IACR,IAAI,MAAM;QAAE,OAAO,EAAE,KAAK,EAAE,CAAC;AAC/B,CAAC"}

package/dist/profile.d.ts

@@ -1,5 +1,5 @@
 import { type AnySchema } from "@graview/core";
-import { type ReactNode } from "react";
+import type { ReactNode } from "react";
 /**
  * WHO YOU ARE AT THIS KEYBOARD, AND WHAT YOU SET FOR YOURSELF.
  *
@@ -48,7 +48,7 @@ profileHref,
  * node. Both of them render nothing for a seat that may not administer,
  * and the block they sit in hides itself when they do.
  */
-keeping, compact, }: {
+keeping, hostActions, compact, }: {
     /** Just the mark: the name is the title. For a bar without the room. */
     readonly compact?: boolean;
     /**
@@ -61,5 +61,18 @@ keeping, compact, }: {
     readonly onScheme?: (scheme: "light" | "dark") => void;
     readonly profileHref?: (userId: string) => string;
     readonly keeping?: ReactNode;
+    /** The host's own ways out and about: its links, drawn under who you are (FR-72). */
+    readonly hostActions?: readonly HostAction[];
 }): import("react").JSX.Element;
+/**
+ * ONE OF A HOST'S OWN ACTIONS, in the profile menu (FR-72): a link
+ * (`href`, and `target` if it opens elsewhere) or a press (`onSelect`).
+ * Given both, the link is followed and `onSelect` is told.
+ */
+export interface HostAction {
+    readonly label: string;
+    readonly href?: string;
+    readonly target?: string;
+    readonly onSelect?: () => void;
+}
 //# sourceMappingURL=profile.d.ts.map

package/dist/profile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"profile.d.ts","sourceRoot":"","sources":["../src/profile.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwC,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAGrF,OAAO,EAAgD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIrF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,wBAAgB,OAAO,CAAC,CAAC,SAAS,SAAS,EAAE,EAC3C,MAAM,EACN,QAAQ;AACR,6EAA6E;AAC7E,WAAW;AACX;;;;;;;;GAQG;AACH,OAAO,EACP,OAAe,GAChB,EAAE;IACD,wEAAwE;IACxE,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B;;;;;OAKG;IACH,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACnC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,GAAG,MAAM,KAAK,IAAI,CAAC;IACvD,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IAClD,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC;CAC9B,+BAwUA"}
+{"version":3,"file":"profile.d.ts","sourceRoot":"","sources":["../src/profile.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwC,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAGrF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,wBAAgB,OAAO,CAAC,CAAC,SAAS,SAAS,EAAE,EAC3C,MAAM,EACN,QAAQ;AACR,6EAA6E;AAC7E,WAAW;AACX;;;;;;;;GAQG;AACH,OAAO,EACP,WAA6B,EAC7B,OAAe,GAChB,EAAE;IACD,wEAAwE;IACxE,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B;;;;;OAKG;IACH,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACnC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,GAAG,MAAM,KAAK,IAAI,CAAC;IACvD,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IAClD,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC;IAC7B,qFAAqF;IACrF,QAAQ,CAAC,WAAW,CAAC,EAAE,SAAS,UAAU,EAAE,CAAC;CAC9C,+BAqVA;AAED;;;;GAIG;AACH,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC"}

package/dist/profile.js

@@ -1,10 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { humaniseField, labelOf, nameOfAuthor } from "@graview/core";
-import { useGraview } from "@graview/react/provider";
+import { POPOVER_STYLE, useGraview, usePopover } from "@graview/react/provider";
 import { LadderSetting } from "./ladder.js";
-import { useEffect, useLayoutEffect, useRef, useState } from "react";
 import { Seats } from "./seats.js";
-import { closeToTrigger, keepInside } from "./popover.js";
 /**
  * WHO YOU ARE AT THIS KEYBOARD, AND WHAT YOU SET FOR YOURSELF.
  *
@@ -53,42 +51,18 @@ profileHref,
  * node. Both of them render nothing for a seat that may not administer,
  * and the block they sit in hides itself when they do.
  */
-keeping, compact = false, }) {
+keeping, hostActions = NO_HOST_ACTIONS, compact = false, }) {
     const { store, principal, seats, people, settings, settingValues, chooseSetting, sharing, hostAnswers } = useGraview();
-    const [open, setOpen] = useState(false);
-    const anchor = useRef(null);
-    useEffect(() => {
-        if (!open)
-            return;
-        const away = (event) => {
-            const target = event.target;
-            if (anchor.current?.contains(target))
-                return;
-            /*
-             * A CONTROL IN HERE MAY OPEN SOMETHING BIGGER THAN HERE.
-             *
-             * The studio is a full-screen dialog portalled to the body, and its
-             * button lives in this pane. Treating the first press inside the
-             * studio as "away" closed the pane, which unmounted the button, which
-             * took the portal with it — the studio opened and vanished on the
-             * next click. Anything that is itself a dialog or an overlay is not
-             * away from the thing that opened it.
-             */
-            if (target instanceof Element && target.closest('[role="dialog"], [data-graview-overlay]'))
-                return;
-            setOpen(false);
-        };
-        const key = (event) => {
-            if (event.key === "Escape")
-                closeToTrigger(anchor.current, () => setOpen(false));
-        };
-        document.addEventListener("mousedown", away);
-        document.addEventListener("keydown", key);
-        return () => {
-            document.removeEventListener("mousedown", away);
-            document.removeEventListener("keydown", key);
-        };
-    }, [open]);
+    /*
+     * ONE OF THE FAMILY (FR-77): opening it closes any other popover, the
+     * keyboard goes in, Escape or a press outside closes it and gives the
+     * keyboard back to the button, and it hangs from the button in the top
+     * layer, turned over or scrolling so no row is under the viewport's edge.
+     * A press inside a dialog it opened (the studio, from "keeping") is not a
+     * press away from it.
+     */
+    const popover = usePopover("profile");
+    const open = popover.open;
     /*
      * The person's own record, WHERE THERE IS ONE.
      *
@@ -98,12 +72,6 @@ keeping, compact = false, }) {
      * pane says who you are from the principal alone rather than inventing a
      * name.
      */
-    // Inside an embed the pane stays inside the embed's box (see `keepInside`).
-    const pane = useRef(null);
-    useLayoutEffect(() => {
-        if (open)
-            keepInside(pane.current);
-    }, [open]);
     const me = principal.id === undefined ? undefined : store.graph.getNode(principal.id);
     const name = me === undefined
         ? principal.id === undefined
@@ -111,7 +79,7 @@ keeping, compact = false, }) {
             : nameOfAuthor(principal, { graph: store.graph, schema: store.schema, seats, people })
         : labelOf(store.schema.tryDefinition(me.kind), me);
     const roles = principal.roles ?? [];
-    return (_jsxs("div", { ref: anchor, style: { position: "relative" }, children: [_jsxs("button", { type: "button", "data-testid": "profile-button", "aria-expanded": open, onClick: () => setOpen((value) => !value), title: "Who you are signed in as, and your own settings", style: {
+    return (_jsxs("div", { style: { position: "relative" }, children: [_jsxs("button", { type: "button", "data-testid": "profile-button", ...popover.trigger, onClick: popover.toggle, title: "Who you are signed in as, and your own settings", style: {
                     display: "inline-flex",
                     alignItems: "center",
                     gap: 7,
@@ -137,13 +105,8 @@ keeping, compact = false, }) {
                             fontSize: "0.75rem",
                             background: "var(--graview-panel-muted)",
                             color: "var(--graview-ink-muted)",
-                        }, children: initial(name) }), _jsx("span", { style: compact ? { position: "absolute", width: 1, height: 1, overflow: "hidden", clipPath: "inset(50%)" } : { overflow: "hidden", textOverflow: "ellipsis" }, children: name }), _jsx("span", { "aria-hidden": "true", "data-testid": "profile-gear", style: { fontSize: "0.75rem", color: "var(--graview-ink-faint)" }, children: "\u2699" })] }), _jsxs("section", { ref: (element) => {
-                    pane.current = element;
-                }, "aria-label": "Profile", "data-testid": "profile", "data-graview-offstage": "", "data-graview-overlay": "", hidden: !open, style: {
-                    position: "absolute",
-                    top: "calc(100% + 6px)",
-                    right: 0,
-                    zIndex: 20,
+                        }, children: initial(name) }), _jsx("span", { style: compact ? { position: "absolute", width: 1, height: 1, overflow: "hidden", clipPath: "inset(50%)" } : { overflow: "hidden", textOverflow: "ellipsis" }, children: name }), _jsx("span", { "aria-hidden": "true", "data-testid": "profile-gear", style: { fontSize: "0.75rem", color: "var(--graview-ink-faint)" }, children: "\u2699" })] }), _jsxs("section", { ...popover.pane, "aria-label": "Profile", "data-testid": "profile", "data-graview-offstage": "", hidden: !open, style: {
+                    ...POPOVER_STYLE,
                     width: 280,
                     maxWidth: "calc(100vw - 32px)",
                     maxHeight: "min(62cqh, 520px)",
@@ -186,7 +149,13 @@ keeping, compact = false, }) {
                                     color: "var(--graview-accent)",
                                 }, children: "Your record \u2197" })) : null, sharing ? (
                             /* How the others here see you — the name on the figure that stands where you are. */
-                            _jsxs("span", { "data-testid": "profile-seen-as", style: { fontSize: "0.8125rem", color: "var(--graview-ink-muted)" }, children: ["Seen by others as ", sharing.name] })) : null] }), _jsxs("div", { className: "graview-profile-keeping", "data-testid": "profile-keeping", style: ruled, children: [_jsx("span", { style: eyebrow, children: "Keeping this app" }), keeping] }), seats.length > 1 ? (_jsxs("div", { style: { display: "grid", gap: 6, ...ruled }, children: [_jsx("span", { style: eyebrow, children: "Sit as somebody else" }), _jsx(Seats, {})] })) : null, hostAnswers ? null : (_jsx("div", { style: { display: "grid", gap: 6, ...ruled }, children: _jsx(LadderSetting, {}) })), settings.length > 0 ? (_jsx("div", { style: { display: "grid", gap: 10, ...ruled }, children: settings.map((setting) => (_jsxs("fieldset", { "data-testid": `setting-${setting.name}`, style: { border: 0, margin: 0, padding: 0, display: "grid", gap: 5 }, children: [_jsx("legend", { style: { ...eyebrow, padding: 0 }, children: setting.title }), setting.description ? (_jsx("span", { style: { fontSize: "0.8125rem", color: "var(--graview-ink-muted)" }, children: setting.description })) : null, _jsx("div", { style: { display: "flex", flexWrap: "wrap", gap: 4 }, children: setting.options.map((option) => {
+                            _jsxs("span", { "data-testid": "profile-seen-as", style: { fontSize: "0.8125rem", color: "var(--graview-ink-muted)" }, children: ["Seen by others as ", sharing.name] })) : null] }), hostActions.length > 0 ? (_jsx("ul", { role: "list", "aria-label": "From the host", "data-testid": "host-actions", style: { ...ruled, margin: 0, paddingLeft: 0, listStyle: "none", display: "grid", gap: 2 }, children: hostActions.map((action) => (_jsx("li", { children: action.href !== undefined ? (_jsx("a", { href: action.href, "data-testid": "host-action", className: "graview-host-action", ...(action.target ? { target: action.target, rel: "noopener" } : {}), onClick: () => {
+                                    action.onSelect?.();
+                                    popover.setOpen(false);
+                                }, style: hostRow, children: action.label })) : (_jsx("button", { type: "button", "data-testid": "host-action", className: "graview-host-action", onClick: () => {
+                                    popover.setOpen(false);
+                                    action.onSelect?.();
+                                }, style: { ...hostRow, width: "100%", textAlign: "left", border: "none", background: "none", boxShadow: "none", font: "inherit", cursor: "pointer" }, children: action.label })) }, action.label))) })) : null, _jsxs("div", { className: "graview-profile-keeping", "data-testid": "profile-keeping", style: ruled, children: [_jsx("span", { style: eyebrow, children: "Keeping this app" }), keeping] }), seats.length > 1 ? (_jsxs("div", { style: { display: "grid", gap: 6, ...ruled }, children: [_jsx("span", { style: eyebrow, children: "Sit as somebody else" }), _jsx(Seats, {})] })) : null, hostAnswers ? null : (_jsx("div", { style: { display: "grid", gap: 6, ...ruled }, children: _jsx(LadderSetting, {}) })), settings.length > 0 ? (_jsx("div", { style: { display: "grid", gap: 10, ...ruled }, children: settings.map((setting) => (_jsxs("fieldset", { "data-testid": `setting-${setting.name}`, style: { border: 0, margin: 0, padding: 0, display: "grid", gap: 5 }, children: [_jsx("legend", { style: { ...eyebrow, padding: 0 }, children: setting.title }), setting.description ? (_jsx("span", { style: { fontSize: "0.8125rem", color: "var(--graview-ink-muted)" }, children: setting.description })) : null, _jsx("div", { style: { display: "flex", flexWrap: "wrap", gap: 4 }, children: setting.options.map((option) => {
                                         const chosen = (settingValues[setting.name] ?? setting.initial) === option.value;
                                         return (_jsx("button", { type: "button", "aria-pressed": chosen, "data-testid": `setting-${setting.name}-${option.value}`, onClick: () => chooseSetting(setting.name, option.value), style: {
                                                 /*
@@ -216,6 +185,18 @@ keeping, compact = false, }) {
                                         background: scheme === candidate ? "var(--graview-panel)" : "transparent",
                                     }, children: candidate === "light" ? "☀ Light" : "☾ Dark" }, candidate))) })] })) : null] })] }));
 }
+const NO_HOST_ACTIONS = [];
+/** A row of the host's: a full fingertip, the ink of the pane, the accent when the keyboard is on it. */
+const hostRow = {
+    display: "flex",
+    alignItems: "center",
+    minHeight: 28,
+    padding: "2px 8px",
+    borderRadius: 7,
+    fontSize: "0.875rem",
+    color: "var(--graview-ink)",
+    textDecoration: "none",
+};
 const eyebrow = {
     fontSize: "0.75rem",
     letterSpacing: "0.14em",

package/dist/profile.js.map

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

package/dist/quick-relations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"quick-relations.d.ts","sourceRoot":"","sources":["../src/quick-relations.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAsCxD;;;;;;;;;GASG;AACH,wBAAgB,OAAO,CAAC,MAAM,EAAE,SAAS,MAAM,EAAE,EAAE,IAAI,SAAa,GAAG,MAAM,EAAE,CAmB9E;AAED,wBAAgB,cAAc,CAAC,CAAC,SAAS,SAAS,EAAE,EAAE,MAAc,EAAE,GAAE;IAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAA;CAAO,sCA4JzG"}
+{"version":3,"file":"quick-relations.d.ts","sourceRoot":"","sources":["../src/quick-relations.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAsC/D;;;;;;;;;GASG;AACH,wBAAgB,OAAO,CAAC,MAAM,EAAE,SAAS,MAAM,EAAE,EAAE,IAAI,SAAa,GAAG,MAAM,EAAE,CAmB9E;AAED,wBAAgB,cAAc,CAAC,CAAC,SAAS,SAAS,EAAE,EAAE,MAAc,EAAE,GAAE;IAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAA;CAAO,sCA4JzG"}

package/dist/quick-relations.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { labelOf } from "@graview/core";
+import { labelOf, layer } from "@graview/core";
 import { kindsOfAggregate } from "@graview/layout/view";
 import { useGraph, useGraview, useSelection } from "@graview/react/provider";
 import { useMemo } from "react";
@@ -136,7 +136,7 @@ export function QuickRelations({ inside = false } = {}) {
                 position: "absolute",
                 left: 16,
                 top: 14,
-                zIndex: 5,
+                zIndex: layer("rail"),
                 display: "grid",
                 gap: 5,
                 maxWidth: "min(250px, 21cqw)",