@tensor_1/react 2.42.0 → 2.43.0

package/dist/index.cjs

@@ -74,6 +74,7 @@ __export(src_exports, {
   DEFAULT_INSIGHT_CARD_LABELS: () => DEFAULT_INSIGHT_CARD_LABELS,
   DEFAULT_LIGHTBOX_LABELS: () => DEFAULT_LIGHTBOX_LABELS,
   DEFAULT_MATCH_REVIEW_LABELS: () => DEFAULT_MATCH_REVIEW_LABELS,
+  DEFAULT_ORG_CHART_LABELS: () => DEFAULT_ORG_CHART_LABELS,
   DEFAULT_PAGINATION_LABELS: () => DEFAULT_PAGINATION_LABELS,
   DEFAULT_PRESENCE_LABELS: () => DEFAULT_PRESENCE_LABELS,
   DEFAULT_RELATIONSHIP_GRAPH_LABELS: () => DEFAULT_RELATIONSHIP_GRAPH_LABELS,
@@ -158,6 +159,7 @@ __export(src_exports, {
   NotFoundState: () => NotFoundState,
   Note: () => Note,
   NoticeQueue: () => NoticeQueue,
+  OrgChart: () => OrgChart,
   PageHeader: () => PageHeader,
   PageIntro: () => PageIntro,
   Pagination: () => Pagination,
@@ -293,6 +295,8 @@ __export(src_exports, {
   nextSortDir: () => nextSortDir,
   normalQuantile: () => normalQuantile,
   normalizeHex: () => normalizeHex,
+  orgChartInitials: () => orgChartInitials,
+  orgChartZoomStep: () => orgChartZoomStep,
   packLanes: () => packLanes,
   parseDateInput: () => parseDateInput,
   parseDateValue: () => parseDateValue,
@@ -9561,8 +9565,681 @@ function VirtualTreeView({
   );
 }
 
-// src/components/EditorialHome.tsx
+// src/components/OrgChart.tsx
+var import_react63 = require("react");
 var import_jsx_runtime87 = require("react/jsx-runtime");
+var DEFAULT_ORG_CHART_LABELS = {
+  chart: "Org chart",
+  loading: "Loading\u2026",
+  error: "Could not load.",
+  retry: "Retry",
+  reportsOne: "{count} direct report",
+  reportsMany: "{count} direct reports",
+  expand: "Show reports",
+  collapse: "Hide reports",
+  toolbar: "Zoom",
+  zoomIn: "Zoom in",
+  zoomOut: "Zoom out",
+  fit: "Fit",
+  zoomLevel: "{percent}%",
+  resetZoom: "{percent}, reset to 100%"
+};
+var ZOOM_STEPS = [0.25, 0.33, 0.5, 0.67, 0.8, 0.9, 1, 1.1, 1.25, 1.5];
+var MIN_ZOOM = ZOOM_STEPS[0];
+var MAX_ZOOM = ZOOM_STEPS[ZOOM_STEPS.length - 1];
+var clampZoom = (z) => Math.min(MAX_ZOOM, Math.max(MIN_ZOOM, z));
+var orgChartZoomStep = (zoom, dir) => {
+  if (dir > 0) return ZOOM_STEPS.find((s) => s > zoom + 1e-3) ?? MAX_ZOOM;
+  return [...ZOOM_STEPS].reverse().find((s) => s < zoom - 1e-3) ?? MIN_ZOOM;
+};
+var orgChartInitials = (name) => {
+  const words = name.trim().split(/\s+/).filter(Boolean);
+  if (words.length === 0) return "";
+  const first = words[0];
+  const last = words.length > 1 ? words[words.length - 1] : "";
+  return (Array.from(first)[0] ?? "").concat(last ? Array.from(last)[0] ?? "" : "").toUpperCase();
+};
+var LOADING2 = "::uix-loading";
+var FAILED2 = "::uix-error";
+var syntheticOf2 = (id) => id.endsWith(LOADING2) ? { parent: id.slice(0, -LOADING2.length), kind: "loading" } : id.endsWith(FAILED2) ? { parent: id.slice(0, -FAILED2.length), kind: "error" } : null;
+var idRef = (chartId, nodeId, part) => {
+  let hash = 5381;
+  for (let i = 0; i < nodeId.length; i += 1) hash = (hash * 33 ^ nodeId.charCodeAt(i)) >>> 0;
+  return `${chartId}-${nodeId.replace(/[^A-Za-z0-9_-]/g, "_").slice(0, 40)}-${hash.toString(36)}-${part}`;
+};
+var isExpandable = (node, known, lazy) => known ? known.length > 0 : lazy && (node.reportCount ?? 0) > 0;
+var ChevronIcon3 = () => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("svg", { viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("path", { d: "M2 4l4 4 4-4" }) });
+var PlusIcon = () => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("path", { d: "M8 3v10M3 8h10" }) });
+var MinusIcon = () => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("path", { d: "M3 8h10" }) });
+var FitIcon = () => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("path", { d: "M2 6V2h4M14 6V2h-4M2 10v4h4M14 10v4h-4" }) });
+var useIsoLayoutEffect = typeof window === "undefined" ? import_react63.useEffect : import_react63.useLayoutEffect;
+var Ring2 = () => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "uix-spinner uix-spinner--sm", "aria-hidden": "true" });
+function StatusItem({ parent, kind, level, ctx }) {
+  const id = parent + (kind === "error" ? FAILED2 : LOADING2);
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+    "li",
+    {
+      role: "treeitem",
+      "aria-level": level,
+      "aria-setsize": 1,
+      "aria-posinset": 1,
+      "data-id": id,
+      tabIndex: ctx.tabbableId === id ? 0 : -1,
+      className: "uix-org-chart__item uix-org-chart__item--status",
+      onFocus: (e) => {
+        if (e.target === e.currentTarget) ctx.onFocusItem(id);
+      },
+      children: kind === "error" ? /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("span", { className: "uix-org-chart__status uix-org-chart__status--error", onClick: () => ctx.onActivate(id), children: [
+        ctx.labels.error,
+        " ",
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "uix-org-chart__retry", children: ctx.labels.retry })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("span", { className: "uix-org-chart__status", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Ring2, {}),
+        ctx.labels.loading
+      ] })
+    }
+  );
+}
+function OrgChartItem({ node, level, size, pos, ctx }) {
+  const known = node.children ?? ctx.loaded.get(node.id);
+  const expandable = isExpandable(node, known, ctx.lazy);
+  const open = expandable && ctx.expanded.has(node.id);
+  const count2 = known ? known.length : node.reportCount ?? 0;
+  const nameId = idRef(ctx.chartId, node.id, "name");
+  const descId = idRef(ctx.chartId, node.id, "desc");
+  const reportsText = count2 > 0 ? fillLabel(count2 === 1 ? ctx.labels.reportsOne : ctx.labels.reportsMany, { count: count2 }) : "";
+  const waiting = open && !known;
+  const status = waiting ? ctx.failed.has(node.id) ? "error" : "loading" : null;
+  const children = open && known && known.length > 0 ? known : null;
+  const stack = ctx.stackLeaves && children !== null && children.every((c) => !isExpandable(c, c.children ?? ctx.loaded.get(c.id), ctx.lazy));
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
+    "li",
+    {
+      role: "treeitem",
+      "aria-level": level,
+      "aria-setsize": size,
+      "aria-posinset": pos,
+      "aria-expanded": expandable ? open : void 0,
+      "aria-selected": ctx.selectable ? ctx.selected === node.id : void 0,
+      "aria-busy": ctx.loading.has(node.id) || void 0,
+      "aria-labelledby": nameId,
+      "aria-describedby": descId,
+      "data-id": node.id,
+      tabIndex: ctx.tabbableId === node.id ? 0 : -1,
+      className: "uix-org-chart__item",
+      onFocus: (e) => {
+        if (e.target === e.currentTarget) ctx.onFocusItem(node.id);
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "uix-org-chart__node", onClick: () => ctx.onActivate(node.id), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Avatar, { size: "lg", src: node.photo, children: node.initials ?? orgChartInitials(node.name) }),
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("span", { className: "uix-org-chart__body", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "uix-org-chart__name", id: nameId, children: node.name }),
+            /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("span", { id: descId, className: "uix-org-chart__desc", children: [
+              node.title ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "uix-org-chart__title", children: node.title }) : null,
+              node.team || node.location ? /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("span", { className: "uix-org-chart__meta", children: [
+                node.team ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { children: node.team }) : null,
+                node.location ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { children: node.location }) : null
+              ] }) : null,
+              node.badge ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "uix-org-chart__badge", children: node.badge }) : null,
+              reportsText ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "uix-visually-hidden", children: reportsText }) : null
+            ] })
+          ] }),
+          expandable ? (
+            // A pointer target for showing the reports without opening the person. Keyboard users
+            // toggle with Space or the arrow keys on the item, so it stays out of the tab order and
+            // never takes focus (the item keeps it), and the item's aria-expanded carries its state.
+            /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
+              "button",
+              {
+                type: "button",
+                tabIndex: -1,
+                "aria-hidden": "true",
+                title: open ? ctx.labels.collapse : ctx.labels.expand,
+                className: "uix-org-chart__toggle",
+                onMouseDown: (e) => e.preventDefault(),
+                onClick: (e) => {
+                  e.stopPropagation();
+                  ctx.onToggle(node.id);
+                },
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(ChevronIcon3, {}),
+                  count2 > 0 ? count2 : null
+                ]
+              }
+            )
+          ) : null
+        ] }),
+        status ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("ul", { role: "group", className: "uix-org-chart__group", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(StatusItem, { parent: node.id, kind: status, level: level + 1, ctx }) }) : children ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("ul", { role: "group", className: "uix-org-chart__group", "data-stack": stack ? "" : void 0, children: children.map((child, i) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(OrgChartItem, { node: child, level: level + 1, size: children.length, pos: i + 1, ctx }, child.id)) }) : null
+      ]
+    }
+  );
+}
+function OrgChart({
+  nodes,
+  expanded: controlledExpanded,
+  defaultExpanded,
+  onToggle,
+  selected,
+  onSelect,
+  loadChildren,
+  revealId,
+  onReveal,
+  stackLeaves = true,
+  defaultZoom = 1,
+  labels: labelOverrides,
+  className,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledby,
+  ...props
+}) {
+  const labels = { ...DEFAULT_ORG_CHART_LABELS, ...useUixLabels().orgChart, ...labelOverrides };
+  const chartId = (0, import_react63.useId)().replace(/[^A-Za-z0-9_-]/g, "");
+  const [internalExpanded, setInternalExpanded] = (0, import_react63.useState)(() => defaultExpanded ?? /* @__PURE__ */ new Set());
+  const expanded = controlledExpanded ?? internalExpanded;
+  const treeRef = (0, import_react63.useRef)(null);
+  const viewportRef = (0, import_react63.useRef)(null);
+  const [focusedId, setFocusedId] = (0, import_react63.useState)(void 0);
+  const selectable = selected !== void 0 || onSelect != null;
+  const lazy = Boolean(loadChildren);
+  const userMoved = (0, import_react63.useRef)(false);
+  const placed = (0, import_react63.useRef)(null);
+  const scrollFrame = (left, top) => {
+    const viewport = viewportRef.current;
+    if (!viewport) return;
+    viewport.scrollLeft = left;
+    viewport.scrollTop = top;
+    placed.current = { left: viewport.scrollLeft, top: viewport.scrollTop };
+  };
+  const [loaded, setLoaded] = (0, import_react63.useState)(() => /* @__PURE__ */ new Map());
+  const [failed, setFailed] = (0, import_react63.useState)(() => /* @__PURE__ */ new Set());
+  const [loading, setLoading] = (0, import_react63.useState)(() => /* @__PURE__ */ new Set());
+  const [announcement, setAnnouncement] = (0, import_react63.useState)("");
+  const inFlight = (0, import_react63.useRef)(/* @__PURE__ */ new Set());
+  const loadRef = (0, import_react63.useRef)(loadChildren);
+  loadRef.current = loadChildren;
+  const errorWord = (0, import_react63.useRef)(labels.error);
+  errorWord.current = labels.error;
+  const refocus = (0, import_react63.useRef)(null);
+  const load = (0, import_react63.useCallback)((node) => {
+    const run = loadRef.current;
+    if (!run || inFlight.current.has(node.id)) return;
+    inFlight.current.add(node.id);
+    setFailed((prev) => {
+      if (!prev.has(node.id)) return prev;
+      const next = new Set(prev);
+      next.delete(node.id);
+      return next;
+    });
+    setLoading((prev) => new Set(prev).add(node.id));
+    setAnnouncement("");
+    const settle2 = (apply, focusNext) => {
+      inFlight.current.delete(node.id);
+      const active = typeof document !== "undefined" ? document.activeElement : null;
+      if (active?.dataset?.id === node.id + LOADING2 || active?.dataset?.id === node.id + FAILED2) refocus.current = focusNext;
+      setLoading((prev) => {
+        const next = new Set(prev);
+        next.delete(node.id);
+        return next;
+      });
+      apply();
+    };
+    run(node).then(
+      // Focus that waited on the loading row moves on to the first report, the key's intent.
+      (children) => settle2(() => setLoaded((prev) => new Map(prev).set(node.id, children)), children[0]?.id ?? node.id),
+      () => settle2(() => {
+        setFailed((prev) => new Set(prev).add(node.id));
+        setAnnouncement(errorWord.current);
+      }, node.id + FAILED2)
+    );
+  }, []);
+  (0, import_react63.useEffect)(() => {
+    if (!loadChildren) return;
+    const visit = (list) => {
+      for (const node of list) {
+        if (!expanded.has(node.id)) continue;
+        const known = node.children ?? loaded.get(node.id);
+        if (known) visit(known);
+        else if ((node.reportCount ?? 0) > 0 && !failed.has(node.id)) load(node);
+      }
+    };
+    visit(nodes);
+  }, [nodes, expanded, loaded, failed, loadChildren, load]);
+  const itemEl = (0, import_react63.useCallback)((id) => treeRef.current?.querySelector(`[role="treeitem"][data-id="${CSS.escape(id)}"]`) ?? null, []);
+  const cardOf = (el) => el?.querySelector(":scope > .uix-org-chart__node, :scope > .uix-org-chart__status") ?? el;
+  (0, import_react63.useEffect)(() => {
+    const id = refocus.current;
+    if (id == null) return;
+    refocus.current = null;
+    setFocusedId(id);
+    itemEl(id)?.focus();
+  }, [loaded, failed, loading, itemEl]);
+  const findPath = (0, import_react63.useCallback)((id, list = nodes, path = []) => {
+    for (const node of list) {
+      if (node.id === id) return [...path, node];
+      const inside = findPath(id, node.children ?? loaded.get(node.id) ?? [], [...path, node]);
+      if (inside) return inside;
+    }
+    return null;
+  }, [nodes, loaded]);
+  const anchor = (0, import_react63.useRef)(null);
+  const viewportBox = () => viewportRef.current?.getBoundingClientRect();
+  const holdInPlace = (id) => {
+    const card = cardOf(itemEl(id));
+    const frame = viewportBox();
+    if (!card || !frame || !viewportRef.current || layoutOf(viewportRef.current) === "list") {
+      anchor.current = null;
+      return;
+    }
+    const box = card.getBoundingClientRect();
+    anchor.current = { id, x: box.left - frame.left, y: box.top - frame.top };
+  };
+  useIsoLayoutEffect(() => {
+    const a = anchor.current;
+    const viewport = viewportRef.current;
+    if (!a || !viewport) return;
+    const card = cardOf(itemEl(a.id));
+    const frame = viewport.getBoundingClientRect();
+    if (card) {
+      const box = card.getBoundingClientRect();
+      scrollFrame(viewport.scrollLeft + box.left - frame.left - a.x, viewport.scrollTop + box.top - frame.top - a.y);
+    }
+    if (!card || !inFlight.current.has(a.id) && !itemEl(a.id + LOADING2)) anchor.current = null;
+  });
+  const toggle = (0, import_react63.useCallback)((id) => {
+    const opening = !expanded.has(id);
+    userMoved.current = true;
+    holdInPlace(id);
+    const el = itemEl(id);
+    const active = typeof document !== "undefined" ? document.activeElement : null;
+    if (!opening && el && active && active !== el && el.contains(active)) {
+      el.focus();
+      setFocusedId(id);
+    }
+    if (!controlledExpanded) {
+      setInternalExpanded((prev) => {
+        const next = new Set(prev);
+        if (next.has(id)) next.delete(id);
+        else next.add(id);
+        return next;
+      });
+    }
+    onToggle?.(id, opening);
+  }, [expanded, controlledExpanded, onToggle, itemEl]);
+  const retry = (0, import_react63.useCallback)((parentId) => {
+    const path = findPath(parentId);
+    const parent = path ? path[path.length - 1] : void 0;
+    if (!parent) return;
+    refocus.current = parent.id + LOADING2;
+    setFailed((prev) => {
+      const next = new Set(prev);
+      next.delete(parent.id);
+      return next;
+    });
+    load(parent);
+  }, [findPath, load]);
+  const select = (0, import_react63.useCallback)((id) => {
+    const synthetic = syntheticOf2(id);
+    if (!synthetic) {
+      onSelect?.(id);
+      return;
+    }
+    if (synthetic.kind === "error") retry(synthetic.parent);
+  }, [onSelect, retry]);
+  const rendered = (0, import_react63.useMemo)(() => {
+    const ids = /* @__PURE__ */ new Set();
+    const visit = (list) => {
+      for (const node of list) {
+        ids.add(node.id);
+        if (!expanded.has(node.id)) continue;
+        const known = node.children ?? loaded.get(node.id);
+        if (known) visit(known);
+        else if (lazy && (node.reportCount ?? 0) > 0) ids.add(node.id + (failed.has(node.id) ? FAILED2 : LOADING2));
+      }
+    };
+    visit(nodes);
+    return ids;
+  }, [nodes, expanded, loaded, failed, lazy]);
+  const tabbableId = (focusedId && rendered.has(focusedId) ? focusedId : void 0) ?? (selected && rendered.has(selected) ? selected : void 0) ?? nodes[0]?.id;
+  useIsoLayoutEffect(() => {
+    if (!focusedId || rendered.has(focusedId) || typeof document === "undefined") return;
+    const active = document.activeElement;
+    if (active && active !== document.body) return;
+    const target = syntheticOf2(focusedId)?.parent ?? focusedId;
+    const line = findPath(target) ?? [];
+    const visible = [...line].reverse().find((n) => rendered.has(n.id));
+    if (visible) {
+      setFocusedId(visible.id);
+      itemEl(visible.id)?.focus();
+    }
+  }, [rendered]);
+  const activate = (0, import_react63.useCallback)((id) => {
+    setFocusedId(id);
+    itemEl(id)?.focus({ preventScroll: true });
+    select(id);
+  }, [itemEl, select]);
+  const revealed = (0, import_react63.useRef)(null);
+  (0, import_react63.useEffect)(() => {
+    if (!revealId) {
+      revealed.current = null;
+      return;
+    }
+    if (revealed.current === revealId) return;
+    const el = itemEl(revealId);
+    if (!el) return;
+    revealed.current = revealId;
+    userMoved.current = true;
+    cardOf(el)?.scrollIntoView?.({ block: "center", inline: "center" });
+    el.focus({ preventScroll: true });
+    setFocusedId(revealId);
+    onReveal?.(revealId);
+  });
+  const [zoom, setZoom] = (0, import_react63.useState)(() => typeof defaultZoom === "number" ? clampZoom(defaultZoom) : 1);
+  const zoomCentre = (0, import_react63.useRef)(null);
+  const zoomTo = (next) => {
+    const viewport = viewportRef.current;
+    if (viewport) {
+      zoomCentre.current = {
+        x: (viewport.scrollLeft + viewport.clientWidth / 2) / zoom,
+        y: (viewport.scrollTop + viewport.clientHeight / 2) / zoom,
+        from: zoom
+      };
+    }
+    setZoom(clampZoom(next));
+  };
+  useIsoLayoutEffect(() => {
+    const c = zoomCentre.current;
+    const viewport = viewportRef.current;
+    if (!c || !viewport || c.from === zoom) return;
+    zoomCentre.current = null;
+    scrollFrame(c.x * zoom - viewport.clientWidth / 2, c.y * zoom - viewport.clientHeight / 2);
+  }, [zoom]);
+  const fitZoom = (0, import_react63.useCallback)((current) => {
+    const viewport = viewportRef.current;
+    const tree = treeRef.current;
+    if (!viewport || !tree) return null;
+    const cs = getComputedStyle(viewport);
+    const room = viewport.clientWidth - (parseFloat(cs.paddingLeft) || 0) - (parseFloat(cs.paddingRight) || 0);
+    const width = tree.getBoundingClientRect().width / current;
+    if (!(room > 0) || !(width > 0)) return null;
+    return clampZoom(Math.min(1, room / width));
+  }, []);
+  const settledWidth = (0, import_react63.useRef)(-1);
+  useIsoLayoutEffect(() => {
+    const viewport = viewportRef.current;
+    const tree = treeRef.current;
+    if (userMoved.current || !viewport || !tree || nodes.length === 0) return;
+    const width = Math.round(tree.getBoundingClientRect().width);
+    if (width === settledWidth.current) return;
+    if (defaultZoom === "fit") {
+      const next = fitZoom(zoom);
+      if (next !== null && Math.abs(next - zoom) > 5e-3) {
+        setZoom(next);
+        return;
+      }
+    }
+    settledWidth.current = width;
+    if (viewport.scrollWidth > viewport.clientWidth) scrollFrame((viewport.scrollWidth - viewport.clientWidth) / 2, viewport.scrollTop);
+  });
+  const onScroll = () => {
+    const viewport = viewportRef.current;
+    const at = placed.current;
+    if (!viewport) return;
+    if (at && Math.abs(viewport.scrollLeft - at.left) <= 1 && Math.abs(viewport.scrollTop - at.top) <= 1) return;
+    userMoved.current = true;
+  };
+  const pan = (0, import_react63.useRef)(null);
+  const [panning, setPanning] = (0, import_react63.useState)(false);
+  const onPointerDown = (e) => {
+    if (e.button !== 0 || e.pointerType === "touch") return;
+    if (e.target.closest(".uix-org-chart__node, .uix-org-chart__status")) return;
+    const viewport = viewportRef.current;
+    if (!viewport || layoutOf(viewport) === "list") return;
+    const frame = viewport.getBoundingClientRect();
+    const x = e.clientX - frame.left - viewport.clientLeft;
+    const y = e.clientY - frame.top - viewport.clientTop;
+    if (x > viewport.clientWidth || y > viewport.clientHeight) return;
+    pan.current = { x: e.clientX, y: e.clientY, left: viewport.scrollLeft, top: viewport.scrollTop, id: e.pointerId };
+    userMoved.current = true;
+    viewport.setPointerCapture?.(e.pointerId);
+    setPanning(true);
+  };
+  const onMouseDown = (e) => {
+    if (pan.current) e.preventDefault();
+  };
+  const onPointerMove = (e) => {
+    const p = pan.current;
+    const viewport = viewportRef.current;
+    if (!p || !viewport || e.pointerId !== p.id) return;
+    scrollFrame(p.left - (e.clientX - p.x), p.top - (e.clientY - p.y));
+  };
+  const endPan = (e) => {
+    if (!pan.current || e.pointerId !== pan.current.id) return;
+    viewportRef.current?.releasePointerCapture?.(e.pointerId);
+    pan.current = null;
+    setPanning(false);
+  };
+  const focusItem = (el) => {
+    if (el) {
+      el.focus();
+      setFocusedId(el.dataset.id);
+    }
+  };
+  const onKeyDown = (e) => {
+    const cur = e.target.closest('[role="treeitem"]');
+    const tree = treeRef.current;
+    if (!cur || !tree?.contains(cur) || e.altKey || e.ctrlKey || e.metaKey) return;
+    const items = Array.from(tree.querySelectorAll('[role="treeitem"]'));
+    const idx = items.indexOf(cur);
+    const id = cur.dataset.id;
+    const state = cur.getAttribute("aria-expanded");
+    const parent = cur.parentElement?.closest('[role="treeitem"]') ?? null;
+    const firstChild = cur.querySelector(':scope > [role="group"] > [role="treeitem"]');
+    const column = cur.parentElement;
+    const stacked = column?.hasAttribute("data-stack") ?? false;
+    const sameLevel = (dir) => {
+      const level = cur.getAttribute("aria-level");
+      const row = items.filter((el) => el.getAttribute("aria-level") === level);
+      const edge = stacked && column ? dir > 0 ? column.lastElementChild : column.firstElementChild : cur;
+      return row[row.indexOf(edge ?? cur) + dir];
+    };
+    const sibling = (dir) => dir > 0 ? cur.nextElementSibling : cur.previousElementSibling;
+    const list = viewportRef.current ? layoutOf(viewportRef.current) === "list" : false;
+    const synthetic = syntheticOf2(id);
+    let handled = true;
+    switch (e.key) {
+      case "Home":
+        focusItem(items[0]);
+        break;
+      case "End":
+        focusItem(items[items.length - 1]);
+        break;
+      case "Enter":
+        select(id);
+        setFocusedId(id);
+        break;
+      case " ":
+        if (synthetic) select(id);
+        else if (state !== null) toggle(id);
+        else select(id);
+        setFocusedId(id);
+        break;
+      default:
+        if (list) {
+          switch (e.key) {
+            case "ArrowDown":
+              focusItem(items[Math.min(idx + 1, items.length - 1)]);
+              break;
+            case "ArrowUp":
+              focusItem(items[Math.max(idx - 1, 0)]);
+              break;
+            case "ArrowRight":
+              if (state === "false") toggle(id);
+              else if (state === "true") focusItem(firstChild);
+              break;
+            case "ArrowLeft":
+              if (state === "true") toggle(id);
+              else focusItem(parent);
+              break;
+            default:
+              handled = false;
+          }
+        } else {
+          switch (e.key) {
+            case "ArrowUp":
+              focusItem(stacked ? sibling(-1) ?? parent : parent);
+              break;
+            case "ArrowDown":
+              if (stacked && sibling(1) && state !== "true") focusItem(sibling(1));
+              else if (state === "false") toggle(id);
+              else if (state === "true") focusItem(firstChild);
+              break;
+            case "ArrowRight":
+              focusItem(sameLevel(1));
+              break;
+            case "ArrowLeft":
+              focusItem(sameLevel(-1));
+              break;
+            default:
+              handled = false;
+          }
+        }
+        if (!handled && e.key.length === 1 && e.key.trim() !== "") {
+          const ch = e.key.toLocaleLowerCase();
+          const nameOf = (el) => document.getElementById(el.getAttribute("aria-labelledby") ?? "")?.textContent?.trim().toLocaleLowerCase() ?? "";
+          const people = items.filter((el) => !syntheticOf2(el.dataset.id ?? ""));
+          const start = people.indexOf(cur);
+          const next = [...people.slice(start + 1), ...people.slice(0, start + 1)].find((el) => nameOf(el).startsWith(ch));
+          if (next) {
+            focusItem(next);
+            handled = true;
+          }
+        }
+    }
+    if (handled) e.preventDefault();
+  };
+  const ctx = {
+    expanded,
+    loaded,
+    failed,
+    loading,
+    lazy,
+    selectable,
+    selected,
+    tabbableId,
+    stackLeaves,
+    labels,
+    chartId,
+    onToggle: toggle,
+    onActivate: activate,
+    onFocusItem: setFocusedId
+  };
+  const percent = fillLabel(labels.zoomLevel, { percent: Math.round(zoom * 100) });
+  const atMin = zoom <= MIN_ZOOM + 1e-3;
+  const atMax = zoom >= MAX_ZOOM - 1e-3;
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: cx("uix-org-chart", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "uix-org-chart__toolbar", role: "group", "aria-label": labels.toolbar, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "sm",
+          icon: true,
+          "aria-label": labels.zoomOut,
+          title: labels.zoomOut,
+          "aria-disabled": atMin || void 0,
+          onClick: () => {
+            if (!atMin) {
+              userMoved.current = true;
+              zoomTo(orgChartZoomStep(zoom, -1));
+            }
+          },
+          children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(MinusIcon, {})
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "sm",
+          className: "uix-org-chart__level",
+          "aria-label": fillLabel(labels.resetZoom, { percent }),
+          onClick: () => {
+            userMoved.current = true;
+            zoomTo(1);
+          },
+          children: percent
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "sm",
+          icon: true,
+          "aria-label": labels.zoomIn,
+          title: labels.zoomIn,
+          "aria-disabled": atMax || void 0,
+          onClick: () => {
+            if (!atMax) {
+              userMoved.current = true;
+              zoomTo(orgChartZoomStep(zoom, 1));
+            }
+          },
+          children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(PlusIcon, {})
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => {
+        userMoved.current = true;
+        const next = fitZoom(zoom);
+        if (next !== null) zoomTo(next);
+      }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(FitIcon, {}),
+        labels.fit
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+      "div",
+      {
+        ref: viewportRef,
+        className: "uix-org-chart__viewport",
+        "data-panning": panning ? "" : void 0,
+        onPointerDown,
+        onMouseDown,
+        onPointerMove,
+        onPointerUp: endPan,
+        onPointerCancel: endPan,
+        onWheel: () => {
+          userMoved.current = true;
+        },
+        onScroll,
+        children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "uix-org-chart__canvas", style: { "--org-chart-zoom": zoom }, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+          "ul",
+          {
+            ref: treeRef,
+            role: "tree",
+            "aria-label": ariaLabel ?? (ariaLabelledby ? void 0 : labels.chart),
+            "aria-labelledby": ariaLabelledby,
+            className: "uix-org-chart__tree",
+            onKeyDown,
+            children: nodes.map((node, i) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(OrgChartItem, { node, level: 1, size: nodes.length, pos: i + 1, ctx }, node.id))
+          }
+        ) })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "uix-visually-hidden", role: "status", children: announcement })
+  ] });
+}
+function layoutOf(viewport) {
+  if (typeof getComputedStyle !== "function") return "chart";
+  return getComputedStyle(viewport).getPropertyValue("--org-chart-layout").trim() === "list" ? "list" : "chart";
+}
+
+// src/components/EditorialHome.tsx
+var import_jsx_runtime88 = require("react/jsx-runtime");
 function PageIntro({
   kicker,
   title,
@@ -9575,43 +10252,43 @@ function PageIntro({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("section", { className: cx("uix-page-intro", className), ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { children: [
-      kicker != null && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("p", { className: "uix-page-kicker", children: kicker }),
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("h1", { className: "uix-page-title", children: title }),
-      lede != null && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("p", { className: "uix-page-lede", children: lede })
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("section", { className: cx("uix-page-intro", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { children: [
+      kicker != null && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("p", { className: "uix-page-kicker", children: kicker }),
+      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("h1", { className: "uix-page-title", children: title }),
+      lede != null && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("p", { className: "uix-page-lede", children: lede })
     ] }),
-    search != null && /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { children: [
-      searchLabel != null && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("p", { className: "uix-intro-search__label", children: searchLabel }),
+    search != null && /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { children: [
+      searchLabel != null && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("p", { className: "uix-intro-search__label", children: searchLabel }),
       search
     ] }),
-    shortcuts != null && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "uix-shortcut-grid", "aria-label": shortcutsLabel, children: shortcuts }),
+    shortcuts != null && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "uix-shortcut-grid", "aria-label": shortcutsLabel, children: shortcuts }),
     children
   ] });
 }
 function SectionHead({ title, titleId, help, helpLabel, action, className, ...props }) {
-  const heading = /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("h2", { className: "uix-section-title", id: titleId, children: title });
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: cx("uix-section-head", className), ...props, children: [
-    hasHelp(help) ? /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "uix-section-head__title-row", children: [
+  const heading = /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("h2", { className: "uix-section-title", id: titleId, children: title });
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: cx("uix-section-head", className), ...props, children: [
+    hasHelp(help) ? /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "uix-section-head__title-row", children: [
       heading,
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(InfoTip, { content: help, label: helpLabel ?? helpLabelFor(title) })
+      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(InfoTip, { content: help, label: helpLabel ?? helpLabelFor(title) })
     ] }) : heading,
     action
   ] });
 }
 function NoticeQueue({ icon, title, summary, meta, position, actions, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("section", { className: cx("uix-notice", className), ...props, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("section", { className: cx("uix-notice", className), ...props, children: [
     icon,
-    /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "uix-notice__content", "aria-live": "polite", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("p", { className: "uix-notice__copy", children: [
-        title != null && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("strong", { children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "uix-notice__content", "aria-live": "polite", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("p", { className: "uix-notice__copy", children: [
+        title != null && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("strong", { children: title }),
         title != null && summary != null && " ",
         summary
       ] }),
-      meta != null && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("p", { className: "uix-notice__meta", children: meta })
+      meta != null && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("p", { className: "uix-notice__meta", children: meta })
     ] }),
-    (position != null || actions != null) && /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "uix-notice__actions", children: [
-      position != null && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "uix-notice__position", children: position }),
+    (position != null || actions != null) && /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "uix-notice__actions", children: [
+      position != null && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "uix-notice__position", children: position }),
       actions
     ] })
   ] });
@@ -9629,8 +10306,8 @@ function FeaturedStage({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("article", { className: cx("uix-featured__stage", className), ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("article", { className: cx("uix-featured__stage", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
       "div",
       {
         className: "uix-featured__visual",
@@ -9640,32 +10317,32 @@ function FeaturedStage({
         children: visual
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "uix-featured__content", "aria-live": "polite", children: [
-      (eyebrow != null || ordinal != null) && /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("p", { className: "uix-featured__eyebrow", children: [
-        ordinal != null && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "uix-featured__now", children: ordinal }),
+    /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "uix-featured__content", "aria-live": "polite", children: [
+      (eyebrow != null || ordinal != null) && /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("p", { className: "uix-featured__eyebrow", children: [
+        ordinal != null && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "uix-featured__now", children: ordinal }),
         eyebrow
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("h2", { className: "uix-featured__title", id: titleId, children: title }),
-      description != null && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("p", { className: "uix-featured__description", children: description }),
-      meta != null && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("p", { className: "uix-featured__meta", children: meta }),
+      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("h2", { className: "uix-featured__title", id: titleId, children: title }),
+      description != null && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("p", { className: "uix-featured__description", children: description }),
+      meta != null && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("p", { className: "uix-featured__meta", children: meta }),
       action
     ] })
   ] });
 }
 function FeaturedRundown({ eyebrow, title, titleId, meta, children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("aside", { className: cx("uix-rundown", className), ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "uix-rundown__head", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { children: [
-        eyebrow != null && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("p", { className: "uix-rundown__eyebrow", children: eyebrow }),
-        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("h2", { className: "uix-rundown__title", id: titleId, children: title })
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("aside", { className: cx("uix-rundown", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "uix-rundown__head", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { children: [
+        eyebrow != null && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("p", { className: "uix-rundown__eyebrow", children: eyebrow }),
+        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("h2", { className: "uix-rundown__title", id: titleId, children: title })
       ] }),
       meta
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "uix-rundown__items", children })
+    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "uix-rundown__items", children })
   ] });
 }
 function FeaturedRundownItem({ number, topic, title, selected = false, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
     "button",
     {
       type: "button",
@@ -9674,63 +10351,63 @@ function FeaturedRundownItem({ number, topic, title, selected = false, className
       "data-selected": selected ? "true" : "false",
       ...props,
       children: [
-        number != null && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "uix-rundown__number", children: number }),
-        /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("span", { children: [
-          topic != null && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "uix-rundown__topic", children: topic }),
-          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "uix-rundown__item-title", children: title })
+        number != null && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "uix-rundown__number", children: number }),
+        /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("span", { children: [
+          topic != null && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "uix-rundown__topic", children: topic }),
+          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "uix-rundown__item-title", children: title })
         ] })
       ]
     }
   );
 }
 function NewsLead({ meta, title, summary, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("article", { className: cx("uix-news-lead", className), ...props, children: [
-    meta != null && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("p", { className: "uix-news-lead__meta", children: meta }),
-    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("h3", { className: "uix-news-lead__title", children: title }),
-    summary != null && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("p", { className: "uix-news-lead__summary", children: summary })
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("article", { className: cx("uix-news-lead", className), ...props, children: [
+    meta != null && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("p", { className: "uix-news-lead__meta", children: meta }),
+    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("h3", { className: "uix-news-lead__title", children: title }),
+    summary != null && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("p", { className: "uix-news-lead__summary", children: summary })
   ] });
 }
 function ContentList({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("ul", { className: cx("uix-content-list", className), ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("ul", { className: cx("uix-content-list", className), ...props, children });
 }
 function ContentListItem({ title, meta, trailing, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("li", { className: cx("uix-content-list__item", className), ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("p", { className: "uix-content-list__title", children: title }),
-      meta != null && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("p", { className: "uix-content-list__meta", children: meta })
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("li", { className: cx("uix-content-list__item", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("p", { className: "uix-content-list__title", children: title }),
+      meta != null && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("p", { className: "uix-content-list__meta", children: meta })
     ] }),
     trailing
   ] });
 }
 function ResourceGrid({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: cx("uix-resource-grid", className), ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: cx("uix-resource-grid", className), ...props, children });
 }
 function StatLine({ items, children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: cx("uix-stat-line", className), ...props, children: [
-    items?.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "uix-stat-line__item", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "uix-stat-line__value", children: item.value }),
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "uix-stat-line__label", children: item.label })
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: cx("uix-stat-line", className), ...props, children: [
+    items?.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "uix-stat-line__item", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "uix-stat-line__value", children: item.value }),
+      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "uix-stat-line__label", children: item.label })
     ] }, item.id ?? i)),
     children
   ] });
 }
 function EventRow({ month, day, title, meta, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: cx("uix-event-row", className), ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "uix-event-date", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "uix-event-date__month", children: month }),
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "uix-event-date__day", children: day })
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: cx("uix-event-row", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "uix-event-date", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "uix-event-date__month", children: month }),
+      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "uix-event-date__day", children: day })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("p", { className: "uix-event-row__title", children: title }),
-      meta != null && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("p", { className: "uix-event-row__meta", children: meta })
+    /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("p", { className: "uix-event-row__title", children: title }),
+      meta != null && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("p", { className: "uix-event-row__meta", children: meta })
     ] })
   ] });
 }
 function StatusRow({ indicator, name, meta, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: cx("uix-status-row", className), ...props, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: cx("uix-status-row", className), ...props, children: [
     indicator,
-    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "uix-status-row__name", children: name }),
-    meta != null && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "uix-list-meta", children: meta })
+    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "uix-status-row__name", children: name }),
+    meta != null && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "uix-list-meta", children: meta })
   ] });
 }
 
