@photon-ai/pho-ui 4.12.0 → 4.13.0

package/dist/components/chat.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as e } from "../chunks/chat-CU3XVm99.js";
+import { t as e } from "../chunks/chat-Bu8UyIbT.js";
 export {
   e as Chat
 };

package/dist/components/data-table.js

@@ -1,8 +1,9 @@
 "use client";
-import { a as e, i as t, n as r, r as o, t as s } from "../chunks/data-table-Ce_c6T73.js";
-import { i as l, t as T } from "../chunks/ghost-search-CNVs9k1o.js";
+import { a as e, i as t, n as r, r as o, t as s } from "../chunks/data-table-hzZb7Otx.js";
+import { r as c } from "../chunks/chrome-Ds7WykBJ.js";
+import { t as T } from "../chunks/ghost-search-8PzP73zS.js";
 export {
-  l as DATA_TABLE_SURFACE,
+  c as DATA_TABLE_SURFACE,
   s as DataTable,
   T as GhostSearch,
   r as TableHostContext,

package/dist/components/filter-bar.js

@@ -1,5 +1,5 @@
 "use client";
-import { i as t, n as e, r as a, t as i } from "../chunks/filter-bar-CMkvhvgL.js";
+import { i as t, n as e, r as a, t as i } from "../chunks/filter-bar-C4sPEjw1.js";
 export {
   i as FILTER_DATE_PRESETS,
   e as FilterBar,

package/dist/components/scope.js

@@ -0,0 +1,418 @@
+"use client";
+import { t as c } from "../chunks/cn-ChIgwEl3.js";
+import { revealIn as Ye } from "../motion.js";
+import { u as Qe } from "../chunks/button-C9VqBBIr.js";
+import { t as Je } from "../chunks/close-button-GvqWbLl0.js";
+import { r as ne } from "../chunks/checkbox-CwvoEJhd.js";
+import { t as y } from "../chunks/skeleton-DwjSl4vC.js";
+import { t as Xe } from "../chunks/ghost-search-8PzP73zS.js";
+import { t as z } from "../chunks/tooltip-BTF7GChl.js";
+import { useEffect as fe, useId as Ze, useLayoutEffect as en, useMemo as M, useRef as C, useState as U } from "react";
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
+import { AnimatePresence as A, motion as g, useReducedMotion as nn } from "motion/react";
+import { Tooltip as tn } from "@base-ui/react/tooltip";
+var rn = "group/scope w-full min-w-0 overflow-clip rounded-base border border-pho-secondary bg-pho-primary [--scope-inset:var(--choice-card-inset,0.75rem)]", me = "px-[var(--scope-inset)]", sn = "flex min-h-11 items-center gap-3 border-b border-pho-secondary px-[var(--scope-inset)]", ve = "grid grid-cols-1 group-data-[wide]/scope:grid-cols-[fit-content(45%)_minmax(0,1fr)] group-data-[wide]/scope:gap-x-4", ge = "col-span-full grid grid-cols-subgrid border-t border-pho-secondary first:border-t-0", be = "group col-span-full flex min-w-0 cursor-pointer flex-col gap-y-0.5 px-[var(--scope-inset)] py-2 transition-colors select-none hover:bg-pho-primary-hover group-data-[wide]/scope:grid group-data-[wide]/scope:grid-cols-subgrid group-data-[wide]/scope:items-center data-[disabled]:cursor-not-allowed data-[disabled]:hover:bg-transparent", an = "col-span-full flex min-w-0 flex-col gap-y-0.5 px-[var(--scope-inset)] py-2 group-data-[wide]/scope:grid group-data-[wide]/scope:grid-cols-subgrid group-data-[wide]/scope:items-center", we = "group col-span-full flex h-8 min-w-0 cursor-pointer items-center gap-2 border-b border-pho-secondary bg-pho-page px-[var(--scope-inset)] text-xs font-medium text-pho-secondary select-none data-[disabled]:cursor-not-allowed", xe = "line-clamp-2 min-w-0 pl-6 text-xs text-pho-description group-data-[wide]/scope:block group-data-[wide]/scope:truncate group-data-[wide]/scope:pl-0", Ne = "flex w-full min-w-0 items-center gap-3 py-2.5 pr-2 pl-[var(--scope-inset)] text-left outline-pho-brand focus-visible:outline-2 focus-visible:-outline-offset-2", ln = 34, on = 18;
+function cn(r) {
+  const [a, p] = U({
+    wide: !0,
+    roomy: !0
+  });
+  return en(() => {
+    const o = r.current;
+    if (o == null) return;
+    const s = () => {
+      const S = parseFloat(getComputedStyle(document.documentElement).fontSize) || 16, $ = o.getBoundingClientRect().width, _ = {
+        wide: $ >= ln * S,
+        roomy: $ >= on * S
+      };
+      p((I) => I.wide === _.wide && I.roomy === _.roomy ? I : _);
+    };
+    s();
+    const u = new ResizeObserver(s);
+    return u.observe(o), () => u.disconnect();
+  }, [r]), a;
+}
+function dn(r) {
+  const a = [], p = /* @__PURE__ */ new Map();
+  for (const o of r) {
+    const s = o.group ?? null;
+    let u = p.get(s);
+    u || (u = {
+      label: s,
+      items: []
+    }, p.set(s, u), a.push(u)), u.items.push(o);
+  }
+  return [...a.filter((o) => o.label === null), ...a.filter((o) => o.label !== null)];
+}
+function Se(r) {
+  return r.toLowerCase().replace(/[.:\-_/]/g, " ");
+}
+function un(r) {
+  return Se(r).split(/\s+/).filter(Boolean);
+}
+function ye(r, ...a) {
+  const p = Se(a.filter(Boolean).join(" "));
+  return r.every((o) => p.includes(o));
+}
+function Ce(r) {
+  return r.label ?? r.value;
+}
+function pn(r, a) {
+  if (r.length !== a.length) return !1;
+  const p = new Set(r);
+  return a.every((o) => p.has(o));
+}
+function hn(r) {
+  if (!(r instanceof Element)) return !1;
+  const a = r.closest("[data-scope-description]");
+  return a == null ? !1 : a.scrollWidth > a.clientWidth + 1 || a.scrollHeight > a.clientHeight + 1;
+}
+function fn({ items: r, value: a, defaultValue: p, onValueChange: o, all: s, placeholder: u = "Search", collapsible: S = !1, open: $, defaultOpen: _ = !1, onOpenChange: I, loading: b = !1, disabled: D = !1, className: Oe, ref: W, ...Ee }) {
+  const [ke, Re] = U(p ?? []), O = a ?? ke, [$e, _e] = U(_), N = S ? $ ?? $e : !0, [T, P] = U(""), Ie = nn(), te = C(null), { wide: Pe, roomy: ze } = cn(te), h = Ze(), re = `${h}-list`, se = C(null), ae = C(null), B = C(null), le = M(() => tn.createHandle(), []), G = M(() => dn(r), [r]), V = M(() => new Set(r.map((e) => e.value)), [r]), Me = M(() => new Map(r.map((e, n) => [e.value, n])), [r]), Ae = M(() => new Map(G.map((e, n) => [e.label, n])), [G]), q = C([]);
+  for (const e of O) e !== s?.value && !V.has(e) && !q.current.includes(e) && q.current.push(e);
+  const E = q.current.filter((e) => !V.has(e)), w = s?.value, F = new Set(O), x = w !== void 0 && F.has(w), j = (e) => x ? V.has(e) : F.has(e), k = r.filter((e) => j(e.value)).length, oe = E.filter((e) => F.has(e)).length, K = (e) => {
+    a === void 0 && Re(e), o?.(e);
+  }, ie = (e) => K([...r.filter((n) => e.has(n.value)).map((n) => n.value), ...E.filter((n) => e.has(n))]), De = () => x ? new Set(r.map((e) => e.value)) : new Set(O.filter((e) => e !== w)), Y = (e, n) => {
+    const i = De();
+    for (const d of e) n ? i.add(d) : i.delete(d);
+    ie(i);
+  }, We = (e) => {
+    w === void 0 ? Y(r.map((n) => n.value), e) : e ? K([w]) : ie(new Set(r.map((n) => n.value)));
+  }, ce = (e) => {
+    $ === void 0 && _e(e), I?.(e);
+  }, Te = () => {
+    B.current = "search", ce(!0);
+  }, Be = () => {
+    B.current = "summary", P(""), ce(!1);
+  }, Q = C(O);
+  Q.current = O;
+  const de = C(N ? O : null);
+  fe(() => {
+    de.current = N ? Q.current : null, N || P("");
+  }, [N]);
+  const ue = () => {
+    const e = de.current;
+    e != null && !pn(e, Q.current) && K([...e]), Be();
+  };
+  fe(() => {
+    const e = B.current;
+    if (e == null) return;
+    B.current = null;
+    let n = 0, i = 0;
+    const d = () => {
+      const m = e === "search" ? se.current : ae.current;
+      m != null && (m.focus(), document.activeElement !== m && i++ < 5 && (n = requestAnimationFrame(d)));
+    };
+    return n = requestAnimationFrame(d), () => cancelAnimationFrame(n);
+  }, [N]);
+  const Ge = (e) => {
+    e.key === "Enter" && e.preventDefault(), e.key === "Escape" && (T !== "" ? (e.preventDefault(), P("")) : S && !D && (e.preventDefault(), ue()));
+  }, J = un(T), H = J.length > 0, pe = G.map((e) => ({
+    ...e,
+    items: H ? e.items.filter((n) => ye(J, e.label, n.value, n.label, n.description)) : e.items
+  })).filter((e) => e.items.length > 0), X = H ? E.filter((e) => ye(J, e)) : E, L = x || r.length === 0 ? null : `${k} of ${r.length}`, Z = (() => {
+    if (x && s) return {
+      title: s.label,
+      detail: s.description ?? ""
+    };
+    if (s && w === void 0 && r.length > 0 && k === r.length && oe === 0) return {
+      title: s.label,
+      detail: s.description ?? L ?? ""
+    };
+    const e = [];
+    for (const n of G) {
+      const i = n.items.filter((d) => j(d.value));
+      n.label !== null && n.items.length > 1 && i.length === n.items.length ? e.push(n.label) : e.push(...i.map(Ce));
+    }
+    return e.push(...E.filter((n) => F.has(n))), {
+      title: e.length > 0 ? e.join(", ") : "None",
+      detail: L ?? ""
+    };
+  })(), R = D || b, f = Ye(Ie), ee = (e, n = !1) => {
+    const i = n ? `${h}-r${E.indexOf(e.value)}` : `${h}-i${Me.get(e.value)}`, d = `${i}-name`, m = `${i}-description`;
+    return /* @__PURE__ */ l(g.label, {
+      ...f,
+      className: c(be, "overflow-hidden"),
+      "data-scope-row": "",
+      "data-disabled": R || void 0,
+      children: [/* @__PURE__ */ l("span", {
+        className: "flex min-w-0 items-center gap-2",
+        children: [/* @__PURE__ */ t(ne, {
+          size: "sm",
+          checked: j(e.value),
+          disabled: R,
+          "aria-labelledby": d,
+          "aria-describedby": e.description ? m : void 0,
+          onCheckedChange: (v) => Y([e.value], v)
+        }), /* @__PURE__ */ t("span", {
+          id: d,
+          className: c("truncate text-base", n ? "text-pho-description" : "text-pho-secondary"),
+          children: Ce(e)
+        })]
+      }), e.description ? /* @__PURE__ */ t(z.Trigger, {
+        handle: le,
+        payload: e.description,
+        render: /* @__PURE__ */ t("span", {
+          id: m,
+          "data-scope-description": "",
+          className: xe
+        }),
+        children: e.description
+      }) : null]
+    }, e.value);
+  }, Fe = (e) => {
+    if (e.label === null) return e.items.map((v) => ee(v));
+    const n = `${h}-g${Ae.get(e.label)}`, i = e.items.map((v) => v.value), d = i.filter(j).length, m = d === i.length;
+    return /* @__PURE__ */ l(g.div, {
+      ...f,
+      role: "group",
+      "aria-labelledby": n,
+      className: c(ge, "overflow-hidden"),
+      children: [/* @__PURE__ */ l("label", {
+        className: we,
+        "data-disabled": R || void 0,
+        children: [
+          /* @__PURE__ */ t(ne, {
+            size: "sm",
+            checked: m,
+            indeterminate: d > 0 && !m,
+            disabled: R,
+            "aria-labelledby": n,
+            onCheckedChange: (v) => Y(i, v)
+          }),
+          /* @__PURE__ */ t("span", {
+            id: n,
+            className: "truncate",
+            children: e.label
+          }),
+          /* @__PURE__ */ t("span", {
+            className: "text-pho-description tabular-nums",
+            children: i.length
+          })
+        ]
+      }), /* @__PURE__ */ t(A, {
+        initial: !1,
+        children: e.items.map((v) => ee(v))
+      })]
+    }, `group:${e.label}`);
+  }, je = X.length > 0 ? /* @__PURE__ */ l(g.div, {
+    ...f,
+    role: "group",
+    "aria-labelledby": `${h}-retired`,
+    className: c(ge, "overflow-hidden"),
+    children: [/* @__PURE__ */ l("div", {
+      className: c(we, "cursor-default"),
+      children: [/* @__PURE__ */ t("span", {
+        "aria-hidden": !0,
+        className: "size-4 shrink-0"
+      }), /* @__PURE__ */ t("span", {
+        id: `${h}-retired`,
+        className: "truncate",
+        children: "No longer offered"
+      })]
+    }), /* @__PURE__ */ t(A, {
+      initial: !1,
+      children: X.map((e) => ee({ value: e }, !0))
+    })]
+  }, "retired") : null, He = s ? /* @__PURE__ */ l(g.label, {
+    ...f,
+    className: c(be, "overflow-hidden"),
+    "data-scope-row": "",
+    "data-disabled": R || x && r.length === 0 || void 0,
+    children: [/* @__PURE__ */ l("span", {
+      className: "flex min-w-0 items-center gap-2",
+      children: [/* @__PURE__ */ t(ne, {
+        size: "sm",
+        checked: w === void 0 ? r.length > 0 && k === r.length : x,
+        indeterminate: w === void 0 ? k > 0 && k < r.length : !x && k + oe > 0,
+        disabled: R || x && r.length === 0,
+        "aria-labelledby": `${h}-all`,
+        "aria-describedby": s.description ? `${h}-all-description` : void 0,
+        onCheckedChange: (e) => We(e)
+      }), /* @__PURE__ */ t("span", {
+        id: `${h}-all`,
+        className: "text-pho-primary truncate text-base font-medium",
+        children: s.label
+      })]
+    }), s.description ? /* @__PURE__ */ t("span", {
+      id: `${h}-all-description`,
+      className: xe,
+      children: s.description
+    }) : null]
+  }, "all") : null, Le = H && pe.length === 0 && X.length === 0 ? /* @__PURE__ */ t(g.p, {
+    ...f,
+    className: c("text-pho-description col-span-full overflow-hidden text-center text-base", me),
+    children: /* @__PURE__ */ l("span", {
+      className: "block py-6",
+      children: [
+        "Nothing matches “",
+        T,
+        "”."
+      ]
+    })
+  }, "nothing") : null, Ue = /* @__PURE__ */ t(g.div, {
+    ...f,
+    id: re,
+    className: c(ve, "overflow-hidden"),
+    children: /* @__PURE__ */ l(A, {
+      initial: !1,
+      children: [
+        H ? null : He,
+        pe.map(Fe),
+        je,
+        Le
+      ]
+    })
+  }, "list"), Ve = /* @__PURE__ */ t(g.div, {
+    ...f,
+    "aria-hidden": !0,
+    className: c(ve, "overflow-hidden"),
+    children: [
+      {
+        band: !1,
+        name: "w-20",
+        text: "w-44"
+      },
+      {
+        band: !0,
+        name: "w-12",
+        text: ""
+      },
+      {
+        band: !1,
+        name: "w-28",
+        text: "w-56"
+      },
+      {
+        band: !1,
+        name: "w-32",
+        text: "w-48"
+      },
+      {
+        band: !1,
+        name: "w-24",
+        text: "w-60"
+      }
+    ].map((e, n) => e.band ? /* @__PURE__ */ l("div", {
+      className: c("border-pho-secondary bg-pho-page col-span-full flex h-8 items-center gap-2 border-y", me),
+      children: [/* @__PURE__ */ t(y, { className: "size-4 rounded-sm" }), /* @__PURE__ */ t(y, { className: c("h-3", e.name) })]
+    }, n) : /* @__PURE__ */ l("div", {
+      className: an,
+      children: [/* @__PURE__ */ l("span", {
+        className: "flex h-5 min-w-0 items-center gap-2",
+        children: [/* @__PURE__ */ t(y, { className: "size-4 shrink-0 rounded-sm" }), /* @__PURE__ */ t(y, { className: c("h-3.5 max-w-full", e.name) })]
+      }), /* @__PURE__ */ t("span", {
+        className: "flex h-4.5 items-center pl-6 group-data-[wide]/scope:pl-0",
+        children: /* @__PURE__ */ t(y, { className: c("h-3 max-w-full", e.text) })
+      })]
+    }, n))
+  }, "bones"), qe = /* @__PURE__ */ l(g.div, {
+    ...f,
+    className: "overflow-hidden",
+    children: [/* @__PURE__ */ l("div", {
+      className: sn,
+      children: [/* @__PURE__ */ t(Xe, {
+        ref: se,
+        value: T,
+        onChange: P,
+        onClear: () => P(""),
+        onKeyDown: Ge,
+        placeholder: u,
+        "aria-label": u,
+        "aria-controls": b ? void 0 : re,
+        disabled: b,
+        trailing: L != null && !b ? /* @__PURE__ */ t("span", {
+          className: "hidden group-data-[roomy]/scope:inline",
+          children: L
+        }) : void 0,
+        autoComplete: "off",
+        spellCheck: !1
+      }), S ? /* @__PURE__ */ t(Je, {
+        size: "sm",
+        label: "Cancel",
+        disabled: D,
+        onClick: ue,
+        className: "-mr-2 shrink-0 focus-visible:-outline-offset-2"
+      }) : null]
+    }), /* @__PURE__ */ t(A, {
+      initial: !1,
+      children: b ? Ve : Ue
+    })]
+  }, "picker"), he = b ? /* @__PURE__ */ l("span", {
+    className: "flex min-w-0 flex-1 flex-col",
+    children: [/* @__PURE__ */ t("span", {
+      className: "flex h-5 items-center",
+      children: /* @__PURE__ */ t(y, { className: "h-3.5 w-48 max-w-full" })
+    }), /* @__PURE__ */ t("span", {
+      className: "flex h-4.5 items-center",
+      children: /* @__PURE__ */ t(y, { className: "h-3 w-16" })
+    })]
+  }) : /* @__PURE__ */ l("span", {
+    className: "flex min-w-0 flex-1 flex-col",
+    children: [/* @__PURE__ */ t("span", {
+      className: "text-pho-primary truncate text-base",
+      children: Z.title
+    }), Z.detail ? /* @__PURE__ */ t("span", {
+      className: "text-pho-description truncate text-xs tabular-nums",
+      children: Z.detail
+    }) : null]
+  }), Ke = /* @__PURE__ */ t(g.div, {
+    ...f,
+    className: "overflow-hidden",
+    children: D || b ? /* @__PURE__ */ t("div", {
+      className: Ne,
+      children: he
+    }) : /* @__PURE__ */ l("button", {
+      ref: ae,
+      type: "button",
+      "aria-expanded": !1,
+      className: c(Ne, "group hover:bg-pho-primary-hover cursor-pointer transition-colors"),
+      onClick: Te,
+      children: [he, /* @__PURE__ */ t("span", {
+        "aria-hidden": !0,
+        className: Qe({
+          variant: "ghost",
+          size: "sm",
+          className: "group-hover:bg-pho-ghost-hover group-hover:text-pho-secondary-hover pointer-events-none shrink-0"
+        }),
+        children: "Edit"
+      })]
+    })
+  }, "folded");
+  return /* @__PURE__ */ l("div", {
+    role: "group",
+    "aria-busy": b || void 0,
+    "data-scope": "",
+    "data-open": N ? "" : void 0,
+    "data-wide": Pe ? "" : void 0,
+    "data-roomy": ze ? "" : void 0,
+    className: c(rn, Oe),
+    ...Ee,
+    ref: (e) => {
+      te.current = e, typeof W == "function" ? W(e) : W != null && (W.current = e);
+    },
+    children: [/* @__PURE__ */ t(A, {
+      initial: !1,
+      children: N ? qe : Ke
+    }), /* @__PURE__ */ t(z.Root, {
+      handle: le,
+      onOpenChange: (e, n) => {
+        e && !hn(n.event?.target) && n.cancel();
+      },
+      children: ({ payload: e }) => /* @__PURE__ */ t(z.Portal, { children: /* @__PURE__ */ t(z.Positioner, {
+        side: "top",
+        align: "start",
+        children: /* @__PURE__ */ t(z.Popup, {
+          className: "max-w-80 font-normal",
+          children: e
+        })
+      }) })
+    })]
+  });
+}
+fn.displayName = "Scope";
+export {
+  fn as Scope
+};
+
+//# sourceMappingURL=scope.js.map

package/dist/components/scope.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scope.js","names":[],"sources":["../../src/components/scope/scope.tsx"],"sourcesContent":["import {\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ComponentProps,\n  type KeyboardEvent,\n  type Ref,\n  type RefObject,\n} from \"react\";\nimport { AnimatePresence, motion, useReducedMotion } from \"motion/react\";\nimport { Tooltip as BaseTooltip } from \"@base-ui/react/tooltip\";\nimport { CloseButton, buttonVariants } from \"../button\";\nimport { Checkbox } from \"../checkbox\";\nimport { Skeleton } from \"../skeleton\";\nimport { Tooltip } from \"../tooltip\";\nimport { revealIn } from \"../../motion\";\nimport { cn } from \"../../utils/cn\";\nimport { GhostSearch } from \"../../utils/ghost-search\";\n\n/**\n * Scope — pick what something covers out of a catalog: the events a webhook\n * destination receives, the permissions an app or key holds. A searchable,\n * grouped checklist with a catch-all row; `collapsible` folds it to a\n * two-line summary for a resource that already exists, opening on click.\n */\n\nexport interface ScopeItem {\n  /**\n   * What the selection holds — an event type, a permission id. It is also\n   * the row's name unless `label` says otherwise.\n   */\n  value: string;\n  /** The row's name, when it shouldn't be the value itself. */\n  label?: string;\n  /** One line on what it covers. Searched along with the name. */\n  description?: string;\n  /**\n   * The group it files under — the resource, the namespace. Groups keep\n   * the order they first appear in; items without one come first.\n   */\n  group?: string;\n}\n\nexport interface ScopeAll {\n  /** The row's name — `All events`. */\n  label: string;\n  /** What choosing it means — `Every current and future event.` */\n  description?: string;\n  /**\n   * A wildcard the selection holds in place of the items — `*`. With it,\n   * the row stands for every item, now and later: choosing it sets the\n   * selection to `[value]`, and leaving it spells every item out by name so\n   * the reader prunes from there, never from nothing. Without it, the row\n   * selects every item listed.\n   */\n  value?: string;\n}\n\nexport interface ScopeProps extends Omit<\n  ComponentProps<\"div\">,\n  \"defaultValue\" | \"onChange\" | \"children\"\n> {\n  /** The catalog — everything that can be picked, in display order. */\n  items: readonly ScopeItem[];\n  /** The selected values, controlled. */\n  value?: readonly string[];\n  /** The selected values at first, uncontrolled. */\n  defaultValue?: readonly string[];\n  /**\n   * Called with the next selection, in catalog order (values no longer in\n   * the catalog follow in the order they were held).\n   */\n  onValueChange?: (value: string[]) => void;\n  /** The catch-all row at the top. Leave it out for no such row. */\n  all?: ScopeAll;\n  /** The search field's placeholder, which also names it. @default \"Search\" */\n  placeholder?: string;\n  /**\n   * Fold to a two-line summary of the selection, opening to the full list\n   * on click — for a resource that already exists, where the scope is read\n   * far more often than it changes. The page saves the change (its \"Save\n   * changes\" below the card) and folds the list through `open`; the ✕ in\n   * the search row, or `Escape` on an empty search, drops the edit: the\n   * selection goes back to what it was when the list opened, and folds.\n   */\n  collapsible?: boolean;\n  /** Whether the collapsible list is open, controlled. */\n  open?: boolean;\n  /** Whether the collapsible list starts open. @default false */\n  defaultOpen?: boolean;\n  /** Called when the collapsible list opens or folds. */\n  onOpenChange?: (open: boolean) => void;\n  /** The catalog is on its way: bones in place of rows. */\n  loading?: boolean;\n  /**\n   * Read-only: the list can be searched but not changed, and a folded one\n   * stays folded. Held open by `open` (a save in flight), nothing in it\n   * changes the selection, the ✕ and Escape included.\n   */\n  disabled?: boolean;\n  ref?: Ref<HTMLDivElement>;\n}\n\n/* ------------------------------- class map ------------------------------- */\n\n/**\n * The card: the BasicPage card's stroke, corner, and fill. `overflow-clip`\n * rounds a hovered edge row into the corners without making the card a\n * scroll container. The rows lay out by the card's width, not the\n * viewport's: it is measured (`data-wide`, `data-roomy`) rather than made a\n * CSS query container, because Chromium drops a query container's\n * children from layout when a `Reveal` mounts beside it in a Base UI form\n * (a BasicPage `Footer` appearing under the card left it 2px tall).\n *\n * Its words stand `--scope-inset` in from its edges, which is the page's\n * choice inset (the one `RadioCard` and `CheckboxCard` pad by): 20px when\n * the card stands on a `BasicPage.Stack`, on the headings' line like any\n * card's rows; 12px inside a sheet, a card, or a dialog, where it is a\n * field among fields and its words line up with theirs.\n */\nconst SCOPE_SURFACE =\n  \"group/scope w-full min-w-0 overflow-clip rounded-base border border-pho-secondary bg-pho-primary [--scope-inset:var(--choice-card-inset,0.75rem)]\";\n\n/** The side padding every row of the card shares. */\nconst SCOPE_INSET = \"px-[var(--scope-inset)]\";\n\n/**\n * The search, the card's first row: no box of its own. The magnifier stands\n * on the checkbox column and the query on the names' line, the count at the\n * row's end and, on a collapsible list, the ✕ that drops the edit after it,\n * its glyph as far in from the right edge as the magnifier's from the left.\n * 44px with the hairline below, the DataTable toolbar band's height.\n */\nconst SCOPE_SEARCH_ROW =\n  \"flex min-h-11 items-center gap-3 border-b border-pho-secondary px-[var(--scope-inset)]\";\n\n/**\n * Two columns once the card is wide enough: the names, as wide as the\n * longest (never past 45%), then the descriptions on one shared edge.\n * Narrower, each row stacks its description under its name.\n */\nconst SCOPE_LIST =\n  \"grid grid-cols-1 group-data-[wide]/scope:grid-cols-[fit-content(45%)_minmax(0,1fr)] group-data-[wide]/scope:gap-x-4\";\n\n/** A group: its band and its rows, on the list's columns. */\nconst SCOPE_GROUP =\n  \"col-span-full grid grid-cols-subgrid border-t border-pho-secondary first:border-t-0\";\n\n/**\n * One row: 36px on the wide layout — a 20px line and 8px either side. Only\n * the stacked layout's row gap is set: the columns' gap is the list's, and\n * a subgrid that set its own would let a long name run into its\n * description.\n */\nconst SCOPE_ROW =\n  \"group col-span-full flex min-w-0 cursor-pointer flex-col gap-y-0.5 px-[var(--scope-inset)] py-2 transition-colors select-none hover:bg-pho-primary-hover group-data-[wide]/scope:grid group-data-[wide]/scope:grid-cols-subgrid group-data-[wide]/scope:items-center data-[disabled]:cursor-not-allowed data-[disabled]:hover:bg-transparent\";\n\n/** A bone row: a row's layout, nothing to hover or click. */\nconst SCOPE_BONE_ROW =\n  \"col-span-full flex min-w-0 flex-col gap-y-0.5 px-[var(--scope-inset)] py-2 group-data-[wide]/scope:grid group-data-[wide]/scope:grid-cols-subgrid group-data-[wide]/scope:items-center\";\n\n/**\n * A group's band — DataTable's section wash, thinner than the rows it\n * heads, with the group's own checkbox on the rows' checkbox column.\n */\nconst SCOPE_GROUP_BAND =\n  \"group col-span-full flex h-8 min-w-0 cursor-pointer items-center gap-2 border-b border-pho-secondary bg-pho-page px-[var(--scope-inset)] text-xs font-medium text-pho-secondary select-none data-[disabled]:cursor-not-allowed\";\n\n/**\n * A description: under the name (two lines at most) on the narrow layout,\n * one line in its own column on the wide one — the rest opens on hover.\n */\nconst SCOPE_DESCRIPTION =\n  \"line-clamp-2 min-w-0 pl-6 text-xs text-pho-description group-data-[wide]/scope:block group-data-[wide]/scope:truncate group-data-[wide]/scope:pl-0\";\n\n/** The folded summary: two lines, the whole card its hit target. */\nconst SCOPE_SUMMARY =\n  \"flex w-full min-w-0 items-center gap-3 py-2.5 pr-2 pl-[var(--scope-inset)] text-left outline-pho-brand focus-visible:outline-2 focus-visible:-outline-offset-2\";\n\n/** Two columns (names, then descriptions) from this card width up. */\nconst WIDE_REM = 34;\n/** The count stands in the search row from this card width up. */\nconst ROOMY_REM = 18;\n\n/**\n * The card's width against the two breakpoints, measured before paint and\n * followed as it changes. Desktop-first until measured, so a server render\n * shows the common layout.\n */\nfunction useCardWidth(ref: RefObject<HTMLElement | null>) {\n  const [size, setSize] = useState({ wide: true, roomy: true });\n  useLayoutEffect(() => {\n    const node = ref.current;\n    if (node == null) return;\n    const measure = () => {\n      const rem =\n        parseFloat(getComputedStyle(document.documentElement).fontSize) || 16;\n      const width = node.getBoundingClientRect().width;\n      const next = {\n        wide: width >= WIDE_REM * rem,\n        roomy: width >= ROOMY_REM * rem,\n      };\n      setSize((current) =>\n        current.wide === next.wide && current.roomy === next.roomy\n          ? current\n          : next,\n      );\n    };\n    measure();\n    const observer = new ResizeObserver(measure);\n    observer.observe(node);\n    return () => observer.disconnect();\n  }, [ref]);\n  return size;\n}\n\n/* -------------------------------- model --------------------------------- */\n\ninterface ScopeGroup {\n  label: string | null;\n  items: ScopeItem[];\n}\n\n/** Items by group, groups in first-appearance order, ungrouped first. */\nfunction groupItems(items: readonly ScopeItem[]): ScopeGroup[] {\n  const groups: ScopeGroup[] = [];\n  const byLabel = new Map<string | null, ScopeGroup>();\n  for (const item of items) {\n    const label = item.group ?? null;\n    let group = byLabel.get(label);\n    if (!group) {\n      group = { label, items: [] };\n      byLabel.set(label, group);\n      groups.push(group);\n    }\n    group.items.push(item);\n  }\n  return [\n    ...groups.filter((group) => group.label === null),\n    ...groups.filter((group) => group.label !== null),\n  ];\n}\n\n/**\n * Lowercase, with the separators ids are written in (`.`, `:`, `-`, `_`,\n * `/`) read as spaces — `call ended` finds `call.ended`.\n */\nfunction normalize(text: string): string {\n  return text.toLowerCase().replace(/[.:\\-_/]/g, \" \");\n}\n\nfunction tokenize(query: string): string[] {\n  return normalize(query).split(/\\s+/).filter(Boolean);\n}\n\n/** Every word of the query somewhere in the group, name, or description. */\nfunction matches(\n  tokens: readonly string[],\n  ...fields: (string | null | undefined)[]\n) {\n  const haystack = normalize(fields.filter(Boolean).join(\" \"));\n  return tokens.every((token) => haystack.includes(token));\n}\n\nfunction nameOf(item: ScopeItem): string {\n  return item.label ?? item.value;\n}\n\n/** The same values, whatever their order. */\nfunction sameSelection(a: readonly string[], b: readonly string[]): boolean {\n  if (a.length !== b.length) return false;\n  const held = new Set(a);\n  return b.every((value) => held.has(value));\n}\n\n/** Whether a description shows whole, measured when the pointer asks. */\nfunction isClipped(target: EventTarget | null | undefined): boolean {\n  if (!(target instanceof Element)) return false;\n  const text = target.closest<HTMLElement>(\"[data-scope-description]\");\n  if (text == null) return false;\n  return (\n    text.scrollWidth > text.clientWidth + 1 ||\n    text.scrollHeight > text.clientHeight + 1\n  );\n}\n\n/* ------------------------------- component ------------------------------- */\n\n/**\n * A searchable, grouped checklist for choosing what something covers.\n *\n * Every row is one line on a wide card — the name, then its description in\n * a second column that opens whole on hover when it doesn't fit. Groups are\n * thin tinted bands carrying a checkbox for the whole group (mixed when\n * partly chosen). The search matches names, descriptions, and group names,\n * word by word; while it holds a query the catch-all row steps aside and a\n * group's checkbox covers the rows it shows.\n *\n * With `collapsible`, the card rests as a summary — whole groups by name,\n * the rest by item, over a count — and opens in place, the search taking\n * focus, when clicked; its ✕ drops the edit and folds it back, the page's\n * own save below the card commits it. Values the catalog no longer offers keep a row\n * under \"No longer offered\": they can be removed, never added in bulk.\n */\nexport function Scope({\n  items,\n  value: valueProp,\n  defaultValue,\n  onValueChange,\n  all,\n  placeholder = \"Search\",\n  collapsible = false,\n  open: openProp,\n  defaultOpen = false,\n  onOpenChange,\n  loading = false,\n  disabled = false,\n  className,\n  ref,\n  ...props\n}: ScopeProps) {\n  const [innerValue, setInnerValue] = useState<readonly string[]>(\n    defaultValue ?? [],\n  );\n  const value = valueProp ?? innerValue;\n  const [innerOpen, setInnerOpen] = useState(defaultOpen);\n  const open = collapsible ? (openProp ?? innerOpen) : true;\n  const [query, setQuery] = useState(\"\");\n\n  const reduceMotion = useReducedMotion();\n  const cardRef = useRef<HTMLDivElement | null>(null);\n  const { wide, roomy } = useCardWidth(cardRef);\n  const baseId = useId();\n  const listId = `${baseId}-list`;\n  const searchRef = useRef<HTMLInputElement | null>(null);\n  const summaryRef = useRef<HTMLButtonElement | null>(null);\n  // Where focus goes once the next face has mounted — set only by our own\n  // controls, so a host flipping `open` doesn't pull focus around.\n  const focusNext = useRef<\"search\" | \"summary\" | null>(null);\n  const handle = useMemo(() => BaseTooltip.createHandle<string>(), []);\n\n  const groups = useMemo(() => groupItems(items), [items]);\n  const offered = useMemo(\n    () => new Set(items.map((item) => item.value)),\n    [items],\n  );\n  // Ids go by catalog position: values may hold characters an id shouldn't.\n  const position = useMemo(\n    () => new Map(items.map((item, index) => [item.value, index])),\n    [items],\n  );\n  const groupPosition = useMemo(\n    () => new Map(groups.map((group, index) => [group.label, index])),\n    [groups],\n  );\n\n  // Values held that the catalog doesn't offer. Remembered while mounted,\n  // so one unticked stays on the list and can be ticked back.\n  const retiredSeen = useRef<string[]>([]);\n  for (const held of value) {\n    if (\n      held !== all?.value &&\n      !offered.has(held) &&\n      !retiredSeen.current.includes(held)\n    ) {\n      retiredSeen.current.push(held);\n    }\n  }\n  const retired = retiredSeen.current.filter((held) => !offered.has(held));\n\n  const wildcard = all?.value;\n  const selected = new Set(value);\n  const everything = wildcard !== undefined && selected.has(wildcard);\n  const isOn = (item: string) =>\n    everything ? offered.has(item) : selected.has(item);\n  const offeredOn = items.filter((item) => isOn(item.value)).length;\n  const retiredOn = retired.filter((held) => selected.has(held)).length;\n\n  const setValue = (next: string[]) => {\n    if (valueProp === undefined) setInnerValue(next);\n    onValueChange?.(next);\n  };\n  /** Catalog order, then what's no longer offered in the order it was held. */\n  const emit = (next: Set<string>) =>\n    setValue([\n      ...items.filter((item) => next.has(item.value)).map((item) => item.value),\n      ...retired.filter((held) => next.has(held)),\n    ]);\n  /** The selection by name — under the wildcard, every item it stands for. */\n  const explicit = () =>\n    everything\n      ? new Set(items.map((item) => item.value))\n      : new Set(value.filter((held) => held !== wildcard));\n  const toggle = (values: readonly string[], on: boolean) => {\n    const next = explicit();\n    for (const item of values) {\n      if (on) next.add(item);\n      else next.delete(item);\n    }\n    emit(next);\n  };\n  const toggleAll = (on: boolean) => {\n    if (wildcard === undefined) {\n      toggle(\n        items.map((item) => item.value),\n        on,\n      );\n    } else if (on) {\n      setValue([wildcard]);\n    } else {\n      emit(new Set(items.map((item) => item.value)));\n    }\n  };\n\n  const setOpen = (next: boolean) => {\n    if (openProp === undefined) setInnerOpen(next);\n    onOpenChange?.(next);\n  };\n  const unfold = () => {\n    focusNext.current = \"search\";\n    setOpen(true);\n  };\n  const fold = () => {\n    focusNext.current = \"summary\";\n    setQuery(\"\");\n    setOpen(false);\n  };\n\n  // The selection as it stood when the list opened, whoever opened it:\n  // dismissing the edit puts it back.\n  const valueRef = useRef(value);\n  valueRef.current = value;\n  const openedWith = useRef<readonly string[] | null>(open ? value : null);\n  useEffect(() => {\n    openedWith.current = open ? valueRef.current : null;\n    // Folded by the page (after its save) or by the ✕, the next opening\n    // starts from the whole list.\n    if (!open) setQuery(\"\");\n  }, [open]);\n  /** The ✕ (or Escape): the edit is dropped and the list folds. */\n  const dismiss = () => {\n    const before = openedWith.current;\n    if (before != null && !sameSelection(before, valueRef.current)) {\n      setValue([...before]);\n    }\n    fold();\n  };\n\n  // Focus lands once the face can take it: it fades in, and a field asked\n  // to focus on its first frame may still refuse. Try a frame at a time.\n  useEffect(() => {\n    const target = focusNext.current;\n    if (target == null) return;\n    focusNext.current = null;\n    let frame = 0;\n    let tries = 0;\n    const attempt = () => {\n      const node = target === \"search\" ? searchRef.current : summaryRef.current;\n      if (node == null) return;\n      node.focus();\n      if (document.activeElement !== node && tries++ < 5) {\n        frame = requestAnimationFrame(attempt);\n      }\n    };\n    frame = requestAnimationFrame(attempt);\n    return () => cancelAnimationFrame(frame);\n  }, [open]);\n\n  const onSearchKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n    // A search, not the form's submit.\n    if (event.key === \"Enter\") event.preventDefault();\n    if (event.key !== \"Escape\") return;\n    if (query !== \"\") {\n      // Ours — not an enclosing dialog's or aside's close.\n      event.preventDefault();\n      setQuery(\"\");\n    } else if (collapsible && !disabled) {\n      event.preventDefault();\n      dismiss();\n    }\n  };\n\n  const tokens = tokenize(query);\n  const searching = tokens.length > 0;\n  const shownGroups = groups\n    .map((group) => ({\n      ...group,\n      items: searching\n        ? group.items.filter((item) =>\n            matches(\n              tokens,\n              group.label,\n              item.value,\n              item.label,\n              item.description,\n            ),\n          )\n        : group.items,\n    }))\n    .filter((group) => group.items.length > 0);\n  const shownRetired = searching\n    ? retired.filter((held) => matches(tokens, held))\n    : retired;\n\n  // The count reads the catalog: under the wildcard every item is in and\n  // more will be, so it steps aside for the catch-all's own words.\n  const count =\n    everything || items.length === 0 ? null : `${offeredOn} of ${items.length}`;\n\n  const summary = (() => {\n    if (everything && all) {\n      return { title: all.label, detail: all.description ?? \"\" };\n    }\n    if (\n      all &&\n      wildcard === undefined &&\n      items.length > 0 &&\n      offeredOn === items.length &&\n      retiredOn === 0\n    ) {\n      return { title: all.label, detail: all.description ?? count ?? \"\" };\n    }\n    // Whole groups by name, the rest item by item. A group of one is just\n    // its item: the id says more than the heading over it.\n    const names: string[] = [];\n    for (const group of groups) {\n      const on = group.items.filter((item) => isOn(item.value));\n      if (\n        group.label !== null &&\n        group.items.length > 1 &&\n        on.length === group.items.length\n      ) {\n        names.push(group.label);\n      } else {\n        names.push(...on.map(nameOf));\n      }\n    }\n    names.push(...retired.filter((held) => selected.has(held)));\n    return {\n      title: names.length > 0 ? names.join(\", \") : \"None\",\n      detail: count ?? \"\",\n    };\n  })();\n\n  const rowDisabled = disabled || loading;\n  // Every block that comes and goes (the folded face and the open one,\n  // bones and rows, a group or a row a search sets aside) opens and closes\n  // on `BasicPage.Reveal`'s motion.\n  const reveal = revealIn(reduceMotion);\n\n  /**\n   * One row. A retired row is a value the catalog no longer offers: its\n   * name goes quiet and it has no description to show.\n   */\n  const renderRow = (item: ScopeItem, retiredRow = false) => {\n    const rowId = retiredRow\n      ? `${baseId}-r${retired.indexOf(item.value)}`\n      : `${baseId}-i${position.get(item.value)}`;\n    const nameId = `${rowId}-name`;\n    const descriptionId = `${rowId}-description`;\n    return (\n      <motion.label\n        key={item.value}\n        {...reveal}\n        className={cn(SCOPE_ROW, \"overflow-hidden\")}\n        data-scope-row=\"\"\n        data-disabled={rowDisabled || undefined}\n      >\n        <span className=\"flex min-w-0 items-center gap-2\">\n          <Checkbox\n            size=\"sm\"\n            checked={isOn(item.value)}\n            disabled={rowDisabled}\n            aria-labelledby={nameId}\n            aria-describedby={item.description ? descriptionId : undefined}\n            onCheckedChange={(on: boolean) => toggle([item.value], on)}\n          />\n          <span\n            id={nameId}\n            className={cn(\n              \"truncate text-base\",\n              retiredRow ? \"text-pho-description\" : \"text-pho-secondary\",\n            )}\n          >\n            {nameOf(item)}\n          </span>\n        </span>\n        {item.description ? (\n          <Tooltip.Trigger\n            handle={handle}\n            payload={item.description}\n            render={\n              <span\n                id={descriptionId}\n                data-scope-description=\"\"\n                className={SCOPE_DESCRIPTION}\n              />\n            }\n          >\n            {item.description}\n          </Tooltip.Trigger>\n        ) : null}\n      </motion.label>\n    );\n  };\n\n  const renderGroup = (group: ScopeGroup) => {\n    // Ungrouped items stand on the list's own columns.\n    if (group.label === null) {\n      return group.items.map((item) => renderRow(item));\n    }\n    const labelId = `${baseId}-g${groupPosition.get(group.label)}`;\n    const members = group.items.map((item) => item.value);\n    const on = members.filter(isOn).length;\n    const checked = on === members.length;\n    return (\n      <motion.div\n        key={`group:${group.label}`}\n        {...reveal}\n        // A fieldset's min-content width and legend layout don't sit on the\n        // list's grid; the role says the same.\n        // oxlint-disable-next-line jsx-a11y/prefer-tag-over-role\n        role=\"group\"\n        aria-labelledby={labelId}\n        className={cn(SCOPE_GROUP, \"overflow-hidden\")}\n      >\n        <label\n          className={SCOPE_GROUP_BAND}\n          data-disabled={rowDisabled || undefined}\n        >\n          <Checkbox\n            size=\"sm\"\n            checked={checked}\n            indeterminate={on > 0 && !checked}\n            disabled={rowDisabled}\n            aria-labelledby={labelId}\n            onCheckedChange={(next: boolean) => toggle(members, next)}\n          />\n          <span id={labelId} className=\"truncate\">\n            {group.label}\n          </span>\n          {/* The rows it heads — while searching, the ones that match. */}\n          <span className=\"text-pho-description tabular-nums\">\n            {members.length}\n          </span>\n        </label>\n        <AnimatePresence initial={false}>\n          {group.items.map((item) => renderRow(item))}\n        </AnimatePresence>\n      </motion.div>\n    );\n  };\n\n  const retiredGroup =\n    shownRetired.length > 0 ? (\n      <motion.div\n        key=\"retired\"\n        {...reveal}\n        // oxlint-disable-next-line jsx-a11y/prefer-tag-over-role\n        role=\"group\"\n        aria-labelledby={`${baseId}-retired`}\n        className={cn(SCOPE_GROUP, \"overflow-hidden\")}\n      >\n        <div className={cn(SCOPE_GROUP_BAND, \"cursor-default\")}>\n          {/* The checkbox column stays: nothing here is added in bulk. */}\n          <span aria-hidden className=\"size-4 shrink-0\" />\n          <span id={`${baseId}-retired`} className=\"truncate\">\n            No longer offered\n          </span>\n        </div>\n        <AnimatePresence initial={false}>\n          {shownRetired.map((held) => renderRow({ value: held }, true))}\n        </AnimatePresence>\n      </motion.div>\n    ) : null;\n\n  const allRow = all ? (\n    <motion.label\n      key=\"all\"\n      {...reveal}\n      className={cn(SCOPE_ROW, \"overflow-hidden\")}\n      data-scope-row=\"\"\n      data-disabled={\n        rowDisabled || (everything && items.length === 0) || undefined\n      }\n    >\n      <span className=\"flex min-w-0 items-center gap-2\">\n        <Checkbox\n          size=\"sm\"\n          checked={\n            wildcard === undefined\n              ? items.length > 0 && offeredOn === items.length\n              : everything\n          }\n          indeterminate={\n            wildcard === undefined\n              ? offeredOn > 0 && offeredOn < items.length\n              : !everything && offeredOn + retiredOn > 0\n          }\n          // With no catalog to spell out, leaving the wildcard could only\n          // mean nothing.\n          disabled={rowDisabled || (everything && items.length === 0)}\n          aria-labelledby={`${baseId}-all`}\n          aria-describedby={\n            all.description ? `${baseId}-all-description` : undefined\n          }\n          onCheckedChange={(on: boolean) => toggleAll(on)}\n        />\n        <span\n          id={`${baseId}-all`}\n          className=\"text-pho-primary truncate text-base font-medium\"\n        >\n          {all.label}\n        </span>\n      </span>\n      {all.description ? (\n        <span id={`${baseId}-all-description`} className={SCOPE_DESCRIPTION}>\n          {all.description}\n        </span>\n      ) : null}\n    </motion.label>\n  ) : null;\n\n  const nothing =\n    searching && shownGroups.length === 0 && shownRetired.length === 0 ? (\n      <motion.p\n        key=\"nothing\"\n        {...reveal}\n        className={cn(\n          \"text-pho-description col-span-full overflow-hidden text-center text-base\",\n          SCOPE_INSET,\n        )}\n      >\n        <span className=\"block py-6\">Nothing matches “{query}”.</span>\n      </motion.p>\n    ) : null;\n\n  const list = (\n    <motion.div\n      key=\"list\"\n      {...reveal}\n      id={listId}\n      className={cn(SCOPE_LIST, \"overflow-hidden\")}\n    >\n      <AnimatePresence initial={false}>\n        {!searching ? allRow : null}\n        {shownGroups.map(renderGroup)}\n        {retiredGroup}\n        {nothing}\n      </AnimatePresence>\n    </motion.div>\n  );\n\n  // The bones are the list's own shape — the catch-all row, a group's\n  // band, rows with their descriptions — so the rows open into it.\n  const bones = (\n    <motion.div\n      key=\"bones\"\n      {...reveal}\n      aria-hidden\n      className={cn(SCOPE_LIST, \"overflow-hidden\")}\n    >\n      {[\n        { band: false, name: \"w-20\", text: \"w-44\" },\n        { band: true, name: \"w-12\", text: \"\" },\n        { band: false, name: \"w-28\", text: \"w-56\" },\n        { band: false, name: \"w-32\", text: \"w-48\" },\n        { band: false, name: \"w-24\", text: \"w-60\" },\n      ].map((bone, index) =>\n        bone.band ? (\n          <div\n            key={index}\n            className={cn(\n              \"border-pho-secondary bg-pho-page col-span-full flex h-8 items-center gap-2 border-y\",\n              SCOPE_INSET,\n            )}\n          >\n            <Skeleton className=\"size-4 rounded-sm\" />\n            <Skeleton className={cn(\"h-3\", bone.name)} />\n          </div>\n        ) : (\n          <div key={index} className={SCOPE_BONE_ROW}>\n            <span className=\"flex h-5 min-w-0 items-center gap-2\">\n              <Skeleton className=\"size-4 shrink-0 rounded-sm\" />\n              <Skeleton className={cn(\"h-3.5 max-w-full\", bone.name)} />\n            </span>\n            <span className=\"flex h-4.5 items-center pl-6 group-data-[wide]/scope:pl-0\">\n              <Skeleton className={cn(\"h-3 max-w-full\", bone.text)} />\n            </span>\n          </div>\n        ),\n      )}\n    </motion.div>\n  );\n\n  const picker = (\n    <motion.div key=\"picker\" {...reveal} className=\"overflow-hidden\">\n      <div className={SCOPE_SEARCH_ROW}>\n        <GhostSearch\n          ref={searchRef}\n          value={query}\n          onChange={setQuery}\n          onClear={() => setQuery(\"\")}\n          onKeyDown={onSearchKeyDown}\n          placeholder={placeholder}\n          aria-label={placeholder}\n          aria-controls={loading ? undefined : listId}\n          disabled={loading}\n          trailing={\n            count != null && !loading ? (\n              // A card too narrow for both gives the room to the query; the\n              // folded summary carries the count there.\n              <span className=\"hidden group-data-[roomy]/scope:inline\">\n                {count}\n              </span>\n            ) : undefined\n          }\n          autoComplete=\"off\"\n          spellCheck={false}\n        />\n        {collapsible ? (\n          <CloseButton\n            size=\"sm\"\n            label=\"Cancel\"\n            // Held open while the page saves: dropping the edit now would\n            // show the old selection under a save that sends the new one.\n            disabled={disabled}\n            onClick={dismiss}\n            // Out by its own padding: the ✕ stands as far from the right\n            // edge as the magnifier from the left. Its ring inside, as a\n            // Button's: the blocks around it clip.\n            className=\"-mr-2 shrink-0 focus-visible:-outline-offset-2\"\n          />\n        ) : null}\n      </div>\n      <AnimatePresence initial={false}>\n        {loading ? bones : list}\n      </AnimatePresence>\n    </motion.div>\n  );\n\n  // The bones stand in the two lines' own boxes, so the card keeps its\n  // height when the words arrive.\n  const summaryText = loading ? (\n    <span className=\"flex min-w-0 flex-1 flex-col\">\n      <span className=\"flex h-5 items-center\">\n        <Skeleton className=\"h-3.5 w-48 max-w-full\" />\n      </span>\n      <span className=\"flex h-4.5 items-center\">\n        <Skeleton className=\"h-3 w-16\" />\n      </span>\n    </span>\n  ) : (\n    <span className=\"flex min-w-0 flex-1 flex-col\">\n      <span className=\"text-pho-primary truncate text-base\">\n        {summary.title}\n      </span>\n      {summary.detail ? (\n        <span className=\"text-pho-description truncate text-xs tabular-nums\">\n          {summary.detail}\n        </span>\n      ) : null}\n    </span>\n  );\n\n  const folded = (\n    <motion.div key=\"folded\" {...reveal} className=\"overflow-hidden\">\n      {disabled || loading ? (\n        <div className={SCOPE_SUMMARY}>{summaryText}</div>\n      ) : (\n        <button\n          ref={summaryRef}\n          type=\"button\"\n          aria-expanded={false}\n          className={cn(\n            SCOPE_SUMMARY,\n            \"group hover:bg-pho-primary-hover cursor-pointer transition-colors\",\n          )}\n          onClick={unfold}\n        >\n          {summaryText}\n          <span\n            aria-hidden\n            className={buttonVariants({\n              variant: \"ghost\",\n              size: \"sm\",\n              className:\n                \"group-hover:bg-pho-ghost-hover group-hover:text-pho-secondary-hover pointer-events-none shrink-0\",\n            })}\n          >\n            Edit\n          </span>\n        </button>\n      )}\n    </motion.div>\n  );\n\n  return (\n    <div\n      // oxlint-disable-next-line jsx-a11y/prefer-tag-over-role\n      role=\"group\"\n      aria-busy={loading || undefined}\n      data-scope=\"\"\n      data-open={open ? \"\" : undefined}\n      data-wide={wide ? \"\" : undefined}\n      data-roomy={roomy ? \"\" : undefined}\n      className={cn(SCOPE_SURFACE, className)}\n      {...props}\n      ref={(node: HTMLDivElement | null) => {\n        cardRef.current = node;\n        if (typeof ref === \"function\") ref(node);\n        else if (ref != null) ref.current = node;\n      }}\n    >\n      {/* Folding and opening, the faces trade places on Reveal's motion:\n          the one leaving closes as the one arriving opens, and the card's\n          height is theirs. */}\n      <AnimatePresence initial={false}>\n        {open ? picker : folded}\n      </AnimatePresence>\n      <Tooltip.Root\n        handle={handle}\n        onOpenChange={(next, details) => {\n          // Only a description the row cuts short opens.\n          if (next && !isClipped(details.event?.target)) details.cancel();\n        }}\n      >\n        {({ payload }) => (\n          <Tooltip.Portal>\n            <Tooltip.Positioner side=\"top\" align=\"start\">\n              <Tooltip.Popup className=\"max-w-80 font-normal\">\n                {payload}\n              </Tooltip.Popup>\n            </Tooltip.Positioner>\n          </Tooltip.Portal>\n        )}\n      </Tooltip.Root>\n    </div>\n  );\n}\n\nScope.displayName = \"Scope\";\n"],"mappings":"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"}

package/dist/components/trace.js

@@ -1,5 +1,5 @@
 "use client";
-import { A as s, B as e, C as i, D as n, E as l, F as r, I as t, L as o, M as p, N as c, O as T, P as u, R as I, S, T as m, V as d, _ as v, a as b, b as V, c as w, d as f, f as D, g as L, h as _, i as k, j as x, k as g, l as A, m as E, n as F, o as N, p as y, r as z, s as B, t as O, u as P, v as R, w as W, x as C, y as G, z as K } from "../chunks/trace-D1fOFzJt.js";
+import { A as s, B as e, C as i, D as n, E as l, F as r, I as t, L as o, M as p, N as c, O as T, P as u, R as I, S, T as m, V as d, _ as v, a as b, b as V, c as w, d as f, f as D, g as L, h as _, i as k, j as x, k as g, l as A, m as E, n as F, o as N, p as y, r as z, s as B, t as O, u as P, v as R, w as W, x as C, y as G, z as K } from "../chunks/trace-DyjsBY-S.js";
 export {
   i as FULL_VIEW,
   y as GEN_AI_KINDS,