@graview/react 0.1.8 → 0.1.10

package/dist/popover.js

@@ -0,0 +1,374 @@
+import { layer } from "@graview/core";
+import { useCallback, useEffect, useId, useLayoutEffect, useRef, useState } from "react";
+/**
+ * EVERY POPOVER THE FRAMEWORK DRAWS, BY NAME — the family a harness opens
+ * one by one rather than a list somebody keeps by hand (FR-77). Each says
+ * the `data-testid` of what opens it and of its pane, how it is opened,
+ * where the framework draws it, and where the keyboard goes when it opens:
+ * into the pane, except under the Find box, which is a combobox's listbox
+ * and keeps the keyboard in the box (its rows are `aria-activedescendant`).
+ * A popover that is not in here is not in the family, and `usePopover`
+ * takes no name that is not.
+ */
+export const POPOVERS = {
+    /** Who you are and your own settings, from the bar and the embed's strip. */
+    profile: { trigger: "profile-button", pane: "profile", opens: "press", focus: "into", drawn: ["shell", "embed"] },
+    /** What is broken, from Standing, on the bar and the strip. */
+    problems: { trigger: "standing", pane: "problems", opens: "press", focus: "into", drawn: ["shell", "embed"] },
+    /** What has happened, from the bar. */
+    activity: { trigger: "activity-button", pane: "activity", opens: "press", focus: "into", drawn: ["shell"] },
+    /** What the words find, under the Find box. */
+    find: { trigger: "find-box", pane: "find-strip", opens: "typing", focus: "stays", drawn: ["shell"] },
+    /** The districts the row could not hold, from "+N more" on the ground. */
+    districts: { trigger: "beyond-more", pane: "beyond-list", opens: "press", focus: "into", drawn: ["shell", "embed"] },
+    /** A card's acts at the pointer: right-click, the context menu. The card is what the keyboard goes back to. */
+    acts: { trigger: null, pane: "context-menu", opens: "context-menu", focus: "into", drawn: ["shell", "embed"] },
+    /** The conversation as a pill's popover, where an app puts `ChatPanel` on a bar of its own. */
+    chat: { trigger: "chat", pane: "chat-panel", opens: "press", focus: "into", drawn: [] },
+    /** The studio's own seat, from its bar. */
+    "studio-ask": { trigger: "studio-agent", pane: "studio-agent-panel", opens: "press", focus: "into", drawn: ["studio"] },
+};
+/**
+ * A TRANSIENT SURFACE OPENS IN THE BROWSER'S TOP LAYER (FR-76).
+ *
+ * A popover, a menu, a list of suggestions: each used to hang from its
+ * trigger with `position: absolute` and a `z-index` of its own choosing, in
+ * the one stacking context the bar, the scene and the seat's rail share —
+ * and on a hosted app the profile opened under the rail at 40 and could not
+ * be read. The browser has a layer above every stacking context for exactly
+ * this: an element shown with `showPopover()` is drawn over everything on
+ * the page, whatever `z-index`, `overflow: hidden` or `backdrop-filter` its
+ * ancestors carry, and it is still where it was in the DOM — so an embed's
+ * scoped theme still reaches it and its custom properties are inherited,
+ * and nothing of it lands on the host's page that was not there before.
+ *
+ * Chromium 114, Firefox 125 and Safari 17 have it, and Playwright's
+ * Chromium, WebKit and Firefox do; where `showPopover` is missing, the pane
+ * stands on the ladder's popover rung (`layer("popover")`), over every rail.
+ *
+ * In the top layer the pane's containing block is the viewport, so it is
+ * placed by its anchor's rectangle: under it, or over it where there is
+ * more room above (`placePane`), and kept to the viewport on both axes.
+ */
+export const POPOVER_STYLE = {
+    position: "fixed",
+    inset: "auto",
+    margin: 0,
+    zIndex: layer("popover"),
+    boxSizing: "border-box",
+};
+/** The pane's distance from its anchor, and from the viewport's edges. */
+const GAP = 6;
+const MARGIN = 8;
+const supportsTopLayer = (pane) => typeof pane.showPopover === "function";
+/** Whether the pane is in the top layer now. */
+export function inTopLayer(pane) {
+    try {
+        return pane.matches(":popover-open");
+    }
+    catch {
+        return false;
+    }
+}
+function anchorRect(anchor) {
+    if (typeof anchor === "function") {
+        const at = anchor();
+        return at ? { left: at.x, right: at.x, top: at.y, bottom: at.y } : null;
+    }
+    const element = anchor.current;
+    if (!element || !element.isConnected)
+        return null;
+    const rect = element.getBoundingClientRect();
+    return { left: rect.left, right: rect.right, top: rect.top, bottom: rect.bottom };
+}
+/**
+ * Puts the pane by its anchor, inside the viewport: under the anchor, or
+ * over it when the room above is the larger and the pane does not fit
+ * below; no taller than the room it was given, so what it holds scrolls
+ * inside it rather than running off the screen.
+ */
+export function placePane(pane, anchor, options = {}) {
+    const at = anchorRect(anchor);
+    if (!at)
+        return;
+    const view = { width: document.documentElement.clientWidth || innerWidth, height: innerHeight };
+    // The height the pane was designed to stop at, kept the first time: the room is laid over it, never instead of it.
+    const designed = (pane.dataset["graviewDesignedHeight"] ??= pane.style.maxHeight);
+    pane.style.maxHeight = designed;
+    const natural = pane.getBoundingClientRect();
+    const below = view.height - at.bottom - GAP - MARGIN;
+    const above = at.top - GAP - MARGIN;
+    const down = natural.height <= below || below >= above;
+    const room = Math.max(96, Math.floor(down ? below : above));
+    const height = Math.min(natural.height, room);
+    // Border-box (`POPOVER_STYLE`), so the room is the pane's whole height, its frame included.
+    if (natural.height > room)
+        pane.style.maxHeight = designed ? `min(${designed}, ${room}px)` : `${room}px`;
+    const width = natural.width;
+    const wanted = options.align === "start" ? at.left : at.right - width;
+    // A sheet the viewport's width (a phone's) stands from its left edge; anything narrower keeps a margin.
+    const left = width >= view.width - 2 * MARGIN ? Math.max(0, (view.width - width) / 2) : Math.max(MARGIN, Math.min(wanted, view.width - MARGIN - width));
+    const top = down ? at.bottom + GAP : Math.max(MARGIN, at.top - GAP - height);
+    pane.style.left = `${Math.round(left)}px`;
+    pane.style.top = `${Math.round(top)}px`;
+}
+/**
+ * Shows the pane in the top layer while `open`, placed by its anchor and
+ * placed again as the page scrolls, the window changes size or the pane's
+ * own content does. The pane carries `popover="manual"` and
+ * `POPOVER_STYLE`; whoever draws it decides when it is open.
+ */
+export function useTopLayer(pane, open, anchor, options = {}) {
+    const align = options.align ?? "end";
+    useLayoutEffect(() => {
+        const element = pane.current;
+        if (!open || !element)
+            return;
+        if (supportsTopLayer(element) && !inTopLayer(element)) {
+            try {
+                element.showPopover();
+                // The notices stay over it: the ladder's top rung is theirs.
+                raiseAgain();
+            }
+            catch {
+                // Not connected, or shown already: the ladder's rung still holds it over every rail.
+            }
+        }
+        let frame = 0;
+        const place = (event) => {
+            // The pane's own scrolling moves nothing it hangs from.
+            if (event?.target instanceof Node && element.contains(event.target))
+                return;
+            cancelAnimationFrame(frame);
+            frame = requestAnimationFrame(() => placePane(element, anchor, { align }));
+        };
+        placePane(element, anchor, { align });
+        addEventListener("resize", place);
+        addEventListener("scroll", place, true);
+        const watch = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(() => place());
+        watch?.observe(element);
+        return () => {
+            cancelAnimationFrame(frame);
+            removeEventListener("resize", place);
+            removeEventListener("scroll", place, true);
+            watch?.disconnect();
+            if (element.isConnected && inTopLayer(element)) {
+                try {
+                    element.hidePopover();
+                }
+                catch {
+                    // Gone already.
+                }
+            }
+        };
+        // The anchor is read when placing, not watched: a new function each render is the same anchor.
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [open, pane, align]);
+}
+/**
+ * WHAT STANDS OVER A POPOVER: the notices (FR-75), the ladder's top rung.
+ * The top layer is ordered by when a thing was shown, so a popover opened
+ * after a toast would stand over it; each element here is shown again,
+ * over it, the moment a popover of the family opens.
+ */
+const raised = new Set();
+/** Keeps an element in the top layer over any popover that opens after it; returns the way to stop. */
+export function raiseOverPopovers(element) {
+    raised.add(element);
+    return () => raised.delete(element);
+}
+function raiseAgain() {
+    for (const element of raised) {
+        if (!element.isConnected || !inTopLayer(element))
+            continue;
+        try {
+            element.hidePopover();
+            element.showPopover();
+        }
+        catch {
+            // Not shown after all: nothing to raise.
+        }
+    }
+}
+/**
+ * THE ONE OPEN POPOVER, page-wide. Opening one closes the one before it —
+ * two embeds on a page included — so a profile and a problems list are
+ * never open over each other, each sure it is the one on top.
+ */
+let current = null;
+/** Where the keyboard can land inside a pane. */
+const FOCUSABLE = 'button:not([disabled]), [href], input:not([disabled]):not([type="hidden"]), select:not([disabled]), textarea:not([disabled]), summary, [tabindex]:not([tabindex="-1"])';
+/** The first thing in the pane the keyboard can stand on, or the pane itself. */
+function firstStop(pane) {
+    for (const candidate of pane.querySelectorAll(FOCUSABLE)) {
+        // Not one that is hidden, or inside something hidden (a closed setting's own pane).
+        if (candidate.closest("[hidden]") === null && getComputedStyle(candidate).visibility !== "hidden")
+            return candidate;
+    }
+    return pane;
+}
+/**
+ * ONE FAMILY OF POPOVERS (FR-77).
+ *
+ * Every popover had its own way of closing: the profile closed on a press
+ * outside it, the districts on a pointer down, the menu at the pointer a
+ * frame late; one gave the keyboard back to its button and the next left
+ * it on `<body>`; none moved the keyboard in when it opened, so a person
+ * working from the keyboard opened the profile and was still on its button;
+ * and two could be open at once. This is the one way, and every popover in
+ * `POPOVERS` uses it:
+ *
+ *   one at a time — opening one closes any other, page-wide;
+ *   the keyboard goes in — to the pane's first control, or the pane;
+ *   Escape closes it, and so does a press anywhere that is not the pane or
+ *     its trigger (nor a dialog the pane opened); the keyboard goes back to
+ *     the trigger when it was inside the pane or the press left it nowhere;
+ *   it hangs from its trigger, in the top layer (`useTopLayer`), turned
+ *     over when there is more room above and no taller than the room, so
+ *     no row of it is ever under the viewport's edge.
+ */
+export function usePopover(name, options = {}) {
+    const { at, returnTo, onOpenChange } = options;
+    const enabled = options.popover !== false;
+    const [held, setHeld] = useState(false);
+    const open = options.open ?? held;
+    const triggerRef = useRef(null);
+    const paneRef = useRef(null);
+    // Callbacks, so a button, a section or a list can each carry them.
+    const holdTrigger = useCallback((element) => {
+        triggerRef.current = element;
+    }, []);
+    const holdPane = useCallback((element) => {
+        paneRef.current = element;
+    }, []);
+    const id = `graview-popover-${useId().replace(/:/g, "")}`;
+    const latest = useRef({ onOpenChange, returnTo, controlled: options.open !== undefined });
+    latest.current = { onOpenChange, returnTo, controlled: options.open !== undefined };
+    const change = useCallback((next) => {
+        if (!latest.current.controlled)
+            setHeld(next);
+        latest.current.onOpenChange?.(next);
+    }, []);
+    /** Closes it; the keyboard goes back to where it came from when it was inside, or nowhere. */
+    const close = useCallback((giveBack) => {
+        const pane = paneRef.current;
+        const active = typeof document === "undefined" ? null : document.activeElement;
+        const lost = active === null || active === document.body || (pane !== null && pane.contains(active));
+        change(false);
+        if (!giveBack || !lost)
+            return;
+        const back = triggerRef.current ?? latest.current.returnTo?.() ?? null;
+        back?.focus({ preventScroll: true });
+    }, [change]);
+    useTopLayer(paneRef, enabled && open, at ?? triggerRef, options.align ? { align: options.align } : {});
+    useEffect(() => {
+        if (!enabled || !open)
+            return;
+        const me = { name, close: () => close(false) };
+        if (current && current.close !== me.close)
+            current.close();
+        current = me;
+        /* The keyboard goes in, unless it stays in a combobox's box. */
+        if (POPOVERS[name].focus === "into") {
+            const pane = paneRef.current;
+            if (pane && !pane.contains(document.activeElement))
+                firstStop(pane).focus({ preventScroll: true });
+        }
+        const key = (event) => {
+            if (event.key !== "Escape")
+                return;
+            close(true);
+        };
+        const away = (event) => {
+            const target = event.target;
+            if (!(target instanceof Node))
+                return;
+            const pane = paneRef.current;
+            if (pane?.contains(target) || triggerRef.current?.contains(target))
+                return;
+            /*
+             * A CONTROL IN HERE MAY OPEN SOMETHING BIGGER THAN HERE: the studio is
+             * a dialog its button in the profile opens, portalled to the body, and
+             * a press inside it is not a press away from the pane that opened it.
+             * A dialog the pane itself stands in (the studio's own seat) is not
+             * that: a press elsewhere in it is away.
+             */
+            const dialog = target instanceof Element ? target.closest('[role="dialog"], [role="alertdialog"]') : null;
+            if (dialog && !(pane && dialog.contains(pane)))
+                return;
+            close(false);
+            /*
+             * A press on something that takes the keyboard keeps it; a press on
+             * bare ground gives it back to the trigger. Not to a combobox's box: a
+             * press away from a text box is leaving it, and putting the keyboard
+             * back in would open its list again.
+             */
+            if (POPOVERS[name].focus !== "into")
+                return;
+            requestAnimationFrame(() => {
+                const active = document.activeElement;
+                if (active === null || active === document.body || (pane !== null && pane.contains(active))) {
+                    (triggerRef.current ?? latest.current.returnTo?.() ?? null)?.focus({ preventScroll: true });
+                }
+            });
+        };
+        /*
+         * A DIALOG IT OPENED TAKES OVER. The studio is a dialog its button in
+         * the profile opens; in the top layer the profile stood over it and
+         * covered its bar. When the keyboard goes into a dialog the pane does
+         * not hold, the pane closes (it stays mounted where its owner keeps it
+         * so, and the dialog with it), and when that dialog is gone and has left
+         * the keyboard nowhere — its way back was a control in the closed pane —
+         * the keyboard goes to the trigger.
+         */
+        let handedTo = null;
+        let watching = null;
+        const takenOver = (event) => {
+            const target = event.target;
+            if (!(target instanceof Element))
+                return;
+            const pane = paneRef.current;
+            const dialog = target.closest('[role="dialog"], [role="alertdialog"]');
+            if (!dialog || (pane && (pane.contains(dialog) || dialog.contains(pane))))
+                return;
+            handedTo = dialog;
+            close(false);
+        };
+        document.addEventListener("keydown", key);
+        document.addEventListener("pointerdown", away, true);
+        document.addEventListener("focusin", takenOver);
+        return () => {
+            document.removeEventListener("keydown", key);
+            document.removeEventListener("pointerdown", away, true);
+            document.removeEventListener("focusin", takenOver);
+            const dialog = handedTo;
+            if (dialog && typeof MutationObserver !== "undefined") {
+                watching?.disconnect();
+                watching = new MutationObserver(() => {
+                    if (dialog.isConnected)
+                        return;
+                    watching?.disconnect();
+                    requestAnimationFrame(() => {
+                        const active = document.activeElement;
+                        const lost = active === null || active === document.body || (active instanceof HTMLElement && active.closest("[hidden]") !== null);
+                        if (lost)
+                            (triggerRef.current ?? latest.current.returnTo?.() ?? null)?.focus({ preventScroll: true });
+                    });
+                });
+                watching.observe(document.body, { childList: true, subtree: true });
+                // Given up after a while: a dialog left open for good is not waited on.
+                setTimeout(() => watching?.disconnect(), 10 * 60_000);
+            }
+            if (current?.close === me.close)
+                current = null;
+        };
+    }, [enabled, open, name, close]);
+    return {
+        open,
+        setOpen: (next) => (next ? change(true) : close(true)),
+        toggle: () => (open ? close(true) : change(true)),
+        trigger: { ref: holdTrigger, "aria-expanded": open, "aria-controls": id, "data-graview-popover-trigger": name },
+        pane: { ref: holdPane, id, popover: "manual", tabIndex: -1, "data-graview-popover": name, "data-graview-overlay": "" },
+    };
+}
+//# sourceMappingURL=popover.js.map

package/dist/popover.js.map

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

package/dist/provider.d.ts

@@ -11,7 +11,9 @@
  * with the face that draws it. Nothing in this module's files may import
  * the scene's, or `@graview/react`.
  */
-export { GraviewProvider, ROBOT_REST_MS, useFound, useGraph, useGraview, useGraviewIfAny, useNode, useRobots, useScenePointer, useTheWatchKnowsWhatIsUnseen, useViewMode, useWhereIs, ViewModeProvider } from "./context.js";
+export { GraviewProvider, openingView, ROBOT_REST_MS, useFound, useGraph, useGraview, useGraviewIfAny, useNode, useRobots, useScenePointer, useTheWatchKnowsWhatIsUnseen, useViewMode, useWhereIs, ViewModeProvider } from "./context.js";
+export { GoToContext, useGoTo } from "./go.js";
+export type { GoTo } from "./go.js";
 export type { ActsDoor, AdministeredModule, DrawnBox, GraviewContextValue, GraviewProviderProps, PointerMenu, SceneHandle, Scheme, Seat, ViewMode } from "./context.js";
 export { anchorOf, AUDIENCE_ROW, HEARTBEAT_MS, placeOthers, PRESENCE_SETTINGS, SHARE_OVER, SHARE_WHERE, tabSession, usePresenceState } from "./presence.js";
 export type { Placed, PresenceInputs, PresenceState } from "./presence.js";
@@ -36,4 +38,6 @@ export type { DrawnOptions, DrawnSize } from "./drawn.js";
 export { createMotionStore, useSceneStill } from "./motion.js";
 export type { MotionStore } from "./motion.js";
 export { landingIn, useTheKeyboardLandsSomewhere } from "./keyboard.js";
+export { inTopLayer, placePane, POPOVER_STYLE, POPOVERS, raiseOverPopovers, usePopover, useTopLayer } from "./popover.js";
+export type { PlaceOptions, Popover, PopoverAnchor, PopoverName, PopoverOptions } from "./popover.js";
 //# sourceMappingURL=provider.d.ts.map

package/dist/provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../src/provider.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,eAAe,EAAE,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,4BAA4B,EAAE,WAAW,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAC7N,YAAY,EAAE,QAAQ,EAAE,kBAAkB,EAAE,QAAQ,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxK,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,iBAAiB,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAC5J,YAAY,EAAE,MAAM,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AACtF,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC9E,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAC3F,YAAY,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,aAAa,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC3G,YAAY,EAAE,WAAW,EAAE,QAAQ,EAAE,iBAAiB,EAAE,QAAQ,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACvH,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACtE,YAAY,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACzE,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC1F,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AACnF,OAAO,EACL,UAAU,EACV,aAAa,EACb,YAAY,EACZ,iBAAiB,EACjB,UAAU,EACV,aAAa,EACb,SAAS,EACT,aAAa,EACb,UAAU,EACV,YAAY,EACZ,OAAO,EACP,UAAU,EACV,aAAa,GACd,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,YAAY,EAAE,GAAG,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC1D,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC/D,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,4BAA4B,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../src/provider.ts"],"names":[],"mappings":"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"}

package/dist/provider.js

@@ -11,7 +11,8 @@
  * with the face that draws it. Nothing in this module's files may import
  * the scene's, or `@graview/react`.
  */
-export { GraviewProvider, ROBOT_REST_MS, useFound, useGraph, useGraview, useGraviewIfAny, useNode, useRobots, useScenePointer, useTheWatchKnowsWhatIsUnseen, useViewMode, useWhereIs, ViewModeProvider } from "./context.js";
+export { GraviewProvider, openingView, ROBOT_REST_MS, useFound, useGraph, useGraview, useGraviewIfAny, useNode, useRobots, useScenePointer, useTheWatchKnowsWhatIsUnseen, useViewMode, useWhereIs, ViewModeProvider } from "./context.js";
+export { GoToContext, useGoTo } from "./go.js";
 export { anchorOf, AUDIENCE_ROW, HEARTBEAT_MS, placeOthers, PRESENCE_SETTINGS, SHARE_OVER, SHARE_WHERE, tabSession, usePresenceState } from "./presence.js";
 export { foldRobots, participantOf, standingFor, VISIT_EACH_UP_TO } from "./robot.js";
 export { createPointerStore } from "./pointer.js";
@@ -25,4 +26,5 @@ export { kitConnector, useKit } from "./kit.js";
 export { useDrawnSize, useTextMeasure } from "./drawn.js";
 export { createMotionStore, useSceneStill } from "./motion.js";
 export { landingIn, useTheKeyboardLandsSomewhere } from "./keyboard.js";
+export { inTopLayer, placePane, POPOVER_STYLE, POPOVERS, raiseOverPopovers, usePopover, useTopLayer } from "./popover.js";
 //# sourceMappingURL=provider.js.map

package/dist/provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"provider.js","sourceRoot":"","sources":["../src/provider.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,eAAe,EAAE,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,4BAA4B,EAAE,WAAW,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAE7N,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,iBAAiB,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAE5J,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAEtF,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAElD,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAE3F,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,aAAa,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE3G,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEtE,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE1F,OAAO,EACL,UAAU,EACV,aAAa,EACb,YAAY,EACZ,iBAAiB,EACjB,UAAU,EACV,aAAa,EACb,SAAS,EACT,aAAa,EACb,UAAU,EACV,YAAY,EACZ,OAAO,EACP,UAAU,EACV,aAAa,GACd,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAE/D,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAE1D,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE/D,OAAO,EAAE,SAAS,EAAE,4BAA4B,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"provider.js","sourceRoot":"","sources":["../src/provider.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,eAAe,EAAE,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,4BAA4B,EAAE,WAAW,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAC1O,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAG/C,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,iBAAiB,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAE5J,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAEtF,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAElD,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAE3F,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,aAAa,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE3G,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEtE,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE1F,OAAO,EACL,UAAU,EACV,aAAa,EACb,YAAY,EACZ,iBAAiB,EACjB,UAAU,EACV,aAAa,EACb,SAAS,EACT,aAAa,EACb,UAAU,EACV,YAAY,EACZ,OAAO,EACP,UAAU,EACV,aAAa,GACd,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAE/D,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAE1D,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE/D,OAAO,EAAE,SAAS,EAAE,4BAA4B,EAAE,MAAM,eAAe,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,QAAQ,EAAE,iBAAiB,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC"}

package/dist/rails.d.ts

@@ -3,8 +3,12 @@
  * A full-size scene reserves 264 and 128; a narrow one, where the panes
  * are sheets rather than rails, keeps only the corner the altitude control
  * stands in.
+ *
+ * `left`, where the seat has said how much of the left edge it takes (FR-78):
+ * put away to a tab, laid over the picture, or hidden, it takes nothing of
+ * the picture's own box, and the city has the room.
  */
-export declare function railInset(width: number): {
+export declare function railInset(width: number, left?: number | null): {
     left: number;
     right: number;
 };

package/dist/rails.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rails.d.ts","sourceRoot":"","sources":["../src/rails.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAMxE"}
+{"version":3,"file":"rails.d.ts","sourceRoot":"","sources":["../src/rails.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,GAAE,MAAM,GAAG,IAAW,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAOpG"}

package/dist/rails.js

@@ -3,10 +3,16 @@
  * A full-size scene reserves 264 and 128; a narrow one, where the panes
  * are sheets rather than rails, keeps only the corner the altitude control
  * stands in.
+ *
+ * `left`, where the seat has said how much of the left edge it takes (FR-78):
+ * put away to a tab, laid over the picture, or hidden, it takes nothing of
+ * the picture's own box, and the city has the room.
  */
-export function railInset(width) {
+export function railInset(width, left = null) {
     if (width < 640)
-        return { left: 8, right: 56 };
+        return { left: left ?? 8, right: 56 };
+    if (left !== null)
+        return { left, right: Math.round(Math.min(128, width * 0.107)) };
     return {
         left: Math.round(Math.min(264, width * 0.22)),
         right: Math.round(Math.min(128, width * 0.107)),

package/dist/rails.js.map

@@ -1 +1 @@
-{"version":3,"file":"rails.js","sourceRoot":"","sources":["../src/rails.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,UAAU,SAAS,CAAC,KAAa;IACrC,IAAI,KAAK,GAAG,GAAG;QAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;IAC/C,OAAO;QACL,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,GAAG,IAAI,CAAC,CAAC;QAC7C,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,GAAG,KAAK,CAAC,CAAC;KAChD,CAAC;AACJ,CAAC"}
+{"version":3,"file":"rails.js","sourceRoot":"","sources":["../src/rails.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,MAAM,UAAU,SAAS,CAAC,KAAa,EAAE,OAAsB,IAAI;IACjE,IAAI,KAAK,GAAG,GAAG;QAAE,OAAO,EAAE,IAAI,EAAE,IAAI,IAAI,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;IACvD,IAAI,IAAI,KAAK,IAAI;QAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,GAAG,KAAK,CAAC,CAAC,EAAE,CAAC;IACpF,OAAO;QACL,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,GAAG,IAAI,CAAC,CAAC;QAC7C,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,GAAG,KAAK,CAAC,CAAC;KAChD,CAAC;AACJ,CAAC"}

package/dist/resolved-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resolved-view.d.ts","sourceRoot":"","sources":["../src/resolved-view.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,SAAS,EAAE,KAAK,QAAQ,EAAqB,MAAM,eAAe,CAAC;AAG1F,OAAO,EAA8C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGnF,OAAO,EAAoD,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAG/F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAEjD,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC;IACzB,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC;IACxB,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC3B,yEAAyE;IACzE,QAAQ,CAAC,QAAQ,CAAC,EAAE,QAAQ,CAAC;CAC9B;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,SAAS,MAAM,EAAE,CAAA;CAAE,+BA4IjE;AAyCD;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,WAAW,EAKnB,OAAO,YAAY,CAAC;AAEzB;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,CAAC,SAAS,SAAS,EAAE,EAChD,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,QAAQ,GACT,EAAE,iBAAiB,+BAoInB;AAED;;;;GAIG;AACH,eAAO,MAAM,KAAK;wBAC+B,MAAM;oBAAkB,OAAO;mBAAiB,MAAM,SAAS;EAI/G,CAAC;AA0BF;;;;;;;GAOG;AACH,eAAO,MAAM,QAAQ;mBAAqD,SAAS;EA+CjF,CAAC"}
+{"version":3,"file":"resolved-view.d.ts","sourceRoot":"","sources":["../src/resolved-view.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,SAAS,EAAE,KAAK,QAAQ,EAAqB,MAAM,eAAe,CAAC;AAG1F,OAAO,EAAyB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAoD,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAI/F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAEjD,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC;IACzB,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC;IACxB,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC3B,yEAAyE;IACzE,QAAQ,CAAC,QAAQ,CAAC,EAAE,QAAQ,CAAC;CAC9B;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,SAAS,MAAM,EAAE,CAAA;CAAE,+BAmGjE;AAyCD;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,WAAW,EAKnB,OAAO,YAAY,CAAC;AAEzB;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,CAAC,SAAS,SAAS,EAAE,EAChD,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,QAAQ,GACT,EAAE,iBAAiB,+BAoInB;AAED;;;;GAIG;AACH,eAAO,MAAM,KAAK;wBAC+B,MAAM;oBAAkB,OAAO;mBAAiB,MAAM,SAAS;EAI/G,CAAC;AA0BF;;;;;;;GAOG;AACH,eAAO,MAAM,QAAQ;mBAAqD,SAAS;EA+CjF,CAAC"}

package/dist/resolved-view.js

@@ -2,10 +2,10 @@ import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-run
 import { counted } from "@graview/core";
 import { aggregateId, isAggregateId, kindCardId, kindOfCard, withFocus } from "@graview/layout/view";
 import { PLANE_STYLES } from "@graview/render";
-import { memo, useEffect, useMemo, useRef, useState } from "react";
-import { createPortal } from "react-dom";
+import { memo, useMemo, useRef } from "react";
 import { useFlagged, useImplicated, useNavigation } from "./hooks.js";
 import { useFound, useGraph, useGraview, ViewModeProvider } from "./context.js";
+import { POPOVER_STYLE, usePopover } from "./popover.js";
 import { ViewBoundary } from "./view-boundary.js";
 /**
  * THE DISTRICTS THE ROW COULD NOT HOLD, NAMED — BEHIND ONE PRESS.
@@ -29,52 +29,21 @@ import { ViewBoundary } from "./view-boundary.js";
 export function BeyondCard({ kinds }) {
     const { store } = useGraview();
     const { view, go } = useNavigation();
-    const [open, setOpen] = useState(false);
     const card = useRef(null);
     /*
      * THE PANEL LEAVES THE PLANE. Drawn inside the card it sat on plane two,
      * and the focused card on plane zero painted over it — a menu nobody
-     * could press. It is portalled onto the scene's ground, above every
-     * plane, and placed by the card's own screen rectangle at the moment it
-     * opens; a press anywhere else closes it before the scene can move.
+     * could press. It stands in the browser's top layer (FR-76), over every
+     * plane, every rail and the seat, hung from the "+N more" button and
+     * kept to the viewport. It is one of the family (FR-77): Escape or a
+     * press anywhere else closes it and gives the keyboard back to "+N more",
+     * opening it closes any other popover, and the keyboard goes in.
      */
-    const [anchor, setAnchor] = useState(null);
-    const place = () => {
-        const box = card.current;
-        const into = box?.closest(".graview-ground");
-        if (!box || !into)
-            return null;
-        const mine = box.getBoundingClientRect();
-        const ground = into.getBoundingClientRect();
-        return { into, left: mine.left - ground.left, bottom: ground.bottom - mine.top + 6 };
-    };
+    const popover = usePopover("districts", { align: "start" });
+    const open = popover.open;
     const plural = (kind) => store.schema.tryDefinition(kind)?.plural ?? `${kind}s`;
     const count = (kind) => store.graph.allNodes().filter((node) => node.kind === kind).length;
     const here = (kind) => !view.overview && view.focusId === aggregateId(kind);
-    /* Escape, or a press anywhere else, closes it; the button keeps focus. */
-    useEffect(() => {
-        if (!open)
-            return;
-        const away = (event) => {
-            const target = event.target;
-            if (target?.closest(".graview-beyond-list, .graview-beyond"))
-                return;
-            setOpen(false);
-            setAnchor(null);
-        };
-        const key = (event) => {
-            if (event.key === "Escape") {
-                setOpen(false);
-                card.current?.querySelector(".graview-beyond-more")?.focus();
-            }
-        };
-        document.addEventListener("pointerdown", away, true);
-        document.addEventListener("keydown", key);
-        return () => {
-            document.removeEventListener("pointerdown", away, true);
-            document.removeEventListener("keydown", key);
-        };
-    }, [open]);
     const going = kinds.filter((kind) => !here(kind));
     /*
      * CHOSEN, THE KEYBOARD GOES WITH IT. Choosing a district closes the menu
@@ -86,7 +55,7 @@ export function BeyondCard({ kinds }) {
      * this button while it is not.
      */
     const choose = (kind) => {
-        setOpen(false);
+        popover.setOpen(false);
         const button = card.current?.querySelector(".graview-beyond-more") ?? null;
         if (!here(kind))
             go(withFocus(view, aggregateId(kind)));
@@ -102,15 +71,13 @@ export function BeyondCard({ kinds }) {
         };
         requestAnimationFrame(land);
     };
-    return (_jsxs("div", { ref: card, className: "graview-beyond", "data-graview-beyond": kinds.length, "data-graview-beyond-open": open ? "" : undefined, children: [_jsxs("button", { type: "button", className: "graview-beyond-more", "data-testid": "beyond-more", "aria-expanded": open, "aria-haspopup": "menu", title: `${going.length} more district${going.length === 1 ? "" : "s"} — press to see them`, onPointerDown: (event) => event.stopPropagation(), onClick: (event) => {
+    return (_jsxs("div", { ref: card, className: "graview-beyond", "data-graview-beyond": kinds.length, "data-graview-beyond-open": open ? "" : undefined, children: [_jsxs("button", { type: "button", className: "graview-beyond-more", "data-testid": "beyond-more", ...popover.trigger, "aria-haspopup": "menu", title: `${going.length} more district${going.length === 1 ? "" : "s"} — press to see them`, onPointerDown: (event) => event.stopPropagation(), onClick: (event) => {
                     event.stopPropagation();
-                    const next = !open;
-                    setAnchor(next ? place() : null);
-                    setOpen(next);
-                }, children: [_jsxs("span", { className: "graview-beyond-count", children: ["+", going.length] }), _jsx("span", { className: "graview-beyond-word", children: "more" }), _jsx("span", { className: "graview-beyond-chevron", "aria-hidden": "true", children: open ? "▾" : "▴" })] }), open && anchor ? createPortal(_jsx("ul", { className: "graview-beyond-list", role: "menu", "aria-label": "The other districts", "data-testid": "beyond-list", "data-graview-overlay": "", style: { left: anchor.left, bottom: anchor.bottom }, onPointerDown: (event) => event.stopPropagation(), children: kinds.map((kind) => (_jsx("li", { role: "none", children: _jsxs("button", { type: "button", role: "menuitem", "data-graview-pick": kindCardId(kind), "aria-current": here(kind) ? "location" : undefined, title: here(kind) ? `${plural(kind)} — where you are` : `Go to ${plural(kind)}`, onPointerDown: (event) => event.stopPropagation(), onClick: (event) => {
+                    popover.toggle();
+                }, children: [_jsxs("span", { className: "graview-beyond-count", children: ["+", going.length] }), _jsx("span", { className: "graview-beyond-word", children: "more" }), _jsx("span", { className: "graview-beyond-chevron", "aria-hidden": "true", children: open ? "▾" : "▴" })] }), open ? (_jsx("ul", { ...popover.pane, className: "graview-beyond-list", role: "menu", "aria-label": "The other districts", "data-testid": "beyond-list", style: POPOVER_STYLE, onPointerDown: (event) => event.stopPropagation(), children: kinds.map((kind) => (_jsx("li", { role: "none", children: _jsxs("button", { type: "button", role: "menuitem", "data-graview-pick": kindCardId(kind), "aria-current": here(kind) ? "location" : undefined, title: here(kind) ? `${plural(kind)} — where you are` : `Go to ${plural(kind)}`, onPointerDown: (event) => event.stopPropagation(), onClick: (event) => {
                             event.stopPropagation();
                             choose(kind);
-                        }, children: [_jsx("span", { className: "graview-beyond-name", children: plural(kind) }), _jsx("span", { className: "graview-beyond-tally", children: here(kind) ? "here" : count(kind) })] }) }, kind))) }), anchor.into) : open ? (_jsx("ul", { className: "graview-beyond-list", role: "menu", "aria-label": "The other districts", "data-testid": "beyond-list", children: kinds.map((kind) => (_jsx("li", { role: "none", children: _jsx("button", { type: "button", role: "menuitem", "data-graview-pick": kindCardId(kind), onClick: () => choose(kind), children: plural(kind) }) }, kind))) })) : null] }));
+                        }, children: [_jsx("span", { className: "graview-beyond-name", children: plural(kind) }), _jsx("span", { className: "graview-beyond-tally", children: here(kind) ? "here" : count(kind) })] }) }, kind))) })) : null] }));
 }
 /**
  * WHETHER TWO FRAMES ASK FOR THE SAME PICTURE.