@@ -9860,7 +10537,7 @@ function summarizeRule(value, labels = {}) {
 }
 
 // src/components/RuleBuilder.tsx
-var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_jsx_runtime89 = require("react/jsx-runtime");
 var DEFAULT_RULE_BUILDER_LABELS = {
   region: "Rule builder",
   summary: "Rule summary",
@@ -9920,7 +10597,7 @@ function RuleGroupEditor({ group, depth, root, fields, operators, maxDepth, disa
     combinator: combinator ?? "and",
     conditions: [defaultCondition(fields, operators)]
   }, maxDepth));
-  const rowControls = (node, index, label) => disabled ? null : /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+  const rowControls = (node, index, label) => disabled ? null : /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
     RowControls,
     {
       labels,
@@ -9933,25 +10610,25 @@ function RuleGroupEditor({ group, depth, root, fields, operators, maxDepth, disa
       onRemove: () => onRootChange(removeRuleNode(root, node.id))
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("fieldset", { className: "uix-rule-builder__group", "data-depth": depth, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("legend", { className: "uix-rule-builder__group-heading", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { children: depth === 1 ? labels.when : labels.group }),
-      !hideCombinator && (combinator ? /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("span", { className: "uix-rule-builder__match", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("fieldset", { className: "uix-rule-builder__group", "data-depth": depth, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("legend", { className: "uix-rule-builder__group-heading", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { children: depth === 1 ? labels.when : labels.group }),
+      !hideCombinator && (combinator ? /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("span", { className: "uix-rule-builder__match", children: [
         labels.match,
         " ",
         combinator === "or" ? labels.any : labels.all
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("label", { children: [
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("label", { children: [
         labels.match,
-        /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("select", { className: "uix-select uix-select--sm", value: group.combinator, disabled, onChange: (event) => updateNode(group.id, (node) => ({ ...node, combinator: event.currentTarget.value })), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("option", { value: "and", children: labels.all }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("option", { value: "or", children: labels.any })
+        /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("select", { className: "uix-select uix-select--sm", value: group.combinator, disabled, onChange: (event) => updateNode(group.id, (node) => ({ ...node, combinator: event.currentTarget.value })), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("option", { value: "and", children: labels.all }),
+          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("option", { value: "or", children: labels.any })
         ] })
       ] }))
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "uix-rule-builder__rows", children: group.conditions.map((node, index) => isRuleGroup(node) ? /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "uix-rule-builder__nested", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(RuleGroupEditor, { ...{ group: node, depth: depth + 1, root, fields, operators, maxDepth, disabled, onRootChange, labels, combinator, hideCombinator, allowGroups } }),
+    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "uix-rule-builder__rows", children: group.conditions.map((node, index) => isRuleGroup(node) ? /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "uix-rule-builder__nested", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(RuleGroupEditor, { ...{ group: node, depth: depth + 1, root, fields, operators, maxDepth, disabled, onRootChange, labels, combinator, hideCombinator, allowGroups } }),
       rowControls(node, index, labels.itemGroup)
-    ] }, node.id) : /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+    ] }, node.id) : /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
       ConditionRow,
       {
         labels,
@@ -9964,9 +10641,9 @@ function RuleGroupEditor({ group, depth, root, fields, operators, maxDepth, disa
       },
       node.id
     )) }),
-    !disabled && /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "uix-rule-builder__add", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary uix-btn--sm", onClick: addCondition, disabled: fields.length === 0 || operators.length === 0, children: labels.addCondition }),
-      allowGroups && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: addGroup, disabled: depth >= maxDepth, children: labels.addGroup })
+    !disabled && /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "uix-rule-builder__add", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary uix-btn--sm", onClick: addCondition, disabled: fields.length === 0 || operators.length === 0, children: labels.addCondition }),
+      allowGroups && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: addGroup, disabled: depth >= maxDepth, children: labels.addGroup })
     ] })
   ] });
 }
@@ -9979,24 +10656,24 @@ function ConditionRow({ labels, condition, fields, operators, disabled, onChange
     const nextOperator = operators.find((item) => nextField?.operators?.includes(item.id)) ?? availableOperators[0] ?? operators[0];
     onChange({ ...condition, field: id, operator: nextOperator?.id ?? "" });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "uix-rule-builder__condition", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("label", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "uix-visually-hidden", children: labels.field }),
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("select", { className: "uix-select", value: condition.field, onChange: (event) => setField(event.currentTarget.value), disabled, children: fields.map((item) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("option", { value: item.id, children: item.label }, item.id)) })
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "uix-rule-builder__condition", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("label", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "uix-visually-hidden", children: labels.field }),
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("select", { className: "uix-select", value: condition.field, onChange: (event) => setField(event.currentTarget.value), disabled, children: fields.map((item) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("option", { value: item.id, children: item.label }, item.id)) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("label", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "uix-visually-hidden", children: labels.operator }),
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("select", { className: "uix-select", value: condition.operator, onChange: (event) => onChange({ ...condition, operator: event.currentTarget.value }), disabled, children: availableOperators.map((item) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("option", { value: item.id, children: item.label }, item.id)) })
+    /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("label", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "uix-visually-hidden", children: labels.operator }),
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("select", { className: "uix-select", value: condition.operator, onChange: (event) => onChange({ ...condition, operator: event.currentTarget.value }), disabled, children: availableOperators.map((item) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("option", { value: item.id, children: item.label }, item.id)) })
     ] }),
-    operator?.requiresValue !== false && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "uix-rule-builder__value", children: field?.renderValueEditor?.({ condition, onChange: (value) => onChange({ ...condition, value }), disabled }) ?? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("input", { className: "uix-input", value: typeof condition.value === "string" || typeof condition.value === "number" ? condition.value : condition.value == null ? "" : JSON.stringify(condition.value), onChange: (event) => onChange({ ...condition, value: event.currentTarget.value }), disabled, "aria-label": fillLabel(labels.valueFor, { field: field?.label ?? labels.itemCondition }) }) }),
+    operator?.requiresValue !== false && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "uix-rule-builder__value", children: field?.renderValueEditor?.({ condition, onChange: (value) => onChange({ ...condition, value }), disabled }) ?? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("input", { className: "uix-input", value: typeof condition.value === "string" || typeof condition.value === "number" ? condition.value : condition.value == null ? "" : JSON.stringify(condition.value), onChange: (event) => onChange({ ...condition, value: event.currentTarget.value }), disabled, "aria-label": fillLabel(labels.valueFor, { field: field?.label ?? labels.itemCondition }) }) }),
     controls
   ] });
 }
 function RowControls({ labels, label, first, last, disabled, onUp, onDown, onRemove }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("span", { className: "uix-rule-builder__row-actions", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: onUp, disabled: disabled || first, "aria-label": fillLabel(labels.moveUpNamed, { item: label }), children: labels.moveUp }),
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: onDown, disabled: disabled || last, "aria-label": fillLabel(labels.moveDownNamed, { item: label }), children: labels.moveDown }),
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: onRemove, disabled, "aria-label": fillLabel(labels.removeNamed, { item: label }), children: labels.remove })
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("span", { className: "uix-rule-builder__row-actions", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: onUp, disabled: disabled || first, "aria-label": fillLabel(labels.moveUpNamed, { item: label }), children: labels.moveUp }),
+    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: onDown, disabled: disabled || last, "aria-label": fillLabel(labels.moveDownNamed, { item: label }), children: labels.moveDown }),
+    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: onRemove, disabled, "aria-label": fillLabel(labels.removeNamed, { item: label }), children: labels.remove })
   ] });
 }
 function RuleBuilder({
@@ -10060,16 +10737,16 @@ function RuleBuilder({
         or: labels.or
       }
     });
-    return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("section", { className: cx("uix-rule-builder uix-rule-builder--summary", className), "aria-label": labels.summary, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("p", { children: sentence }),
-      issues.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("p", { className: "uix-rule-builder__invalid", children: issuesText(labels.summaryIssuesOne, labels.summaryIssuesMany) })
+    return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("section", { className: cx("uix-rule-builder uix-rule-builder--summary", className), "aria-label": labels.summary, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("p", { children: sentence }),
+      issues.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("p", { className: "uix-rule-builder__invalid", children: issuesText(labels.summaryIssuesOne, labels.summaryIssuesMany) })
     ] });
   }
   const disabled = readOnly === true;
   const emitWhen = (when) => onChange({ ...value, when: combinator ? setRuleCombinator(when, combinator) : when });
   const updateActions = (next) => onChange({ ...value, then: next });
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("section", { className: cx("uix-rule-builder", disabled && "uix-rule-builder--readonly", className), "aria-label": labels.region, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("section", { className: cx("uix-rule-builder", disabled && "uix-rule-builder--readonly", className), "aria-label": labels.region, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
       RuleGroupEditor,
       {
         group: value.when,
@@ -10086,14 +10763,14 @@ function RuleBuilder({
         allowGroups: allowGroups && maxDepth > 1
       }
     ),
-    !conditionsOnly && /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("fieldset", { className: "uix-rule-builder__actions", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("legend", { children: labels.then }),
+    !conditionsOnly && /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("fieldset", { className: "uix-rule-builder__actions", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("legend", { children: labels.then }),
       value.then.map((action, index) => {
         const definition = actions.find((item) => item.id === action.type);
-        return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "uix-rule-builder__action", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("select", { className: "uix-select", value: action.type, disabled, onChange: (event) => updateActions(value.then.map((item) => item.id === action.id ? { ...item, type: event.currentTarget.value } : item)), "aria-label": labels.actionType, children: actions.map((item) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("option", { value: item.id, children: item.label }, item.id)) }),
+        return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "uix-rule-builder__action", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("select", { className: "uix-select", value: action.type, disabled, onChange: (event) => updateActions(value.then.map((item) => item.id === action.id ? { ...item, type: event.currentTarget.value } : item)), "aria-label": labels.actionType, children: actions.map((item) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("option", { value: item.id, children: item.label }, item.id)) }),
           definition?.renderParameters?.(action, (parameters) => updateActions(value.then.map((item) => item.id === action.id ? { ...item, parameters } : item)), disabled),
-          !disabled && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+          !disabled && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
             RowControls,
             {
               labels,
@@ -10116,18 +10793,18 @@ function RuleBuilder({
           )
         ] }, action.id);
       }),
-      !disabled && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary uix-btn--sm", disabled: actions.length === 0, onClick: () => updateActions([...value.then, { id: nextId("action"), type: actions[0]?.id ?? "", parameters: {} }]), children: labels.addAction })
+      !disabled && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary uix-btn--sm", disabled: actions.length === 0, onClick: () => updateActions([...value.then, { id: nextId("action"), type: actions[0]?.id ?? "", parameters: {} }]), children: labels.addAction })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "uix-rule-builder__validation", "aria-live": "polite", children: issues.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { children: labels.valid }) : /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(import_jsx_runtime88.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("strong", { children: issuesText(labels.issuesOne, labels.issuesMany) }),
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("ul", { children: issues.map((issue, index) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("li", { children: issue.message }, `${issue.path}-${index}`)) })
+    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "uix-rule-builder__validation", "aria-live": "polite", children: issues.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { children: labels.valid }) : /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_jsx_runtime89.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("strong", { children: issuesText(labels.issuesOne, labels.issuesMany) }),
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("ul", { children: issues.map((issue, index) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("li", { children: issue.message }, `${issue.path}-${index}`)) })
     ] }) })
   ] });
 }
 
 // src/components/BuilderCanvas.tsx
