@bitvea/feedback-toolbar 0.0.1

package/dist/InboxSheet.js

@@ -0,0 +1,580 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+// The inbox: a collapsible sheet down the right edge of the host page,
+// listing the feedback filed against it.
+//
+// It exists because the pins alone do not answer "what is left on this
+// review". A pin is where a problem is, not a list of problems: an item on a
+// part of the page nobody has scrolled to is invisible, an item whose anchor
+// has gone is invisible by design, and an item on another page of the same
+// site cannot be a marker here at all. The sheet is the one surface that can
+// name all three.
+//
+// Two hard constraints shape everything below.
+//
+// It OVERLAYS. Every rule here is `position: fixed`, nothing is added to the
+// host's flow, and the sheet neither locks body scroll nor pads the document
+// aside. A review tool that reflows the layout under review is worse than no
+// review tool - the reviewer would be looking at a page nobody ships.
+//
+// It survives navigation. On a host MPA every link is a fresh page load and a
+// fresh toolbar, so "I left the inbox open" has to live outside React. It
+// lives in `localStorage` under one key, read by the shell that owns the
+// open/closed flag.
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { FEEDBACK_STATUS_LABELS } from "./vendor/types/index.js";
+import { buildDeepLink, currentPageUrl } from "./deepLink.js";
+import { Avatar, formatStamp } from "./FeedbackPanel.js";
+import { CloseIcon } from "./icons.js";
+import { surfaceMotion, useEntered, usePrefersReducedMotion, usePresence, } from "./motion.js";
+import { exitFor, layers, motion, radii, resetBox, sizes, spacing, transition, typeScale, } from "./tokens.js";
+/**
+ * Where "is the inbox open" is remembered. `localStorage` on the host origin,
+ * because the answer belongs to this person on this app: a reviewer who
+ * opened the sheet is mid-review and clicking through pages, and closing it
+ * on every navigation would make it useless for the one job it has.
+ */
+export const INBOX_OPEN_STORAGE_KEY = "bitvea.feedback-toolbar.inbox-open";
+/**
+ * Exported because the shell has to know it: the sheet is `right: 0` and the
+ * bar is centred on the viewport, so without an offset the sheet covers the
+ * right end of the bar on any viewport under about 1024px.
+ */
+export const SHEET_WIDTH = 340;
+/**
+ * How many project-wide items one open of the sheet asks for.
+ *
+ * The page-scoped list is bounded by the page. This one is not bounded by
+ * anything, and it is issued from a widget on the customer's own deployment
+ * against the one table that grows for the life of a project - with every
+ * item's reply thread attached. So it asks for a page of the newest work and
+ * says so at the bottom of the list when there is more; the alternative is a
+ * response whose size is a project's entire history, on every open.
+ */
+const PROJECT_SCOPE_LIMIT = 100;
+export function InboxSheet({ client, organizationId, theme, open, onClose, showResolved, onShowResolvedChange, onFocusPin, }) {
+    const [scope, setScope] = useState("page");
+    // `null` is "not loaded yet", which is a different thing from the empty
+    // list: one shows a spinner-shaped message, the other says the page is
+    // clean, and conflating them tells a reviewer a page has no feedback while
+    // the request is still in flight.
+    const [items, setItems] = useState(null);
+    const [error, setError] = useState(null);
+    // Read once per mount. The toolbar remounts on a real navigation, which is
+    // what a host MPA does; a client-side route change inside an SPA keeps this
+    // value, and re-querying on every render is worse than being one route
+    // behind on a surface the reviewer refreshes by reopening.
+    const here = useMemo(() => currentPageUrl(), []);
+    const load = useCallback(async () => {
+        setError(null);
+        try {
+            setItems(scope === "page"
+                ? await client.listForPage(organizationId, here)
+                : await client.listForProject(organizationId, PROJECT_SCOPE_LIMIT));
+        }
+        catch {
+            // An inbox that will not load must not take the toolbar with it: pins
+            // and the note composer are unaffected, and both still work.
+            setItems([]);
+            setError("Could not load the inbox.");
+        }
+    }, [client, organizationId, scope, here]);
+    // Only while open, and again on every open: the sheet is a list of other
+    // people's work, so it is stale the moment it is closed. This is the same
+    // fetch-on-mount shape the pin layer and the session hook already use, and
+    // it trips the same `set-state-in-effect` warning for the same reason: the
+    // load IS the synchronisation with an external system, and the state it
+    // sets is that system's answer arriving.
+    useEffect(() => {
+        if (!open)
+            return;
+        void load();
+    }, [open, load]);
+    const visible = useMemo(() => (items ?? []).filter((item) => showResolved || item.status !== "DONE"), [items, showResolved]);
+    // `exitFor(fast)` rather than `instant` spelled out: the slide below enters
+    // at `surfaceMotion`'s default step, and this timer is the same value that
+    // helper puts in the transition - DESIGN.md defers the removal "by exactly
+    // the exit duration", which two independent literals only happen to be.
+    const presence = usePresence(open, exitFor(motion.duration.fast));
+    // Gated on `open`, not on mount: the toolbar renders this component for the
+    // whole session and toggles it with a prop, so a mount-based enter would
+    // have been spent on page load. See `useEntered`.
+    // `settledAtMount`: `open` comes out of `localStorage`, so a sheet the
+    // reviewer left open is restored state on the next page rather than
+    // something they just did. See `useEntered`.
+    const entered = useEntered(open, true);
+    const reduced = usePrefersReducedMotion();
+    // Collapsed still means GONE, not hidden behind a zero width: markup left in
+    // a host app's DOM is markup their own queries and audits trip over, and two
+    // e2e specs assert this sheet reaches zero elements. What has changed since
+    // that was written is only that the removal is now deferred by one exit -
+    // `open` is already false, so nothing the reviewer did is waiting on it.
+    //
+    // The slide is a `transform`, never a change to `right` or `width`. Those
+    // are layout, and this element is 340px of overlay on somebody else's page.
+    if (!presence.mounted)
+        return null;
+    return (_jsxs("aside", { "data-testid": "inbox-sheet", "aria-label": "BitVea Feedback inbox", style: {
+            position: "fixed",
+            top: 0,
+            right: 0,
+            bottom: 0,
+            width: `${SHEET_WIDTH}px`,
+            maxWidth: "calc(100vw - 24px)",
+            // Set rather than inherited. The host page may have no CSS reset at
+            // all, and under `content-box` this sheet would be 340px plus its own
+            // border - see the note on `boxSizing` in FeedbackToolbar.tsx.
+            boxSizing: "border-box",
+            display: "flex",
+            flexDirection: "column",
+            // Under the bar, deliberately: the bar is what opened this sheet and
+            // has to stay clickable to close it again. See `layers`.
+            zIndex: layers.surface,
+            // `canvasSoft` - the page ground - rather than `canvas`. The rows are
+            // the cards now, and a card only reads as raised if the thing behind
+            // it is not the same tone. This is the surface ladder the dashboard's
+            // list screens use, and the dark palette was realigned so the two
+            // ladders finally run the same direction.
+            background: theme.colors.canvasSoft,
+            borderLeft: `1px solid ${theme.colors.hairline}`,
+            boxShadow: theme.shadows.popover,
+            color: theme.colors.body,
+            ...typeScale.bodySm,
+            // Repeated from the toolbar root because a host that replaces the
+            // inbox renders this sheet wherever it likes, and because every one of
+            // these is a property a host can set on `*` and re-typeset the sheet
+            // with. `typeScale.bodySm` above states the letter-spacing; these are
+            // the ones no type role covers.
+            wordSpacing: "normal",
+            textTransform: "none",
+            fontStyle: "normal",
+            fontVariant: "normal",
+            textAlign: "left",
+            textIndent: 0,
+            textDecoration: "none",
+            whiteSpace: "normal",
+            colorScheme: theme.resolved,
+            // In from its own edge and back out again: `enterShift`, a few pixels,
+            // not the full 340px. This is a working surface a reviewer opens to
+            // act on a list, and DESIGN.md's posture here is that nothing may make
+            // them wait - a full-width slide is a showpiece with a cost.
+            //
+            // Note what does NOT move with it: `FeedbackToolbar` pads its dock by
+            // this sheet's width off the same `open` flag, and that padding is
+            // layout. It flips in the frame the slide starts, which is correct -
+            // the rule against animating layout is about the HOST page, and this
+            // is the toolbar's own dock.
+            ...surfaceMotion({
+                visible: entered,
+                leaving: presence.leaving,
+                reduced,
+                slide: "x",
+            }),
+        }, children: [_jsxs("header", { style: {
+                    ...resetBox,
+                    display: "flex",
+                    alignItems: "center",
+                    gap: spacing.xs,
+                    // On `canvas`, which is what makes it a header band over the
+                    // `canvasSoft` list below it rather than one more thing on the page.
+                    background: theme.colors.canvas,
+                    padding: `${spacing.sm} ${spacing.sm}`,
+                    borderBottom: `1px solid ${theme.colors.hairline}`,
+                }, children: [_jsx("span", { style: {
+                            flex: 1,
+                            color: theme.colors.ink,
+                            ...typeScale.bodySmStrong,
+                        }, children: "Inbox" }), _jsx("span", { "data-testid": "inbox-count", style: {
+                            // `body`, not `mute`: #888888 is 3.4:1 on this ground at 12px, and
+                            // the count is the one number in the sheet.
+                            color: theme.colors.body,
+                            ...typeScale.captionMono,
+                        }, children: visible.length }), _jsx(CloseButton, { theme: theme, onClose: onClose })] }), _jsxs("div", { style: {
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: spacing.xs,
+                    padding: spacing.sm,
+                    background: theme.colors.canvas,
+                    borderBottom: `1px solid ${theme.colors.hairline}`,
+                }, children: [_jsxs("div", { role: "group", "aria-label": "Scope", style: {
+                            display: "flex",
+                            // 4px, the base unit, replacing an off-grid 2px - and it makes the
+                            // track and thumb radii concentric, 8px outside and 4px inside.
+                            padding: spacing.xxs,
+                            gap: spacing.xxs,
+                            borderRadius: radii.md,
+                            background: theme.colors.canvasSoft2,
+                        }, children: [_jsx(ScopeButton, { theme: theme, testId: "inbox-scope-page", label: "This page", active: scope === "page", onClick: () => setScope("page") }), _jsx(ScopeButton, { theme: theme, testId: "inbox-scope-project", label: "Whole project", active: scope === "project", onClick: () => setScope("project") })] }), _jsxs("label", { style: {
+                            ...resetBox,
+                            display: "flex",
+                            alignItems: "center",
+                            gap: spacing.xs,
+                            color: theme.colors.body,
+                            ...typeScale.bodySm,
+                            cursor: "pointer",
+                        }, children: [_jsx("input", { type: "checkbox", "data-testid": "inbox-show-resolved", checked: showResolved, onChange: (e) => onShowResolvedChange(e.target.checked), 
+                                // Drawn from tokens rather than handed to the platform.
+                                //
+                                // `accentColor` alone still leaves the browser drawing the
+                                // control: its size came from the UA (13px, beside 16px icons and
+                                // 22px avatars) and every other property - border, ground, the
+                                // tick - stayed the platform's, so a host rule as ordinary as
+                                // `input[type=checkbox] { width: 100%; appearance: auto }` could
+                                // reshape the toolbar's only toggle. `appearance: none` takes the
+                                // whole control, which then has to supply its own tick; the tick
+                                // is a data URI built from the palette rather than a hardcoded
+                                // colour, because `onInk` is #ffffff light and #171717 dark.
+                                //
+                                // It stays a real, visible `<input>`: toolbar-inbox.spec.ts drives
+                                // it with Playwright's `.check()` / `.uncheck()`, which act on the
+                                // element itself.
+                                style: {
+                                    appearance: "none",
+                                    WebkitAppearance: "none",
+                                    width: sizes.control,
+                                    height: sizes.control,
+                                    margin: 0,
+                                    flex: "0 0 auto",
+                                    boxSizing: "border-box",
+                                    borderRadius: radii.xs,
+                                    border: showResolved
+                                        ? `1px solid ${theme.colors.ink}`
+                                        : `1px solid ${theme.colors.hairlineStrong}`,
+                                    background: showResolved ? theme.colors.ink : theme.colors.canvas,
+                                    backgroundImage: showResolved ? tickImage(theme) : "none",
+                                    backgroundRepeat: "no-repeat",
+                                    backgroundPosition: "center",
+                                    cursor: "pointer",
+                                    outline: "revert",
+                                } }), "Show resolved"] })] }), _jsxs("div", { 
+                // The only scroller in the sheet, so a long list never grows the
+                // sheet past the viewport and never scrolls the host page instead.
+                style: { flex: 1, minHeight: 0, overflowY: "auto", padding: spacing.xs }, children: [error ? (_jsx("p", { role: "alert", "data-testid": "inbox-error", style: {
+                            ...resetBox,
+                            margin: spacing.xs,
+                            color: theme.colors.error,
+                            ...typeScale.caption,
+                        }, children: error })) : null, items === null ? (_jsx(Frame, { theme: theme, children: _jsx("p", { style: { ...resetBox, ...typeScale.captionMono }, children: "Loading\u2026" }) })) : visible.length === 0 ? (_jsx(Frame, { theme: theme, children: _jsx("p", { "data-testid": "inbox-empty", style: { ...resetBox, ...typeScale.bodySm }, children: scope === "page"
+                                ? "Nothing on this page yet."
+                                : "Nothing in this project yet." }) })) : (_jsxs(_Fragment, { children: [visible.map((item) => (_jsx(InboxRow, { item: item, theme: theme, here: here, onFocusPin: onFocusPin }, item.id))), items.length >= PROJECT_SCOPE_LIMIT ? (_jsxs("p", { "data-testid": "inbox-capped", style: {
+                                    ...resetBox,
+                                    margin: spacing.xs,
+                                    color: theme.colors.body,
+                                    ...typeScale.caption,
+                                }, children: ["Showing the newest ", PROJECT_SCOPE_LIMIT, ". Older items are in the dashboard."] })) : null] }))] })] }));
+}
+/* ── One entry ────────────────────────────────────────────────────────── */
+function InboxRow({ item, theme, here, onFocusPin, }) {
+    const resolved = item.status === "DONE";
+    // Hover and focus in state, because inline styles cannot express `:hover` or
+    // `:focus-visible` and this package ships no stylesheet. The focus half is
+    // not a nicety: a host with `*:focus { outline: none }` left the inbox
+    // keyboard-navigable but with nothing to show for it.
+    const [hovered, setHovered] = useState(false);
+    const [focused, setFocused] = useState(false);
+    const reduced = usePrefersReducedMotion();
+    // A row is a CARD on the sheet's `canvasSoft` ground, which is what turns a
+    // run of paragraphs into a table. `minHeight` is what keeps the rows a
+    // regular rhythm when one report is a single word and the next is two
+    // clamped lines.
+    const rowStyle = {
+        display: "flex",
+        gap: spacing.xs,
+        width: "100%",
+        minHeight: "56px",
+        boxSizing: "border-box",
+        textAlign: "left",
+        padding: spacing.xs,
+        // 4px, the base unit. It was 2px, which is on no grid this system has.
+        marginBottom: spacing.xxs,
+        border: "none",
+        borderRadius: radii.md,
+        background: hovered ? theme.colors.canvasSoft2 : theme.colors.canvas,
+        // DESIGN.md's Level 1: the inset hairline ring that is the brand's
+        // universal "you can see this card" cue, plus the focus ring when the row
+        // has keyboard focus.
+        boxShadow: focused
+            ? `${theme.shadows.focusRing}, ${theme.shadows.insetHairline}`
+            : theme.shadows.insetHairline,
+        color: theme.colors.body,
+        ...typeScale.bodySm,
+        textDecoration: "none",
+        outline: "revert",
+        // Resolved entries stay legible while reading as settled, which is the
+        // same treatment their markers get on the page.
+        //
+        // Safe on the container here, unlike the pin wrapper issue #23 was about:
+        // `opacity` composites the whole subtree and creates a stacking context,
+        // and this row is a leaf - nothing inside it is a surface that has to
+        // escape the row or stay opaque while the row is dimmed. Anything nested
+        // under a row later has to answer that question again.
+        opacity: resolved ? 0.55 : 1,
+        // So a row resolved from inside the sheet dims rather than snaps - the
+        // same acknowledgement the marker on the page gets, on the surface the
+        // reviewer is actually looking at when they press the button here.
+        // `background-color` is in the list because the hover fill is the other
+        // thing this row changes under a pointer.
+        transition: transition(["opacity", "background-color"], motion.duration.fast, motion.easing.inOut, reduced),
+    };
+    const interaction = {
+        onPointerEnter: () => setHovered(true),
+        onPointerLeave: () => setHovered(false),
+        onFocus: () => setFocused(true),
+        onBlur: () => setFocused(false),
+    };
+    // The repeated row anatomy, the same one the dashboard's lists use: sans
+    // prose on top, one dot-separated mono line of identifiers beneath, and a
+    // mono stamp in its own right-hand column. Every fact on that second line is
+    // already on the DTO and was already being thrown away - the list read as a
+    // notification feed when the data it holds is a deployment log.
+    const replyCount = item.replies.length;
+    const facts = [
+        item.kind === "GENERAL" ? "page note" : "pinned",
+        replyCount > 0
+            ? `${replyCount} ${replyCount === 1 ? "reply" : "replies"}`
+            : null,
+    ].filter((fact) => fact !== null);
+    const content = (_jsxs(_Fragment, { children: [_jsx(Avatar, { theme: theme, name: item.author.name, email: item.author.email, size: 22 }), _jsxs("span", { style: { flex: 1, minWidth: 0 }, children: [_jsx("span", { style: {
+                            display: "-webkit-box",
+                            color: theme.colors.ink,
+                            // Two lines of the report, then an ellipsis. The thread is one
+                            // click away, and a wall of text here makes the list unscannable.
+                            overflow: "hidden",
+                            WebkitBoxOrient: "vertical",
+                            WebkitLineClamp: 2,
+                        }, children: item.body }), _jsxs("span", { style: {
+                            display: "block",
+                            marginTop: spacing.xxs,
+                            color: theme.colors.body,
+                            ...typeScale.captionMono,
+                            overflow: "hidden",
+                            textOverflow: "ellipsis",
+                            whiteSpace: "nowrap",
+                        }, children: [_jsx("span", { "data-testid": `inbox-status-${item.id}`, children: FEEDBACK_STATUS_LABELS[item.status] }), facts.map((fact) => ` · ${fact}`).join("")] })] })] }));
+    /** The right-hand column: when it happened, then where. */
+    const rail = (hint) => (_jsxs("span", { style: {
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "flex-end",
+            gap: spacing.xxs,
+            flex: "0 0 auto",
+            color: theme.colors.body,
+            ...typeScale.captionMono,
+            // A column of stamps only lines up if the digits do.
+            fontVariantNumeric: "tabular-nums",
+            whiteSpace: "nowrap",
+        }, children: [_jsx("time", { dateTime: item.createdAt, children: formatStamp(item.createdAt) }), hint] }));
+    // On this page: focusing scrolls to the marker and opens its thread, which
+    // is the whole point of the list. Comparison ignores the fragment, because
+    // ours has just been consumed off the URL and the host's is not ours to
+    // treat as a different page.
+    if (sameLocation(item.pageUrl, here)) {
+        return (_jsxs("button", { type: "button", "data-testid": `inbox-item-${item.id}`, onClick: () => onFocusPin(item.id), style: { ...rowStyle, cursor: "pointer" }, ...interaction, children: [content, rail(null)] }));
+    }
+    // Another page. `pageUrl` is CLIENT-SUBMITTED - anyone holding a deploy key
+    // can register a project and file feedback whose page URL points anywhere -
+    // so it becomes an anchor only when it is the origin the reviewer is
+    // already on. Everything else renders as inert text with the host named, so
+    // the sheet can never be the thing that walks somebody to a hostile page.
+    if (sameOrigin(item.pageUrl, here)) {
+        return (_jsxs("a", { "data-testid": `inbox-item-${item.id}`, href: buildDeepLink(item.pageUrl, item.id), style: { ...rowStyle, cursor: "pointer" }, ...interaction, children: [content, rail(_jsx(PageHint, { theme: theme, pageUrl: item.pageUrl }))] }));
+    }
+    return (_jsxs("div", { "data-testid": `inbox-item-${item.id}`, style: rowStyle, children: [content, rail(_jsx("span", { "data-testid": `inbox-foreign-${item.id}`, title: item.pageUrl, style: { color: theme.colors.mute }, children: "another site" }))] }));
+}
+/**
+ * The frame the empty and loading states sit in.
+ *
+ * `spacing.lg` rather than the `spacing.3xl` DESIGN.md's ex-empty-state-card
+ * specifies, and that is a stated divergence: 48px of padding inside a 340px
+ * sheet leaves 244px of content width, so the message would wrap to four
+ * lines to make room for the whitespace around it. The FRAME is the part that
+ * matters - a bordered region that says "this is where the list would be" -
+ * and a bare sentence floating in a scroller is what it replaces.
+ */
+function Frame({ theme, children, }) {
+    return (_jsx("div", { style: {
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "flex-start",
+            gap: spacing.xs,
+            padding: spacing.lg,
+            boxSizing: "border-box",
+            borderRadius: radii.md,
+            background: theme.colors.canvasSoft2,
+            boxShadow: theme.shadows.insetHairline,
+            color: theme.colors.body,
+        }, children: children }));
+}
+function CloseButton({ theme, onClose, }) {
+    const [focused, setFocused] = useState(false);
+    return (_jsx("button", { type: "button", "data-testid": "inbox-close", "aria-label": "Close inbox", onClick: onClose, onFocus: () => setFocused(true), onBlur: () => setFocused(false), style: {
+            display: "inline-flex",
+            alignItems: "center",
+            justifyContent: "center",
+            width: sizes.icon,
+            height: sizes.icon,
+            padding: 0,
+            border: "none",
+            borderRadius: radii.pill,
+            background: "transparent",
+            // `body`, not `mute`: this is the only way out of the sheet.
+            color: theme.colors.body,
+            cursor: "pointer",
+            outline: "revert",
+            boxShadow: focused ? theme.shadows.focusRing : "none",
+        }, children: _jsx(CloseIcon, {}) }));
+}
+/**
+ * The checkbox's tick, as a data URI drawn in the palette's own ink.
+ *
+ * `appearance: none` takes the platform's tick away with everything else, and
+ * a background image is the only way to put one back without adding an element
+ * the `<input>` cannot contain. Built from the theme rather than hardcoded:
+ * `onInk` is #ffffff on the light palette and #171717 on the dark one.
+ */
+function tickImage(theme) {
+    const svg = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" ` +
+        `stroke="${theme.colors.onInk}" stroke-width="3" stroke-linecap="round" ` +
+        `stroke-linejoin="round"><path d="M5 12.5l4.5 4.5L19 7.5"/></svg>`;
+    return `url("data:image/svg+xml,${encodeURIComponent(svg)}")`;
+}
+function PageHint({ theme, pageUrl, }) {
+    return (_jsx("span", { title: pageUrl, style: {
+            maxWidth: "96px",
+            overflow: "hidden",
+            whiteSpace: "nowrap",
+            textOverflow: "ellipsis",
+            // The path is read head-first, so the ELLIPSIS belongs at the tail;
+            // the colour is `mute` because it is the least of the three facts in
+            // this column.
+            color: theme.colors.mute,
+        }, children: pathOf(pageUrl) }));
+}
+function ScopeButton({ theme, testId, label, active, onClick, }) {
+    const [focused, setFocused] = useState(false);
+    return (_jsx("button", { type: "button", "data-testid": testId, "aria-pressed": active, onClick: onClick, onFocus: () => setFocused(true), onBlur: () => setFocused(false), style: {
+            flex: 1,
+            padding: `${spacing.xxs} ${spacing.xs}`,
+            border: "none",
+            // 4px, concentric inside the track's 8px.
+            borderRadius: radii.xs,
+            background: active ? theme.colors.canvas : "transparent",
+            boxShadow: focused
+                ? theme.shadows.focusRing
+                : active
+                    ? theme.shadows.insetHairline
+                    : "none",
+            // `body`, not `mute`: the inactive half of a two-way control is not
+            // decoration, and #888888 at 12px is 3.4:1 on this ground.
+            color: active ? theme.colors.ink : theme.colors.body,
+            ...typeScale.caption,
+            fontWeight: active ? 500 : 400,
+            cursor: "pointer",
+            outline: "revert",
+        }, children: label }));
+}
+/* ── URL comparison ───────────────────────────────────────────────────── */
+/**
+ * Both `URL` calls are guarded because `pageUrl` came off the wire. The
+ * schema validates it at submission, but a row written before a schema change
+ * must not be able to throw out of a render and blank the sheet.
+ */
+function parse(url) {
+    try {
+        return new URL(url);
+    }
+    catch {
+        return null;
+    }
+}
+/** Same page, ignoring the fragment. Query strings do distinguish pages. */
+export function sameLocation(a, b) {
+    const left = parse(a);
+    const right = parse(b);
+    if (!left || !right)
+        return false;
+    return (left.origin === right.origin &&
+        left.pathname === right.pathname &&
+        left.search === right.search);
+}
+export function sameOrigin(a, b) {
+    const left = parse(a);
+    const right = parse(b);
+    return left !== null && right !== null && left.origin === right.origin;
+}
+function pathOf(url) {
+    return parse(url)?.pathname ?? url;
+}
+/* ── Persisted open/closed ────────────────────────────────────────────── */
+const inboxListeners = new Set();
+/**
+ * Only used when `localStorage` is unreachable - private mode, a blocked
+ * origin, a host that disabled storage. The choice then holds for this page
+ * and no longer, which beats the toggle appearing not to work at all.
+ */
+let memoryOpen = null;
+/**
+ * Whether the sheet was left open, from storage. Every access is guarded:
+ * private mode, a blocked origin and a host that disabled storage all throw
+ * on `localStorage` itself rather than returning null, and a `ReferenceError`
+ * out of the toolbar takes the host app's render down with it.
+ */
+export function readInboxOpen() {
+    try {
+        const raw = window.localStorage.getItem(INBOX_OPEN_STORAGE_KEY);
+        if (raw !== null)
+            return raw === "1";
+    }
+    catch {
+        // Fall through to the in-memory value.
+    }
+    return memoryOpen ?? false;
+}
+export function writeInboxOpen(open) {
+    try {
+        window.localStorage.setItem(INBOX_OPEN_STORAGE_KEY, open ? "1" : "0");
+        memoryOpen = null;
+    }
+    catch {
+        memoryOpen = open;
+    }
+    inboxListeners.forEach((listener) => listener());
+}
+/**
+ * "Is the inbox open" as an external store, not as component state read from
+ * `localStorage` in a `useState` initialiser.
+ *
+ * The initialiser is what this used to be, and it produced a hydration
+ * mismatch inside the host app: on the server `window.localStorage` throws, the
+ * guard answers false, and on the client the same call answers true - so a
+ * reviewer who left the sheet open got React's "server rendered HTML didn't
+ * match the client" in the customer's own console on every page load, plus the
+ * dev error overlay on their page. The flag reaches the DOM as `aria-expanded`
+ * and `aria-pressed` on the inbox button and decides its inline `background`,
+ * so it is not an invisible difference React can paper over.
+ *
+ * `useSyncExternalStore` is the shape that fixes it, and it is the shape the
+ * theme in FeedbackToolbar.tsx already uses for the same reason: the server
+ * snapshot is a deterministic false, and the stored value is adopted after
+ * hydration instead of during it.
+ */
+export const INBOX_OPEN_STORE = {
+    // Arrow properties rather than shorthand methods: these are handed to
+    // `useSyncExternalStore` detached from the object, so nothing here may
+    // depend on `this`.
+    subscribe: (listener) => {
+        inboxListeners.add(listener);
+        return () => {
+            inboxListeners.delete(listener);
+        };
+    },
+    /** The client's answer: storage, else whatever this page last chose. */
+    getSnapshot: readInboxOpen,
+    /**
+     * The server's answer, and the first client render's. Closed: a sheet that
+     * appears one frame late is a paint, and a sheet that appears where the
+     * server said there was none is an error in somebody else's app.
+     */
+    getServerSnapshot: () => false,
+};
+//# sourceMappingURL=InboxSheet.js.map

package/dist/InboxSheet.js.map

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