-var import_react63 = require("react");
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_react64 = require("react");
+var import_jsx_runtime90 = require("react/jsx-runtime");
 var DEFAULT_BUILDER_CANVAS_LABELS = {
   region: "Builder canvas",
   palette: "Item palette",
@@ -10166,13 +10843,13 @@ function BuilderCanvas({
   labels: labelOverrides
 }) {
   const labels = { ...DEFAULT_BUILDER_CANVAS_LABELS, ...labelOverrides };
-  const [internalSelectedId, setInternalSelectedId] = (0, import_react63.useState)();
-  const [draggedId, setDraggedId] = (0, import_react63.useState)();
-  const propertyHeadingRef = (0, import_react63.useRef)(null);
-  const shouldFocusProperties = (0, import_react63.useRef)(false);
+  const [internalSelectedId, setInternalSelectedId] = (0, import_react64.useState)();
+  const [draggedId, setDraggedId] = (0, import_react64.useState)();
+  const propertyHeadingRef = (0, import_react64.useRef)(null);
+  const shouldFocusProperties = (0, import_react64.useRef)(false);
   const selectedId = controlledSelectedId ?? internalSelectedId;
   const selected = items.find((item) => item.id === selectedId);
-  (0, import_react63.useEffect)(() => {
+  (0, import_react64.useEffect)(() => {
     if (shouldFocusProperties.current && selected) {
       propertyHeadingRef.current?.focus();
       shouldFocusProperties.current = false;
@@ -10206,24 +10883,24 @@ function BuilderCanvas({
     if (from >= 0 && to >= 0) onItemsChange(reorder(items, from, to));
     setDraggedId(void 0);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("section", { className: cx("uix-builder-canvas", className), "aria-label": labels.region, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("aside", { className: "uix-builder-canvas__palette", "aria-label": labels.palette, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("h3", { children: labels.paletteHeading }),
-      palette.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("p", { children: labels.paletteEmpty }) : /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("ul", { children: palette.map((item) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("button", { type: "button", onClick: () => add(item), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("strong", { children: item.label }),
-        item.description && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { children: item.description }),
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { "aria-hidden": "true", children: labels.add })
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("section", { className: cx("uix-builder-canvas", className), "aria-label": labels.region, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("aside", { className: "uix-builder-canvas__palette", "aria-label": labels.palette, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("h3", { children: labels.paletteHeading }),
+      palette.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("p", { children: labels.paletteEmpty }) : /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("ul", { children: palette.map((item) => /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("button", { type: "button", onClick: () => add(item), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("strong", { children: item.label }),
+        item.description && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { children: item.description }),
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { "aria-hidden": "true", children: labels.add })
       ] }) }, item.id)) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "uix-builder-canvas__workspace", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("h3", { children: labels.canvasHeading }),
-      loading ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "uix-builder-canvas__state", role: "status", children: labels.loading }) : error ? /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "uix-builder-canvas__state", role: "alert", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("p", { children: error }),
-        onRetry && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary", onClick: onRetry, children: labels.retry })
-      ] }) : items.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "uix-builder-canvas__state", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("p", { children: emptyMessage }),
-        palette[0] && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("button", { type: "button", className: "uix-btn uix-btn--primary", onClick: () => add(palette[0]), children: fillLabel(labels.addFirst, { label: palette[0].label }) })
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("ol", { className: "uix-builder-canvas__items", children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "uix-builder-canvas__workspace", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("h3", { children: labels.canvasHeading }),
+      loading ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "uix-builder-canvas__state", role: "status", children: labels.loading }) : error ? /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "uix-builder-canvas__state", role: "alert", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("p", { children: error }),
+        onRetry && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary", onClick: onRetry, children: labels.retry })
+      ] }) : items.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "uix-builder-canvas__state", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("p", { children: emptyMessage }),
+        palette[0] && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("button", { type: "button", className: "uix-btn uix-btn--primary", onClick: () => add(palette[0]), children: fillLabel(labels.addFirst, { label: palette[0].label }) })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("ol", { className: "uix-builder-canvas__items", children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
         "li",
         {
           draggable: true,
@@ -10233,34 +10910,34 @@ function BuilderCanvas({
           onDrop: (event) => drop(event, item.id),
           className: cx("uix-builder-canvas__item", selectedId === item.id && "uix-builder-canvas__item--selected"),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("button", { type: "button", className: "uix-builder-canvas__item-main", "aria-pressed": selectedId === item.id, onClick: () => select(item.id), children: renderItem?.(item, selectedId === item.id) ?? /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_jsx_runtime89.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("strong", { children: item.label }),
-              item.description && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { children: item.description })
+            /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("button", { type: "button", className: "uix-builder-canvas__item-main", "aria-pressed": selectedId === item.id, onClick: () => select(item.id), children: renderItem?.(item, selectedId === item.id) ?? /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(import_jsx_runtime90.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("strong", { children: item.label }),
+              item.description && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { children: item.description })
             ] }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("span", { className: "uix-builder-canvas__item-actions", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("button", { type: "button", onClick: () => move(item.id, -1), disabled: index === 0, "aria-label": fillLabel(labels.moveUpNamed, { label: item.label }), children: labels.moveUp }),
-              /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("button", { type: "button", onClick: () => move(item.id, 1), disabled: index === items.length - 1, "aria-label": fillLabel(labels.moveDownNamed, { label: item.label }), children: labels.moveDown }),
-              /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("button", { type: "button", onClick: () => remove(item.id), "aria-label": fillLabel(labels.removeNamed, { label: item.label }), children: labels.remove })
+            /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("span", { className: "uix-builder-canvas__item-actions", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("button", { type: "button", onClick: () => move(item.id, -1), disabled: index === 0, "aria-label": fillLabel(labels.moveUpNamed, { label: item.label }), children: labels.moveUp }),
+              /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("button", { type: "button", onClick: () => move(item.id, 1), disabled: index === items.length - 1, "aria-label": fillLabel(labels.moveDownNamed, { label: item.label }), children: labels.moveDown }),
+              /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("button", { type: "button", onClick: () => remove(item.id), "aria-label": fillLabel(labels.removeNamed, { label: item.label }), children: labels.remove })
             ] })
           ]
         },
         item.id
       )) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("aside", { className: "uix-builder-canvas__properties", "aria-label": labels.properties, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("h3", { ref: propertyHeadingRef, tabIndex: -1, children: labels.propertiesHeading }),
-      !selected ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("p", { children: labels.propertiesEmpty }) : renderProperties?.(selected, (updated) => onItemsChange(items.map((item) => item.id === updated.id ? updated : item))) ?? /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("dl", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("dt", { children: labels.type }),
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("dd", { children: selected.type }),
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("dt", { children: labels.label }),
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("dd", { children: selected.label })
+    /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("aside", { className: "uix-builder-canvas__properties", "aria-label": labels.properties, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("h3", { ref: propertyHeadingRef, tabIndex: -1, children: labels.propertiesHeading }),
+      !selected ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("p", { children: labels.propertiesEmpty }) : renderProperties?.(selected, (updated) => onItemsChange(items.map((item) => item.id === updated.id ? updated : item))) ?? /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("dl", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("dt", { children: labels.type }),
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("dd", { children: selected.type }),
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("dt", { children: labels.label }),
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("dd", { children: selected.label })
       ] })
     ] })
   ] });
 }
 
 // src/components/SchedulingCalendar.tsx
-var import_react67 = require("react");
+var import_react68 = require("react");
 
 // src/calendar-model.ts
 function fromDateKey(value) {
@@ -10688,14 +11365,14 @@ function proposeMove(span, delta, timeZone) {
 }
 
 // src/components/SchedulingAgenda.tsx
-var import_react65 = require("react");
+var import_react66 = require("react");
 
 // src/hooks/usePrinting.ts
-var import_react64 = require("react");
+var import_react65 = require("react");
 var import_react_dom2 = require("react-dom");
 function usePrinting(enabled = true) {
-  const [printing, setPrinting] = (0, import_react64.useState)(false);
-  (0, import_react64.useEffect)(() => {
+  const [printing, setPrinting] = (0, import_react65.useState)(false);
+  (0, import_react65.useEffect)(() => {
     if (!enabled || typeof window === "undefined") return void 0;
     const set = (next) => {
       (0, import_react_dom2.flushSync)(() => setPrinting(next));
@@ -10718,7 +11395,7 @@ function usePrinting(enabled = true) {
 }
 
 // src/components/SchedulingAgenda.tsx
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_jsx_runtime91 = require("react/jsx-runtime");
 var AGENDA_VIRTUAL_ROW = 44;
 var AGENDA_NARROW_WIDTH = 576;
 var AGENDA_NARROW_ROW = 64;
@@ -10735,7 +11412,7 @@ function uniqueKeys(ids) {
 function SchedulingAgenda(props) {
   const rowCount = props.groups.reduce((sum, group) => sum + group.rows.length, 0);
   const flat = rowCount > props.virtualizeAbove;
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(AgendaBody, { ...props, flat }, flat ? "flat" : "grouped");
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(AgendaBody, { ...props, flat }, flat ? "flat" : "grouped");
 }
 function AgendaBody({
   groups,
@@ -10770,11 +11447,11 @@ function AgendaBody({
       if ((group.continuesCount ?? 0) > 0) flatRows.push({ kind: "continues", key: `c-${groupKey}`, group });
     });
   }
-  const [narrow, setNarrow] = (0, import_react65.useState)(false);
+  const [narrow, setNarrow] = (0, import_react66.useState)(false);
   const printing = usePrinting(flat);
   const virtual = useVirtualRows(flatRows, { rowHeight: narrow ? AGENDA_NARROW_ROW : AGENDA_VIRTUAL_ROW, threshold: 0, estimatedViewportHeight: AGENDA_VIRTUAL_VIEWPORT, enabled: !printing });
   const scroller = virtual.containerRef;
-  (0, import_react65.useLayoutEffect)(() => {
+  (0, import_react66.useLayoutEffect)(() => {
     const box = scroller.current;
     if (!box) return;
     const measure = () => setNarrow(box.clientWidth > 0 && box.clientWidth <= AGENDA_NARROW_WIDTH);
@@ -10783,8 +11460,8 @@ function AgendaBody({
     observer.observe(box);
     return () => observer.disconnect();
   }, [scroller]);
-  const grouped = (0, import_react65.useRef)(null);
-  (0, import_react65.useLayoutEffect)(() => {
+  const grouped = (0, import_react66.useRef)(null);
+  (0, import_react66.useLayoutEffect)(() => {
     const box = grouped.current;
     if (!box) return;
     const observer = new ResizeObserver((entries) => {
@@ -10796,7 +11473,7 @@ function AgendaBody({
     box.querySelectorAll(":scope > section > .uix-scheduling-calendar__agenda-head").forEach((head) => observer.observe(head));
     return () => observer.disconnect();
   }, [groups]);
-  const stop2 = (0, import_react65.useRef)({ node: null, index: 0 });
+  const stop2 = (0, import_react66.useRef)({ node: null, index: 0 });
   const container = () => flat ? scroller.current : grouped.current;
   const controls = () => Array.from(container()?.querySelectorAll("button") ?? []);
   const focusStop = (target) => {
@@ -10821,7 +11498,7 @@ function AgendaBody({
   const scrollToRow = (box, index) => {
     box.scrollTop = Math.max(0, index * rowHeight - (box.clientHeight - rowHeight) / 2);
   };
-  const landing = (0, import_react65.useRef)(null);
+  const landing = (0, import_react66.useRef)(null);
   const land = () => {
     const wanted = landing.current;
     if (!wanted) return;
@@ -10842,7 +11519,7 @@ function AgendaBody({
       scrollToRow(box, index);
     }
   };
-  (0, import_react65.useEffect)(() => {
+  (0, import_react66.useEffect)(() => {
     const all = controls();
     stop2.current = syncRovingStop(all, stop2.current);
     const box = flat ? scroller.current : null;
@@ -10892,18 +11569,18 @@ function AgendaBody({
     landing.current = { key: flatRows[target].key, index: target };
     scrollToRow(box, target);
   };
-  const note = (overlay) => /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("button", { type: "button", className: "uix-scheduling-calendar__window", "data-overlay-id": overlay.id, "data-pattern": overlay.pattern ?? "solid", "data-global": overlay.global || void 0, onClick: () => onSelectOverlay?.(overlay), "aria-label": overlayName(overlay), children: /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("span", { className: "uix-scheduling-calendar__window-text", children: [
-    overlay.kindLabel && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "uix-scheduling-calendar__window-kind", children: overlay.kindLabel }),
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "uix-scheduling-calendar__window-name", children: overlay.label }),
-    overlay.scopeLabel && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "uix-scheduling-calendar__window-scope", children: overlay.scopeLabel })
+  const note = (overlay) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("button", { type: "button", className: "uix-scheduling-calendar__window", "data-overlay-id": overlay.id, "data-pattern": overlay.pattern ?? "solid", "data-global": overlay.global || void 0, onClick: () => onSelectOverlay?.(overlay), "aria-label": overlayName(overlay), children: /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("span", { className: "uix-scheduling-calendar__window-text", children: [
+    overlay.kindLabel && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "uix-scheduling-calendar__window-kind", children: overlay.kindLabel }),
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "uix-scheduling-calendar__window-name", children: overlay.label }),
+    overlay.scopeLabel && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "uix-scheduling-calendar__window-scope", children: overlay.scopeLabel })
   ] }) });
-  const heading = (group, withNotes) => /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "uix-scheduling-calendar__agenda-head", children: [
-    (0, import_react65.createElement)(`h${headingLevel}`, { className: "uix-scheduling-calendar__agenda-heading" }, group.heading ?? dateText(group.date, "day")),
-    withNotes && group.annotations && group.annotations.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("ul", { className: "uix-scheduling-calendar__agenda-notes", children: uniqueKeys(group.annotations.map((overlay) => overlay.id)).map((key, at) => /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("li", { children: note(group.annotations[at]) }, key)) })
+  const heading = (group, withNotes) => /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "uix-scheduling-calendar__agenda-head", children: [
+    (0, import_react66.createElement)(`h${headingLevel}`, { className: "uix-scheduling-calendar__agenda-heading" }, group.heading ?? dateText(group.date, "day")),
+    withNotes && group.annotations && group.annotations.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("ul", { className: "uix-scheduling-calendar__agenda-notes", children: uniqueKeys(group.annotations.map((overlay) => overlay.id)).map((key, at) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("li", { children: note(group.annotations[at]) }, key)) })
   ] });
   const timeText = (entry, date) => {
-    const part = (text) => /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "uix-scheduling-calendar__agenda-time-part", children: text });
-    const dash = /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { "aria-hidden": "true", children: " \u2013 " });
+    const part = (text) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "uix-scheduling-calendar__agenda-time-part", children: text });
+    const dash = /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { "aria-hidden": "true", children: " \u2013 " });
     if (entry.allDay) {
       let span;
       try {
@@ -10913,7 +11590,7 @@ function AgendaBody({
       }
       const last = addCalendarDays(span.end, -1);
       if (span.start === date && last === date) return labels.allDay;
-      return span.start === last ? part(dateText(last, "day")) : /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(import_jsx_runtime90.Fragment, { children: [
+      return span.start === last ? part(dateText(last, "day")) : /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(import_jsx_runtime91.Fragment, { children: [
         part(dateText(span.start, "day")),
         dash,
         part(dateText(last, "day"))
@@ -10923,11 +11600,11 @@ function AgendaBody({
     const endTime = zonedTimeOfDay(entry.end, timeZone);
     const endDay = zonedDateKey(entry.end, timeZone);
     const underItsDay = zonedDateKey(entry.start, timeZone) === date && (endDay === date || endDay === addCalendarDays(date, 1) && endTime < startTime);
-    return underItsDay ? /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(import_jsx_runtime90.Fragment, { children: [
+    return underItsDay ? /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(import_jsx_runtime91.Fragment, { children: [
       startTime,
       dash,
       endTime
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(import_jsx_runtime90.Fragment, { children: [
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(import_jsx_runtime91.Fragment, { children: [
       part(formatInstant(entry.start)),
       dash,
       part(formatInstant(entry.end))
@@ -10936,31 +11613,31 @@ function AgendaBody({
   const row = (entry, date) => {
     const markers = entryMarkers(entry);
     const name = entry.accessibleName ?? (entry.meta ? `${entryName(entry)}, ${entry.meta}` : entryName(entry));
-    return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("button", { type: "button", className: "uix-scheduling-calendar__agenda-row", "data-item-id": entry.id, "data-highlight": entry.emphasis === "highlight" || void 0, "data-dim": entry.emphasis === "dim" || void 0, "data-band": entry.band ?? "none", "data-status": entryStatus(entry), "data-state": entry.state, onClick: () => onSelectEntry?.(entry), "aria-label": name, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "uix-scheduling-calendar__swatch", "aria-hidden": "true", "data-band": entry.band ?? "none", "data-status": entryStatus(entry) }),
-      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "uix-scheduling-calendar__agenda-time", children: timeText(entry, date) }),
-      /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("span", { className: "uix-scheduling-calendar__agenda-main", children: [
-        renderEntry?.(entry) ?? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "uix-scheduling-calendar__title", children: entry.title }),
-        entry.meta && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "uix-scheduling-calendar__agenda-meta", children: entry.meta })
+    return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("button", { type: "button", className: "uix-scheduling-calendar__agenda-row", "data-item-id": entry.id, "data-highlight": entry.emphasis === "highlight" || void 0, "data-dim": entry.emphasis === "dim" || void 0, "data-band": entry.band ?? "none", "data-status": entryStatus(entry), "data-state": entry.state, onClick: () => onSelectEntry?.(entry), "aria-label": name, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "uix-scheduling-calendar__swatch", "aria-hidden": "true", "data-band": entry.band ?? "none", "data-status": entryStatus(entry) }),
+      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "uix-scheduling-calendar__agenda-time", children: timeText(entry, date) }),
+      /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("span", { className: "uix-scheduling-calendar__agenda-main", children: [
+        renderEntry?.(entry) ?? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "uix-scheduling-calendar__title", children: entry.title }),
+        entry.meta && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "uix-scheduling-calendar__agenda-meta", children: entry.meta })
       ] }),
-      markers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "uix-scheduling-calendar__markers", children: markers.map((marker) => /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { children: renderMarker2(marker, true) }, marker.id)) }),
-      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "uix-scheduling-calendar__status", children: entryStatusText(entry) })
+      markers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "uix-scheduling-calendar__markers", children: markers.map((marker) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { children: renderMarker2(marker, true) }, marker.id)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "uix-scheduling-calendar__status", children: entryStatusText(entry) })
     ] });
   };
   const hidden = (group) => {
     const text = fillLabel(labels.hiddenInDay, { count: group.hiddenCount ?? 0 });
-    return onShowMore ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("button", { type: "button", className: "uix-scheduling-calendar__agenda-more", onClick: () => onShowMore(group.date, group.rows), children: text }) : /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("p", { className: "uix-scheduling-calendar__agenda-more", children: text });
+    return onShowMore ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("button", { type: "button", className: "uix-scheduling-calendar__agenda-more", onClick: () => onShowMore(group.date, group.rows), children: text }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("p", { className: "uix-scheduling-calendar__agenda-more", children: text });
   };
-  const continues = (group) => /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("p", { className: "uix-scheduling-calendar__agenda-continues", children: fillLabel(labels.continuesInDay, { count: group.continuesCount ?? 0 }) });
-  if (groups.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "uix-scheduling-calendar__agenda", role: "region", "aria-label": labels.agenda, children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("p", { children: labels.agendaEmpty }) });
+  const continues = (group) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("p", { className: "uix-scheduling-calendar__agenda-continues", children: fillLabel(labels.continuesInDay, { count: group.continuesCount ?? 0 }) });
+  if (groups.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "uix-scheduling-calendar__agenda", role: "region", "aria-label": labels.agenda, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("p", { children: labels.agendaEmpty }) });
   if (flat) {
-    return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { ref: virtual.containerRef, className: "uix-scheduling-calendar__agenda uix-scheduling-calendar__agenda--virtual", "data-narrow": narrow || void 0, role: "region", "aria-label": labels.agenda, onKeyDown, onFocus, onBlur, onWheel: dropLanding, onPointerDown: dropLanding, children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "uix-scheduling-calendar__agenda-window", style: { paddingTop: virtual.padTop, paddingBottom: virtual.padBottom }, children: virtual.rows.map((item, at) => /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "uix-scheduling-calendar__agenda-vrow", "data-kind": item.kind, "data-flat-index": virtual.startIndex + at, children: item.kind === "heading" ? heading(item.group, false) : item.kind === "note" ? note(item.overlay) : item.kind === "entry" ? row(item.entry, item.group.date) : item.kind === "hidden" ? hidden(item.group) : continues(item.group) }, item.key)) }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { ref: virtual.containerRef, className: "uix-scheduling-calendar__agenda uix-scheduling-calendar__agenda--virtual", "data-narrow": narrow || void 0, role: "region", "aria-label": labels.agenda, onKeyDown, onFocus, onBlur, onWheel: dropLanding, onPointerDown: dropLanding, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "uix-scheduling-calendar__agenda-window", style: { paddingTop: virtual.padTop, paddingBottom: virtual.padBottom }, children: virtual.rows.map((item, at) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "uix-scheduling-calendar__agenda-vrow", "data-kind": item.kind, "data-flat-index": virtual.startIndex + at, children: item.kind === "heading" ? heading(item.group, false) : item.kind === "note" ? note(item.overlay) : item.kind === "entry" ? row(item.entry, item.group.date) : item.kind === "hidden" ? hidden(item.group) : continues(item.group) }, item.key)) }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { ref: grouped, className: "uix-scheduling-calendar__agenda", role: "region", "aria-label": labels.agenda, onKeyDown, onFocus, children: groups.map((group, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { ref: grouped, className: "uix-scheduling-calendar__agenda", role: "region", "aria-label": labels.agenda, onKeyDown, onFocus, children: groups.map((group, index) => {
     const rowKeys = uniqueKeys(group.rows.map((entry) => entry.id));
-    return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("section", { className: "uix-scheduling-calendar__agenda-group", "data-date": group.date, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("section", { className: "uix-scheduling-calendar__agenda-group", "data-date": group.date, children: [
       heading(group, true),
-      group.rows.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("ol", { className: "uix-scheduling-calendar__agenda-rows", children: group.rows.map((entry, at) => /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("li", { children: row(entry, group.date) }, rowKeys[at])) }),
+      group.rows.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("ol", { className: "uix-scheduling-calendar__agenda-rows", children: group.rows.map((entry, at) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("li", { children: row(entry, group.date) }, rowKeys[at])) }),
       (group.hiddenCount ?? 0) > 0 && hidden(group),
       (group.continuesCount ?? 0) > 0 && continues(group)
     ] }, groupKeys[index]);
@@ -10968,8 +11645,8 @@ function AgendaBody({
 }
 
 // src/components/SchedulingTimeGrid.tsx
-var import_react66 = require("react");
-var import_jsx_runtime91 = require("react/jsx-runtime");
+var import_react67 = require("react");
+var import_jsx_runtime92 = require("react/jsx-runtime");
 var HOUR_MS2 = 36e5;
 var MINUTES_PER_HOUR = 60;
 var LINES_PER_HOUR = 3;
@@ -10982,7 +11659,7 @@ function uniqueById(items) {
   const seen = /* @__PURE__ */ new Set();
   return items.filter((item) => seen.has(item.id) ? false : (seen.add(item.id), true));
 }
-var GridItem = (0, import_react66.memo)(function GridItem2({ entry, segment, column, alone, name, status, movable, hintId, timeZone, continuesFrom, markers, renderEntry, renderMarker: renderMarker2, handlers }) {
+var GridItem = (0, import_react67.memo)(function GridItem2({ entry, segment, column, alone, name, status, movable, hintId, timeZone, continuesFrom, markers, renderEntry, renderMarker: renderMarker2, handlers }) {
   const lines = linesFor(segment);
   const continuation = segment.part === "continuation";
   const style = vars({
@@ -10992,18 +11669,18 @@ var GridItem = (0, import_react66.memo)(function GridItem2({ entry, segment, col
     "--uix-scheduling-calendar-lanes": segment.laneCount
   });
   const custom = renderEntry?.(entry, { availableLines: lines });
-  const text = custom ?? /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(import_jsx_runtime91.Fragment, { children: [
-    !continuation && /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(import_jsx_runtime91.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "uix-scheduling-calendar__time", children: zonedTimeOfDay(entry.start, timeZone) }),
+  const text = custom ?? /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(import_jsx_runtime92.Fragment, { children: [
+    !continuation && /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(import_jsx_runtime92.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "uix-scheduling-calendar__time", children: zonedTimeOfDay(entry.start, timeZone) }),
       " "
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "uix-scheduling-calendar__title", children: entry.title })
+    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "uix-scheduling-calendar__title", children: entry.title })
   ] });
   const noRoom = lines === 0 && (custom === void 0 || custom === null) ? "none" : void 0;
-  const body = /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(import_jsx_runtime91.Fragment, { children: [
-    continuation && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "uix-scheduling-calendar__tg-from", "data-room": lines === 0 ? "none" : void 0, children: continuesFrom }),
-    (!continuation || alone) && text != null && text !== false && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "uix-scheduling-calendar__entry-text", "data-room": noRoom, children: text }),
-    markers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "uix-scheduling-calendar__markers", children: markers.map((marker) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { children: renderMarker2(marker) }, marker.id)) })
+  const body = /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(import_jsx_runtime92.Fragment, { children: [
+    continuation && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "uix-scheduling-calendar__tg-from", "data-room": lines === 0 ? "none" : void 0, children: continuesFrom }),
+    (!continuation || alone) && text != null && text !== false && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "uix-scheduling-calendar__entry-text", "data-room": noRoom, children: text }),
+    markers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "uix-scheduling-calendar__markers", children: markers.map((marker) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { children: renderMarker2(marker) }, marker.id)) })
   ] });
   const shared = {
     className: "uix-scheduling-calendar__entry uix-scheduling-calendar__tg-item",
@@ -11019,8 +11696,8 @@ var GridItem = (0, import_react66.memo)(function GridItem2({ entry, segment, col
     onClick: () => handlers.click(entry),
     onPointerDown: movable ? (event) => handlers.pointerDown(event, entry, column, false) : void 0
   };
-  if (continuation && !alone) return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { ...shared, "data-continuation-of": entry.id, "aria-hidden": "true", children: body });
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+  if (continuation && !alone) return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { ...shared, "data-continuation-of": entry.id, "aria-hidden": "true", children: body });
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
     "button",
     {
       type: "button",
@@ -11067,20 +11744,20 @@ function SchedulingTimeGrid({
   emptyNote,
   nothingToShow
 }) {
-  const rootRef = (0, import_react66.useRef)(null);
-  const hintId = (0, import_react66.useId)();
-  const [widthCap, setWidthCap] = (0, import_react66.useState)(Infinity);
-  const [ghost, setGhost] = (0, import_react66.useState)(null);
-  const [announcement, setAnnouncement] = (0, import_react66.useState)("");
-  const [activeDay, setActiveDay] = (0, import_react66.useState)(days[0]);
-  const enteredFrom = (0, import_react66.useRef)(null);
+  const rootRef = (0, import_react67.useRef)(null);
+  const hintId = (0, import_react67.useId)();
+  const [widthCap, setWidthCap] = (0, import_react67.useState)(Infinity);
+  const [ghost, setGhost] = (0, import_react67.useState)(null);
+  const [announcement, setAnnouncement] = (0, import_react67.useState)("");
+  const [activeDay, setActiveDay] = (0, import_react67.useState)(days[0]);
+  const enteredFrom = (0, import_react67.useRef)(null);
   const tabStop = days.includes(activeDay) ? activeDay : days[0];
   const moving = canMove && onProposeMove !== void 0;
   const step = Number.isFinite(givenStep) && givenStep > 0 ? givenStep : DEFAULT_STEP;
-  const laneOptions = (0, import_react66.useMemo)(() => ({ crossMidnightMinutes: topLaneCrossMidnightMinutes }), [topLaneCrossMidnightMinutes]);
-  const entries = (0, import_react66.useMemo)(() => uniqueById(givenEntries), [givenEntries]);
-  const overlays = (0, import_react66.useMemo)(() => uniqueById(givenOverlays), [givenOverlays]);
-  (0, import_react66.useEffect)(() => {
+  const laneOptions = (0, import_react67.useMemo)(() => ({ crossMidnightMinutes: topLaneCrossMidnightMinutes }), [topLaneCrossMidnightMinutes]);
+  const entries = (0, import_react67.useMemo)(() => uniqueById(givenEntries), [givenEntries]);
+  const overlays = (0, import_react67.useMemo)(() => uniqueById(givenOverlays), [givenOverlays]);
+  (0, import_react67.useEffect)(() => {
     const root = rootRef.current;
     if (!root || typeof ResizeObserver === "undefined") return void 0;
     const column = root.querySelector("[data-tg-column]");
@@ -11105,17 +11782,17 @@ function SchedulingTimeGrid({
     };
   }, [days]);
   const lanes = Math.max(1, Math.min(maxLanes, widthCap));
-  const entryById = (0, import_react66.useMemo)(() => new Map(entries.map((entry) => [entry.id, entry])), [entries]);
-  const overlayById = (0, import_react66.useMemo)(() => new Map(overlays.map((overlay) => [overlay.id, overlay])), [overlays]);
-  const columns = (0, import_react66.useMemo)(() => days.map((date) => layoutTimeGridDay(entries, date, timeZone, { ...laneOptions, maxLanes: lanes })), [days, entries, timeZone, laneOptions, lanes]);
-  const slots = (0, import_react66.useMemo)(() => days.map((date) => zonedHourSlots(date, timeZone)), [days, timeZone]);
-  const top = (0, import_react66.useMemo)(() => layoutDaySpans(entries.filter((entry) => placesInTopLane(entry, timeZone, laneOptions)), days, { timeZone, laneCap: Math.max(0, topLaneCap) }), [entries, days, timeZone, laneOptions, topLaneCap]);
-  const drawable = (0, import_react66.useMemo)(() => overlays.filter((overlay) => new Date(overlay.end).getTime() >= new Date(overlay.start).getTime()), [overlays]);
-  const strip = (0, import_react66.useMemo)(() => layoutDaySpans(drawable, days, { timeZone, laneCap: Math.max(0, windowLaneCap) }), [drawable, days, timeZone, windowLaneCap]);
-  const shades = (0, import_react66.useMemo)(() => layoutDaySpans(drawable.filter((overlay) => overlay.global), days, { timeZone }).placed, [drawable, days, timeZone]);
+  const entryById = (0, import_react67.useMemo)(() => new Map(entries.map((entry) => [entry.id, entry])), [entries]);
+  const overlayById = (0, import_react67.useMemo)(() => new Map(overlays.map((overlay) => [overlay.id, overlay])), [overlays]);
+  const columns = (0, import_react67.useMemo)(() => days.map((date) => layoutTimeGridDay(entries, date, timeZone, { ...laneOptions, maxLanes: lanes })), [days, entries, timeZone, laneOptions, lanes]);
+  const slots = (0, import_react67.useMemo)(() => days.map((date) => zonedHourSlots(date, timeZone)), [days, timeZone]);
+  const top = (0, import_react67.useMemo)(() => layoutDaySpans(entries.filter((entry) => placesInTopLane(entry, timeZone, laneOptions)), days, { timeZone, laneCap: Math.max(0, topLaneCap) }), [entries, days, timeZone, laneOptions, topLaneCap]);
+  const drawable = (0, import_react67.useMemo)(() => overlays.filter((overlay) => new Date(overlay.end).getTime() >= new Date(overlay.start).getTime()), [overlays]);
+  const strip = (0, import_react67.useMemo)(() => layoutDaySpans(drawable, days, { timeZone, laneCap: Math.max(0, windowLaneCap) }), [drawable, days, timeZone, windowLaneCap]);
+  const shades = (0, import_react67.useMemo)(() => layoutDaySpans(drawable.filter((overlay) => overlay.global), days, { timeZone }).placed, [drawable, days, timeZone]);
   const lanesIn = (placed) => placed.reduce((max, span) => Math.max(max, span.lane + 1), 0);
   const maxHours = Math.max(...columns.map((column) => column.dayHours));
-  const gutterIndex = (0, import_react66.useMemo)(() => {
+  const gutterIndex = (0, import_react67.useMemo)(() => {
     const signatures = slots.map(slotSignature);
     const count2 = /* @__PURE__ */ new Map();
     for (const signature of signatures) count2.set(signature, (count2.get(signature) ?? 0) + 1);
@@ -11126,7 +11803,7 @@ function SchedulingTimeGrid({
     return best;
   }, [slots]);
   const gutterSignature = slotSignature(slots[gutterIndex]);
-  const hourLabels = (index, inline) => slots[index].map((slot) => /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
+  const hourLabels = (index, inline) => slots[index].map((slot) => /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
     "div",
     {
       className: inline ? "uix-scheduling-calendar__tg-hour uix-scheduling-calendar__tg-hour--inline" : "uix-scheduling-calendar__tg-hour",
@@ -11134,21 +11811,21 @@ function SchedulingTimeGrid({
       style: vars({ "--uix-scheduling-calendar-offset": (slot.instant.getTime() - columns[index].dayStart) / HOUR_MS2 }),
       children: [
         slot.label,
-        slot.offsetLabel && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "uix-scheduling-calendar__tg-offset", children: slot.offsetLabel })
+        slot.offsetLabel && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "uix-scheduling-calendar__tg-offset", children: slot.offsetLabel })
       ]
     },
     slot.instant.getTime()
   ));
   const movable = (entry) => moving && entry.movable !== false;
-  const live = (0, import_react66.useRef)({ ghost, entryById, timeZone, step, onProposeMove, onSelectEntry, labels, formatInstant, days, columns, movable });
+  const live = (0, import_react67.useRef)({ ghost, entryById, timeZone, step, onProposeMove, onSelectEntry, labels, formatInstant, days, columns, movable });
   live.current = { ghost, entryById, timeZone, step, onProposeMove, onSelectEntry, labels, formatInstant, days, columns, movable };
-  const dragRef = (0, import_react66.useRef)(null);
-  const suppressClick = (0, import_react66.useRef)(false);
-  const refocus = (0, import_react66.useRef)(null);
-  (0, import_react66.useEffect)(() => {
+  const dragRef = (0, import_react67.useRef)(null);
+  const suppressClick = (0, import_react67.useRef)(false);
+  const refocus = (0, import_react67.useRef)(null);
+  (0, import_react67.useEffect)(() => {
     if (ghost && !entryById.has(ghost.id)) setGhost(null);
   }, [ghost, entryById]);
-  (0, import_react66.useEffect)(() => {
+  (0, import_react67.useEffect)(() => {
     const id = refocus.current;
     const root = rootRef.current;
     if (!id || !root) return;
@@ -11165,7 +11842,7 @@ function SchedulingTimeGrid({
       }
     }
   });
-  const send = (0, import_react66.useCallback)((id, delta) => {
+  const send = (0, import_react67.useCallback)((id, delta) => {
     const state = live.current;
     const entry = state.entryById.get(id);
     if (!entry || !state.onProposeMove || !state.movable(entry) || delta.days === 0 && delta.minutes === 0) {
@@ -11180,7 +11857,7 @@ function SchedulingTimeGrid({
       result.then(clear, clear);
     } else setGhost(null);
   }, []);
-  const handlers = (0, import_react66.useMemo)(() => ({
+  const handlers = (0, import_react67.useMemo)(() => ({
     click: (entry) => {
       live.current.onSelectEntry?.(entry);
     },
@@ -11303,7 +11980,7 @@ function SchedulingTimeGrid({
       };
     }
   }), [send]);
-  (0, import_react66.useEffect)(() => () => {
+  (0, import_react67.useEffect)(() => () => {
     dragRef.current?.stop();
     dragRef.current = null;
   }, []);
@@ -11395,7 +12072,7 @@ function SchedulingTimeGrid({
   const ghostParts = ghost && ghostEntry && !ghostTop ? days.map((date) => layoutTimeGridDay([{ id: "ghost", start: ghost.proposal.start, end: ghost.proposal.end }], date, timeZone, { crossMidnightMinutes: Infinity }).segments) : null;
   const ghostSpan = ghost && ghostEntry && ghostTop ? layoutDaySpans([{ id: "ghost", start: ghost.proposal.start, end: ghost.proposal.end }], days, { timeZone }).placed[0] : void 0;
   const ghostLane = ghost ? top.placed.find((span) => span.id === ghost.id)?.lane ?? 0 : 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
     "div",
     {
       ref: rootRef,
@@ -11414,8 +12091,8 @@ function SchedulingTimeGrid({
         }
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "uix-scheduling-calendar__tg-head", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "uix-scheduling-calendar__tg-zone", children: fillLabel(labels.timeZone, { timeZone }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "uix-scheduling-calendar__tg-head", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "uix-scheduling-calendar__tg-zone", children: fillLabel(labels.timeZone, { timeZone }) }),
           days.map((date, index) => {
             const info = dayInfo?.[date];
             const hiddenIds = dayInfo ? [] : [...columns[index].hidden, ...topHiddenOn(date)];
@@ -11423,8 +12100,8 @@ function SchedulingTimeGrid({
             const moreText = fillLabel(labels.moreSpans, { count: more });
             const moreName = fillLabel(labels.moreEntriesLabel, { count: more, date: dateText(date, "day") });
             const headName = !info ? dateText(date, "day") : info.label ? fillLabel(labels.dayName, { date: dateText(date, "day"), label: info.label }) : `${dateText(date, "day")}, ${fillLabel(labels.dayCount, { count: info.count })}`;
-            return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "uix-scheduling-calendar__tg-dayhead", role: "group", "aria-label": headName, "data-date": date, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "uix-scheduling-calendar__tg-dayhead", role: "group", "aria-label": headName, "data-date": date, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
                 "button",
                 {
                   type: "button",
@@ -11438,20 +12115,20 @@ function SchedulingTimeGrid({
                   children: dateText(date, "column")
                 }
               ),
-              info && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "uix-scheduling-calendar__count", "aria-hidden": "true", children: info.count }),
-              info?.markers && info.markers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "uix-scheduling-calendar__markers", children: info.markers.map((marker) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { children: renderMarker2(marker, true) }, marker.id)) }),
-              more > 0 && (onShowMore ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("button", { type: "button", tabIndex: -1, className: "uix-scheduling-calendar__more", "aria-label": moreName, onClick: () => onShowMore(date, hiddenIds.map((id) => entryById.get(id)).filter(Boolean)), children: moreText }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("span", { className: "uix-scheduling-calendar__more", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { "aria-hidden": "true", children: moreText }),
-                /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "uix-visually-hidden", children: moreName })
+              info && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "uix-scheduling-calendar__count", "aria-hidden": "true", children: info.count }),
+              info?.markers && info.markers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "uix-scheduling-calendar__markers", children: info.markers.map((marker) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { children: renderMarker2(marker, true) }, marker.id)) }),
+              more > 0 && (onShowMore ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("button", { type: "button", tabIndex: -1, className: "uix-scheduling-calendar__more", "aria-label": moreName, onClick: () => onShowMore(date, hiddenIds.map((id) => entryById.get(id)).filter(Boolean)), children: moreText }) : /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("span", { className: "uix-scheduling-calendar__more", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { "aria-hidden": "true", children: moreText }),
+                /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "uix-visually-hidden", children: moreName })
               ] }))
             ] }, date);
           })
         ] }),
-        (windowLanes > 0 || moreWindows > 0) && /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "uix-scheduling-calendar__tg-strip", role: "group", "aria-label": labels.windows, style: vars({ "--uix-scheduling-calendar-lanes": Math.max(windowLanes, 1) }), children: [
+        (windowLanes > 0 || moreWindows > 0) && /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "uix-scheduling-calendar__tg-strip", role: "group", "aria-label": labels.windows, style: vars({ "--uix-scheduling-calendar-lanes": Math.max(windowLanes, 1) }), children: [
           strip.placed.map((placed) => {
             const overlay = overlayById.get(placed.id);
             if (!overlay) return null;
-            return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
               "button",
               {
                 type: "button",
@@ -11466,24 +12143,24 @@ function SchedulingTimeGrid({
                 style: { gridColumn: gridColumns(placed), ...vars({ "--uix-scheduling-calendar-lane": placed.lane }) },
                 onClick: () => onSelectOverlay?.(overlay),
                 "aria-label": overlayName(overlay),
-                children: /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("span", { className: "uix-scheduling-calendar__window-text", children: [
-                  overlay.kindLabel && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "uix-scheduling-calendar__window-kind", children: overlay.kindLabel }),
-                  /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "uix-scheduling-calendar__window-name", children: overlay.label }),
-                  overlay.scopeLabel && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "uix-scheduling-calendar__window-scope", children: overlay.scopeLabel })
+                children: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("span", { className: "uix-scheduling-calendar__window-text", children: [
+                  overlay.kindLabel && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "uix-scheduling-calendar__window-kind", children: overlay.kindLabel }),
+                  /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "uix-scheduling-calendar__window-name", children: overlay.label }),
+                  overlay.scopeLabel && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "uix-scheduling-calendar__window-scope", children: overlay.scopeLabel })
                 ] })
               },
               placed.id
             );
           }),
-          moreWindows > 0 && (onShowMore ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("button", { type: "button", tabIndex: -1, className: "uix-scheduling-calendar__rowmore", "data-more-date": firstHiddenWindowDay, "aria-label": fillLabel(labels.moreWindowsLabel, { count: moreWindows, date: dateText(firstHiddenWindowDay, "day") }), onClick: () => onShowMore(firstHiddenWindowDay, []), children: fillLabel(labels.moreWindows, { count: moreWindows }) }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "uix-scheduling-calendar__rowmore", children: fillLabel(labels.moreWindows, { count: moreWindows }) }))
+          moreWindows > 0 && (onShowMore ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("button", { type: "button", tabIndex: -1, className: "uix-scheduling-calendar__rowmore", "data-more-date": firstHiddenWindowDay, "aria-label": fillLabel(labels.moreWindowsLabel, { count: moreWindows, date: dateText(firstHiddenWindowDay, "day") }), onClick: () => onShowMore(firstHiddenWindowDay, []), children: fillLabel(labels.moreWindows, { count: moreWindows }) }) : /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "uix-scheduling-calendar__rowmore", children: fillLabel(labels.moreWindows, { count: moreWindows }) }))
         ] }),
-        (topLanes > 0 || ghostSpan) && /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "uix-scheduling-calendar__tg-strip uix-scheduling-calendar__tg-top", role: "group", "aria-label": labels.topLane, style: vars({ "--uix-scheduling-calendar-lanes": Math.max(topLanes, 1) }), children: [
+        (topLanes > 0 || ghostSpan) && /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "uix-scheduling-calendar__tg-strip uix-scheduling-calendar__tg-top", role: "group", "aria-label": labels.topLane, style: vars({ "--uix-scheduling-calendar-lanes": Math.max(topLanes, 1) }), children: [
           top.placed.map((placed) => {
             const entry = entryById.get(placed.id);
             if (!entry) return null;
             const canDrag = movable(entry);
             const markers = entryMarkers(entry);
-            return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
               "button",
               {
                 type: "button",
@@ -11506,23 +12183,23 @@ function SchedulingTimeGrid({
                 onBlur: canDrag ? () => handlers.blur(entry) : void 0,
                 onPointerDown: canDrag ? (event) => handlers.pointerDown(event, entry, placed.startCol, true) : void 0,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "uix-scheduling-calendar__entry-text", children: renderEntry?.(entry, { availableLines: 1 }) ?? /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(import_jsx_runtime91.Fragment, { children: [
-                    !placed.continuesBefore && !entry.allDay && /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(import_jsx_runtime91.Fragment, { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "uix-scheduling-calendar__time", children: zonedTimeOfDay(entry.start, timeZone) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "uix-scheduling-calendar__entry-text", children: renderEntry?.(entry, { availableLines: 1 }) ?? /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(import_jsx_runtime92.Fragment, { children: [
+                    !placed.continuesBefore && !entry.allDay && /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(import_jsx_runtime92.Fragment, { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "uix-scheduling-calendar__time", children: zonedTimeOfDay(entry.start, timeZone) }),
                       " "
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "uix-scheduling-calendar__title", children: entry.title })
+                    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "uix-scheduling-calendar__title", children: entry.title })
                   ] }) }),
-                  markers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "uix-scheduling-calendar__markers", children: markers.map((marker) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { children: renderMarker2(marker) }, marker.id)) })
+                  markers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "uix-scheduling-calendar__markers", children: markers.map((marker) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { children: renderMarker2(marker) }, marker.id)) })
                 ]
               },
               placed.id
             );
           }),
-          ghostSpan && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "uix-scheduling-calendar__tg-ghost", "aria-hidden": "true", "data-sent": ghost?.source === "sent" || void 0, style: { gridColumn: gridColumns(ghostSpan), ...vars({ "--uix-scheduling-calendar-lane": ghostLane }) } })
+          ghostSpan && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "uix-scheduling-calendar__tg-ghost", "aria-hidden": "true", "data-sent": ghost?.source === "sent" || void 0, style: { gridColumn: gridColumns(ghostSpan), ...vars({ "--uix-scheduling-calendar-lane": ghostLane }) } })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "uix-scheduling-calendar__tg-body", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "uix-scheduling-calendar__tg-gutter", "aria-hidden": "true", children: hourLabels(gutterIndex, false) }),
+        /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "uix-scheduling-calendar__tg-body", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "uix-scheduling-calendar__tg-gutter", "aria-hidden": "true", children: hourLabels(gutterIndex, false) }),
           shades.map((placed) => {
             const overlay = overlayById.get(placed.id);
             const first = columns[placed.startCol];
@@ -11532,14 +12209,14 @@ function SchedulingTimeGrid({
             const width = 100 / (placed.endCol - placed.startCol + 1);
             const percent = (value) => `${Math.round(value * 1e4) / 100}%`;
             const clipPath = placed.startCol === placed.endCol ? `polygon(0 ${percent(from)}, 100% ${percent(from)}, 100% ${percent(to)}, 0 ${percent(to)})` : `polygon(0 ${percent(from)}, ${width}% ${percent(from)}, ${width}% 0, 100% 0, 100% ${percent(to)}, ${100 - width}% ${percent(to)}, ${100 - width}% 100%, 0 100%)`;
-            return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "uix-scheduling-calendar__tg-shade", "aria-hidden": "true", "data-pattern": overlay.pattern ?? "solid", style: { gridColumn: gridColumns(placed), clipPath } }, `shade-${placed.id}`);
+            return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "uix-scheduling-calendar__tg-shade", "aria-hidden": "true", "data-pattern": overlay.pattern ?? "solid", style: { gridColumn: gridColumns(placed), clipPath } }, `shade-${placed.id}`);
           }),
-          columns.map((column, index) => /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "uix-scheduling-calendar__tg-column", "data-tg-column": column.date, style: { gridColumn: `${index + 2}`, ...vars({ "--uix-scheduling-calendar-hours": column.dayHours }) }, children: [
+          columns.map((column, index) => /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "uix-scheduling-calendar__tg-column", "data-tg-column": column.date, style: { gridColumn: `${index + 2}`, ...vars({ "--uix-scheduling-calendar-hours": column.dayHours }) }, children: [
             slotSignature(slots[index]) !== gutterSignature && hourLabels(index, true),
             column.segments.map((segment) => {
               const entry = entryById.get(segment.id);
               const alone = segment.part === "continuation" && index === 0;
-              return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+              return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
                 GridItem,
                 {
                   entry,
@@ -11560,7 +12237,7 @@ function SchedulingTimeGrid({
                 `${segment.id}-${segment.part}`
               );
             }),
-            ghostParts?.[index].map((segment) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+            ghostParts?.[index].map((segment) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
               "div",
               {
                 className: "uix-scheduling-calendar__tg-ghost",
@@ -11570,20 +12247,20 @@ function SchedulingTimeGrid({
               },
               `ghost-${segment.part}`
             )),
-            index === nowColumn && nowAt !== null && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "uix-scheduling-calendar__tg-now", "aria-hidden": "true", style: vars({ "--uix-scheduling-calendar-offset": (nowAt - column.dayStart) / HOUR_MS2 }) })
+            index === nowColumn && nowAt !== null && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "uix-scheduling-calendar__tg-now", "aria-hidden": "true", style: vars({ "--uix-scheduling-calendar-offset": (nowAt - column.dayStart) / HOUR_MS2 }) })
           ] }, column.date))
         ] }),
-        emptyNote != null && emptyNote !== false && nothingToShow && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "uix-scheduling-calendar__empty", children: emptyNote }),
-        moving && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("p", { id: hintId, className: "uix-visually-hidden", children: labels.moveHint }),
-        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "uix-scheduling-calendar__tg-probe", "aria-hidden": "true", children: "00:00 abcdef" }),
-        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "uix-visually-hidden", "aria-live": "polite", children: announcement })
+        emptyNote != null && emptyNote !== false && nothingToShow && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "uix-scheduling-calendar__empty", children: emptyNote }),
+        moving && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("p", { id: hintId, className: "uix-visually-hidden", children: labels.moveHint }),
+        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "uix-scheduling-calendar__tg-probe", "aria-hidden": "true", children: "00:00 abcdef" }),
+        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "uix-visually-hidden", "aria-live": "polite", children: announcement })
       ]
     }
   );
 }
 
 // src/components/SchedulingCalendar.tsx
-var import_jsx_runtime92 = require("react/jsx-runtime");
+var import_jsx_runtime93 = require("react/jsx-runtime");
 var DEFAULT_SCHEDULING_CALENDAR_LABELS = {
   region: "Scheduling calendar in {timeZone}",
   previous: "Previous",
@@ -11652,12 +12329,12 @@ function coveredDays(start, end, timeZone) {
 }
 function Marker({ marker, showLabel }) {
   const emphasis = marker.emphasis ?? "neutral";
-  return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("span", { className: "uix-scheduling-calendar__marker", "data-emphasis": emphasis, "data-glyph": marker.icon == null ? emphasis : void 0, children: [
-    marker.icon != null && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "uix-scheduling-calendar__marker-icon", "aria-hidden": "true", children: marker.icon }),
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: showLabel ? "uix-scheduling-calendar__marker-label" : "uix-visually-hidden", children: marker.label })
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("span", { className: "uix-scheduling-calendar__marker", "data-emphasis": emphasis, "data-glyph": marker.icon == null ? emphasis : void 0, children: [
+    marker.icon != null && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "uix-scheduling-calendar__marker-icon", "aria-hidden": "true", children: marker.icon }),
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: showLabel ? "uix-scheduling-calendar__marker-label" : "uix-visually-hidden", children: marker.label })
   ] });
 }
-var renderMarker = (marker, showLabel) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Marker, { marker, showLabel });
+var renderMarker = (marker, showLabel) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Marker, { marker, showLabel });
 function SchedulingCalendar({
   entries,
   anchorDate,
@@ -11716,27 +12393,27 @@ function SchedulingCalendar({
   };
   const stateLabel = labels.states;
   const viewLabel = { month: labels.viewMonth, week: labels.viewWeek, day: labels.viewDay, agenda: labels.viewAgenda };
-  const [internalView, setInternalView] = (0, import_react67.useState)("month");
+  const [internalView, setInternalView] = (0, import_react68.useState)("month");
   const view = controlledView ?? internalView;
-  const [activeDate, setActiveDate] = (0, import_react67.useState)(anchorDate);
-  const [expandedDates, setExpandedDates] = (0, import_react67.useState)(() => /* @__PURE__ */ new Set());
+  const [activeDate, setActiveDate] = (0, import_react68.useState)(anchorDate);
+  const [expandedDates, setExpandedDates] = (0, import_react68.useState)(() => /* @__PURE__ */ new Set());
   const dateText = (date, part) => formatDate?.(date, part) ?? cachedDateTimeFormat(locale, INTL_PARTS[part]).format(utcDate(date));
   const formatInstant = (instant) => formatInstantProp?.(instant) ?? `${dateText(zonedDateKey(instant, timeZone), "day")} ${zonedTimeOfDay(instant, timeZone)}`;
-  const gridRef = (0, import_react67.useRef)(null);
+  const gridRef = (0, import_react68.useRef)(null);
   const picksGiven = dayEntries !== void 0;
   const controlled = picksGiven || dayInfo !== void 0;
   const countsOnly = monthDensity === "counts" && view === "month";
   const fixed = controlled || maxEntriesPerDay !== void 0 && onShowMore !== void 0 || countsOnly;
   const windowCap = Math.max(0, windowLaneCap ?? (fixed ? DEFAULT_LANE_CAP2 : Infinity));
   const spanCap = Math.max(0, spanLaneCap ?? (fixed ? DEFAULT_LANE_CAP2 : Infinity));
-  const visibleEntries = (0, import_react67.useMemo)(() => entries.filter((entry) => filter?.(entry) ?? true), [entries, filter]);
-  const monthDays = (0, import_react67.useMemo)(() => buildMonthGrid(startOfMonth(anchorDate), weekStartsOn), [anchorDate, weekStartsOn]);
+  const visibleEntries = (0, import_react68.useMemo)(() => entries.filter((entry) => filter?.(entry) ?? true), [entries, filter]);
+  const monthDays = (0, import_react68.useMemo)(() => buildMonthGrid(startOfMonth(anchorDate), weekStartsOn), [anchorDate, weekStartsOn]);
   const weekday = (utcDate(anchorDate).getUTCDay() - weekStartsOn + 7) % 7;
   const weekStart = addCalendarDays(anchorDate, -weekday);
-  const weekDays = (0, import_react67.useMemo)(() => Array.from({ length: 7 }, (_, index) => addCalendarDays(weekStart, index)), [weekStart]);
-  const days = (0, import_react67.useMemo)(() => view === "month" ? monthDays.map((day) => day.date) : view === "day" ? [anchorDate] : weekDays, [view, monthDays, weekDays, anchorDate]);
+  const weekDays = (0, import_react68.useMemo)(() => Array.from({ length: 7 }, (_, index) => addCalendarDays(weekStart, index)), [weekStart]);
+  const days = (0, import_react68.useMemo)(() => view === "month" ? monthDays.map((day) => day.date) : view === "day" ? [anchorDate] : weekDays, [view, monthDays, weekDays, anchorDate]);
   const timeGridView = view === "day" || view === "week" && timeGrid;
-  const { singles, multiDay, coverage } = (0, import_react67.useMemo)(() => {
+  const { singles, multiDay, coverage } = (0, import_react68.useMemo)(() => {
     const byDay = /* @__PURE__ */ new Map();
     const spans = [];
     const every = [];
@@ -11751,9 +12428,9 @@ function SchedulingCalendar({
     }
     return { singles: byDay, multiDay: spans, coverage: every };
   }, [visibleEntries, timeZone]);
-  const entryById = (0, import_react67.useMemo)(() => new Map([...multiDay].reverse().map(({ entry }) => [entry.id, entry])), [multiDay]);
-  const overlayById = (0, import_react67.useMemo)(() => new Map([...overlays].reverse().map((overlay) => [overlay.id, overlay])), [overlays]);
-  const layout = (0, import_react67.useMemo)(() => {
+  const entryById = (0, import_react68.useMemo)(() => new Map([...multiDay].reverse().map(({ entry }) => [entry.id, entry])), [multiDay]);
+  const overlayById = (0, import_react68.useMemo)(() => new Map([...overlays].reverse().map((overlay) => [overlay.id, overlay])), [overlays]);
+  const layout = (0, import_react68.useMemo)(() => {
     if (spanLayout) return spanLayout;
     if (view === "agenda" || timeGridView) return { placed: [], hiddenByRow: {}, firstHiddenDayByRow: {} };
     const inputs = [];
@@ -11771,7 +12448,7 @@ function SchedulingCalendar({
     }
     return layoutMonthSpans(inputs, days, { timeZone, laneCap: { window: windowCap, item: spanCap } });
   }, [spanLayout, view, timeGridView, overlays, multiDay, days, timeZone, windowCap, spanCap, countsOnly]);
-  const placedByRow = (0, import_react67.useMemo)(() => {
+  const placedByRow = (0, import_react68.useMemo)(() => {
     const rows = /* @__PURE__ */ new Map();
     for (const placed of layout.placed) {
       const row = rows.get(placed.weekRow);
@@ -11782,7 +12459,7 @@ function SchedulingCalendar({
   }, [layout]);
   const lanesUsed = (row, group) => (placedByRow.get(row) ?? []).reduce((max, placed) => placed.group === group ? Math.max(max, placed.lane + 1) : max, 0);
   const lanesUsedAnywhere = (group) => layout.placed.reduce((max, placed) => placed.group === group ? Math.max(max, placed.lane + 1) : max, 0);
-  (0, import_react67.useEffect)(() => {
+  (0, import_react68.useEffect)(() => {
     if (view !== "agenda" && !days.includes(activeDate)) setActiveDate(days[0]);
   }, [activeDate, days, view]);
   const setView = (next) => {
@@ -11798,7 +12475,7 @@ function SchedulingCalendar({
     setActiveDate(date);
     requestAnimationFrame(() => gridRef.current?.querySelector(`[data-calendar-date="${date}"]`)?.focus());
   };
-  const enteredFrom = (0, import_react67.useRef)(null);
+  const enteredFrom = (0, import_react68.useRef)(null);
   const cellOf = (date) => gridRef.current?.querySelector(`[data-calendar-date="${date}"]`)?.closest(".uix-scheduling-calendar__day") ?? null;
   const dayRing = (date) => {
     const cell = cellOf(date);
@@ -11868,10 +12545,10 @@ function SchedulingCalendar({
     const date = dayOfItem(item);
     if (date && dayRing(date).includes(item)) setActiveDate(date);
   };
-  const flatAgendaRef = (0, import_react67.useRef)(null);
-  const flatAgendaStop = (0, import_react67.useRef)({ node: null, index: 0 });
+  const flatAgendaRef = (0, import_react68.useRef)(null);
+  const flatAgendaStop = (0, import_react68.useRef)({ node: null, index: 0 });
   const flatAgendaRows = () => Array.from(flatAgendaRef.current?.querySelectorAll(":scope > ol > li > button") ?? []);
-  (0, import_react67.useEffect)(() => {
+  (0, import_react68.useEffect)(() => {
     flatAgendaStop.current = syncRovingStop(flatAgendaRows(), flatAgendaStop.current);
   });
   const onFlatAgendaFocus = (event) => {
@@ -11921,15 +12598,15 @@ function SchedulingCalendar({
   });
   const entryContent = (entry, withTime = true) => {
     const markers = markersOf(entry);
-    return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(import_jsx_runtime92.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "uix-scheduling-calendar__entry-text", children: renderEntry?.(entry) ?? /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(import_jsx_runtime92.Fragment, { children: [
-        withTime && /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(import_jsx_runtime92.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "uix-scheduling-calendar__time", children: zonedTimeOfDay(entry.start, timeZone) }),
+    return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_jsx_runtime93.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "uix-scheduling-calendar__entry-text", children: renderEntry?.(entry) ?? /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_jsx_runtime93.Fragment, { children: [
+        withTime && /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_jsx_runtime93.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "uix-scheduling-calendar__time", children: zonedTimeOfDay(entry.start, timeZone) }),
           " "
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "uix-scheduling-calendar__title", children: entry.title })
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "uix-scheduling-calendar__title", children: entry.title })
       ] }) }),
-      markers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "uix-scheduling-calendar__markers", children: markers.map((marker) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Marker, { marker }, marker.id)) })
+      markers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "uix-scheduling-calendar__markers", children: markers.map((marker) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Marker, { marker }, marker.id)) })
     ] });
   };
   const laneStyle = (placed, windowLanes) => ({
@@ -11948,25 +12625,25 @@ function SchedulingCalendar({
     const onDay = picksGiven ? all : entriesOn(date);
     const badge = renderDayBadge?.(date, onDay);
     const hasBadge = badge != null && badge !== false;
-    const dateButton = /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("button", { type: "button", className: "uix-scheduling-calendar__date", "data-calendar-date": date, tabIndex: activeDate === date ? 0 : -1, onFocus: () => setActiveDate(date), onKeyDown: (event) => onDayKeyDown(event, date), onClick: onSelectDate ? () => onSelectDate(date) : void 0, "aria-label": info?.label ? fillLabel(labels.dayName, { date: dateText(date, "day"), label: info.label }) : dateText(date, "day"), children: Number(date.slice(-2)) });
+    const dateButton = /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("button", { type: "button", className: "uix-scheduling-calendar__date", "data-calendar-date": date, tabIndex: activeDate === date ? 0 : -1, onFocus: () => setActiveDate(date), onKeyDown: (event) => onDayKeyDown(event, date), onClick: onSelectDate ? () => onSelectDate(date) : void 0, "aria-label": info?.label ? fillLabel(labels.dayName, { date: dateText(date, "day"), label: info.label }) : dateText(date, "day"), children: Number(date.slice(-2)) });
     const moreText = fillLabel(labels.moreEntries, { count: hiddenCount });
     const moreName = fillLabel(labels.moreEntriesLabel, { count: hiddenCount, date: dateText(date, "day") });
-    return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "uix-scheduling-calendar__day", "data-outside": view === "month" && !monthDays[index].inMonth || void 0, children: [
-      hasBadge || info ? /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "uix-scheduling-calendar__dayhead", children: [
-        hasBadge && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "uix-scheduling-calendar__badge", children: badge }),
-        info && /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("span", { className: "uix-scheduling-calendar__count", "aria-hidden": info.label ? true : void 0, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { "aria-hidden": "true", children: info.count }),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "uix-visually-hidden", children: info.label ?? fillLabel(labels.dayCount, { count: info.count }) })
+    return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "uix-scheduling-calendar__day", "data-outside": view === "month" && !monthDays[index].inMonth || void 0, children: [
+      hasBadge || info ? /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "uix-scheduling-calendar__dayhead", children: [
+        hasBadge && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "uix-scheduling-calendar__badge", children: badge }),
+        info && /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("span", { className: "uix-scheduling-calendar__count", "aria-hidden": info.label ? true : void 0, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { "aria-hidden": "true", children: info.count }),
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "uix-visually-hidden", children: info.label ?? fillLabel(labels.dayCount, { count: info.count }) })
         ] }),
-        info?.markers && info.markers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "uix-scheduling-calendar__markers", children: info.markers.map((marker) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Marker, { marker }, marker.id)) }),
+        info?.markers && info.markers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "uix-scheduling-calendar__markers", children: info.markers.map((marker) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Marker, { marker }, marker.id)) }),
         dateButton
       ] }) : dateButton,
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "uix-scheduling-calendar__entries", children: [
-        shown.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("button", { className: "uix-scheduling-calendar__entry", ...entryProps(entry), children: entryContent(entry) }, entry.id)),
-        countsOnly ? null : controlled ? hiddenCount > 0 && (onShowMore ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("button", { type: "button", tabIndex: -1, className: "uix-scheduling-calendar__more", "aria-label": moreName, onClick: () => onShowMore(date, onDay), children: moreText }) : /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("span", { className: "uix-scheduling-calendar__more", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { "aria-hidden": "true", children: moreText }),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "uix-visually-hidden", children: moreName })
-        ] })) : overflowing && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("button", { type: "button", tabIndex: -1, className: "uix-scheduling-calendar__more", "aria-expanded": onShowMore ? void 0 : !collapsed, "aria-label": collapsed ? moreName : void 0, onClick: () => toggleMore(date, onDay), children: collapsed ? moreText : labels.fewerEntries })
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "uix-scheduling-calendar__entries", children: [
+        shown.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("button", { className: "uix-scheduling-calendar__entry", ...entryProps(entry), children: entryContent(entry) }, entry.id)),
+        countsOnly ? null : controlled ? hiddenCount > 0 && (onShowMore ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("button", { type: "button", tabIndex: -1, className: "uix-scheduling-calendar__more", "aria-label": moreName, onClick: () => onShowMore(date, onDay), children: moreText }) : /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("span", { className: "uix-scheduling-calendar__more", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { "aria-hidden": "true", children: moreText }),
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "uix-visually-hidden", children: moreName })
+        ] })) : overflowing && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("button", { type: "button", tabIndex: -1, className: "uix-scheduling-calendar__more", "aria-expanded": onShowMore ? void 0 : !collapsed, "aria-label": collapsed ? moreName : void 0, onClick: () => toggleMore(date, onDay), children: collapsed ? moreText : labels.fewerEntries })
       ] })
     ] }, date);
   };
@@ -11981,26 +12658,26 @@ function SchedulingCalendar({
     const moreText = fillLabel(labels.moreSpans, { count: hidden });
     const moreName = fillLabel(labels.moreSpansLabel, { count: hidden, date: dateText(firstHiddenDay, "day") });
     const style = { ["--uix-scheduling-calendar-lanes"]: Math.max(windowLanes + spanLanes, hidden > 0 ? 1 : 0) };
-    return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "uix-scheduling-calendar__week", style, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "uix-scheduling-calendar__week", style, children: [
       rowDays.map((date, column) => renderDay(date, row * 7 + column)),
       (placedByRow.get(row) ?? []).map((placed) => {
         const continues = { "data-continues-before": placed.continuesBefore || void 0, "data-continues-after": placed.continuesAfter || void 0 };
         if (placed.group === "window") {
           const overlay = overlayById.get(placed.id);
           if (!overlay) return null;
-          return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("button", { type: "button", tabIndex: -1, className: "uix-scheduling-calendar__window", "data-overlay-id": overlay.id, "data-pattern": overlay.pattern ?? "solid", "data-global": overlay.global || void 0, "data-kind": overlay.kind, ...continues, style: laneStyle(placed, windowLanes), onClick: () => onSelectOverlay?.(overlay), "aria-label": overlayName(overlay), children: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("span", { className: "uix-scheduling-calendar__window-text", children: [
-            overlay.kindLabel && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "uix-scheduling-calendar__window-kind", children: overlay.kindLabel }),
-            /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "uix-scheduling-calendar__window-name", children: overlay.label }),
-            overlay.scopeLabel && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "uix-scheduling-calendar__window-scope", children: overlay.scopeLabel })
+          return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("button", { type: "button", tabIndex: -1, className: "uix-scheduling-calendar__window", "data-overlay-id": overlay.id, "data-pattern": overlay.pattern ?? "solid", "data-global": overlay.global || void 0, "data-kind": overlay.kind, ...continues, style: laneStyle(placed, windowLanes), onClick: () => onSelectOverlay?.(overlay), "aria-label": overlayName(overlay), children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("span", { className: "uix-scheduling-calendar__window-text", children: [
+            overlay.kindLabel && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "uix-scheduling-calendar__window-kind", children: overlay.kindLabel }),
+            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "uix-scheduling-calendar__window-name", children: overlay.label }),
+            overlay.scopeLabel && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "uix-scheduling-calendar__window-scope", children: overlay.scopeLabel })
           ] }) }, `window-${placed.id}`);
         }
         const entry = entryById.get(placed.id);
         if (!entry || countsOnly) return null;
-        return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("button", { className: "uix-scheduling-calendar__entry uix-scheduling-calendar__span", ...entryProps(entry), ...continues, style: laneStyle(placed, windowLanes), children: entryContent(entry, !placed.continuesBefore) }, `span-${placed.id}`);
+        return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("button", { className: "uix-scheduling-calendar__entry uix-scheduling-calendar__span", ...entryProps(entry), ...continues, style: laneStyle(placed, windowLanes), children: entryContent(entry, !placed.continuesBefore) }, `span-${placed.id}`);
       }),
-      hidden > 0 && (onShowMore ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("button", { type: "button", tabIndex: -1, className: "uix-scheduling-calendar__rowmore", "data-more-date": rowDays.includes(firstHiddenDay) ? firstHiddenDay : rowDays[0], "aria-label": moreName, onClick: () => onShowMore(firstHiddenDay, picksGiven ? dayEntries[firstHiddenDay] ?? EMPTY_ENTRIES : entriesOn(firstHiddenDay)), children: moreText }) : /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("span", { className: "uix-scheduling-calendar__rowmore", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { "aria-hidden": "true", children: moreText }),
-        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "uix-visually-hidden", children: moreName })
+      hidden > 0 && (onShowMore ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("button", { type: "button", tabIndex: -1, className: "uix-scheduling-calendar__rowmore", "data-more-date": rowDays.includes(firstHiddenDay) ? firstHiddenDay : rowDays[0], "aria-label": moreName, onClick: () => onShowMore(firstHiddenDay, picksGiven ? dayEntries[firstHiddenDay] ?? EMPTY_ENTRIES : entriesOn(firstHiddenDay)), children: moreText }) : /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("span", { className: "uix-scheduling-calendar__rowmore", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { "aria-hidden": "true", children: moreText }),
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "uix-visually-hidden", children: moreName })
       ] }))
     ] }, rowDays[0]);
   };
@@ -12011,20 +12688,20 @@ function SchedulingCalendar({
       Object.keys(layout.hiddenByRow ?? {}).length > 0 ? 1 : 0
     )
   } : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("section", { className: cx("uix-scheduling-calendar", className), "aria-label": fillLabel(labels.region, { timeZone }), children: [
-    showHeader && /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "uix-scheduling-calendar__header", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: () => movePeriod(-1), disabled: !onAnchorDateChange, children: periodLabel("previous") }),
-        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: () => movePeriod(1), disabled: !onAnchorDateChange, children: periodLabel("next") })
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("section", { className: cx("uix-scheduling-calendar", className), "aria-label": fillLabel(labels.region, { timeZone }), children: [
+    showHeader && /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "uix-scheduling-calendar__header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: () => movePeriod(-1), disabled: !onAnchorDateChange, children: periodLabel("previous") }),
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: () => movePeriod(1), disabled: !onAnchorDateChange, children: periodLabel("next") })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("strong", { children: view === "month" ? dateText(startOfMonth(anchorDate), "month") : view === "day" ? dateText(anchorDate, "day") : `${dateText(weekStart, "day")} \u2013 ${dateText(weekDays[weekDays.length - 1], "day")}` }),
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "uix-segmented", role: "group", "aria-label": labels.viewGroup, children: (timeGrid || view === "day" ? ["month", "week", "day", "agenda"] : ["month", "week", "agenda"]).map((option) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("button", { type: "button", className: "uix-segmented__option", "aria-pressed": view === option, "data-selected": view === option || void 0, onClick: () => setView(option), children: viewLabel[option] }, option)) })
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("strong", { children: view === "month" ? dateText(startOfMonth(anchorDate), "month") : view === "day" ? dateText(anchorDate, "day") : `${dateText(weekStart, "day")} \u2013 ${dateText(weekDays[weekDays.length - 1], "day")}` }),
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "uix-segmented", role: "group", "aria-label": labels.viewGroup, children: (timeGrid || view === "day" ? ["month", "week", "day", "agenda"] : ["month", "week", "agenda"]).map((option) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("button", { type: "button", className: "uix-segmented__option", "aria-pressed": view === option, "data-selected": view === option || void 0, onClick: () => setView(option), children: viewLabel[option] }, option)) })
     ] }),
-    notice != null && notice !== false && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "uix-scheduling-calendar__notice", children: notice }),
-    loading ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "uix-scheduling-calendar__state", role: "status", children: labels.loading }) : error ? /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "uix-scheduling-calendar__state", role: "alert", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("p", { children: error }),
-      onRetry && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary", onClick: onRetry, children: labels.retry })
-    ] }) : view === "agenda" && agendaGroups ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+    notice != null && notice !== false && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "uix-scheduling-calendar__notice", children: notice }),
+    loading ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "uix-scheduling-calendar__state", role: "status", children: labels.loading }) : error ? /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "uix-scheduling-calendar__state", role: "alert", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("p", { children: error }),
+      onRetry && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary", onClick: onRetry, children: labels.retry })
+    ] }) : view === "agenda" && agendaGroups ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
       SchedulingAgenda,
       {
         groups: agendaGroups,
@@ -12045,22 +12722,22 @@ function SchedulingCalendar({
         onSelectOverlay,
         onShowMore
       }
-    ) : view === "agenda" ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { ref: flatAgendaRef, className: "uix-scheduling-calendar__agenda", role: "region", "aria-label": labels.agenda, onKeyDown: onFlatAgendaKeyDown, onFocus: onFlatAgendaFocus, children: visibleEntries.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("p", { children: labels.agendaEmpty }) : /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("ol", { children: [...visibleEntries].sort((a, b) => a.start.localeCompare(b.start)).map((entry) => {
+    ) : view === "agenda" ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { ref: flatAgendaRef, className: "uix-scheduling-calendar__agenda", role: "region", "aria-label": labels.agenda, onKeyDown: onFlatAgendaKeyDown, onFocus: onFlatAgendaFocus, children: visibleEntries.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("p", { children: labels.agendaEmpty }) : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("ol", { children: [...visibleEntries].sort((a, b) => a.start.localeCompare(b.start)).map((entry) => {
       const markers = markersOf(entry);
-      return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("button", { type: "button", "data-item-id": entry.id, "data-highlight": entry.emphasis === "highlight" || void 0, "data-dim": entry.emphasis === "dim" || void 0, "data-band": entry.band ?? "none", "data-status": statusOf(entry), "data-state": entry.state, onClick: () => onSelectEntry?.(entry), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("span", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("strong", { children: renderEntry?.(entry) ?? entry.title }),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("span", { children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("button", { type: "button", "data-item-id": entry.id, "data-highlight": entry.emphasis === "highlight" || void 0, "data-dim": entry.emphasis === "dim" || void 0, "data-band": entry.band ?? "none", "data-status": statusOf(entry), "data-state": entry.state, onClick: () => onSelectEntry?.(entry), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("span", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("strong", { children: renderEntry?.(entry) ?? entry.title }),
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("span", { children: [
             formatInstant(entry.start),
             " \u2013 ",
             formatInstant(entry.end)
           ] }),
-          entry.meta && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { children: entry.meta })
+          entry.meta && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { children: entry.meta })
         ] }),
-        markers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "uix-scheduling-calendar__markers", children: markers.map((marker) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Marker, { marker }, marker.id)) }),
-        entry.state ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(StatusPill, { tone: stateTone(entry.state), children: stateLabel[entry.state] }) : /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "uix-scheduling-calendar__status", children: stateText(entry) })
+        markers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "uix-scheduling-calendar__markers", children: markers.map((marker) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Marker, { marker }, marker.id)) }),
+        entry.state ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(StatusPill, { tone: stateTone(entry.state), children: stateLabel[entry.state] }) : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "uix-scheduling-calendar__status", children: stateText(entry) })
       ] }) }, entry.id);
-    }) }) }) : timeGridView ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+    }) }) }) : timeGridView ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
       SchedulingTimeGrid,
       {
         view: view === "day" ? "day" : "week",
@@ -12094,26 +12771,26 @@ function SchedulingCalendar({
         emptyNote,
         nothingToShow
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { ref: gridRef, className: cx("uix-scheduling-calendar__grid", view === "week" && "uix-scheduling-calendar__grid--week"), "data-fixed": fixed || void 0, "data-density": countsOnly ? "counts" : void 0, style: gridStyle, onKeyDown: onGridKeyDown, onFocus: onGridFocus, role: "group", "aria-label": fillLabel(labels.grid, { view: viewLabel[view] }), children: [
-      days.slice(0, 7).map((date) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "uix-scheduling-calendar__weekday", "aria-hidden": "true", children: dateText(date, "weekday") }, `weekday-${date}`)),
+    ) : /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { ref: gridRef, className: cx("uix-scheduling-calendar__grid", view === "week" && "uix-scheduling-calendar__grid--week"), "data-fixed": fixed || void 0, "data-density": countsOnly ? "counts" : void 0, style: gridStyle, onKeyDown: onGridKeyDown, onFocus: onGridFocus, role: "group", "aria-label": fillLabel(labels.grid, { view: viewLabel[view] }), children: [
+      days.slice(0, 7).map((date) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "uix-scheduling-calendar__weekday", "aria-hidden": "true", children: dateText(date, "weekday") }, `weekday-${date}`)),
       Array.from({ length: days.length / 7 }, (_, row) => renderWeek(row)),
-      emptyNote != null && emptyNote !== false && nothingToShow && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "uix-scheduling-calendar__empty", children: emptyNote })
+      emptyNote != null && emptyNote !== false && nothingToShow && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "uix-scheduling-calendar__empty", children: emptyNote })
     ] }),
-    legend ? (legend.length > 0 || legendCaption != null && legendCaption !== false) && /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "uix-scheduling-calendar__legend", role: "group", "aria-label": labels.legend, children: [
-      legend.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("ul", { className: "uix-scheduling-calendar__legend-list", children: legend.map((item) => /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("li", { "data-legend-id": item.id, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "uix-scheduling-calendar__swatch", "aria-hidden": "true", "data-band": item.swatch.band, "data-status": item.swatch.status, "data-pattern": item.swatch.pattern, children: item.swatch.icon }),
+    legend ? (legend.length > 0 || legendCaption != null && legendCaption !== false) && /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "uix-scheduling-calendar__legend", role: "group", "aria-label": labels.legend, children: [
+      legend.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("ul", { className: "uix-scheduling-calendar__legend-list", children: legend.map((item) => /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("li", { "data-legend-id": item.id, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "uix-scheduling-calendar__swatch", "aria-hidden": "true", "data-band": item.swatch.band, "data-status": item.swatch.status, "data-pattern": item.swatch.pattern, children: item.swatch.icon }),
         item.label
       ] }, item.id)) }),
-      legendCaption != null && legendCaption !== false && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("p", { className: "uix-scheduling-calendar__legend-caption", children: legendCaption })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "uix-scheduling-calendar__legend", role: "group", "aria-label": labels.legend, children: [
-      ["scheduled", "conflicted", "in-progress", "blackout-violation"].map((state) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { "data-state": state, children: stateLabel[state] }, state)),
-      legendCaption != null && legendCaption !== false && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("p", { className: "uix-scheduling-calendar__legend-caption", children: legendCaption })
+      legendCaption != null && legendCaption !== false && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("p", { className: "uix-scheduling-calendar__legend-caption", children: legendCaption })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "uix-scheduling-calendar__legend", role: "group", "aria-label": labels.legend, children: [
+      ["scheduled", "conflicted", "in-progress", "blackout-violation"].map((state) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { "data-state": state, children: stateLabel[state] }, state)),
+      legendCaption != null && legendCaption !== false && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("p", { className: "uix-scheduling-calendar__legend-caption", children: legendCaption })
     ] })
   ] });
 }
 
 // src/components/SchedulingTimeline.tsx
-var import_react68 = require("react");
+var import_react69 = require("react");
 
 // src/scheduling-timeline-model.ts
 var HOUR = 36e5;
@@ -12299,7 +12976,7 @@ function timelineWindow(offsets, top, bottom, options = {}) {
 }
 
 // src/components/SchedulingTimeline.tsx
-var import_jsx_runtime93 = require("react/jsx-runtime");
+var import_jsx_runtime94 = require("react/jsx-runtime");
 var DEFAULT_SCHEDULING_TIMELINE_LABELS = {
   region: "Schedule timeline in {timeZone}",
   lanes: "Lanes",
@@ -12341,7 +13018,7 @@ var DEFAULT_UNITS = { row: 36, pad: 16, head: 40 };
 var ESTIMATED_VIEWPORT = 720;
 var OVERSCAN_ROWS = 4;
 var BAR_MIN_FALLBACK = 1.5 * 16;
-var useIsomorphicLayoutEffect8 = typeof document !== "undefined" ? import_react68.useLayoutEffect : import_react68.useEffect;
+var useIsomorphicLayoutEffect8 = typeof document !== "undefined" ? import_react69.useLayoutEffect : import_react69.useEffect;
 var sameExtent = (a, b) => a.subRows === b.subRows && a.lanes === b.lanes && a.heads === b.heads;
 var IN_LANE = { scope: "lane", labelTops: ["0%"] };
 var vars2 = (values) => values;
@@ -12358,9 +13035,9 @@ function uniqueKeys2(ids) {
 var lanesOf = (target) => target.laneIds !== void 0 ? new Set(target.laneIds) : target.laneId ? /* @__PURE__ */ new Set([target.laneId]) : null;
 function ItemMarker({ marker, showLabel }) {
   const emphasis = marker.emphasis ?? "neutral";
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("span", { className: "uix-scheduling-timeline__item-marker", "data-emphasis": emphasis, "data-glyph": marker.icon == null ? emphasis : void 0, children: [
-    marker.icon != null && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "uix-scheduling-timeline__item-marker-icon", "aria-hidden": "true", children: marker.icon }),
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: showLabel ? "uix-scheduling-timeline__item-marker-label" : "uix-visually-hidden", children: marker.label })
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("span", { className: "uix-scheduling-timeline__item-marker", "data-emphasis": emphasis, "data-glyph": marker.icon == null ? emphasis : void 0, children: [
+    marker.icon != null && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "uix-scheduling-timeline__item-marker-icon", "aria-hidden": "true", children: marker.icon }),
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: showLabel ? "uix-scheduling-timeline__item-marker-label" : "uix-visually-hidden", children: marker.label })
   ] });
 }
 function SchedulingTimeline({
@@ -12407,29 +13084,29 @@ function SchedulingTimeline({
     overlays: { ...DEFAULT_SCHEDULING_TIMELINE_LABELS.overlays, ...uixLabels.schedulingTimeline?.overlays, ...labelOverrides?.overlays },
     statuses: { ...DEFAULT_SCHEDULING_TIMELINE_LABELS.statuses, ...uixLabels.schedulingTimeline?.statuses, ...labelOverrides?.statuses }
   };
-  const id = (0, import_react68.useId)();
+  const id = (0, import_react69.useId)();
   const hintId = `${id}-hint`;
   const step = stepProp !== void 0 && Number.isFinite(stepProp) && stepProp > 0 ? stepProp : defaultTimelineStep(scale);
-  const rootRef = (0, import_react68.useRef)(null);
-  const [scroller, setScroller] = (0, import_react68.useState)(null);
-  const [layerTrack, setLayerTrack] = (0, import_react68.useState)(null);
-  const probeRef = (0, import_react68.useRef)(null);
-  const bodyRef = (0, import_react68.useRef)(null);
-  const barMinRef = (0, import_react68.useRef)(null);
-  const [barShare, setBarShare] = (0, import_react68.useState)(0);
-  const barShareRef = (0, import_react68.useRef)(0);
-  const anchorRef = (0, import_react68.useRef)(null);
-  const [anchorKey, setAnchorKey] = (0, import_react68.useState)(null);
-  const [focusRowKey, setFocusRowKey] = (0, import_react68.useState)(null);
-  const [activeId, setActiveId] = (0, import_react68.useState)();
-  const [focusRequest, setFocusRequest] = (0, import_react68.useState)(null);
-  const [stepDrag, setStepDrag] = (0, import_react68.useState)(null);
-  const [ghost, setGhost] = (0, import_react68.useState)(null);
-  const [announcement, setAnnouncement] = (0, import_react68.useState)("");
-  const [selfCollapsed, setSelfCollapsed] = (0, import_react68.useState)({});
-  const [units, setUnits] = (0, import_react68.useState)(DEFAULT_UNITS);
-  const [view, setView] = (0, import_react68.useState)({ top: 0, height: ESTIMATED_VIEWPORT });
-  const measureViewRef = (0, import_react68.useRef)(null);
+  const rootRef = (0, import_react69.useRef)(null);
+  const [scroller, setScroller] = (0, import_react69.useState)(null);
+  const [layerTrack, setLayerTrack] = (0, import_react69.useState)(null);
+  const probeRef = (0, import_react69.useRef)(null);
+  const bodyRef = (0, import_react69.useRef)(null);
+  const barMinRef = (0, import_react69.useRef)(null);
+  const [barShare, setBarShare] = (0, import_react69.useState)(0);
+  const barShareRef = (0, import_react69.useRef)(0);
+  const anchorRef = (0, import_react69.useRef)(null);
+  const [anchorKey, setAnchorKey] = (0, import_react69.useState)(null);
+  const [focusRowKey, setFocusRowKey] = (0, import_react69.useState)(null);
+  const [activeId, setActiveId] = (0, import_react69.useState)();
+  const [focusRequest, setFocusRequest] = (0, import_react69.useState)(null);
+  const [stepDrag, setStepDrag] = (0, import_react69.useState)(null);
+  const [ghost, setGhost] = (0, import_react69.useState)(null);
+  const [announcement, setAnnouncement] = (0, import_react69.useState)("");
+  const [selfCollapsed, setSelfCollapsed] = (0, import_react69.useState)({});
+  const [units, setUnits] = (0, import_react69.useState)(DEFAULT_UNITS);
+  const [view, setView] = (0, import_react69.useState)({ top: 0, height: ESTIMATED_VIEWPORT });
+  const measureViewRef = (0, import_react69.useRef)(null);
   const proposing = onProposeMove !== void 0;
   const stepping = !proposing && onMoveItem !== void 0;
   const resizing = onResizeItem !== void 0;
@@ -12444,8 +13121,8 @@ function SchedulingTimeline({
     return offset ? `${text} ${offset}` : text;
   };
   const fmtTick = (at) => formatTick?.(new Date(at), scale) ?? cachedDateTimeFormat(locale, { timeZone, ...TICK_FORMAT[scale] }).format(new Date(at));
-  const ticks = (0, import_react68.useMemo)(() => timelineTicks(range, scale, timeZone, weekStartsOn), [range.start, range.end, scale, timeZone, weekStartsOn]);
-  const minorTicks = (0, import_react68.useMemo)(
+  const ticks = (0, import_react69.useMemo)(() => timelineTicks(range, scale, timeZone, weekStartsOn), [range.start, range.end, scale, timeZone, weekStartsOn]);
+  const minorTicks = (0, import_react69.useMemo)(
     () => scale === "day" && subTicks && subTicks.length > 0 ? timelineSubTicks(range, subTicks, timeZone) : [],
     [range.start, range.end, scale, timeZone, subTicks]
     // eslint-disable-line react-hooks/exhaustive-deps
@@ -12474,7 +13151,7 @@ function SchedulingTimeline({
   const minSpan = Math.max(0, (Date.parse(range.end) - Date.parse(range.start)) * barShare) || 0;
   const isCollapsed = (group) => onToggleGroup ? !!group.collapsed : selfCollapsed[group.id] ?? !!group.collapsed;
   const collapsedSignature = groups?.map((group) => isCollapsed(group) ? "1" : "0").join("") ?? "";
-  const itemsByLane = (0, import_react68.useMemo)(() => {
+  const itemsByLane = (0, import_react69.useMemo)(() => {
     const byLane = /* @__PURE__ */ new Map();
     for (const item of items) {
       const list = byLane.get(item.laneId);
@@ -12483,7 +13160,7 @@ function SchedulingTimeline({
     }
     return byLane;
   }, [items]);
-  const rows = (0, import_react68.useMemo)(() => {
+  const rows = (0, import_react69.useMemo)(() => {
     const laneRow = (lane, laneIndex, groupIndex) => {
       const placed = layoutLane(itemsByLane.get(lane.id) ?? EMPTY_ITEMS, range, { flagOverlaps, minSpan });
       return { kind: "lane", key: `lane-${laneIndex}`, lane, laneIndex, groupIndex, placed, keys: uniqueKeys2(placed.map((p) => p.item.id)), subRows: placed.reduce((max, p) => Math.max(max, p.row + 1), 1) };
@@ -12515,8 +13192,8 @@ function SchedulingTimeline({
     });
     return list;
   }, [lanes, groups, collapsedSignature, itemsByLane, range.start, range.end, flagOverlaps, minSpan]);
-  const laneRows = (0, import_react68.useMemo)(() => rows.filter((row) => row.kind === "lane"), [rows]);
-  const { ordered, rowOfItem } = (0, import_react68.useMemo)(() => {
+  const laneRows = (0, import_react69.useMemo)(() => rows.filter((row) => row.kind === "lane"), [rows]);
+  const { ordered, rowOfItem } = (0, import_react69.useMemo)(() => {
     const ids = [];
     const rowOf = /* @__PURE__ */ new Map();
     rows.forEach((row, rowIndex) => {
@@ -12528,13 +13205,13 @@ function SchedulingTimeline({
     });
     return { ordered: ids, rowOfItem: rowOf };
   }, [rows]);
-  const nothingToShow = (0, import_react68.useMemo)(() => {
+  const nothingToShow = (0, import_react69.useMemo)(() => {
     if (ordered.length > 0) return false;
     const laneIds = new Set(lanes.map((lane) => lane.id));
     return !items.some((item) => laneIds.has(item.laneId) && placeSpan(item, range) !== null);
   }, [ordered, lanes, items, range.start, range.end]);
   const focusId = activeId !== void 0 && rowOfItem.has(activeId) ? activeId : ordered[0];
-  const strips = (0, import_react68.useMemo)(() => {
+  const strips = (0, import_react69.useMemo)(() => {
     const set = /* @__PURE__ */ new Set();
     const shown = overlays.filter((overlay) => placeSpan(overlay, range) !== null).map(lanesOf);
     if (shown.length === 0) return set;
@@ -12544,12 +13221,12 @@ function SchedulingTimeline({
     });
     return set;
   }, [rows, overlays, range.start, range.end]);
-  const extents = (0, import_react68.useMemo)(() => timelineRowExtents(rows.map((row, index) => row.kind === "head" ? { kind: "head", subRows: strips.has(index) ? 1 : 0 } : { kind: "lane", subRows: row.subRows })), [rows, strips]);
+  const extents = (0, import_react69.useMemo)(() => timelineRowExtents(rows.map((row, index) => row.kind === "head" ? { kind: "head", subRows: strips.has(index) ? 1 : 0 } : { kind: "lane", subRows: row.subRows })), [rows, strips]);
   const windowed = lanes.length + (groups?.length ?? 0) > virtualizeAbove;
   const printing = usePrinting(windowed);
   const virtual = windowed && !printing;
   const fixed = windowed || groups !== void 0 || overlays.some((overlay) => overlay.laneIds !== void 0) || markers.some((marker) => marker.laneIds !== void 0);
-  (0, import_react68.useEffect)(() => {
+  (0, import_react69.useEffect)(() => {
     if (!virtual || !scroller) return void 0;
     let frame = 0;
     const measure = () => {
@@ -12589,12 +13266,12 @@ function SchedulingTimeline({
     };
   }, [virtual, scroller]);
   const px = (extent) => extent.subRows * units.row + extent.lanes * units.pad + extent.heads * units.head;
-  const offsets = (0, import_react68.useMemo)(() => virtual ? extents.map(px) : [], [virtual, extents, units]);
+  const offsets = (0, import_react69.useMemo)(() => virtual ? extents.map(px) : [], [virtual, extents, units]);
   const overscan = OVERSCAN_ROWS * units.row;
   const pinned = focusId === void 0 ? -1 : rowOfItem.get(focusId) ?? -1;
-  const focusedRow = (0, import_react68.useMemo)(() => focusRowKey === null ? -1 : rows.findIndex((row) => row.key === focusRowKey), [rows, focusRowKey]);
-  const anchorRow = (0, import_react68.useMemo)(() => anchorKey === null ? -1 : rows.findIndex((row) => row.key === anchorKey), [rows, anchorKey]);
-  const { mounted, windowStart } = (0, import_react68.useMemo)(() => {
+  const focusedRow = (0, import_react69.useMemo)(() => focusRowKey === null ? -1 : rows.findIndex((row) => row.key === focusRowKey), [rows, focusRowKey]);
+  const anchorRow = (0, import_react69.useMemo)(() => anchorKey === null ? -1 : rows.findIndex((row) => row.key === anchorKey), [rows, anchorKey]);
+  const { mounted, windowStart } = (0, import_react69.useMemo)(() => {
     if (!virtual) return { mounted: rows.map((_, index) => index), windowStart: 0 };
     const window_ = timelineWindow(offsets, view.top, view.top + view.height, { overscan });
     const list = [];
@@ -12642,10 +13319,10 @@ function SchedulingTimeline({
     setActiveId(itemId);
     setFocusRequest({ id: itemId });
   };
-  (0, import_react68.useEffect)(() => {
+  (0, import_react69.useEffect)(() => {
     if (focusRequest) findBar(focusRequest.id)?.focus();
   }, [focusRequest]);
-  const itemById = (0, import_react68.useMemo)(() => {
+  const itemById = (0, import_react69.useMemo)(() => {
     const map = /* @__PURE__ */ new Map();
     for (const row of laneRows) for (const p of row.placed) if (!map.has(p.item.id)) map.set(p.item.id, p.item);
     return map;
@@ -12655,15 +13332,15 @@ function SchedulingTimeline({
     const steps = Math.round(ms / step);
     return { days: steps * stepDelta.days, minutes: steps * stepDelta.minutes };
   };
-  const live = (0, import_react68.useRef)({ itemById, timeZone, range, step, onProposeMove, canMove, deltaFor, labels, fmtInstant });
+  const live = (0, import_react69.useRef)({ itemById, timeZone, range, step, onProposeMove, canMove, deltaFor, labels, fmtInstant });
   live.current = { itemById, timeZone, range, step, onProposeMove, canMove, deltaFor, labels, fmtInstant };
-  const dragRef = (0, import_react68.useRef)(null);
-  const suppressClick = (0, import_react68.useRef)(false);
-  const refocus = (0, import_react68.useRef)(null);
-  (0, import_react68.useEffect)(() => {
+  const dragRef = (0, import_react69.useRef)(null);
+  const suppressClick = (0, import_react69.useRef)(false);
+  const refocus = (0, import_react69.useRef)(null);
+  (0, import_react69.useEffect)(() => {
     if (ghost && !itemById.has(ghost.id)) setGhost(null);
   }, [ghost, itemById]);
-  (0, import_react68.useEffect)(() => {
+  (0, import_react69.useEffect)(() => {
     const wanted = refocus.current;
     if (!wanted || !rootRef.current) return;
     const active = document.activeElement;
@@ -12674,11 +13351,11 @@ function SchedulingTimeline({
     }
     findBar(wanted)?.focus();
   });
-  (0, import_react68.useEffect)(() => () => {
+  (0, import_react69.useEffect)(() => () => {
     dragRef.current?.stop();
     dragRef.current = null;
   }, []);
-  (0, import_react68.useEffect)(() => {
+  (0, import_react69.useEffect)(() => {
     if (proposing) return;
     dragRef.current?.stop();
     dragRef.current = null;
@@ -12939,17 +13616,17 @@ function SchedulingTimeline({
       "data-scope": scope.scope,
       style: { left: `${pos.left}%`, width: `${pos.width}%`, ...vars2({ "--uix-timeline-clip": scope.clip }) }
     };
-    const text = scope.labelTops.map((top) => /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("span", { className: "uix-scheduling-timeline__overlay-label", style: vars2({ "--uix-timeline-label-top": top }), children: [
-      overlay.kindLabel && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "uix-scheduling-timeline__overlay-kind", children: overlay.kindLabel }),
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "uix-scheduling-timeline__overlay-name", children: overlay.label }),
-      overlay.scopeLabel && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "uix-scheduling-timeline__overlay-scope", children: overlay.scopeLabel })
+    const text = scope.labelTops.map((top) => /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("span", { className: "uix-scheduling-timeline__overlay-label", style: vars2({ "--uix-timeline-label-top": top }), children: [
+      overlay.kindLabel && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "uix-scheduling-timeline__overlay-kind", children: overlay.kindLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "uix-scheduling-timeline__overlay-name", children: overlay.label }),
+      overlay.scopeLabel && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "uix-scheduling-timeline__overlay-scope", children: overlay.scopeLabel })
     ] }, top));
-    return onSelectOverlay ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("button", { type: "button", ...shared, "aria-label": overlayName(overlay), onClick: () => onSelectOverlay(overlay), children: text }, key) : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { ...shared, "aria-hidden": "true", children: text }, key);
+    return onSelectOverlay ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("button", { type: "button", ...shared, "aria-label": overlayName(overlay), onClick: () => onSelectOverlay(overlay), children: text }, key) : /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { ...shared, "aria-hidden": "true", children: text }, key);
   };
   const renderMarker2 = (marker, key, scope) => {
     const pos = placeSpan({ start: marker.at, end: marker.at }, range);
     if (!pos || !scope) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "uix-scheduling-timeline__marker", "data-marker-id": marker.id, "data-scope": scope.scope, style: { left: `${pos.left}%`, ...vars2({ "--uix-timeline-clip": scope.clip }) }, title: marker.label, "aria-hidden": "true" }, key);
+    return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "uix-scheduling-timeline__marker", "data-marker-id": marker.id, "data-scope": scope.scope, style: { left: `${pos.left}%`, ...vars2({ "--uix-timeline-clip": scope.clip }) }, title: marker.label, "aria-hidden": "true" }, key);
   };
   const overlayKeys = uniqueKeys2(overlays.map((overlay) => overlay.id));
   const markerKeys = uniqueKeys2(markers.map((marker) => marker.id));
@@ -12974,7 +13651,7 @@ function SchedulingTimeline({
     const movable = canMove(item);
     const described = movable || canResize(item);
     const itemMarkers = markersOf(item);
-    return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("li", { className: "uix-scheduling-timeline__slot", style: { left: `${shown.left}%`, width: `${shown.width}%`, ...vars2({ "--uix-timeline-row": p.row }) }, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("li", { className: "uix-scheduling-timeline__slot", style: { left: `${shown.left}%`, width: `${shown.width}%`, ...vars2({ "--uix-timeline-row": p.row }) }, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
       "button",
       {
         type: "button",
@@ -13012,9 +13689,9 @@ function SchedulingTimeline({
           onSelectItem?.(item);
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "uix-scheduling-timeline__item-title", children: renderItem?.(item) ?? item.title }),
-          item.meta && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "uix-scheduling-timeline__item-meta", children: item.meta }),
-          itemMarkers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "uix-scheduling-timeline__item-markers", children: itemMarkers.map((marker) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ItemMarker, { marker }, marker.id)) })
+          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "uix-scheduling-timeline__item-title", children: renderItem?.(item) ?? item.title }),
+          item.meta && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "uix-scheduling-timeline__item-meta", children: item.meta }),
+          itemMarkers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "uix-scheduling-timeline__item-markers", children: itemMarkers.map((marker) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ItemMarker, { marker }, marker.id)) })
         ]
       }
     ) }, row.keys[index]);
@@ -13022,41 +13699,41 @@ function SchedulingTimeline({
   const renderRow = (row, rowIndex) => {
     if (row.kind === "head") {
       const { group, collapsed } = row;
-      return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: cx("uix-scheduling-timeline__row", "uix-scheduling-timeline__row--group", collapsed && "uix-scheduling-timeline__row--summary"), "data-row-key": row.key, "data-group-id": group.id, "data-collapsed": collapsed || void 0, "data-strip": strips.has(rowIndex) || void 0, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "uix-scheduling-timeline__group-head", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "uix-scheduling-timeline__group-label", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("button", { type: "button", className: "uix-scheduling-timeline__group-toggle", "aria-expanded": !collapsed, onClick: () => toggleGroup(group), children: [
-            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "uix-scheduling-timeline__group-chevron", "aria-hidden": "true" }),
-            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "uix-scheduling-timeline__group-name", id: `${id}-group-${row.groupIndex}`, children: group.label })
+      return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: cx("uix-scheduling-timeline__row", "uix-scheduling-timeline__row--group", collapsed && "uix-scheduling-timeline__row--summary"), "data-row-key": row.key, "data-group-id": group.id, "data-collapsed": collapsed || void 0, "data-strip": strips.has(rowIndex) || void 0, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "uix-scheduling-timeline__group-head", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "uix-scheduling-timeline__group-label", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("button", { type: "button", className: "uix-scheduling-timeline__group-toggle", "aria-expanded": !collapsed, onClick: () => toggleGroup(group), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "uix-scheduling-timeline__group-chevron", "aria-hidden": "true" }),
+            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "uix-scheduling-timeline__group-name", id: `${id}-group-${row.groupIndex}`, children: group.label })
           ] }),
-          group.meta != null && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "uix-scheduling-timeline__group-meta", children: group.meta }),
-          collapsed && group.summary && /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("span", { className: "uix-scheduling-timeline__group-summary", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "uix-scheduling-timeline__group-count", children: fillLabel(labels.groupSummary, { count: group.summary.count }) }),
-            group.summary.markers && group.summary.markers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "uix-scheduling-timeline__item-markers", children: group.summary.markers.map((marker) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ItemMarker, { marker, showLabel: true }, marker.id)) })
+          group.meta != null && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "uix-scheduling-timeline__group-meta", children: group.meta }),
+          collapsed && group.summary && /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("span", { className: "uix-scheduling-timeline__group-summary", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "uix-scheduling-timeline__group-count", children: fillLabel(labels.groupSummary, { count: group.summary.count }) }),
+            group.summary.markers && group.summary.markers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "uix-scheduling-timeline__item-markers", children: group.summary.markers.map((marker) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ItemMarker, { marker, showLabel: true }, marker.id)) })
           ] })
         ] }) }),
-        strips.has(rowIndex) && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "uix-scheduling-timeline__group-strip", "aria-hidden": "true" })
+        strips.has(rowIndex) && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "uix-scheduling-timeline__group-strip", "aria-hidden": "true" })
       ] }, row.key);
     }
     const { lane } = row;
     const laneLabelId = `${id}-lane-${row.laneIndex}`;
     const ghostPlaced = ghost ? row.placed.find((p) => p.item.id === ghost.id) : void 0;
     const ghostPos = ghost && ghostPlaced && rowOfItem.get(ghost.id) === rowIndex ? placeSpan(ghost.proposal, range) : null;
-    return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "uix-scheduling-timeline__row", "data-row-key": row.key, "data-lane-id": lane.id, style: vars2({ "--uix-timeline-rows": row.subRows }), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "uix-scheduling-timeline__lane-label", id: laneLabelId, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "uix-scheduling-timeline__lane-name", children: lane.label }),
-        lane.meta != null && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "uix-scheduling-timeline__lane-meta", children: lane.meta })
+    return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "uix-scheduling-timeline__row", "data-row-key": row.key, "data-lane-id": lane.id, style: vars2({ "--uix-timeline-rows": row.subRows }), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "uix-scheduling-timeline__lane-label", id: laneLabelId, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "uix-scheduling-timeline__lane-name", children: lane.label }),
+        lane.meta != null && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "uix-scheduling-timeline__lane-meta", children: lane.meta })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "uix-scheduling-timeline__track", style: trackStyle, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "uix-scheduling-timeline__track", style: trackStyle, children: [
         overlays.map((overlay, index) => !inLayer(overlay) && lanesOf(overlay).has(lane.id) ? renderOverlay(overlay, overlayKeys[index], IN_LANE) : null),
         markers.map((marker, index) => !inLayer(marker) && lanesOf(marker).has(lane.id) ? renderMarker2(marker, markerKeys[index], IN_LANE) : null),
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("ul", { className: "uix-scheduling-timeline__items", "aria-labelledby": row.groupIndex === void 0 ? laneLabelId : `${id}-group-${row.groupIndex} ${laneLabelId}`, children: renderItems(row, rowIndex) }),
-        ghostPos && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "uix-scheduling-timeline__ghost", "aria-hidden": "true", "data-sent": ghost?.source === "sent" || void 0, style: { left: `${ghostPos.left}%`, width: `${ghostPos.width}%`, ...vars2({ "--uix-timeline-row": ghostPlaced.row }) } })
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("ul", { className: "uix-scheduling-timeline__items", "aria-labelledby": row.groupIndex === void 0 ? laneLabelId : `${id}-group-${row.groupIndex} ${laneLabelId}`, children: renderItems(row, rowIndex) }),
+        ghostPos && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "uix-scheduling-timeline__ghost", "aria-hidden": "true", "data-sent": ghost?.source === "sent" || void 0, style: { left: `${ghostPos.left}%`, width: `${ghostPos.width}%`, ...vars2({ "--uix-timeline-row": ghostPlaced.row }) } })
       ] })
     ] }, row.key);
   };
   const body = [];
   let cursor = 0;
-  const spacer = (from, to) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "uix-scheduling-timeline__spacer", "aria-hidden": "true", style: { height: extentCss(between(extents[from], extents[to])) } }, `spacer-${from}`);
+  const spacer = (from, to) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "uix-scheduling-timeline__spacer", "aria-hidden": "true", style: { height: extentCss(between(extents[from], extents[to])) } }, `spacer-${from}`);
   for (const index of mounted) {
     if (index > cursor) body.push(spacer(cursor, index));
     body.push(renderRow(rows[index], index));
@@ -13064,7 +13741,7 @@ function SchedulingTimeline({
   }
   if (cursor < rows.length) body.push(spacer(cursor, rows.length));
   const listed = onSelectOverlay ? EMPTY_OVERLAYS2 : overlays;
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
     "section",
     {
       ref: rootRef,
@@ -13079,45 +13756,45 @@ function SchedulingTimeline({
         }
       },
       children: [
-        notice != null && notice !== false && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "uix-scheduling-timeline__notice", children: notice }),
-        loading ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "uix-scheduling-timeline__state", role: "status", children: labels.loading }) : error ? /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "uix-scheduling-timeline__state", role: "alert", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("p", { children: error }),
-          onRetry && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary", onClick: onRetry, children: labels.retry })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_jsx_runtime93.Fragment, { children: [
-          (listed.length > 0 || markers.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "uix-visually-hidden", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("p", { id: `${id}-windows`, children: labels.windows }),
-            /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("ul", { "aria-labelledby": `${id}-windows`, children: [
-              listed.map((o, index) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("li", { children: o.accessibleName ?? /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_jsx_runtime93.Fragment, { children: [
+        notice != null && notice !== false && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "uix-scheduling-timeline__notice", children: notice }),
+        loading ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "uix-scheduling-timeline__state", role: "status", children: labels.loading }) : error ? /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "uix-scheduling-timeline__state", role: "alert", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("p", { children: error }),
+          onRetry && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary", onClick: onRetry, children: labels.retry })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_jsx_runtime94.Fragment, { children: [
+          (listed.length > 0 || markers.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "uix-visually-hidden", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("p", { id: `${id}-windows`, children: labels.windows }),
+            /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("ul", { "aria-labelledby": `${id}-windows`, children: [
+              listed.map((o, index) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("li", { children: o.accessibleName ?? /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_jsx_runtime94.Fragment, { children: [
                 o.kindLabel === void 0 && o.kind ? `${labels.overlays[o.kind]}: ${o.label}${o.scopeLabel ? `, ${o.scopeLabel}` : ""}` : overlayWords(o),
                 ", ",
                 fmtInstant(o.start),
                 " \u2013 ",
                 fmtInstant(o.end)
               ] }) }, overlayKeys[index])),
-              markers.map((m, index) => /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("li", { children: [
+              markers.map((m, index) => /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("li", { children: [
                 m.label,
                 ", ",
                 fmtInstant(m.at)
               ] }, markerKeys[index]))
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { ref: setScroller, className: "uix-scheduling-timeline__scroller", "data-virtual": virtual || void 0, "data-scroll-y": maxHeight !== void 0 || void 0, style: maxHeight !== void 0 ? { maxHeight } : void 0, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "uix-scheduling-timeline__grid", "data-sub-ticks": minorTicks.length > 0 || void 0, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "uix-scheduling-timeline__row uix-scheduling-timeline__row--axis", "aria-hidden": "true", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "uix-scheduling-timeline__lane-label", children: labels.lanes }),
-                /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "uix-scheduling-timeline__track uix-scheduling-timeline__axis", style: trackStyle, children: [
-                  ticks.map((tick) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "uix-scheduling-timeline__tick", "data-major": tick.major || void 0, style: { left: `${tick.offset}%` }, children: tick.offset < 100 && /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("span", { className: "uix-scheduling-timeline__tick-label", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { ref: setScroller, className: "uix-scheduling-timeline__scroller", "data-virtual": virtual || void 0, "data-scroll-y": maxHeight !== void 0 || void 0, style: maxHeight !== void 0 ? { maxHeight } : void 0, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "uix-scheduling-timeline__grid", "data-sub-ticks": minorTicks.length > 0 || void 0, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "uix-scheduling-timeline__row uix-scheduling-timeline__row--axis", "aria-hidden": "true", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "uix-scheduling-timeline__lane-label", children: labels.lanes }),
+                /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "uix-scheduling-timeline__track uix-scheduling-timeline__axis", style: trackStyle, children: [
+                  ticks.map((tick) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "uix-scheduling-timeline__tick", "data-major": tick.major || void 0, style: { left: `${tick.offset}%` }, children: tick.offset < 100 && /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("span", { className: "uix-scheduling-timeline__tick-label", children: [
                     fmtTick(tick.at),
-                    tick.offsetLabel && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "uix-scheduling-timeline__tick-offset", children: tick.offsetLabel })
+                    tick.offsetLabel && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "uix-scheduling-timeline__tick-offset", children: tick.offsetLabel })
                   ] }) }, tick.at)),
-                  minorTicks.map((tick) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "uix-scheduling-timeline__tick", "data-minor": "true", style: { left: `${tick.offset}%` }, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "uix-scheduling-timeline__tick-label", children: formatTick?.(new Date(tick.at), "hour") ?? tick.label }) }, `minor-${tick.at}`))
+                  minorTicks.map((tick) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "uix-scheduling-timeline__tick", "data-minor": "true", style: { left: `${tick.offset}%` }, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "uix-scheduling-timeline__tick-label", children: formatTick?.(new Date(tick.at), "hour") ?? tick.label }) }, `minor-${tick.at}`))
                 ] })
               ] }),
-              columnNoteList.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "uix-scheduling-timeline__row uix-scheduling-timeline__row--notes", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "uix-scheduling-timeline__lane-label" }),
-                /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "uix-scheduling-timeline__track", style: trackStyle, children: columnNoteList.map(({ date, node, pos }) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "uix-scheduling-timeline__column-note", "data-date": date, style: { left: `${pos.left}%`, width: `${pos.width}%` }, children: node }, date)) })
+              columnNoteList.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "uix-scheduling-timeline__row uix-scheduling-timeline__row--notes", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "uix-scheduling-timeline__lane-label" }),
+                /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "uix-scheduling-timeline__track", style: trackStyle, children: columnNoteList.map(({ date, node, pos }) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "uix-scheduling-timeline__column-note", "data-date": date, style: { left: `${pos.left}%`, width: `${pos.width}%` }, children: node }, date)) })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
                 "div",
                 {
                   ref: bodyRef,
@@ -13127,15 +13804,15 @@ function SchedulingTimeline({
                     if (!event.currentTarget.contains(event.relatedTarget)) setFocusRowKey(null);
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "uix-scheduling-timeline__layer", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "uix-scheduling-timeline__lane-label", "aria-hidden": "true" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { ref: setLayerTrack, className: "uix-scheduling-timeline__track", style: trackStyle, children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { ref: barMinRef, className: "uix-scheduling-timeline__bar-min", "aria-hidden": "true" }),
-                        ticks.map((tick) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "uix-scheduling-timeline__gridline", "data-major": tick.major || void 0, style: { left: `${tick.offset}%` }, "aria-hidden": "true" }, tick.at)),
-                        minorTicks.map((tick) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "uix-scheduling-timeline__gridline", "data-minor": "true", style: { left: `${tick.offset}%` }, "aria-hidden": "true" }, `minor-${tick.at}`)),
+                    /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "uix-scheduling-timeline__layer", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "uix-scheduling-timeline__lane-label", "aria-hidden": "true" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { ref: setLayerTrack, className: "uix-scheduling-timeline__track", style: trackStyle, children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { ref: barMinRef, className: "uix-scheduling-timeline__bar-min", "aria-hidden": "true" }),
+                        ticks.map((tick) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "uix-scheduling-timeline__gridline", "data-major": tick.major || void 0, style: { left: `${tick.offset}%` }, "aria-hidden": "true" }, tick.at)),
+                        minorTicks.map((tick) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "uix-scheduling-timeline__gridline", "data-minor": "true", style: { left: `${tick.offset}%` }, "aria-hidden": "true" }, `minor-${tick.at}`)),
                         overlays.map((overlay, index) => inLayer(overlay) ? renderOverlay(overlay, overlayKeys[index], scopeOf(lanesOf(overlay))) : null),
                         markers.map((marker, index) => inLayer(marker) ? renderMarker2(marker, markerKeys[index], scopeOf(lanesOf(marker))) : null),
-                        nowPos && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "uix-scheduling-timeline__now", style: { left: `${nowPos.left}%` }, "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "uix-scheduling-timeline__now-label", children: labels.now }) })
+                        nowPos && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "uix-scheduling-timeline__now", style: { left: `${nowPos.left}%` }, "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "uix-scheduling-timeline__now-label", children: labels.now }) })
                       ] })
                     ] }),
                     body
@@ -13143,23 +13820,23 @@ function SchedulingTimeline({
                 }
               )
             ] }),
-            virtual && /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("span", { ref: probeRef, className: "uix-scheduling-timeline__probe", "aria-hidden": "true", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", {})
+            virtual && /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("span", { ref: probeRef, className: "uix-scheduling-timeline__probe", "aria-hidden": "true", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", {}),
+              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", {}),
+              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", {})
             ] })
           ] }),
-          nothingToShow && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("p", { className: "uix-scheduling-timeline__empty", children: labels.empty })
+          nothingToShow && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("p", { className: "uix-scheduling-timeline__empty", children: labels.empty })
         ] }),
-        hint && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { id: hintId, className: "uix-visually-hidden", children: hint }),
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "uix-visually-hidden", role: "status", "aria-live": "polite", children: announcement })
+        hint && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { id: hintId, className: "uix-visually-hidden", children: hint }),
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "uix-visually-hidden", role: "status", "aria-live": "polite", children: announcement })
       ]
     }
   );
 }
 
 // src/components/DateRangePicker.tsx
-var import_react70 = require("react");
+var import_react71 = require("react");
 
 // src/date-field-model.ts
 var pad = (n, width = 2) => String(n).padStart(width, "0");
@@ -13233,8 +13910,8 @@ function timeZoneName(timeZone, date, locale) {
 }
 
 // src/components/DateFieldParts.tsx
-var import_react69 = require("react");
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_react70 = require("react");
+var import_jsx_runtime95 = require("react/jsx-runtime");
 var localDateKey = (now = /* @__PURE__ */ new Date()) => `${now.getFullYear().toString().padStart(4, "0")}-${(now.getMonth() + 1).toString().padStart(2, "0")}-${now.getDate().toString().padStart(2, "0")}`;
 var utc = (date) => /* @__PURE__ */ new Date(`${date}T00:00:00Z`);
 var monthLabel = (date, locale) => new Intl.DateTimeFormat(locale, { month: "long", year: "numeric", timeZone: "UTC" }).format(utc(date));
@@ -13251,15 +13928,15 @@ var isOpen = (el) => {
   }
 };
 function useFieldPopover(popoverId, restoreFocus, onOpenChange) {
-  const [open, setOpen] = (0, import_react69.useState)(false);
-  const pointerWasOpen = (0, import_react69.useRef)(null);
-  const restoreRef = (0, import_react69.useRef)(restoreFocus);
+  const [open, setOpen] = (0, import_react70.useState)(false);
+  const pointerWasOpen = (0, import_react70.useRef)(null);
+  const restoreRef = (0, import_react70.useRef)(restoreFocus);
   restoreRef.current = restoreFocus;
-  const onOpenChangeRef = (0, import_react69.useRef)(onOpenChange);
+  const onOpenChangeRef = (0, import_react70.useRef)(onOpenChange);
   onOpenChangeRef.current = onOpenChange;
-  const skipRestore = (0, import_react69.useRef)(false);
+  const skipRestore = (0, import_react70.useRef)(false);
   const popoverEl = () => typeof document === "undefined" ? null : document.getElementById(popoverId);
-  (0, import_react69.useEffect)(() => {
+  (0, import_react70.useEffect)(() => {
     const el = popoverEl();
     if (!el) return;
     const onToggle = (event) => {
@@ -13343,14 +14020,14 @@ function MonthCalendar({
   autoFocus = false
 }) {
   const clamp3 = (date) => min && date < min ? min : max && date > max ? max : date;
-  const [active, setActive] = (0, import_react69.useState)(() => clamp3(initialDate));
-  const gridRef = (0, import_react69.useRef)(null);
-  const pendingFocus = (0, import_react69.useRef)(autoFocus);
+  const [active, setActive] = (0, import_react70.useState)(() => clamp3(initialDate));
+  const gridRef = (0, import_react70.useRef)(null);
+  const pendingFocus = (0, import_react70.useRef)(autoFocus);
   const month = startOfMonth(active);
-  const days = (0, import_react69.useMemo)(() => buildMonthGrid(month, weekStartsOn).filter((day) => day.inMonth), [month, weekStartsOn]);
+  const days = (0, import_react70.useMemo)(() => buildMonthGrid(month, weekStartsOn).filter((day) => day.inMonth), [month, weekStartsOn]);
   const blanks = (utc(month).getUTCDay() - weekStartsOn + 7) % 7;
-  const weekdays = (0, import_react69.useMemo)(() => weekdayNames(locale, weekStartsOn), [locale, weekStartsOn]);
-  (0, import_react69.useEffect)(() => {
+  const weekdays = (0, import_react70.useMemo)(() => weekdayNames(locale, weekStartsOn), [locale, weekStartsOn]);
+  (0, import_react70.useEffect)(() => {
     if (!pendingFocus.current) return;
     pendingFocus.current = false;
     gridRef.current?.querySelector(`[data-date="${active}"]`)?.focus({ preventScroll: true });
@@ -13378,22 +14055,22 @@ function MonthCalendar({
   };
   const atMin = !!min && month <= startOfMonth(min);
   const atMax = !!max && month >= startOfMonth(max);
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "uix-date-picker__calendar", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "uix-date-picker__nav", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("button", { type: "button", className: "uix-date-picker__nav-btn", "aria-label": labels.previousMonth, "aria-disabled": atMin || void 0, onClick: () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "uix-date-picker__calendar", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "uix-date-picker__nav", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("button", { type: "button", className: "uix-date-picker__nav-btn", "aria-label": labels.previousMonth, "aria-disabled": atMin || void 0, onClick: () => {
         if (!atMin) showMonth(-1);
-      }, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ChevronLeftIcon, { size: "sm" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "uix-date-picker__month", "aria-live": "polite", children: monthLabel(month, locale) }),
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("button", { type: "button", className: "uix-date-picker__nav-btn", "aria-label": labels.nextMonth, "aria-disabled": atMax || void 0, onClick: () => {
+      }, children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(ChevronLeftIcon, { size: "sm" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "uix-date-picker__month", "aria-live": "polite", children: monthLabel(month, locale) }),
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("button", { type: "button", className: "uix-date-picker__nav-btn", "aria-label": labels.nextMonth, "aria-disabled": atMax || void 0, onClick: () => {
         if (!atMax) showMonth(1);
-      }, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ChevronRightIcon, { size: "sm" }) })
+      }, children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(ChevronRightIcon, { size: "sm" }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "uix-date-range-picker__weekdays", "aria-hidden": "true", children: weekdays.map((day, index) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { children: day }, index)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { ref: gridRef, className: "uix-date-range-picker__grid uix-date-picker__grid", role: "group", "aria-label": monthLabel(month, locale), children: [
-      Array.from({ length: blanks }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { "aria-hidden": "true" }, `blank-${index}`)),
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "uix-date-range-picker__weekdays", "aria-hidden": "true", children: weekdays.map((day, index) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { children: day }, index)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { ref: gridRef, className: "uix-date-range-picker__grid uix-date-picker__grid", role: "group", "aria-label": monthLabel(month, locale), children: [
+      Array.from({ length: blanks }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { "aria-hidden": "true" }, `blank-${index}`)),
       days.map((day) => {
         const off = unavailable(day.date);
-        return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
           "button",
           {
             type: "button",
@@ -13419,7 +14096,7 @@ function MonthCalendar({
 }
 
 // src/components/DateRangePicker.tsx
-var import_jsx_runtime95 = require("react/jsx-runtime");
+var import_jsx_runtime96 = require("react/jsx-runtime");
 var DEFAULT_DATE_RANGE_PICKER_LABELS = {
   previous: "Previous",
   previousMonth: "Show previous month",
@@ -13457,27 +14134,27 @@ function RangeCalendar({
   weekStartsOn = 1,
   autoFocus = false
 }) {
-  const id = (0, import_react70.useId)();
-  const weekdays = (0, import_react70.useMemo)(() => weekdayNames(locale, weekStartsOn), [locale, weekStartsOn]);
-  const [internalMonth, setInternalMonth] = (0, import_react70.useState)(() => startOfMonth(controlledMonth ?? value.start ?? (/* @__PURE__ */ new Date()).toISOString().slice(0, 10)));
+  const id = (0, import_react71.useId)();
+  const weekdays = (0, import_react71.useMemo)(() => weekdayNames(locale, weekStartsOn), [locale, weekStartsOn]);
+  const [internalMonth, setInternalMonth] = (0, import_react71.useState)(() => startOfMonth(controlledMonth ?? value.start ?? (/* @__PURE__ */ new Date()).toISOString().slice(0, 10)));
   const visibleMonth = startOfMonth(controlledMonth ?? internalMonth);
-  const [activeDate, setActiveDate] = (0, import_react70.useState)(value.end ?? value.start ?? visibleMonth);
-  const rootRef = (0, import_react70.useRef)(null);
-  const pendingFocus = (0, import_react70.useRef)(autoFocus);
+  const [activeDate, setActiveDate] = (0, import_react71.useState)(value.end ?? value.start ?? visibleMonth);
+  const rootRef = (0, import_react71.useRef)(null);
+  const pendingFocus = (0, import_react71.useRef)(autoFocus);
   const count2 = Math.max(1, Math.min(3, months));
-  const calendars = (0, import_react70.useMemo)(() => Array.from({ length: count2 }, (_, index) => {
+  const calendars = (0, import_react71.useMemo)(() => Array.from({ length: count2 }, (_, index) => {
     const month = startOfMonth(addCalendarMonths(visibleMonth, index));
     return { month, days: buildMonthGrid(month).filter((day) => day.inMonth) };
   }), [visibleMonth, count2]);
   const todayDate = today === void 0 ? localDateKey() : today;
   const rangeInvalid = invalid || !!value.start && !!value.end && value.start > value.end;
-  (0, import_react70.useEffect)(() => {
+  (0, import_react71.useEffect)(() => {
     const first = calendars[0]?.days[0]?.date;
     const finalDays = calendars[calendars.length - 1]?.days;
     const last = finalDays?.[finalDays.length - 1]?.date;
     if (first && last && (activeDate < first || activeDate > last)) setActiveDate(first);
   }, [activeDate, calendars]);
-  (0, import_react70.useEffect)(() => {
+  (0, import_react71.useEffect)(() => {
     if (!pendingFocus.current) return;
     rootRef.current?.querySelector(`[data-date="${activeDate}"]`)?.focus({ preventScroll: autoFocus });
     pendingFocus.current = false;
@@ -13515,23 +14192,23 @@ function RangeCalendar({
     }
   };
   const announcement = !value.start ? labels.noneSelected : !value.end ? labels.startSelected.replace("{start}", dateLabel(value.start, locale)) : labels.rangeSelected.replace("{start}", dateLabel(value.start, locale)).replace("{end}", dateLabel(value.end, locale));
-  return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("section", { className: cx("uix-date-range-picker", rangeInvalid && "uix-date-range-picker--invalid", className), "aria-labelledby": `${id}-label`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "uix-date-range-picker__header", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("h3", { id: `${id}-label`, children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: () => setMonth(addCalendarMonths(visibleMonth, -1)), "aria-label": labels.previousMonth, children: labels.previous }),
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: () => setMonth(addCalendarMonths(visibleMonth, 1)), "aria-label": labels.nextMonth, children: labels.next })
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("section", { className: cx("uix-date-range-picker", rangeInvalid && "uix-date-range-picker--invalid", className), "aria-labelledby": `${id}-label`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "uix-date-range-picker__header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("h3", { id: `${id}-label`, children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: () => setMonth(addCalendarMonths(visibleMonth, -1)), "aria-label": labels.previousMonth, children: labels.previous }),
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: () => setMonth(addCalendarMonths(visibleMonth, 1)), "aria-label": labels.nextMonth, children: labels.next })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { ref: rootRef, className: "uix-date-range-picker__months", children: calendars.map(({ month, days }) => /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "uix-date-range-picker__month", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("h4", { children: monthLabel2(month, locale) }),
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "uix-date-range-picker__weekdays", "aria-hidden": "true", children: weekdays.map((day, index) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { children: day }, index)) }),
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "uix-date-range-picker__grid", role: "group", "aria-label": monthLabel2(month, locale), children: [
-        Array.from({ length: ((/* @__PURE__ */ new Date(`${month}T00:00:00Z`)).getUTCDay() - weekStartsOn + 7) % 7 }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { "aria-hidden": "true" }, `blank-${index}`)),
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { ref: rootRef, className: "uix-date-range-picker__months", children: calendars.map(({ month, days }) => /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "uix-date-range-picker__month", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("h4", { children: monthLabel2(month, locale) }),
+      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "uix-date-range-picker__weekdays", "aria-hidden": "true", children: weekdays.map((day, index) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { children: day }, index)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "uix-date-range-picker__grid", role: "group", "aria-label": monthLabel2(month, locale), children: [
+        Array.from({ length: ((/* @__PURE__ */ new Date(`${month}T00:00:00Z`)).getUTCDay() - weekStartsOn + 7) % 7 }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { "aria-hidden": "true" }, `blank-${index}`)),
         days.map((day) => {
           const unavailable = disabled || isDateUnavailable(day.date, { min, max, isDisabled: isDateDisabled });
           const edge = day.date === value.start ? "start" : day.date === value.end ? "end" : void 0;
-          return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
             "button",
             {
               type: "button",
@@ -13553,15 +14230,15 @@ function RangeCalendar({
         })
       ] })
     ] }, month)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("p", { className: "uix-date-range-picker__selection", "aria-live": "polite", children: announcement }),
-    rangeInvalid && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("p", { className: "uix-field__error", role: "alert", children: invalidMessage })
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("p", { className: "uix-date-range-picker__selection", "aria-live": "polite", children: announcement }),
+    rangeInvalid && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("p", { className: "uix-field__error", role: "alert", children: invalidMessage })
   ] });
 }
 function DateRangePicker({ labels: labelOverrides, ...props }) {
   const uixLabels = useUixLabels();
   const words = { ...DEFAULT_DATE_RANGE_PICKER_LABELS, ...uixLabels.dateRangePicker, ...labelOverrides };
-  if (props.mode === "field") return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(DateRangeField, { ...props, words });
-  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(RangeCalendar, { ...props, words });
+  if (props.mode === "field") return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(DateRangeField, { ...props, words });
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(RangeCalendar, { ...props, words });
 }
 function DateRangeField(props) {
   const {
@@ -13581,22 +14258,22 @@ function DateRangeField(props) {
     "aria-describedby": ariaDescribedBy,
     "aria-invalid": ariaInvalid
   } = props;
-  const uid = (0, import_react70.useId)();
+  const uid = (0, import_react71.useId)();
   const id = idProp ?? `${uid}-trigger`;
   const popoverId = `${uid}-months`;
   const valueId = `${uid}-value`;
-  const anchorRef = (0, import_react70.useRef)(null);
-  const triggerRef = (0, import_react70.useRef)(null);
+  const anchorRef = (0, import_react71.useRef)(null);
+  const triggerRef = (0, import_react71.useRef)(null);
   const { open, hide, triggerProps } = useFieldPopover(popoverId, () => triggerRef.current?.focus({ preventScroll: true }), onOpenChange);
-  const [labelled, setLabelled] = (0, import_react70.useState)(false);
-  (0, import_react70.useEffect)(() => {
+  const [labelled, setLabelled] = (0, import_react71.useState)(false);
+  (0, import_react71.useEffect)(() => {
     setLabelled((triggerRef.current?.labels?.length ?? 0) > 0);
   }, [id]);
   const format = (date) => formatDate?.(date) ?? formatDateKey(date, locale);
   const text = !value.start ? null : !value.end ? words.fieldStart.replace("{start}", format(value.start)) : words.fieldRange.replace("{start}", format(value.start)).replace("{end}", format(value.end));
   const rangeInvalid = invalid || !!value.start && !!value.end && value.start > value.end;
   const describedBy = [ariaDescribedBy, labelled && text ? valueId : void 0].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
     "div",
     {
       ref: anchorRef,
@@ -13608,7 +14285,7 @@ function DateRangeField(props) {
         hide();
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
           "button",
           {
             ref: triggerRef,
@@ -13620,16 +14297,16 @@ function DateRangeField(props) {
             "aria-invalid": rangeInvalid || ariaInvalid === true || ariaInvalid === "true" || void 0,
             ...triggerProps,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "uix-date-range-field__icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(CalendarIcon, { size: "sm" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("span", { className: "uix-visually-hidden", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "uix-date-range-field__icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(CalendarIcon, { size: "sm" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("span", { className: "uix-visually-hidden", children: [
                 label,
                 ": "
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { id: valueId, className: cx("uix-date-range-field__value", !text && "uix-date-range-field__value--empty"), children: text ?? words.placeholder })
+              /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { id: valueId, className: cx("uix-date-range-field__value", !text && "uix-date-range-field__value--empty"), children: text ?? words.placeholder })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
           Popover,
           {
             id: popoverId,
@@ -13640,7 +14317,7 @@ function DateRangeField(props) {
             "aria-label": label,
             capHeight: true,
             closeWhenAnchorHidden: true,
-            children: open && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+            children: open && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
               RangeCalendar,
               {
                 ...props,
@@ -13660,8 +14337,8 @@ function DateRangeField(props) {
 }
 
 // src/components/DatePicker.tsx
-var import_react71 = require("react");
-var import_jsx_runtime96 = require("react/jsx-runtime");
+var import_react72 = require("react");
+var import_jsx_runtime97 = require("react/jsx-runtime");
 var DEFAULT_DATE_PICKER_LABELS = {
   open: "Choose date",
   openSelected: "Change date, {date}",
@@ -13672,7 +14349,7 @@ var DEFAULT_DATE_PICKER_LABELS = {
   notADate: "That is not a date.",
   unavailable: "That date is not available."
 };
-var DatePicker = (0, import_react71.forwardRef)(function DatePicker2({
+var DatePicker = (0, import_react72.forwardRef)(function DatePicker2({
   value,
   onValueChange,
   min,
@@ -13703,18 +14380,18 @@ var DatePicker = (0, import_react71.forwardRef)(function DatePicker2({
   className,
   style
 }, forwardedRef) {
-  const uid = (0, import_react71.useId)();
+  const uid = (0, import_react72.useId)();
   const id = idProp ?? `${uid}-input`;
   const popoverId = `${uid}-calendar`;
   const errorId = `${uid}-error`;
   const labels = { ...DEFAULT_DATE_PICKER_LABELS, ...useUixLabels().datePicker, ...labelOverrides };
-  const anchorRef = (0, import_react71.useRef)(null);
-  const inputRef = (0, import_react71.useRef)(null);
-  (0, import_react71.useImperativeHandle)(forwardedRef, () => inputRef.current);
+  const anchorRef = (0, import_react72.useRef)(null);
+  const inputRef = (0, import_react72.useRef)(null);
+  (0, import_react72.useImperativeHandle)(forwardedRef, () => inputRef.current);
   const format = (date) => formatDate?.(date) ?? formatDateKey(date, locale);
-  const [text, setText] = (0, import_react71.useState)(() => value ? format(value) : "");
-  const [problem, setProblemState] = (0, import_react71.useState)(null);
-  const reported = (0, import_react71.useRef)(null);
+  const [text, setText] = (0, import_react72.useState)(() => value ? format(value) : "");
+  const [problem, setProblemState] = (0, import_react72.useState)(null);
+  const reported = (0, import_react72.useRef)(null);
   const setProblem = (next) => {
     if (next !== reported.current) {
       reported.current = next;
@@ -13722,7 +14399,7 @@ var DatePicker = (0, import_react71.forwardRef)(function DatePicker2({
     }
     setProblemState(next);
   };
-  (0, import_react71.useEffect)(() => {
+  (0, import_react72.useEffect)(() => {
     setText(value ? format(value) : "");
     setProblem(null);
   }, [value, locale]);
@@ -13776,7 +14453,7 @@ var DatePicker = (0, import_react71.forwardRef)(function DatePicker2({
   const expected = placeholder ?? (parseDate ? null : pattern);
   const describedBy = [ariaDescribedBy, problem ? errorId : void 0].filter(Boolean).join(" ") || void 0;
   const isInvalid = !!invalid || !!problem || ariaInvalid === true || ariaInvalid === "true";
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
     "div",
     {
       ref: anchorRef,
@@ -13789,8 +14466,8 @@ var DatePicker = (0, import_react71.forwardRef)(function DatePicker2({
         hide();
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "uix-date-picker__control", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "uix-date-picker__control", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
             "input",
             {
               ref: inputRef,
@@ -13819,7 +14496,7 @@ var DatePicker = (0, import_react71.forwardRef)(function DatePicker2({
               onKeyDown: onInputKeyDown
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
             "button",
             {
               type: "button",
@@ -13827,13 +14504,13 @@ var DatePicker = (0, import_react71.forwardRef)(function DatePicker2({
               disabled: locked,
               "aria-label": value && isValidDateKey(value) ? fillLabel(labels.openSelected, { date: fullDateLabel(value, locale) }) : labels.open,
               ...triggerProps,
-              children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(CalendarIcon, { size: "sm" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(CalendarIcon, { size: "sm" })
             }
           )
         ] }),
-        name && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("input", { type: "hidden", name, value: value ?? "", disabled }),
-        problem && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { id: errorId, className: "uix-field__error uix-date-picker__error", role: "alert", children: problem !== "format" ? labels.unavailable : expected ? fillLabel(labels.invalidDate, { pattern: expected }) : labels.notADate }),
-        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+        name && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("input", { type: "hidden", name, value: value ?? "", disabled }),
+        problem && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { id: errorId, className: "uix-field__error uix-date-picker__error", role: "alert", children: problem !== "format" ? labels.unavailable : expected ? fillLabel(labels.invalidDate, { pattern: expected }) : labels.notADate }),
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
           Popover,
           {
             id: popoverId,
@@ -13843,7 +14520,7 @@ var DatePicker = (0, import_react71.forwardRef)(function DatePicker2({
             role: "dialog",
             "aria-label": labels.calendar,
             closeWhenAnchorHidden: true,
-            children: open && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+            children: open && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
               MonthCalendar,
               {
                 value,
@@ -13872,7 +14549,7 @@ var DEFAULT_DATE_TIME_PICKER_LABELS = {
   timeOf: "{label}, time",
   timeZone: "Time zone: {zone}"
 };
-var DateTimePicker = (0, import_react71.forwardRef)(function DateTimePicker2({
+var DateTimePicker = (0, import_react72.forwardRef)(function DateTimePicker2({
   value,
   onValueChange,
   timeZone,
@@ -13896,19 +14573,19 @@ var DateTimePicker = (0, import_react71.forwardRef)(function DateTimePicker2({
   style,
   ...dateProps
 }, forwardedRef) {
-  const uid = (0, import_react71.useId)();
+  const uid = (0, import_react72.useId)();
   const id = idProp ?? `${uid}-date`;
   const zoneId = `${uid}-zone`;
   const labels = { ...DEFAULT_DATE_TIME_PICKER_LABELS, ...useUixLabels().dateTimePicker, ...labelOverrides };
   const { date, time } = splitDateTime(value);
-  const dateRef = (0, import_react71.useRef)(null);
-  (0, import_react71.useImperativeHandle)(forwardedRef, () => dateRef.current);
-  const [pendingTime, setPendingTime] = (0, import_react71.useState)("");
+  const dateRef = (0, import_react72.useRef)(null);
+  (0, import_react72.useImperativeHandle)(forwardedRef, () => dateRef.current);
+  const [pendingTime, setPendingTime] = (0, import_react72.useState)("");
   const shownTime = date ? time : pendingTime;
-  const [fieldLabel, setFieldLabel] = (0, import_react71.useState)("");
-  const [viewerZone, setViewerZone] = (0, import_react71.useState)(null);
+  const [fieldLabel, setFieldLabel] = (0, import_react72.useState)("");
+  const [viewerZone, setViewerZone] = (0, import_react72.useState)(null);
   const grouped = !!ariaLabel || !!ariaLabelledBy;
-  (0, import_react71.useEffect)(() => {
+  (0, import_react72.useEffect)(() => {
     if (!grouped) setFieldLabel(dateRef.current?.labels?.[0]?.textContent?.trim() ?? "");
     if (!timeZone) {
       try {
@@ -13921,7 +14598,7 @@ var DateTimePicker = (0, import_react71.forwardRef)(function DateTimePicker2({
   const zoneText = timeZoneLabel === null ? null : timeZoneLabel ?? (zone ? timeZoneName(zone, date, locale) : null);
   const timeName = grouped ? labels.time : fieldLabel ? fillLabel(labels.timeOf, { label: fieldLabel }) : labels.time;
   const step = Math.max(1, Math.round(minuteStep)) * 60;
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
     "div",
     {
       className: cx("uix-date-time-picker", size === "sm" && "uix-date-time-picker--sm", className),
@@ -13930,7 +14607,7 @@ var DateTimePicker = (0, import_react71.forwardRef)(function DateTimePicker2({
       "aria-label": ariaLabel,
       "aria-labelledby": ariaLabelledBy,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
           DatePicker,
           {
             ...dateProps,
@@ -13957,7 +14634,7 @@ var DateTimePicker = (0, import_react71.forwardRef)(function DateTimePicker2({
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
           "input",
           {
             type: "time",
@@ -13976,18 +14653,18 @@ var DateTimePicker = (0, import_react71.forwardRef)(function DateTimePicker2({
             }
           }
         ),
-        zoneText && /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("span", { className: "uix-date-time-picker__zone", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { "aria-hidden": "true", children: zoneText }),
-          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { id: zoneId, className: "uix-visually-hidden", children: fillLabel(labels.timeZone, { zone: zoneText }) })
+        zoneText && /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("span", { className: "uix-date-time-picker__zone", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { "aria-hidden": "true", children: zoneText }),
+          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { id: zoneId, className: "uix-visually-hidden", children: fillLabel(labels.timeZone, { zone: zoneText }) })
         ] }),
-        name && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("input", { type: "hidden", name, value: value ?? "", disabled })
+        name && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("input", { type: "hidden", name, value: value ?? "", disabled })
       ]
     }
   );
 });
 
 // src/components/RelationshipGraph.tsx
-var import_react73 = require("react");
+var import_react74 = require("react");
 
 // src/relationship-graph-model.ts
 function boundRelationshipGraph(nodes, edges, maxNodes = 40) {
@@ -14468,10 +15145,10 @@ function layeredNeighbor(layout, currentId, key) {
 }
 
 // src/components/RelationshipGraphLayered.tsx
-var import_react72 = require("react");
+var import_react73 = require("react");
 
 // src/components/RelationshipGraphList.tsx
-var import_jsx_runtime97 = require("react/jsx-runtime");
+var import_jsx_runtime98 = require("react/jsx-runtime");
 function EquivalentRelationshipList({
   nodes,
   edges,
@@ -14482,19 +15159,19 @@ function EquivalentRelationshipList({
   onOpenDetails
 }) {
   const labelById = new Map(nodes.map((node) => [node.id, node.label]));
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "uix-relationship-graph__list", role: "region", "aria-label": labels.list, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("h3", { children: labels.listHeading }),
-    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("ul", { children: nodes.map((node) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "uix-relationship-graph__list", role: "region", "aria-label": labels.list, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("h3", { children: labels.listHeading }),
+    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("ul", { children: nodes.map((node) => {
       const neighbors = relationshipNeighbors(node.id, edges).map((id) => labelById.get(id) ?? id);
-      return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("li", { "data-selected": selectedId === node.id || void 0, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("button", { type: "button", onClick: () => onSelect(node.id), "aria-pressed": selectedId === node.id, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("strong", { children: node.label }),
-          node.type && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { children: node.type }),
-          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { children: neighbors.length ? labels.connectedTo(neighbors.join(", ")) : labels.noConnections })
+      return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("li", { "data-selected": selectedId === node.id || void 0, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("button", { type: "button", onClick: () => onSelect(node.id), "aria-pressed": selectedId === node.id, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("strong", { children: node.label }),
+          node.type && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { children: node.type }),
+          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { children: neighbors.length ? labels.connectedTo(neighbors.join(", ")) : labels.noConnections })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("span", { className: "uix-relationship-graph__list-actions", children: [
-          onExpandNeighbors && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("button", { type: "button", onClick: () => onExpandNeighbors(node), children: labels.expandNeighbors }),
-          onOpenDetails && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("button", { type: "button", onClick: () => onOpenDetails(node), children: labels.openDetails })
+        /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("span", { className: "uix-relationship-graph__list-actions", children: [
+          onExpandNeighbors && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("button", { type: "button", onClick: () => onExpandNeighbors(node), children: labels.expandNeighbors }),
+          onOpenDetails && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("button", { type: "button", onClick: () => onOpenDetails(node), children: labels.openDetails })
         ] })
       ] }, node.id);
     }) })
@@ -14502,16 +15179,16 @@ function EquivalentRelationshipList({
 }
 
 // src/components/RelationshipGraphLayered.tsx
-var import_jsx_runtime98 = require("react/jsx-runtime");
+var import_jsx_runtime99 = require("react/jsx-runtime");
 var EMPTY_IDS2 = /* @__PURE__ */ new Set();
-var MIN_ZOOM = 0.4;
-var MAX_ZOOM = 1.5;
+var MIN_ZOOM2 = 0.4;
+var MAX_ZOOM2 = 1.5;
 var READABLE_ZOOM = 0.75;
 var ZOOM_STEP = 1.2;
 var PAN_STEP = 64;
 var FOCUS_MARGIN = 24;
 var NAV_KEYS = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", "Home", "End"];
-var clampZoom = (zoom) => Math.min(MAX_ZOOM, Math.max(MIN_ZOOM, zoom));
+var clampZoom2 = (zoom) => Math.min(MAX_ZOOM2, Math.max(MIN_ZOOM2, zoom));
 function initialView(layout, size) {
   if (size.width === 0 || size.height === 0 || layout.width === 0) return { x: 0, y: 0, zoom: 1 };
   const fit = Math.min(size.width / layout.width, size.height / layout.height);
@@ -14521,7 +15198,7 @@ function initialView(layout, size) {
 }
 function fitView(layout, size) {
   if (size.width === 0 || layout.width === 0) return { x: 0, y: 0, zoom: 1 };
-  const zoom = clampZoom(Math.min(size.width / layout.width, size.height / layout.height, 1));
+  const zoom = clampZoom2(Math.min(size.width / layout.width, size.height / layout.height, 1));
   return { x: (size.width - layout.width * zoom) / 2, y: Math.max(0, (size.height - layout.height * zoom) / 2), zoom };
 }
 var arrowPoints = "0,0 -8,-4.5 -8,4.5";
@@ -14555,11 +15232,11 @@ function LayeredRelationshipGraph({
   focusId,
   onFocusChange
 }) {
-  const hintId = (0, import_react72.useId)();
-  const bounded = (0, import_react72.useMemo)(() => boundRelationshipGraph(nodes, edges, maxNodes), [nodes, edges, maxNodes]);
-  const [localExpanded, setLocalExpanded] = (0, import_react72.useState)(EMPTY_IDS2);
+  const hintId = (0, import_react73.useId)();
+  const bounded = (0, import_react73.useMemo)(() => boundRelationshipGraph(nodes, edges, maxNodes), [nodes, edges, maxNodes]);
+  const [localExpanded, setLocalExpanded] = (0, import_react73.useState)(EMPTY_IDS2);
   const expanded = expandedClusterIds ?? localExpanded;
-  const layout = (0, import_react72.useMemo)(
+  const layout = (0, import_react73.useMemo)(
     () => layoutLayeredGraph(bounded.nodes, bounded.edges, {
       ...rootId !== void 0 ? { rootId } : {},
       ...clusterThreshold !== void 0 ? { clusterThreshold } : {},
@@ -14568,29 +15245,29 @@ function LayeredRelationshipGraph({
     }),
     [bounded, rootId, clusterThreshold, expanded, density]
   );
-  const itemById = (0, import_react72.useMemo)(() => new Map(layout.items.map((item) => [item.id, item])), [layout]);
-  const viewportRef = (0, import_react72.useRef)(null);
-  const itemRefs = (0, import_react72.useRef)(/* @__PURE__ */ new Map());
-  const [size, setSize] = (0, import_react72.useState)({ width: 0, height: 0 });
-  const [view, setView] = (0, import_react72.useState)({ x: 0, y: 0, zoom: 1 });
-  const [animate, setAnimate] = (0, import_react72.useState)(false);
-  const [localFocus, setLocalFocus] = (0, import_react72.useState)(void 0);
-  const [hoverId, setHoverId] = (0, import_react72.useState)(void 0);
-  const viewRef = (0, import_react72.useRef)(view);
+  const itemById = (0, import_react73.useMemo)(() => new Map(layout.items.map((item) => [item.id, item])), [layout]);
+  const viewportRef = (0, import_react73.useRef)(null);
+  const itemRefs = (0, import_react73.useRef)(/* @__PURE__ */ new Map());
+  const [size, setSize] = (0, import_react73.useState)({ width: 0, height: 0 });
+  const [view, setView] = (0, import_react73.useState)({ x: 0, y: 0, zoom: 1 });
+  const [animate, setAnimate] = (0, import_react73.useState)(false);
+  const [localFocus, setLocalFocus] = (0, import_react73.useState)(void 0);
+  const [hoverId, setHoverId] = (0, import_react73.useState)(void 0);
+  const viewRef = (0, import_react73.useRef)(view);
   viewRef.current = view;
-  const layoutRef = (0, import_react72.useRef)(layout);
+  const layoutRef = (0, import_react73.useRef)(layout);
   layoutRef.current = layout;
-  const pendingFocus = (0, import_react72.useRef)(void 0);
-  const initialisedFor = (0, import_react72.useRef)(void 0);
+  const pendingFocus = (0, import_react73.useRef)(void 0);
+  const initialisedFor = (0, import_react73.useRef)(void 0);
   const rootItemId = layout.rootId !== void 0 ? layout.itemOf[layout.rootId] : layout.items[0]?.id;
   const requestedFocus = focusId !== void 0 ? layout.itemOf[focusId] ?? focusId : localFocus;
   const focusedId = requestedFocus !== void 0 && itemById.has(requestedFocus) ? requestedFocus : rootItemId;
   const selectedItemId = selectedId !== void 0 ? layout.itemOf[selectedId] : void 0;
-  const activeIds = (0, import_react72.useMemo)(
+  const activeIds = (0, import_react73.useMemo)(
     () => new Set([hoverId, selectedItemId].filter((id) => id !== void 0)),
     [hoverId, selectedItemId]
   );
-  (0, import_react72.useEffect)(() => {
+  (0, import_react73.useEffect)(() => {
     const element = viewportRef.current;
     if (!element) return;
     const measure = () => setSize({ width: element.clientWidth, height: element.clientHeight });
@@ -14600,18 +15277,18 @@ function LayeredRelationshipGraph({
     observer.observe(element);
     return () => observer.disconnect();
   }, []);
-  (0, import_react72.useEffect)(() => {
+  (0, import_react73.useEffect)(() => {
     if (size.width === 0) return;
     const key = `${layout.rootId ?? ""}`;
     if (initialisedFor.current === key) return;
     initialisedFor.current = key;
     setView(initialView(layout, size));
   }, [layout, size]);
-  const moveView = (0, import_react72.useCallback)((next, smooth) => {
+  const moveView = (0, import_react73.useCallback)((next, smooth) => {
     setAnimate(smooth);
     setView(next);
   }, []);
-  const ensureVisible = (0, import_react72.useCallback)((id, smooth) => {
+  const ensureVisible = (0, import_react73.useCallback)((id, smooth) => {
     const element = viewportRef.current;
     const item = layoutRef.current.items.find((candidate) => candidate.id === id);
     if (!element || !item) return;
@@ -14630,7 +15307,7 @@ function LayeredRelationshipGraph({
     else if (bottom > heightPx - FOCUS_MARGIN) nextY -= bottom - (heightPx - FOCUS_MARGIN);
     if (nextX !== x || nextY !== y) moveView({ x: nextX, y: nextY, zoom }, smooth);
   }, [moveView]);
-  const focusItem = (0, import_react72.useCallback)((id) => {
+  const focusItem = (0, import_react73.useCallback)((id) => {
     setLocalFocus(id);
     onFocusChange?.(id);
     requestAnimationFrame(() => {
@@ -14638,7 +15315,7 @@ function LayeredRelationshipGraph({
       ensureVisible(id, true);
     });
   }, [ensureVisible, onFocusChange]);
-  (0, import_react72.useEffect)(() => {
+  (0, import_react73.useEffect)(() => {
     const wanted = pendingFocus.current;
     if (wanted !== void 0 && itemById.has(wanted)) {
       pendingFocus.current = void 0;
@@ -14648,8 +15325,8 @@ function LayeredRelationshipGraph({
   const controlledTarget = focusId !== void 0 ? layout.itemOf[focusId] ?? focusId : void 0;
   const controlledPresent = controlledTarget !== void 0 && itemById.has(controlledTarget);
   const controlledKey = `${controlledTarget ?? ""}|${controlledPresent}`;
-  const lastControlledKey = (0, import_react72.useRef)(controlledKey);
-  (0, import_react72.useEffect)(() => {
+  const lastControlledKey = (0, import_react73.useRef)(controlledKey);
+  (0, import_react73.useEffect)(() => {
     if (lastControlledKey.current === controlledKey) return;
     lastControlledKey.current = controlledKey;
     if (!controlledPresent || controlledTarget === void 0) return;
@@ -14658,7 +15335,7 @@ function LayeredRelationshipGraph({
       ensureVisible(controlledTarget, true);
     });
   }, [controlledKey, controlledTarget, controlledPresent, ensureVisible]);
-  (0, import_react72.useEffect)(() => {
+  (0, import_react73.useEffect)(() => {
     const element = viewportRef.current;
     if (!element) return;
     const onWheel = (event) => {
@@ -14668,7 +15345,7 @@ function LayeredRelationshipGraph({
       const px = event.clientX - rect.left;
       const py = event.clientY - rect.top;
       const current = viewRef.current;
-      const zoom = clampZoom(current.zoom * Math.exp(-event.deltaY * 2e-3));
+      const zoom = clampZoom2(current.zoom * Math.exp(-event.deltaY * 2e-3));
       const ratio = zoom / current.zoom;
       setAnimate(false);
       setView({ zoom, x: px - (px - current.x) * ratio, y: py - (py - current.y) * ratio });
@@ -14676,8 +15353,8 @@ function LayeredRelationshipGraph({
     element.addEventListener("wheel", onWheel, { passive: false });
     return () => element.removeEventListener("wheel", onWheel);
   }, []);
-  const pointers = (0, import_react72.useRef)(/* @__PURE__ */ new Map());
-  const pinchDistance = (0, import_react72.useRef)(void 0);
+  const pointers = (0, import_react73.useRef)(/* @__PURE__ */ new Map());
+  const pinchDistance = (0, import_react73.useRef)(void 0);
   const onPointerDown = (event) => {
     if (event.target.closest("button")) return;
     event.currentTarget.setPointerCapture?.(event.pointerId);
@@ -14699,7 +15376,7 @@ function LayeredRelationshipGraph({
       const my = (a.y + b.y) / 2 - rect.top;
       if (pinchDistance.current !== void 0 && pinchDistance.current > 0) {
         const base = viewRef.current;
-        const zoom = clampZoom(base.zoom * (distance / pinchDistance.current));
+        const zoom = clampZoom2(base.zoom * (distance / pinchDistance.current));
         const ratio = zoom / base.zoom;
         setView({ zoom, x: mx - (mx - base.x) * ratio, y: my - (my - base.y) * ratio });
       }
@@ -14716,7 +15393,7 @@ function LayeredRelationshipGraph({
   };
   const zoomBy = (factor) => {
     const current = viewRef.current;
-    const zoom = clampZoom(current.zoom * factor);
+    const zoom = clampZoom2(current.zoom * factor);
     const ratio = zoom / current.zoom;
     const cx0 = size.width / 2;
     const cy0 = size.height / 2;
@@ -14775,21 +15452,21 @@ function LayeredRelationshipGraph({
     height: layout.height,
     transform: `translate(${view.x}px, ${view.y}px) scale(${view.zoom})`
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("section", { className: cx("uix-relationship-graph", "uix-relationship-graph--layered", density === "compact" && "uix-relationship-graph--compact", className), "aria-label": labels.graph, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "uix-relationship-graph__toolbar", role: "group", "aria-label": labels.controls, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("button", { type: "button", onClick: () => zoomBy(ZOOM_STEP), disabled: view.zoom >= MAX_ZOOM, children: labels.zoomIn }),
-      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("button", { type: "button", onClick: () => zoomBy(1 / ZOOM_STEP), disabled: view.zoom <= MIN_ZOOM, children: labels.zoomOut }),
-      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("button", { type: "button", onClick: () => moveView(fitView(layout, size), true), children: labels.fit }),
-      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("button", { type: "button", onClick: () => moveView(initialView(layout, size), true), children: labels.reset }),
-      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("button", { type: "button", onClick: () => panBy(PAN_STEP, 0), "aria-label": labels.panLeft, children: labels.left }),
-      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("button", { type: "button", onClick: () => panBy(0, PAN_STEP), "aria-label": labels.panUp, children: labels.up }),
-      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("button", { type: "button", onClick: () => panBy(0, -PAN_STEP), "aria-label": labels.panDown, children: labels.down }),
-      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("button", { type: "button", onClick: () => panBy(-PAN_STEP, 0), "aria-label": labels.panRight, children: labels.right }),
-      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { "aria-live": "polite", children: labels.zoomLevel(Math.round(view.zoom * 100)) })
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("section", { className: cx("uix-relationship-graph", "uix-relationship-graph--layered", density === "compact" && "uix-relationship-graph--compact", className), "aria-label": labels.graph, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "uix-relationship-graph__toolbar", role: "group", "aria-label": labels.controls, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("button", { type: "button", onClick: () => zoomBy(ZOOM_STEP), disabled: view.zoom >= MAX_ZOOM2, children: labels.zoomIn }),
+      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("button", { type: "button", onClick: () => zoomBy(1 / ZOOM_STEP), disabled: view.zoom <= MIN_ZOOM2, children: labels.zoomOut }),
+      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("button", { type: "button", onClick: () => moveView(fitView(layout, size), true), children: labels.fit }),
+      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("button", { type: "button", onClick: () => moveView(initialView(layout, size), true), children: labels.reset }),
+      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("button", { type: "button", onClick: () => panBy(PAN_STEP, 0), "aria-label": labels.panLeft, children: labels.left }),
+      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("button", { type: "button", onClick: () => panBy(0, PAN_STEP), "aria-label": labels.panUp, children: labels.up }),
+      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("button", { type: "button", onClick: () => panBy(0, -PAN_STEP), "aria-label": labels.panDown, children: labels.down }),
+      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("button", { type: "button", onClick: () => panBy(-PAN_STEP, 0), "aria-label": labels.panRight, children: labels.right }),
+      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { "aria-live": "polite", children: labels.zoomLevel(Math.round(view.zoom * 100)) })
     ] }),
-    bounded.omittedNodeCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("p", { className: "uix-relationship-graph__bounded", role: "status", children: labels.bounded(bounded.nodes.length, bounded.omittedNodeCount) }),
-    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("p", { id: hintId, className: "uix-visually-hidden", children: labels.keyboardHint }),
-    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+    bounded.omittedNodeCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("p", { className: "uix-relationship-graph__bounded", role: "status", children: labels.bounded(bounded.nodes.length, bounded.omittedNodeCount) }),
+    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("p", { id: hintId, className: "uix-visually-hidden", children: labels.keyboardHint }),
+    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
       "div",
       {
         ref: viewportRef,
@@ -14799,11 +15476,11 @@ function LayeredRelationshipGraph({
         onPointerMove,
         onPointerUp: onPointerEnd,
         onPointerCancel: onPointerEnd,
-        children: /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "uix-relationship-graph__stage", style: stageStyle, "data-animate": animate || void 0, onTransitionEnd: () => setAnimate(false), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("svg", { className: "uix-relationship-graph__edges", width: layout.width, height: layout.height, "aria-hidden": "true", focusable: "false", children: layout.edges.map((edge) => {
+        children: /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "uix-relationship-graph__stage", style: stageStyle, "data-animate": animate || void 0, onTransitionEnd: () => setAnimate(false), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("svg", { className: "uix-relationship-graph__edges", width: layout.width, height: layout.height, "aria-hidden": "true", focusable: "false", children: layout.edges.map((edge) => {
             const active = activeIds.has(edge.source) || activeIds.has(edge.target) || edge.edgeIds.some((id) => highlightedEdgeIds.has(id));
             const angle = edge.arrowAngle * 180 / Math.PI;
-            return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
               "g",
               {
                 className: "uix-relationship-graph__link",
@@ -14813,15 +15490,15 @@ function LayeredRelationshipGraph({
                 "data-conflicted": edge.edgeIds.some((id) => conflictedEdgeIds.has(id)) || void 0,
                 "data-dimmed": dimmedNodeIds.has(edge.source) && dimmedNodeIds.has(edge.target) || void 0,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("path", { d: edge.path }),
-                  edge.arrow !== "none" && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("polygon", { points: arrowPoints, transform: `translate(${edge.arrowX} ${edge.arrowY}) rotate(${angle})` }),
-                  showLabel(edge) && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("text", { x: edge.labelX, y: edge.labelY, textAnchor: "middle", dominantBaseline: "middle", children: (edge.kind === "cycle" ? [...edge.labelLines, labels.cycle] : edge.labelLines).map((line, index, lines) => /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("tspan", { x: edge.labelX, dy: index === 0 ? `${-(lines.length - 1) * 0.55}em` : "1.1em", children: line }, index)) })
+                  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("path", { d: edge.path }),
+                  edge.arrow !== "none" && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("polygon", { points: arrowPoints, transform: `translate(${edge.arrowX} ${edge.arrowY}) rotate(${angle})` }),
+                  showLabel(edge) && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("text", { x: edge.labelX, y: edge.labelY, textAnchor: "middle", dominantBaseline: "middle", children: (edge.kind === "cycle" ? [...edge.labelLines, labels.cycle] : edge.labelLines).map((line, index, lines) => /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("tspan", { x: edge.labelX, dy: index === 0 ? `${-(lines.length - 1) * 0.55}em` : "1.1em", children: line }, index)) })
                 ]
               },
               edge.id
             );
           }) }),
-          layout.columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+          layout.columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
             "div",
             {
               className: "uix-relationship-graph__column",
@@ -14831,17 +15508,17 @@ function LayeredRelationshipGraph({
             },
             column.depth
           )),
-          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { role: "group", "aria-roledescription": labels.roleDescription, "aria-label": labels.graphSummary(bounded.nodes.length, bounded.edges.length), "aria-describedby": hintId, children: layout.items.map((item) => {
+          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { role: "group", "aria-roledescription": labels.roleDescription, "aria-label": labels.graphSummary(bounded.nodes.length, bounded.edges.length), "aria-describedby": hintId, children: layout.items.map((item) => {
             const selected = item.id === selectedItemId;
             const dimmed = item.node ? dimmedNodeIds.has(item.node.id) : item.cluster.members.every((member) => dimmedNodeIds.has(member.id));
-            const body = item.cluster ? renderCluster?.(item.cluster) ?? /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_jsx_runtime98.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "uix-relationship-graph__item-label", children: labels.cluster(item.cluster.members.length, item.cluster.type, item.cluster.edgeLabel) }),
-              /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "uix-relationship-graph__item-meta", children: labels.expandCluster })
-            ] }) : renderNode?.(item.node, { selected, dimmed }) ?? /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_jsx_runtime98.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "uix-relationship-graph__item-label", children: item.node.label }),
-              (item.node.type || item.node.description) && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "uix-relationship-graph__item-meta", children: [item.node.type, item.node.description].filter(Boolean).join(" \xB7 ") })
+            const body = item.cluster ? renderCluster?.(item.cluster) ?? /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_jsx_runtime99.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "uix-relationship-graph__item-label", children: labels.cluster(item.cluster.members.length, item.cluster.type, item.cluster.edgeLabel) }),
+              /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "uix-relationship-graph__item-meta", children: labels.expandCluster })
+            ] }) : renderNode?.(item.node, { selected, dimmed }) ?? /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_jsx_runtime99.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "uix-relationship-graph__item-label", children: item.node.label }),
+              (item.node.type || item.node.description) && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "uix-relationship-graph__item-meta", children: [item.node.type, item.node.description].filter(Boolean).join(" \xB7 ") })
             ] });
-            return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
               "button",
               {
                 ref: (element) => {
@@ -14872,7 +15549,7 @@ function LayeredRelationshipGraph({
                 onPointerLeave: () => setHoverId((current) => current === item.id ? void 0 : current),
                 children: [
                   body,
-                  item.inCycle && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "uix-relationship-graph__item-flag", "aria-hidden": "true", children: labels.cycle })
+                  item.inCycle && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "uix-relationship-graph__item-flag", "aria-hidden": "true", children: labels.cycle })
                 ]
               },
               item.id
@@ -14880,7 +15557,7 @@ function LayeredRelationshipGraph({
           }) }),
           layout.items.filter((item) => item.expandedGroup).map((item) => {
             const group = item.expandedGroup;
-            return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
               "button",
               {
                 type: "button",
@@ -14896,8 +15573,8 @@ function LayeredRelationshipGraph({
         ] })
       }
     ),
-    legend.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("ul", { className: "uix-relationship-graph__legend", "aria-label": labels.legend, children: legend.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("li", { "data-type": entry.id, children: entry.label }, entry.id)) }),
-    showList && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+    legend.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("ul", { className: "uix-relationship-graph__legend", "aria-label": labels.legend, children: legend.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("li", { "data-type": entry.id, children: entry.label }, entry.id)) }),
+    showList && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
       EquivalentRelationshipList,
       {
         nodes: bounded.nodes,
@@ -14916,7 +15593,7 @@ function LayeredRelationshipGraph({
 }
 
 // src/components/RelationshipGraph.tsx
-var import_jsx_runtime99 = require("react/jsx-runtime");
+var import_jsx_runtime100 = require("react/jsx-runtime");
 var DEFAULT_RELATIONSHIP_GRAPH_LABELS = {
   graph: "Relationship graph",
   controls: "Graph view controls",
@@ -14978,21 +15655,21 @@ function radialViewBox(nodes) {
   return `${round(minX)} ${round(minY)} ${width} ${height}`;
 }
 function RelationshipGraph(props) {
-  const labels = (0, import_react73.useMemo)(() => ({ ...DEFAULT_RELATIONSHIP_GRAPH_LABELS, ...props.labels }), [props.labels]);
+  const labels = (0, import_react74.useMemo)(() => ({ ...DEFAULT_RELATIONSHIP_GRAPH_LABELS, ...props.labels }), [props.labels]);
   const stateClass = cx("uix-relationship-graph uix-relationship-graph--state", props.className);
-  if (props.loading) return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: stateClass, role: "status", children: labels.loading });
+  if (props.loading) return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: stateClass, role: "status", children: labels.loading });
   if (props.error) {
-    return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: stateClass, role: "alert", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("p", { children: props.error }),
-      props.onRetry && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary", onClick: props.onRetry, children: labels.retry })
+    return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: stateClass, role: "alert", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("p", { children: props.error }),
+      props.onRetry && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary", onClick: props.onRetry, children: labels.retry })
     ] });
   }
-  if (props.nodes.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: stateClass, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("p", { children: labels.emptyTitle }),
-    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("p", { children: labels.emptyHint })
+  if (props.nodes.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: stateClass, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("p", { children: labels.emptyTitle }),
+    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("p", { children: labels.emptyHint })
   ] });
-  if (props.layout === "layered") return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(LayeredRelationshipGraph, { ...props, labels });
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(RadialRelationshipGraph, { ...props, labels });
+  if (props.layout === "layered") return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(LayeredRelationshipGraph, { ...props, labels });
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(RadialRelationshipGraph, { ...props, labels });
 }
 function RadialRelationshipGraph({
   nodes,
@@ -15012,17 +15689,17 @@ function RadialRelationshipGraph({
   labels,
   showList = true
 }) {
-  const bounded = (0, import_react73.useMemo)(() => boundRelationshipGraph(nodes, edges, maxNodes), [nodes, edges, maxNodes]);
-  const positioned = (0, import_react73.useMemo)(() => layoutRelationshipGraph(bounded.nodes, bounded.edges, selectedId), [bounded, selectedId]);
-  const typeColor = (0, import_react73.useMemo)(
+  const bounded = (0, import_react74.useMemo)(() => boundRelationshipGraph(nodes, edges, maxNodes), [nodes, edges, maxNodes]);
+  const positioned = (0, import_react74.useMemo)(() => layoutRelationshipGraph(bounded.nodes, bounded.edges, selectedId), [bounded, selectedId]);
+  const typeColor = (0, import_react74.useMemo)(
     () => new Map(legend.map((item, index) => [item.id, `var(--uix-chart-${index % 8 + 1})`])),
     [legend]
   );
-  const positionedById = (0, import_react73.useMemo)(() => new Map(positioned.map((node) => [node.id, node])), [positioned]);
-  const [zoom, setZoom] = (0, import_react73.useState)(1);
-  const [pan, setPan] = (0, import_react73.useState)({ x: 0, y: 0 });
-  const [focusedId, setFocusedId] = (0, import_react73.useState)(selectedId ?? positioned[0]?.id);
-  const svgRef = (0, import_react73.useRef)(null);
+  const positionedById = (0, import_react74.useMemo)(() => new Map(positioned.map((node) => [node.id, node])), [positioned]);
+  const [zoom, setZoom] = (0, import_react74.useState)(1);
+  const [pan, setPan] = (0, import_react74.useState)({ x: 0, y: 0 });
+  const [focusedId, setFocusedId] = (0, import_react74.useState)(selectedId ?? positioned[0]?.id);
+  const svgRef = (0, import_react74.useRef)(null);
   const select = (id) => {
     const node = bounded.nodes.find((item) => item.id === id);
     if (node) onSelect?.(node);
@@ -15045,25 +15722,25 @@ function RadialRelationshipGraph({
     setZoom(1);
     setPan({ x: 0, y: 0 });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("section", { className: cx("uix-relationship-graph", `uix-relationship-graph--${density}`, className), "aria-label": labels.graph, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "uix-relationship-graph__toolbar", "aria-label": labels.controls, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("button", { type: "button", onClick: () => setPan((value) => ({ ...value, x: value.x - 24 })), "aria-label": labels.panLeft, children: labels.left }),
-      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("button", { type: "button", onClick: () => setPan((value) => ({ ...value, y: value.y - 24 })), "aria-label": labels.panUp, children: labels.up }),
-      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("button", { type: "button", onClick: () => setPan((value) => ({ ...value, y: value.y + 24 })), "aria-label": labels.panDown, children: labels.down }),
-      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("button", { type: "button", onClick: () => setPan((value) => ({ ...value, x: value.x + 24 })), "aria-label": labels.panRight, children: labels.right }),
-      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("button", { type: "button", onClick: () => setZoom((value) => Math.min(2, Number((value + 0.2).toFixed(1)))), "aria-label": labels.zoomIn, children: labels.zoomIn }),
-      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("button", { type: "button", onClick: () => setZoom((value) => Math.max(0.5, Number((value - 0.2).toFixed(1)))), "aria-label": labels.zoomOut, children: labels.zoomOut }),
-      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("button", { type: "button", onClick: reset, children: labels.reset }),
-      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { "aria-live": "polite", children: labels.zoomLevel(Math.round(zoom * 100)) })
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("section", { className: cx("uix-relationship-graph", `uix-relationship-graph--${density}`, className), "aria-label": labels.graph, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "uix-relationship-graph__toolbar", "aria-label": labels.controls, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("button", { type: "button", onClick: () => setPan((value) => ({ ...value, x: value.x - 24 })), "aria-label": labels.panLeft, children: labels.left }),
+      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("button", { type: "button", onClick: () => setPan((value) => ({ ...value, y: value.y - 24 })), "aria-label": labels.panUp, children: labels.up }),
+      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("button", { type: "button", onClick: () => setPan((value) => ({ ...value, y: value.y + 24 })), "aria-label": labels.panDown, children: labels.down }),
+      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("button", { type: "button", onClick: () => setPan((value) => ({ ...value, x: value.x + 24 })), "aria-label": labels.panRight, children: labels.right }),
+      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("button", { type: "button", onClick: () => setZoom((value) => Math.min(2, Number((value + 0.2).toFixed(1)))), "aria-label": labels.zoomIn, children: labels.zoomIn }),
+      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("button", { type: "button", onClick: () => setZoom((value) => Math.max(0.5, Number((value - 0.2).toFixed(1)))), "aria-label": labels.zoomOut, children: labels.zoomOut }),
+      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("button", { type: "button", onClick: reset, children: labels.reset }),
+      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { "aria-live": "polite", children: labels.zoomLevel(Math.round(zoom * 100)) })
     ] }),
-    bounded.omittedNodeCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("p", { className: "uix-relationship-graph__bounded", role: "status", children: labels.bounded(bounded.nodes.length, bounded.omittedNodeCount) }),
-    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "uix-relationship-graph__visual", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("svg", { ref: svgRef, viewBox: radialViewBox(positioned), role: "group", "aria-label": labels.graphSummary(bounded.nodes.length, bounded.edges.length), children: /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("g", { transform: `translate(${pan.x} ${pan.y}) scale(${zoom})`, children: [
+    bounded.omittedNodeCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("p", { className: "uix-relationship-graph__bounded", role: "status", children: labels.bounded(bounded.nodes.length, bounded.omittedNodeCount) }),
+    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "uix-relationship-graph__visual", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("svg", { ref: svgRef, viewBox: radialViewBox(positioned), role: "group", "aria-label": labels.graphSummary(bounded.nodes.length, bounded.edges.length), children: /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("g", { transform: `translate(${pan.x} ${pan.y}) scale(${zoom})`, children: [
       bounded.edges.map((edge) => {
         const source = positionedById.get(edge.source);
         const target = positionedById.get(edge.target);
-        return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("line", { x1: source.x * RADIAL_SCALE_X, y1: source.y * RADIAL_SCALE_Y, x2: target.x * RADIAL_SCALE_X, y2: target.y * RADIAL_SCALE_Y, className: "uix-relationship-graph__edge", "data-typed": edge.type != null && typeColor.has(edge.type) || void 0, style: edge.type != null && typeColor.has(edge.type) ? { "--uix-graph-type-color": typeColor.get(edge.type) } : void 0, "data-highlighted": highlightedEdgeIds.has(edge.id) || void 0, "data-conflicted": conflictedEdgeIds.has(edge.id) || void 0, children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("title", { children: edge.label ?? edge.type ?? labels.relationship }) }, edge.id);
+        return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("line", { x1: source.x * RADIAL_SCALE_X, y1: source.y * RADIAL_SCALE_Y, x2: target.x * RADIAL_SCALE_X, y2: target.y * RADIAL_SCALE_Y, className: "uix-relationship-graph__edge", "data-typed": edge.type != null && typeColor.has(edge.type) || void 0, style: edge.type != null && typeColor.has(edge.type) ? { "--uix-graph-type-color": typeColor.get(edge.type) } : void 0, "data-highlighted": highlightedEdgeIds.has(edge.id) || void 0, "data-conflicted": conflictedEdgeIds.has(edge.id) || void 0, children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("title", { children: edge.label ?? edge.type ?? labels.relationship }) }, edge.id);
       }),
-      positioned.map((node) => /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
+      positioned.map((node) => /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
         "g",
         {
           transform: `translate(${node.x * RADIAL_SCALE_X} ${node.y * RADIAL_SCALE_Y})`,
@@ -15079,22 +15756,22 @@ function RadialRelationshipGraph({
           onKeyDown: (event) => onNodeKeyDown(event, node.id),
           onClick: () => select(node.id),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("title", { children: node.label }),
-            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("rect", { x: -RADIAL_NODE_HALF_W, y: -RADIAL_NODE_HALF_H, width: RADIAL_NODE_HALF_W * 2, height: RADIAL_NODE_HALF_H * 2, rx: "8" }),
-            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("text", { textAnchor: "middle", dominantBaseline: "middle", children: node.label.length > 16 ? `${node.label.slice(0, 15)}\u2026` : node.label })
+            /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("title", { children: node.label }),
+            /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("rect", { x: -RADIAL_NODE_HALF_W, y: -RADIAL_NODE_HALF_H, width: RADIAL_NODE_HALF_W * 2, height: RADIAL_NODE_HALF_H * 2, rx: "8" }),
+            /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("text", { textAnchor: "middle", dominantBaseline: "middle", children: node.label.length > 16 ? `${node.label.slice(0, 15)}\u2026` : node.label })
           ]
         },
         node.id
       ))
     ] }) }) }),
-    legend.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("ul", { className: "uix-relationship-graph__legend", "aria-label": labels.legend, children: legend.map((item) => /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("li", { "data-type": item.id, style: { "--uix-graph-type-color": typeColor.get(item.id) }, children: item.label }, item.id)) }),
-    showList && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(EquivalentRelationshipList, { nodes: bounded.nodes, edges: bounded.edges, selectedId, labels, onSelect: select, onExpandNeighbors, onOpenDetails })
+    legend.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("ul", { className: "uix-relationship-graph__legend", "aria-label": labels.legend, children: legend.map((item) => /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("li", { "data-type": item.id, style: { "--uix-graph-type-color": typeColor.get(item.id) }, children: item.label }, item.id)) }),
+    showList && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(EquivalentRelationshipList, { nodes: bounded.nodes, edges: bounded.edges, selectedId, labels, onSelect: select, onExpandNeighbors, onOpenDetails })
   ] });
 }
 
 // src/components/MatchReview.tsx
-var import_react74 = require("react");
-var import_jsx_runtime100 = require("react/jsx-runtime");
+var import_react75 = require("react");
+var import_jsx_runtime101 = require("react/jsx-runtime");
 var DEFAULT_MATCH_REVIEW_LABELS = {
   region: "Match review",
   loading: "Loading match candidates\u2026",
@@ -15156,11 +15833,11 @@ function MatchReview({
   const plural = (n, one, many) => fillLabel(n === 1 ? one : many, { count: n });
   const decisionLabel = { accepted: labels.decisionAccepted, dismissed: labels.decisionDismissed, split: labels.decisionSplit, other: labels.decisionOther };
   const actionLabel = { accept: labels.accept, dismiss: labels.dismiss, split: labels.split, "pick-other": labels.pickOther };
-  const [internalSelection, setInternalSelection] = (0, import_react74.useState)(/* @__PURE__ */ new Set());
-  const [announcement, setAnnouncement] = (0, import_react74.useState)("");
-  const [bulkPending, setBulkPending] = (0, import_react74.useState)(false);
+  const [internalSelection, setInternalSelection] = (0, import_react75.useState)(/* @__PURE__ */ new Set());
+  const [announcement, setAnnouncement] = (0, import_react75.useState)("");
+  const [bulkPending, setBulkPending] = (0, import_react75.useState)(false);
   const selection = selectedIds ?? internalSelection;
-  const pending = (0, import_react74.useMemo)(() => candidates.filter((candidate) => candidate.status !== "resolved"), [candidates]);
+  const pending = (0, import_react75.useMemo)(() => candidates.filter((candidate) => candidate.status !== "resolved"), [candidates]);
   const setSelection = (next) => {
     if (selectedIds === void 0) setInternalSelection(next);
     onSelectionChange?.(next);
@@ -15189,48 +15866,48 @@ function MatchReview({
       setBulkPending(false);
     }
   };
-  if (loading) return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: cx("uix-match-review uix-match-review--state", className), role: "status", children: labels.loading });
-  if (error) return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: cx("uix-match-review uix-match-review--state", className), role: "alert", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("p", { children: error }),
-    onRetry && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary", onClick: onRetry, children: labels.retry })
+  if (loading) return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: cx("uix-match-review uix-match-review--state", className), role: "status", children: labels.loading });
+  if (error) return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: cx("uix-match-review uix-match-review--state", className), role: "alert", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("p", { children: error }),
+    onRetry && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary", onClick: onRetry, children: labels.retry })
   ] });
-  if (candidates.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: cx("uix-match-review uix-match-review--state", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("p", { children: labels.empty }),
-    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("p", { children: labels.emptyDetail })
+  if (candidates.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: cx("uix-match-review uix-match-review--state", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("p", { children: labels.empty }),
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("p", { children: labels.emptyDetail })
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("section", { className: cx("uix-match-review", className), "aria-label": labels.region, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "uix-match-review__summary", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("strong", { children: incomingLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { children: fillLabel(labels.pendingOf, { pending: pending.length, total: candidates.length }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("section", { className: cx("uix-match-review", className), "aria-label": labels.region, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "uix-match-review__summary", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("strong", { children: incomingLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { children: fillLabel(labels.pendingOf, { pending: pending.length, total: candidates.length }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "uix-match-review__incoming", children: fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("span", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("b", { children: field.label }),
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "uix-match-review__incoming", children: fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("span", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("b", { children: field.label }),
         field.render?.(incoming[field.id], incoming) ?? valueText(incoming[field.id])
       ] }, field.id)) })
     ] }),
-    onBulkDecision && /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "uix-match-review__bulk", "aria-label": labels.bulk, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { children: fillLabel(labels.selectedCount, { count: selection.size }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary uix-btn--sm", disabled: selection.size === 0 || bulkPending, onClick: () => void runBulk("accept"), children: bulkPending ? labels.applying : labels.acceptSelected }),
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", disabled: selection.size === 0 || bulkPending, onClick: () => void runBulk("dismiss"), children: bulkPending ? labels.applying : labels.dismissSelected })
+    onBulkDecision && /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "uix-match-review__bulk", "aria-label": labels.bulk, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { children: fillLabel(labels.selectedCount, { count: selection.size }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary uix-btn--sm", disabled: selection.size === 0 || bulkPending, onClick: () => void runBulk("accept"), children: bulkPending ? labels.applying : labels.acceptSelected }),
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", disabled: selection.size === 0 || bulkPending, onClick: () => void runBulk("dismiss"), children: bulkPending ? labels.applying : labels.dismissSelected })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "uix-match-review__table-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("table", { className: "uix-table uix-match-review__table", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("caption", { className: "uix-visually-hidden", children: labels.caption }),
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("tr", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("th", { scope: "col", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: "uix-visually-hidden", children: labels.select }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("th", { scope: "col", children: labels.confidence }),
-        fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("th", { scope: "col", children: field.label }, field.id)),
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("th", { scope: "col", children: labels.status }),
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("th", { scope: "col", children: labels.actions })
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "uix-match-review__table-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("table", { className: "uix-table uix-match-review__table", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("caption", { className: "uix-visually-hidden", children: labels.caption }),
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("tr", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("th", { scope: "col", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: "uix-visually-hidden", children: labels.select }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("th", { scope: "col", children: labels.confidence }),
+        fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("th", { scope: "col", children: field.label }, field.id)),
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("th", { scope: "col", children: labels.status }),
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("th", { scope: "col", children: labels.actions })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("tbody", { children: candidates.map((candidate) => {
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("tbody", { children: candidates.map((candidate) => {
         const resolved = candidate.status === "resolved";
-        return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("tr", { "data-status": candidate.status ?? "pending", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("input", { type: "checkbox", checked: selection.has(candidate.id), onChange: () => toggle(candidate.id), "aria-label": fillLabel(labels.selectCandidate, { id: candidate.id }) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: "uix-match-review__confidence", children: candidate.confidence == null ? labels.notScored : `${Math.round(candidate.confidence * 100)}%` }) }),
-          fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("td", { children: field.render?.(candidate.record[field.id], candidate.record) ?? valueText(candidate.record[field.id]) }, field.id)),
-          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(StatusPill, { tone: resolved ? "success" : "warning", children: resolved ? candidate.decision ? decisionLabel[candidate.decision] : labels.resolved : labels.pending }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "uix-match-review__actions", children: ["accept", "dismiss", "split", "pick-other"].map((action) => /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("tr", { "data-status": candidate.status ?? "pending", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("input", { type: "checkbox", checked: selection.has(candidate.id), onChange: () => toggle(candidate.id), "aria-label": fillLabel(labels.selectCandidate, { id: candidate.id }) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: "uix-match-review__confidence", children: candidate.confidence == null ? labels.notScored : `${Math.round(candidate.confidence * 100)}%` }) }),
+          fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("td", { children: field.render?.(candidate.record[field.id], candidate.record) ?? valueText(candidate.record[field.id]) }, field.id)),
+          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(StatusPill, { tone: resolved ? "success" : "warning", children: resolved ? candidate.decision ? decisionLabel[candidate.decision] : labels.resolved : labels.pending }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "uix-match-review__actions", children: ["accept", "dismiss", "split", "pick-other"].map((action) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
             "button",
             {
               type: "button",
@@ -15244,12 +15921,12 @@ function MatchReview({
         ] }, candidate.id);
       }) })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("p", { className: "uix-visually-hidden", "aria-live": "polite", children: announcement })
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("p", { className: "uix-visually-hidden", "aria-live": "polite", children: announcement })
   ] });
 }
 
 // src/components/MetricInput.tsx
-var import_react75 = require("react");
+var import_react76 = require("react");
 
 // src/metric-model.ts
 function decimals(value) {
@@ -15274,7 +15951,7 @@ function parseMetricValue(value) {
 }
 
 // src/components/MetricInput.tsx
-var import_jsx_runtime101 = require("react/jsx-runtime");
+var import_jsx_runtime102 = require("react/jsx-runtime");
 var defaultMetricFormat = (input) => input == null ? "" : String(input);
 function MetricInput({
   value,
@@ -15295,14 +15972,14 @@ function MetricInput({
   className,
   id: providedId
 }) {
-  const generatedId = (0, import_react75.useId)();
+  const generatedId = (0, import_react76.useId)();
   const id = providedId ?? generatedId;
   const errorId = `${id}-error`;
   const hintId = `${id}-hint`;
   const showError = Boolean(invalid && errorMessage);
   const describedBy = [hint ? hintId : null, showError ? errorId : null].filter(Boolean).join(" ") || void 0;
-  const [text, setText] = (0, import_react75.useState)(() => format(value));
-  (0, import_react75.useEffect)(() => setText(format(value)), [value, format]);
+  const [text, setText] = (0, import_react76.useState)(() => format(value));
+  (0, import_react76.useEffect)(() => setText(format(value)), [value, format]);
   const commit = (input) => {
     const parsed = parse(input);
     if (input.trim() === "" || parsed !== null) {
@@ -15328,10 +16005,10 @@ function MetricInput({
     const parsed = parse(event.currentTarget.value);
     setText(parsed === null && event.currentTarget.value.trim() !== "" ? format(value) : format(parsed));
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: cx("uix-metric-input", invalid && "uix-metric-input--invalid", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("label", { className: "uix-field__label", htmlFor: id, "data-required": required || void 0, children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "uix-metric-input__control", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: cx("uix-metric-input", invalid && "uix-metric-input--invalid", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("label", { className: "uix-field__label", htmlFor: id, "data-required": required || void 0, children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "uix-metric-input__control", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
         Input,
         {
           id,
@@ -15352,23 +16029,23 @@ function MetricInput({
           readOnly
         }
       ),
-      unit && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: "uix-metric-input__unit", "aria-hidden": "true", children: unit }),
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("span", { className: "uix-metric-input__steps", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("button", { type: "button", className: "uix-metric-input__step", onClick: () => stepBy(1), disabled: disabled || readOnly, "aria-label": `Increase ${label}`, children: "+" }),
-        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("button", { type: "button", className: "uix-metric-input__step", onClick: () => stepBy(-1), disabled: disabled || readOnly, "aria-label": `Decrease ${label}`, children: "\u2212" })
+      unit && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("span", { className: "uix-metric-input__unit", "aria-hidden": "true", children: unit }),
+      /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("span", { className: "uix-metric-input__steps", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("button", { type: "button", className: "uix-metric-input__step", onClick: () => stepBy(1), disabled: disabled || readOnly, "aria-label": `Increase ${label}`, children: "+" }),
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("button", { type: "button", className: "uix-metric-input__step", onClick: () => stepBy(-1), disabled: disabled || readOnly, "aria-label": `Decrease ${label}`, children: "\u2212" })
       ] })
     ] }),
-    unit && /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("span", { className: "uix-visually-hidden", children: [
+    unit && /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("span", { className: "uix-visually-hidden", children: [
       "Unit: ",
       unit
     ] }),
-    hint && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { id: hintId, className: "uix-field__hint", children: hint }),
-    showError && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { id: errorId, className: "uix-field__error", children: errorMessage })
+    hint && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("span", { id: hintId, className: "uix-field__hint", children: hint }),
+    showError && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("span", { id: errorId, className: "uix-field__error", children: errorMessage })
   ] });
 }
 
 // src/components/LicensePositionBar.tsx
-var import_jsx_runtime102 = require("react/jsx-runtime");
+var import_jsx_runtime103 = require("react/jsx-runtime");
 var defaultCapacityFormat = (value) => new Intl.NumberFormat().format(value);
 function LicensePositionBar({
   consumed,
@@ -15389,18 +16066,18 @@ function LicensePositionBar({
   const percent = safeEntitled === 0 ? safeConsumed > 0 ? 100 : 0 : safeConsumed / safeEntitled * 100;
   const format = (value) => `${formatValue(value)}${unit ? ` ${unit}` : ""}`;
   const summary = `${consumedLabel}: ${format(safeConsumed)}. ${entitledLabel}: ${format(safeEntitled)}. ${over > 0 ? `${format(over)} ${overLabel}` : `${format(available)} ${availableLabel}`}.`;
-  return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: cx("uix-license-position", over > 0 && "uix-license-position--over", className), ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "uix-license-position__header", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("span", { className: "uix-license-position__value", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: cx("uix-license-position", over > 0 && "uix-license-position--over", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "uix-license-position__header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("span", { className: "uix-license-position__value", children: [
         format(safeConsumed),
         " / ",
         format(safeEntitled)
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(StatusPill, { tone: over > 0 ? "danger" : percent >= 80 ? "warning" : "success", children: over > 0 ? `${format(over)} ${overLabel}` : `${format(available)} ${availableLabel}` })
+      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(StatusPill, { tone: over > 0 ? "danger" : percent >= 80 ? "warning" : "success", children: over > 0 ? `${format(over)} ${overLabel}` : `${format(available)} ${availableLabel}` })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "uix-license-position__track", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Meter, { value: Math.min(100, percent), tone: over > 0 ? "danger" : percent >= 80 ? "warning" : "success", "aria-label": summary, "aria-valuetext": summary }),
-      over > 0 && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "uix-license-position__track", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Meter, { value: Math.min(100, percent), tone: over > 0 ? "danger" : percent >= 80 ? "warning" : "success", "aria-label": summary, "aria-valuetext": summary }),
+      over > 0 && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
         "span",
         {
           className: "uix-license-position__overflow",
@@ -15409,12 +16086,12 @@ function LicensePositionBar({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("span", { className: "uix-visually-hidden", children: summary })
+    /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("span", { className: "uix-visually-hidden", children: summary })
   ] });
 }
 
 // src/components/BrandProfiles.tsx
-var import_react77 = require("react");
+var import_react78 = require("react");
 
 // src/color-model.ts
 var clamp2 = (value, min, max) => Math.min(max, Math.max(min, value));
@@ -15483,8 +16160,8 @@ function meetsContrast(background, foreground, minimum = 4.5) {
 }
 
 // src/components/ColorPicker.tsx
-var import_react76 = require("react");
-var import_jsx_runtime103 = require("react/jsx-runtime");
+var import_react77 = require("react");
+var import_jsx_runtime104 = require("react/jsx-runtime");
 var DEFAULT_COLOR_PICKER_LABELS = {
   trigger: "{label}: {color}",
   sample: "Aa",
@@ -15515,17 +16192,17 @@ function ColorPicker({
   labels: labelOverrides
 }) {
   const labels = { ...DEFAULT_COLOR_PICKER_LABELS, ...labelOverrides };
-  const id = (0, import_react76.useId)();
-  const triggerRef = (0, import_react76.useRef)(null);
-  const dialogRef = (0, import_react76.useRef)(null);
-  const [open, setOpen] = (0, import_react76.useState)(false);
+  const id = (0, import_react77.useId)();
+  const triggerRef = (0, import_react77.useRef)(null);
+  const dialogRef = (0, import_react77.useRef)(null);
+  const [open, setOpen] = (0, import_react77.useState)(false);
   const normalized = normalizeHex(value) ?? "#000000";
-  const [hexText, setHexText] = (0, import_react76.useState)(normalized);
-  const hsv = (0, import_react76.useMemo)(() => rgbToHsv(hexToRgb(normalized)), [normalized]);
+  const [hexText, setHexText] = (0, import_react77.useState)(normalized);
+  const hsv = (0, import_react77.useMemo)(() => rgbToHsv(hexToRgb(normalized)), [normalized]);
   const ratio = contrastRatio(normalized, foreground) ?? 0;
   const passes = ratio >= minimumContrast;
-  (0, import_react76.useEffect)(() => setHexText(normalized), [normalized]);
-  (0, import_react76.useEffect)(() => {
+  (0, import_react77.useEffect)(() => setHexText(normalized), [normalized]);
+  (0, import_react77.useEffect)(() => {
     if (!open) return;
     const dialog = dialogRef.current;
     dialog?.querySelector("input,button")?.focus();
@@ -15568,8 +16245,8 @@ function ColorPicker({
     if (next) onChange(next);
   };
   const sampleStyle = { backgroundColor: normalized };
-  return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: cx("uix-color-picker", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: cx("uix-color-picker", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
       "button",
       {
         ref: triggerRef,
@@ -15581,12 +16258,12 @@ function ColorPicker({
         onClick: () => setOpen((current) => !current),
         disabled,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("span", { className: "uix-color-picker__swatch", style: sampleStyle, "aria-hidden": "true" }),
-          /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("span", { children: normalized })
+          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { className: "uix-color-picker__swatch", style: sampleStyle, "aria-hidden": "true" }),
+          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { children: normalized })
         ]
       }
     ),
-    open && /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
+    open && /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
       "div",
       {
         ref: dialogRef,
@@ -15597,55 +16274,55 @@ function ColorPicker({
         className: "uix-color-picker__popover",
         onKeyDown: onDialogKeyDown,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "uix-color-picker__preview", style: sampleStyle, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("span", { style: { color: foreground }, children: labels.sample }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("label", { className: "uix-color-picker__range", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "uix-color-picker__preview", style: sampleStyle, children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { style: { color: foreground }, children: labels.sample }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("label", { className: "uix-color-picker__range", children: [
             labels.hue,
             " ",
-            /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("span", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("span", { children: [
               Math.round(hsv.h),
               "\xB0"
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("input", { type: "range", min: "0", max: "359", value: Math.round(hsv.h), onChange: (event) => updateHsv({ h: Number(event.currentTarget.value) }) })
+            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("input", { type: "range", min: "0", max: "359", value: Math.round(hsv.h), onChange: (event) => updateHsv({ h: Number(event.currentTarget.value) }) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("label", { className: "uix-color-picker__range", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("label", { className: "uix-color-picker__range", children: [
             labels.saturation,
             " ",
-            /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("span", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("span", { children: [
               Math.round(hsv.s * 100),
               "%"
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("input", { type: "range", min: "0", max: "100", value: Math.round(hsv.s * 100), onChange: (event) => updateHsv({ s: Number(event.currentTarget.value) / 100 }) })
+            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("input", { type: "range", min: "0", max: "100", value: Math.round(hsv.s * 100), onChange: (event) => updateHsv({ s: Number(event.currentTarget.value) / 100 }) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("label", { className: "uix-color-picker__range", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("label", { className: "uix-color-picker__range", children: [
             labels.brightness,
             " ",
-            /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("span", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("span", { children: [
               Math.round(hsv.v * 100),
               "%"
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("input", { type: "range", min: "0", max: "100", value: Math.round(hsv.v * 100), onChange: (event) => updateHsv({ v: Number(event.currentTarget.value) / 100 }) })
+            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("input", { type: "range", min: "0", max: "100", value: Math.round(hsv.v * 100), onChange: (event) => updateHsv({ v: Number(event.currentTarget.value) / 100 }) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("label", { className: "uix-color-picker__hex", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("label", { className: "uix-color-picker__hex", children: [
             labels.hex,
-            /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("span", { className: "uix-color-picker__hex-row", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("input", { className: "uix-input", value: hexText, onChange: (event) => setHexText(event.currentTarget.value), onBlur: commitHex, onKeyDown: (event) => {
+            /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("span", { className: "uix-color-picker__hex-row", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("input", { className: "uix-input", value: hexText, onChange: (event) => setHexText(event.currentTarget.value), onBlur: commitHex, onKeyDown: (event) => {
                 if (event.key === "Enter") commitHex();
               }, "aria-invalid": !normalizeHex(hexText) }),
-              /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary uix-btn--sm", onClick: commitHex, disabled: !normalizeHex(hexText), children: labels.set })
+              /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary uix-btn--sm", onClick: commitHex, disabled: !normalizeHex(hexText), children: labels.set })
             ] })
           ] }),
-          (presets.length > 0 || recent.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "uix-color-picker__palettes", children: [
-            presets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("fieldset", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("legend", { children: labels.presets }),
-              /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { children: presets.map((color) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("button", { type: "button", className: "uix-color-picker__preset", style: { backgroundColor: normalizeHex(color) ?? color }, onClick: () => choose(color), "aria-label": fillLabel(labels.usePreset, { color }) }, color)) })
+          (presets.length > 0 || recent.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "uix-color-picker__palettes", children: [
+            presets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("fieldset", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("legend", { children: labels.presets }),
+              /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { children: presets.map((color) => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("button", { type: "button", className: "uix-color-picker__preset", style: { backgroundColor: normalizeHex(color) ?? color }, onClick: () => choose(color), "aria-label": fillLabel(labels.usePreset, { color }) }, color)) })
             ] }),
-            recent.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("fieldset", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("legend", { children: labels.recent }),
-              /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { children: recent.map((color) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("button", { type: "button", className: "uix-color-picker__preset", style: { backgroundColor: normalizeHex(color) ?? color }, onClick: () => choose(color), "aria-label": fillLabel(labels.useRecent, { color }) }, color)) })
+            recent.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("fieldset", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("legend", { children: labels.recent }),
+              /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { children: recent.map((color) => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("button", { type: "button", className: "uix-color-picker__preset", style: { backgroundColor: normalizeHex(color) ?? color }, onClick: () => choose(color), "aria-label": fillLabel(labels.useRecent, { color }) }, color)) })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("p", { className: cx("uix-color-picker__contrast", passes ? "uix-color-picker__contrast--pass" : "uix-color-picker__contrast--fail"), role: "status", "aria-live": "polite", children: fillLabel(passes ? labels.contrastPasses : labels.contrastFails, { ratio: ratio.toFixed(2), minimum: minimumContrast }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("button", { type: "button", className: "uix-btn uix-btn--primary uix-btn--sm", onClick: close, children: labels.done })
+          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("p", { className: cx("uix-color-picker__contrast", passes ? "uix-color-picker__contrast--pass" : "uix-color-picker__contrast--fail"), role: "status", "aria-live": "polite", children: fillLabel(passes ? labels.contrastPasses : labels.contrastFails, { ratio: ratio.toFixed(2), minimum: minimumContrast }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("button", { type: "button", className: "uix-btn uix-btn--primary uix-btn--sm", onClick: close, children: labels.done })
         ]
       }
     )
@@ -15653,7 +16330,7 @@ function ColorPicker({
 }
 
 // src/components/BrandProfiles.tsx
-var import_jsx_runtime104 = require("react/jsx-runtime");
+var import_jsx_runtime105 = require("react/jsx-runtime");
 var PROFILE_PROPERTIES = {
   brand: "--uix-brand",
   brandForeground: "--uix-brand-fg",
@@ -15745,7 +16422,7 @@ function BrandProfileEditor({
   labels: labelOverrides
 }) {
   const labels = { ...DEFAULT_BRAND_PROFILE_EDITOR_LABELS, ...labelOverrides };
-  const [announcement, setAnnouncement] = (0, import_react77.useState)("");
+  const [announcement, setAnnouncement] = (0, import_react78.useState)("");
   const update = (patch) => onChange({ ...value, ...patch });
   const apply = () => {
     if (applyTarget !== null) applyBrandProfile(value, applyTarget);
@@ -15762,54 +16439,54 @@ function BrandProfileEditor({
     ...value.typography?.sans ? { "--uix-font-sans": value.typography.sans } : {},
     ...value.typography?.heading ? { "--uix-font-heading": value.typography.heading } : {}
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("section", { className: cx("uix-brand-profiles", className), "aria-label": labels.region, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "uix-brand-profiles__form", children: [
-      profiles.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("label", { className: "uix-field__label", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("section", { className: cx("uix-brand-profiles", className), "aria-label": labels.region, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "uix-brand-profiles__form", children: [
+      profiles.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("label", { className: "uix-field__label", children: [
         labels.profile,
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("select", { className: "uix-select", value: value.id, onChange: (event) => {
+        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("select", { className: "uix-select", value: value.id, onChange: (event) => {
           const selected = profiles.find((profile) => profile.id === event.currentTarget.value);
           if (selected) onSelectProfile?.(selected);
-        }, children: profiles.map((profile) => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("option", { value: profile.id, children: profile.name }, profile.id)) })
+        }, children: profiles.map((profile) => /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("option", { value: profile.id, children: profile.name }, profile.id)) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("label", { className: "uix-field__label", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("label", { className: "uix-field__label", children: [
         labels.name,
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("input", { className: "uix-input", value: value.name, onChange: (event) => update({ name: event.currentTarget.value }) })
+        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("input", { className: "uix-input", value: value.name, onChange: (event) => update({ name: event.currentTarget.value }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "uix-brand-profiles__colors", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("label", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "uix-brand-profiles__colors", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("label", { children: [
           labels.brand,
-          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(ColorPicker, { label: labels.brandColor, value: value.brand, foreground: value.brandForeground, presets: colorPresets, onChange: (brand) => update({ brand }) })
+          /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(ColorPicker, { label: labels.brandColor, value: value.brand, foreground: value.brandForeground, presets: colorPresets, onChange: (brand) => update({ brand }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("label", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("label", { children: [
           labels.onBrand,
-          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(ColorPicker, { label: labels.onBrandColor, value: value.brandForeground, foreground: value.brand, presets: colorPresets, onChange: (brandForeground) => update({ brandForeground }) })
+          /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(ColorPicker, { label: labels.onBrandColor, value: value.brandForeground, foreground: value.brand, presets: colorPresets, onChange: (brandForeground) => update({ brandForeground }) })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("label", { className: "uix-field__label", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("label", { className: "uix-field__label", children: [
         labels.bodyFont,
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("input", { className: "uix-input", value: value.typography?.sans ?? "", onChange: (event) => update({ typography: { ...value.typography, sans: event.currentTarget.value || void 0 } }) })
+        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("input", { className: "uix-input", value: value.typography?.sans ?? "", onChange: (event) => update({ typography: { ...value.typography, sans: event.currentTarget.value || void 0 } }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("label", { className: "uix-field__label", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("label", { className: "uix-field__label", children: [
         labels.headingFont,
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("input", { className: "uix-input", value: value.typography?.heading ?? "", onChange: (event) => update({ typography: { ...value.typography, heading: event.currentTarget.value || void 0 } }) })
+        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("input", { className: "uix-input", value: value.typography?.heading ?? "", onChange: (event) => update({ typography: { ...value.typography, heading: event.currentTarget.value || void 0 } }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("label", { className: "uix-file-upload uix-brand-profiles__upload", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("label", { className: "uix-file-upload uix-brand-profiles__upload", children: [
         labels.logoFile,
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("input", { type: "file", accept: "image/*", onChange: onFile })
+        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("input", { type: "file", accept: "image/*", onChange: onFile })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("button", { type: "button", className: "uix-btn uix-btn--primary", onClick: apply, children: labels.apply }),
-      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { className: "uix-visually-hidden", "aria-live": "polite", children: announcement })
+      /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("button", { type: "button", className: "uix-btn uix-btn--primary", onClick: apply, children: labels.apply }),
+      /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { className: "uix-visually-hidden", "aria-live": "polite", children: announcement })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "uix-brand-profiles__preview", style: previewStyle, "aria-label": fillLabel(labels.preview, { name: value.name }), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "uix-brand-profiles__preview-header", children: [
-        value.logo ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("img", { src: value.logo.src, alt: value.logo.alt }) : /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { className: "uix-brand-profiles__logo-placeholder", children: labels.logoPlaceholder }),
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("strong", { children: value.name || labels.previewTitleFallback })
+    /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "uix-brand-profiles__preview", style: previewStyle, "aria-label": fillLabel(labels.preview, { name: value.name }), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "uix-brand-profiles__preview-header", children: [
+        value.logo ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("img", { src: value.logo.src, alt: value.logo.alt }) : /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { className: "uix-brand-profiles__logo-placeholder", children: labels.logoPlaceholder }),
+        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("strong", { children: value.name || labels.previewTitleFallback })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "uix-brand-profiles__preview-body", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("h3", { children: labels.previewHeading }),
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("p", { children: labels.previewBody }),
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("button", { type: "button", className: "uix-btn uix-btn--primary", children: labels.previewPrimary }),
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("a", { href: "#brand-profile-preview", children: labels.previewLink })
+      /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "uix-brand-profiles__preview-body", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("h3", { children: labels.previewHeading }),
+        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("p", { children: labels.previewBody }),
+        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("button", { type: "button", className: "uix-btn uix-btn--primary", children: labels.previewPrimary }),
+        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("a", { href: "#brand-profile-preview", children: labels.previewLink })
       ] })
     ] })
   ] });
@@ -15817,7 +16494,7 @@ function BrandProfileEditor({
 var BrandProfiles = BrandProfileEditor;
 
 // src/components/DiffViewer.tsx
-var import_react78 = require("react");
+var import_react79 = require("react");
 
 // src/diff-model.ts
 function isJsonObject(value) {
@@ -15868,7 +16545,7 @@ function summarizeDiff(entries, resolutions = {}) {
 }
 
 // src/components/DiffViewer.tsx
-var import_jsx_runtime105 = require("react/jsx-runtime");
+var import_jsx_runtime106 = require("react/jsx-runtime");
 var DEFAULT_DIFF_VIEWER_LABELS = {
   base: "Base",
   current: "Current",
@@ -15913,33 +16590,33 @@ function DiffViewer({
   const labels = { ...DEFAULT_DIFF_VIEWER_LABELS, ...labelOverrides };
   const resolutionLabel = { accept: labels.resolutionAccept, skip: labels.resolutionSkip, pending: labels.resolutionPending };
   const buttonSize = controlSize === "md" ? void 0 : `uix-btn--${controlSize}`;
-  const id = (0, import_react78.useId)();
-  const entries = (0, import_react78.useMemo)(() => providedEntries ?? buildThreeWayDiff(base, current, incoming), [providedEntries, base, current, incoming]);
-  const [internalResolutions, setInternalResolutions] = (0, import_react78.useState)({});
+  const id = (0, import_react79.useId)();
+  const entries = (0, import_react79.useMemo)(() => providedEntries ?? buildThreeWayDiff(base, current, incoming), [providedEntries, base, current, incoming]);
+  const [internalResolutions, setInternalResolutions] = (0, import_react79.useState)({});
   const resolutions = controlledResolutions ?? internalResolutions;
   const summary = summarizeDiff(entries, resolutions);
   const resolve = (path, resolution) => {
     if (controlledResolutions === void 0) setInternalResolutions((currentState) => ({ ...currentState, [path]: resolution }));
     onResolutionChange?.(path, resolution);
   };
-  if (entries.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("section", { className: cx("uix-diff-viewer uix-diff-viewer--empty", className), "aria-label": labels.region, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("h3", { children: labels.noDifferences }),
-    /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("p", { children: labels.noDifferencesDetail })
+  if (entries.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("section", { className: cx("uix-diff-viewer uix-diff-viewer--empty", className), "aria-label": labels.region, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("h3", { children: labels.noDifferences }),
+    /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("p", { children: labels.noDifferencesDetail })
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("section", { className: cx("uix-diff-viewer", className), "aria-label": labels.region, "data-control-size": controlSize, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "uix-diff-viewer__summary", role: "group", "aria-label": labels.summary, children: [
-      GROUPS.map((kind) => /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("span", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("b", { children: summary[kind] }),
+  return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("section", { className: cx("uix-diff-viewer", className), "aria-label": labels.region, "data-control-size": controlSize, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "uix-diff-viewer__summary", role: "group", "aria-label": labels.summary, children: [
+      GROUPS.map((kind) => /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("span", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("b", { children: summary[kind] }),
         " ",
         labels[kind].toLowerCase()
       ] }, kind)),
-      /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("span", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("b", { children: summary.resolved }),
+      /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("span", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("b", { children: summary.resolved }),
         " ",
         labels.resolved
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("span", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("b", { children: summary.pending }),
+      /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("span", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("b", { children: summary.pending }),
         " ",
         labels.pending
       ] })
@@ -15947,38 +16624,38 @@ function DiffViewer({
     GROUPS.map((kind) => {
       const grouped = entries.filter((entry) => entry.kind === kind);
       if (!grouped.length) return null;
-      return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("section", { className: "uix-diff-viewer__group", "aria-labelledby": `${id}-${kind}`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("h3", { id: `${id}-${kind}`, children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("section", { className: "uix-diff-viewer__group", "aria-labelledby": `${id}-${kind}`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("h3", { id: `${id}-${kind}`, children: [
           labels[kind],
           " ",
-          /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { children: grouped.length })
+          /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { children: grouped.length })
         ] }),
         grouped.map((entry) => {
           const resolution = resolutions[entry.path] ?? "pending";
-          return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("details", { className: "uix-diff-viewer__entry", "data-kind": entry.kind, open: entry.kind === "conflicted", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("summary", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("code", { children: entry.path }),
-              /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(StatusPill, { tone: resolution === "pending" ? "warning" : "success", children: resolutionLabel[resolution] })
+          return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("details", { className: "uix-diff-viewer__entry", "data-kind": entry.kind, open: entry.kind === "conflicted", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("summary", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("code", { children: entry.path }),
+              /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(StatusPill, { tone: resolution === "pending" ? "warning" : "success", children: resolutionLabel[resolution] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: "uix-diff-viewer__versions", children: ["base", "current", "incoming"].map((version) => /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { role: "region", "aria-label": fillLabel(labels.valueFor, { version: labels[version], path: entry.path }), children: [
-              /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("strong", { children: labels[version] }),
-              /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("pre", { children: renderValue(entry[version], labels.notPresent) })
+            /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "uix-diff-viewer__versions", children: ["base", "current", "incoming"].map((version) => /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { role: "region", "aria-label": fillLabel(labels.valueFor, { version: labels[version], path: entry.path }), children: [
+              /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("strong", { children: labels[version] }),
+              /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("pre", { children: renderValue(entry[version], labels.notPresent) })
             ] }, version)) }),
-            /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "uix-diff-viewer__actions", role: "group", "aria-label": fillLabel(labels.resolve, { path: entry.path }), children: [
-              /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("button", { type: "button", className: cx("uix-btn uix-btn--primary", buttonSize), "aria-label": fillLabel(labels.acceptIncomingFor, { path: entry.path }), "aria-pressed": resolution === "accept", onClick: () => resolve(entry.path, "accept"), children: labels.acceptIncoming }),
-              /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("button", { type: "button", className: cx("uix-btn uix-btn--secondary", buttonSize), "aria-label": fillLabel(labels.keepCurrentFor, { path: entry.path }), "aria-pressed": resolution === "skip", onClick: () => resolve(entry.path, "skip"), children: labels.keepCurrent }),
-              /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("button", { type: "button", className: cx("uix-btn uix-btn--ghost", buttonSize), "aria-label": fillLabel(labels.markPendingFor, { path: entry.path }), "aria-pressed": resolution === "pending", onClick: () => resolve(entry.path, "pending"), children: labels.markPending })
+            /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "uix-diff-viewer__actions", role: "group", "aria-label": fillLabel(labels.resolve, { path: entry.path }), children: [
+              /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("button", { type: "button", className: cx("uix-btn uix-btn--primary", buttonSize), "aria-label": fillLabel(labels.acceptIncomingFor, { path: entry.path }), "aria-pressed": resolution === "accept", onClick: () => resolve(entry.path, "accept"), children: labels.acceptIncoming }),
+              /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("button", { type: "button", className: cx("uix-btn uix-btn--secondary", buttonSize), "aria-label": fillLabel(labels.keepCurrentFor, { path: entry.path }), "aria-pressed": resolution === "skip", onClick: () => resolve(entry.path, "skip"), children: labels.keepCurrent }),
+              /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("button", { type: "button", className: cx("uix-btn uix-btn--ghost", buttonSize), "aria-label": fillLabel(labels.markPendingFor, { path: entry.path }), "aria-pressed": resolution === "pending", onClick: () => resolve(entry.path, "pending"), children: labels.markPending })
             ] })
           ] }, entry.path);
         })
       ] }, kind);
     }),
-    /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("p", { className: "uix-visually-hidden", "aria-live": "polite", children: fillLabel(labels.progress, { resolved: summary.resolved, total: entries.length }) })
+    /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("p", { className: "uix-visually-hidden", "aria-live": "polite", children: fillLabel(labels.progress, { resolved: summary.resolved, total: entries.length }) })
   ] });
 }
 
 // src/components/TextDiff.tsx
-var import_react79 = require("react");
+var import_react80 = require("react");
 
 // src/text-diff-model.ts
 var WORD_TOKENS = /\s+|[\p{L}\p{M}\p{N}_]+|[^\s\p{L}\p{M}\p{N}_]/gu;
@@ -16238,7 +16915,7 @@ function textDiffRows(result, { context } = {}) {
 }
 
 // src/components/TextDiff.tsx
-var import_jsx_runtime106 = require("react/jsx-runtime");
+var import_jsx_runtime107 = require("react/jsx-runtime");
 var DEFAULT_TEXT_DIFF_LABELS = {
   before: "Before",
   after: "After",
@@ -16251,47 +16928,47 @@ var DEFAULT_TEXT_DIFF_LABELS = {
 };
 function Marked({ segments, side, labels, whole }) {
   const Tag = side === "before" ? "del" : "ins";
-  return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_jsx_runtime106.Fragment, { children: segments.map((segment, i) => segment.changed ? /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(Tag, { "data-whole": whole || void 0, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("span", { className: "uix-visually-hidden", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_jsx_runtime107.Fragment, { children: segments.map((segment, i) => segment.changed ? /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(Tag, { "data-whole": whole || void 0, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("span", { className: "uix-visually-hidden", children: [
       side === "before" ? labels.removed : labels.added,
       ": "
     ] }),
     segment.text
-  ] }, i) : /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_react79.Fragment, { children: segment.text }, i)) });
+  ] }, i) : /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_react80.Fragment, { children: segment.text }, i)) });
 }
 function Cell({ line, side, kind, labels }) {
-  if (!line) return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "uix-text-diff__cell", "data-side": side, "data-empty": "", "aria-hidden": "true" });
+  if (!line) return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "uix-text-diff__cell", "data-side": side, "data-empty": "", "aria-hidden": "true" });
   const changed = kind !== "equal";
-  return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "uix-text-diff__cell", "data-side": side, "data-kind": changed ? side === "before" ? "delete" : "insert" : "equal", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { className: "uix-text-diff__num", "aria-hidden": "true", children: line.number }),
-    /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { className: "uix-text-diff__sign", "aria-hidden": "true", children: changed ? side === "before" ? "\u2212" : "+" : "" }),
-    /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { className: "uix-text-diff__text", children: line.segments.length === 1 && line.segments[0].text === "" ? "\u200B" : /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Marked, { segments: line.segments, side, labels, whole: line.segments.length === 1 }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "uix-text-diff__cell", "data-side": side, "data-kind": changed ? side === "before" ? "delete" : "insert" : "equal", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("span", { className: "uix-text-diff__num", "aria-hidden": "true", children: line.number }),
+    /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("span", { className: "uix-text-diff__sign", "aria-hidden": "true", children: changed ? side === "before" ? "\u2212" : "+" : "" }),
+    /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("span", { className: "uix-text-diff__text", children: line.segments.length === 1 && line.segments[0].text === "" ? "\u200B" : /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Marked, { segments: line.segments, side, labels, whole: line.segments.length === 1 }) })
   ] });
 }
 function Rows({ rows, view, labels, focusFirst }) {
-  const [open, setOpen] = (0, import_react79.useState)(() => /* @__PURE__ */ new Set());
-  const first = (0, import_react79.useRef)(null);
-  (0, import_react79.useEffect)(() => {
+  const [open, setOpen] = (0, import_react80.useState)(() => /* @__PURE__ */ new Set());
+  const first = (0, import_react80.useRef)(null);
+  (0, import_react80.useEffect)(() => {
     if (focusFirst) first.current?.focus();
   }, [focusFirst]);
   const firstProps = (index) => focusFirst && index === 0 ? { ref: first, tabIndex: -1 } : {};
-  return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_jsx_runtime106.Fragment, { children: rows.map((row, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_jsx_runtime107.Fragment, { children: rows.map((row, index) => {
     if (row.kind === "fold") {
-      if (open.has(index)) return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Rows, { rows: row.rows, view, labels, focusFirst: true }, index);
-      return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "uix-text-diff__row", "data-kind": "fold", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("button", { type: "button", className: "uix-text-diff__fold", onClick: () => setOpen((s) => new Set(s).add(index)), children: fillLabel(labels.showUnchanged, { count: row.count }) }) }, index);
+      if (open.has(index)) return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Rows, { rows: row.rows, view, labels, focusFirst: true }, index);
+      return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "uix-text-diff__row", "data-kind": "fold", children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("button", { type: "button", className: "uix-text-diff__fold", onClick: () => setOpen((s) => new Set(s).add(index)), children: fillLabel(labels.showUnchanged, { count: row.count }) }) }, index);
     }
     const before = row.kind === "insert" ? void 0 : row.before;
     const after = row.kind === "delete" ? void 0 : row.after;
     if (view === "unified") {
-      if (row.kind === "equal") return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "uix-text-diff__row", "data-kind": "equal", ...firstProps(index), children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Cell, { line: after, side: "after", kind: "equal", labels }) }, index);
-      return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(import_react79.Fragment, { children: [
-        before && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "uix-text-diff__row", "data-kind": "delete", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Cell, { line: before, side: "before", kind: row.kind, labels }) }),
-        after && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "uix-text-diff__row", "data-kind": "insert", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Cell, { line: after, side: "after", kind: row.kind, labels }) })
+      if (row.kind === "equal") return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "uix-text-diff__row", "data-kind": "equal", ...firstProps(index), children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Cell, { line: after, side: "after", kind: "equal", labels }) }, index);
+      return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(import_react80.Fragment, { children: [
+        before && /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "uix-text-diff__row", "data-kind": "delete", children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Cell, { line: before, side: "before", kind: row.kind, labels }) }),
+        after && /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "uix-text-diff__row", "data-kind": "insert", children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Cell, { line: after, side: "after", kind: row.kind, labels }) })
       ] }, index);
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "uix-text-diff__row", "data-kind": row.kind, ...firstProps(index), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Cell, { line: before, side: "before", kind: row.kind, labels }),
-      /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Cell, { line: after, side: "after", kind: row.kind, labels })
+    return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "uix-text-diff__row", "data-kind": row.kind, ...firstProps(index), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Cell, { line: before, side: "before", kind: row.kind, labels }),
+      /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Cell, { line: after, side: "after", kind: row.kind, labels })
     ] }, index);
   }) });
 }
@@ -16313,41 +16990,41 @@ function TextDiff({
 }) {
   const uixLabels = useUixLabels();
   const labels = { ...DEFAULT_TEXT_DIFF_LABELS, ...uixLabels.textDiff, ...labelOverrides };
-  const result = (0, import_react79.useMemo)(() => diffText(before, after, { granularity, maxTokens, maxEdits }), [before, after, granularity, maxTokens, maxEdits]);
-  const rows = (0, import_react79.useMemo)(() => granularity === "line" && result.status === "ok" ? textDiffRows(result, { context }) : [], [result, granularity, context]);
-  const heads = /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "uix-text-diff__heads", "aria-hidden": view === "unified" || void 0, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("span", { className: "uix-text-diff__head", "data-side": "before", children: [
-      view === "unified" && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { "aria-hidden": "true", children: "\u2212 " }),
+  const result = (0, import_react80.useMemo)(() => diffText(before, after, { granularity, maxTokens, maxEdits }), [before, after, granularity, maxTokens, maxEdits]);
+  const rows = (0, import_react80.useMemo)(() => granularity === "line" && result.status === "ok" ? textDiffRows(result, { context }) : [], [result, granularity, context]);
+  const heads = /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "uix-text-diff__heads", "aria-hidden": view === "unified" || void 0, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("span", { className: "uix-text-diff__head", "data-side": "before", children: [
+      view === "unified" && /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("span", { "aria-hidden": "true", children: "\u2212 " }),
       beforeLabel ?? labels.before
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("span", { className: "uix-text-diff__head", "data-side": "after", children: [
-      view === "unified" && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { "aria-hidden": "true", children: "+ " }),
+    /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("span", { className: "uix-text-diff__head", "data-side": "after", children: [
+      view === "unified" && /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("span", { "aria-hidden": "true", children: "+ " }),
       afterLabel ?? labels.after
     ] })
   ] });
   const unchanged = result.status === "ok" && result.added === 0 && result.removed === 0 && result.ops.every((op) => op.type === "equal");
   let body;
-  if (result.status === "too-large") body = /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "uix-text-diff__note", children: labels.tooLarge });
-  else if (granularity === "line") body = /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "uix-text-diff__body", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Rows, { rows, view, labels }) });
+  if (result.status === "too-large") body = /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "uix-text-diff__note", children: labels.tooLarge });
+  else if (granularity === "line") body = /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "uix-text-diff__body", children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Rows, { rows, view, labels }) });
   else {
-    const prose = (side2) => /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "uix-text-diff__prose", "data-side": side2, children: result.ops.map((op, i) => {
+    const prose = (side2) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "uix-text-diff__prose", "data-side": side2, children: result.ops.map((op, i) => {
       const text = op.tokens.join("");
-      if (op.type === "equal") return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_react79.Fragment, { children: text }, i);
+      if (op.type === "equal") return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_react80.Fragment, { children: text }, i);
       if (op.type === "delete" && side2 === "after") return null;
       if (op.type === "insert" && side2 === "before") return null;
-      return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Marked, { segments: [{ text, changed: true }], side: op.type === "delete" ? "before" : "after", labels }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Marked, { segments: [{ text, changed: true }], side: op.type === "delete" ? "before" : "after", labels }, i);
     }) });
-    const side = (which) => /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "uix-text-diff__side", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "uix-text-diff__head", children: which === "before" ? beforeLabel ?? labels.before : afterLabel ?? labels.after }),
+    const side = (which) => /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "uix-text-diff__side", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "uix-text-diff__head", children: which === "before" ? beforeLabel ?? labels.before : afterLabel ?? labels.after }),
       prose(which)
     ] });
-    body = /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "uix-text-diff__body", children: view === "unified" ? prose("both") : /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "uix-text-diff__row", "data-kind": "prose", children: [
+    body = /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "uix-text-diff__body", children: view === "unified" ? prose("both") : /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "uix-text-diff__row", "data-kind": "prose", children: [
       side("before"),
       side("after")
     ] }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { role: "group", "aria-label": label, className: cx("uix-text-diff", className), "data-view": view, "data-granularity": granularity, ...props, children: [
-    !hideSummary && result.status === "ok" && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "uix-text-diff__summary", children: unchanged ? labels.noChanges : fillLabel(labels.summary, { added: result.added, removed: result.removed }) }),
+  return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { role: "group", "aria-label": label, className: cx("uix-text-diff", className), "data-view": view, "data-granularity": granularity, ...props, children: [
+    !hideSummary && result.status === "ok" && /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "uix-text-diff__summary", children: unchanged ? labels.noChanges : fillLabel(labels.summary, { added: result.added, removed: result.removed }) }),
     !(granularity === "word" && view === "split" && result.status === "ok") && heads,
     body
   ] });
@@ -16408,6 +17085,7 @@ function TextDiff({
   DEFAULT_INSIGHT_CARD_LABELS,
   DEFAULT_LIGHTBOX_LABELS,
   DEFAULT_MATCH_REVIEW_LABELS,
+  DEFAULT_ORG_CHART_LABELS,
   DEFAULT_PAGINATION_LABELS,
   DEFAULT_PRESENCE_LABELS,
   DEFAULT_RELATIONSHIP_GRAPH_LABELS,
@@ -16492,6 +17170,7 @@ function TextDiff({
   NotFoundState,
   Note,
   NoticeQueue,
+  OrgChart,
   PageHeader,
   PageIntro,
   Pagination,
@@ -16627,6 +17306,8 @@ function TextDiff({
   nextSortDir,
   normalQuantile,
   normalizeHex,
+  orgChartInitials,
+  orgChartZoomStep,
   packLanes,
   parseDateInput,
   parseDateValue,