@tensor_1/react 2.29.0 → 2.30.0

package/dist/index.cjs

@@ -54,6 +54,7 @@ __export(src_exports, {
   ContentList: () => ContentList,
   ContentListItem: () => ContentListItem,
   CopyButton: () => CopyButton,
+  DAY: () => DAY,
   DEFAULT_BRAND_PROFILE_EDITOR_LABELS: () => DEFAULT_BRAND_PROFILE_EDITOR_LABELS,
   DEFAULT_BUILDER_CANVAS_LABELS: () => DEFAULT_BUILDER_CANVAS_LABELS,
   DEFAULT_COLOR_PICKER_LABELS: () => DEFAULT_COLOR_PICKER_LABELS,
@@ -65,6 +66,7 @@ __export(src_exports, {
   DEFAULT_RULE_BUILDER_LABELS: () => DEFAULT_RULE_BUILDER_LABELS,
   DEFAULT_SAVE_STATUS_LABELS: () => DEFAULT_SAVE_STATUS_LABELS,
   DEFAULT_SCHEDULING_CALENDAR_LABELS: () => DEFAULT_SCHEDULING_CALENDAR_LABELS,
+  DEFAULT_SCHEDULING_TIMELINE_LABELS: () => DEFAULT_SCHEDULING_TIMELINE_LABELS,
   DEFAULT_STEP_STATE_LABELS: () => DEFAULT_STEP_STATE_LABELS,
   DateRangePicker: () => DateRangePicker,
   DescriptionItem: () => DescriptionItem,
@@ -86,6 +88,7 @@ __export(src_exports, {
   Flow: () => Flow,
   FlowNode: () => FlowNode,
   ForbiddenState: () => ForbiddenState,
+  HOUR: () => HOUR,
   Highlighted: () => Highlighted,
   Inbox: () => Inbox,
   InboxDetail: () => InboxDetail,
@@ -143,6 +146,7 @@ __export(src_exports, {
   SaveStatus: () => SaveStatus,
   SavedViewMenu: () => SavedViewMenu,
   SchedulingCalendar: () => SchedulingCalendar,
+  SchedulingTimeline: () => SchedulingTimeline,
   SearchSuggest: () => SearchSuggest,
   SectionHead: () => SectionHead,
   Segmented: () => Segmented,
@@ -198,6 +202,7 @@ __export(src_exports, {
   createToastApi: () => createToastApi,
   createToastStore: () => createToastStore,
   cx: () => cx,
+  defaultTimelineStep: () => defaultTimelineStep,
   enumerateDateSpan: () => enumerateDateSpan,
   filterComboboxOptions: () => filterComboboxOptions,
   findRuleNodeDepth: () => findRuleNodeDepth,
@@ -211,6 +216,7 @@ __export(src_exports, {
   isDateUnavailable: () => isDateUnavailable,
   isRuleGroup: () => isRuleGroup,
   layeredNeighbor: () => layeredNeighbor,
+  layoutLane: () => layoutLane,
   layoutLayeredGraph: () => layoutLayeredGraph,
   layoutRelationshipGraph: () => layoutRelationshipGraph,
   mapRuleGroup: () => mapRuleGroup,
@@ -224,6 +230,8 @@ __export(src_exports, {
   parseDateValue: () => parseDateValue,
   parseMetricValue: () => parseMetricValue,
   parseView: () => parseView,
+  pixelsToMs: () => pixelsToMs,
+  placeSpan: () => placeSpan,
   relationshipNeighbors: () => relationshipNeighbors,
   relativeTimeValue: () => relativeTimeValue,
   removeRuleNode: () => removeRuleNode,
@@ -238,11 +246,14 @@ __export(src_exports, {
   selectAllState: () => selectAllState,
   selectRangeDate: () => selectRangeDate,
   serializeView: () => serializeView,
+  shiftSpan: () => shiftSpan,
   shouldVirtualize: () => shouldVirtualize,
+  snapToStep: () => snapToStep,
   startOfMonth: () => startOfMonth,
   stepMetricValue: () => stepMetricValue,
   summarizeDiff: () => summarizeDiff,
   summarizeRule: () => summarizeRule,
+  timelineTicks: () => timelineTicks,
   toDateKey: () => toDateKey,
   toast: () => toast,
   toggleId: () => toggleId,
@@ -6743,9 +6754,348 @@ function SchedulingCalendar({
   ] });
 }
 
-// src/components/DateRangePicker.tsx
+// src/components/SchedulingTimeline.tsx
 var import_react50 = require("react");
+
+// src/scheduling-timeline-model.ts
+var HOUR = 36e5;
+var DAY = 24 * HOUR;
+var toMs = (value) => {
+  const ms = typeof value === "number" ? value : Date.parse(value);
+  if (Number.isNaN(ms)) throw new TypeError(`Invalid instant: ${String(value)}`);
+  return ms;
+};
+var defaultTimelineStep = (scale) => scale === "hour" ? 15 * 6e4 : scale === "day" ? HOUR : DAY;
+function zonedParts(ms, timeZone) {
+  const parts = new Intl.DateTimeFormat("en-US", {
+    timeZone,
+    hourCycle: "h23",
+    year: "numeric",
+    month: "numeric",
+    day: "numeric",
+    hour: "numeric",
+    minute: "numeric",
+    weekday: "short"
+  }).formatToParts(new Date(ms));
+  const get = (type) => parts.find((p) => p.type === type)?.value ?? "";
+  return { year: +get("year"), month: +get("month"), day: +get("day"), hour: +get("hour"), minute: +get("minute"), weekday: get("weekday") };
+}
+function timelineTicks(range, scale, timeZone, weekStartsOn = 1) {
+  const start = toMs(range.start);
+  const end = toMs(range.end);
+  if (end <= start) return [];
+  const span = end - start;
+  const ticks = [];
+  const weekdays = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
+  const step = scale === "hour" ? 15 * 6e4 : HOUR;
+  let prev = zonedParts(start - step, timeZone);
+  for (let at = Math.ceil(start / step) * step; at <= end && ticks.length < 500; at += step) {
+    const p = zonedParts(at, timeZone);
+    const newHour = p.minute === 0 && (p.hour !== prev.hour || prev.minute !== 0);
+    const newDay = p.day !== prev.day && p.minute === 0;
+    const newMonth = newDay && p.day === 1;
+    const newWeek = newDay && weekdays.indexOf(p.weekday) === weekStartsOn;
+    const isTick = scale === "hour" ? newHour : scale === "day" ? newDay : scale === "week" ? newWeek : newMonth;
+    if (isTick) {
+      const major = scale === "hour" ? newDay : scale === "day" ? newWeek : scale === "week" ? newMonth : p.month === 1;
+      ticks.push({ at, offset: (at - start) / span * 100, major });
+    }
+    prev = p;
+  }
+  return ticks;
+}
+function placeSpan(span, range) {
+  const start = toMs(range.start);
+  const end = toMs(range.end);
+  const s = toMs(span.start);
+  const e = Math.max(toMs(span.end), s);
+  if (e < start || s > end || end <= start) return null;
+  const total = end - start;
+  const left = (Math.max(s, start) - start) / total * 100;
+  const right = (Math.min(e, end) - start) / total * 100;
+  return { left, width: Math.max(right - left, 0), clippedStart: s < start, clippedEnd: e > end };
+}
+function layoutLane(items, range) {
+  const sorted = [...items].sort((a, b) => toMs(a.start) - toMs(b.start) || toMs(a.end) - toMs(b.end));
+  const rowEnds = [];
+  const placed = [];
+  for (const item of sorted) {
+    const pos = placeSpan(item, range);
+    if (!pos) continue;
+    const s = toMs(item.start);
+    let row = rowEnds.findIndex((end) => end <= s);
+    if (row === -1) {
+      row = rowEnds.length;
+      rowEnds.push(0);
+    }
+    rowEnds[row] = Math.max(toMs(item.end), s);
+    placed.push({ item, ...pos, row, conflict: false });
+  }
+  for (let i = 0; i < placed.length; i++) {
+    for (let j = i + 1; j < placed.length; j++) {
+      const a = placed[i].item;
+      const b = placed[j].item;
+      if (toMs(b.start) >= toMs(a.end)) continue;
+      if (toMs(a.start) < toMs(b.end)) {
+        placed[i].conflict = true;
+        placed[j].conflict = true;
+      }
+    }
+  }
+  return placed;
+}
+var snapToStep = (ms, step) => Math.round(ms / step) * step;
+function shiftSpan(span, delta, mode, step) {
+  const s = toMs(span.start);
+  const e = toMs(span.end);
+  if (mode === "move") return { start: new Date(s + delta).toISOString(), end: new Date(e + delta).toISOString() };
+  return { start: new Date(s).toISOString(), end: new Date(Math.max(e + delta, s + step)).toISOString() };
+}
+function pixelsToMs(px, trackWidth, range, step) {
+  if (trackWidth <= 0) return 0;
+  return snapToStep(px / trackWidth * (toMs(range.end) - toMs(range.start)), step);
+}
+
+// src/components/SchedulingTimeline.tsx
 var import_jsx_runtime73 = require("react/jsx-runtime");
+var DEFAULT_SCHEDULING_TIMELINE_LABELS = {
+  region: "Schedule timeline in {timeZone}",
+  lanes: "Lanes",
+  item: "{title}, {state}, {start} to {end}{conflict}",
+  conflict: ", overlaps another entry",
+  moveHint: "Shift and an arrow key moves it; Alt, Shift and an arrow key changes when it ends.",
+  moved: "Moved {title} to {start} \u2013 {end}",
+  resized: "{title} now ends {end}",
+  loading: "Loading schedule\u2026",
+  retry: "Try again",
+  empty: "Nothing is scheduled in this range.",
+  windows: "Windows and markers in this range",
+  now: "Now",
+  states: { scheduled: "Scheduled", conflicted: "Conflicted", "in-progress": "In progress", "blackout-violation": "Blackout violation" },
+  overlays: { freeze: "Change freeze", maintenance: "Maintenance window", blackout: "Blackout" }
+};
+var TICK_WIDTH = { hour: "3.5rem", day: "7rem", week: "6rem", month: "8rem" };
+var TICK_FORMAT = {
+  hour: { hour: "2-digit", minute: "2-digit" },
+  day: { weekday: "short", day: "numeric" },
+  week: { day: "numeric", month: "short" },
+  month: { month: "short", year: "numeric" }
+};
+function SchedulingTimeline({
+  lanes,
+  items,
+  range,
+  scale = "day",
+  timeZone,
+  locale,
+  overlays = [],
+  markers = [],
+  now,
+  weekStartsOn = 1,
+  tickWidth,
+  step: stepProp,
+  formatTick,
+  formatInstant: formatInstantProp,
+  renderItem,
+  onSelectItem,
+  onMoveItem,
+  loading,
+  error,
+  onRetry,
+  labels: labelOverrides,
+  className
+}) {
+  const uixLabels = useUixLabels();
+  const labels = {
+    ...DEFAULT_SCHEDULING_TIMELINE_LABELS,
+    ...uixLabels.schedulingTimeline,
+    ...labelOverrides,
+    states: { ...DEFAULT_SCHEDULING_TIMELINE_LABELS.states, ...uixLabels.schedulingTimeline?.states, ...labelOverrides?.states },
+    overlays: { ...DEFAULT_SCHEDULING_TIMELINE_LABELS.overlays, ...uixLabels.schedulingTimeline?.overlays, ...labelOverrides?.overlays }
+  };
+  const id = (0, import_react50.useId)();
+  const step = stepProp ?? defaultTimelineStep(scale);
+  const ticks = (0, import_react50.useMemo)(() => timelineTicks(range, scale, timeZone, weekStartsOn), [range.start, range.end, scale, timeZone, weekStartsOn]);
+  const laneLayouts = (0, import_react50.useMemo)(
+    () => lanes.map((lane) => ({ lane, placed: layoutLane(items.filter((item) => item.laneId === lane.id), range) })),
+    [lanes, items, range.start, range.end]
+    // eslint-disable-line react-hooks/exhaustive-deps
+  );
+  const ordered = (0, import_react50.useMemo)(() => laneLayouts.flatMap((l) => l.placed.map((p) => p.item.id)), [laneLayouts]);
+  const [activeId, setActiveId] = (0, import_react50.useState)();
+  const focusId = activeId && ordered.includes(activeId) ? activeId : ordered[0];
+  const [drag, setDrag] = (0, import_react50.useState)(null);
+  const [announcement, setAnnouncement] = (0, import_react50.useState)("");
+  const rootRef = (0, import_react50.useRef)(null);
+  const fmtInstant = (instant) => formatInstantProp?.(instant) ?? new Intl.DateTimeFormat(locale, { timeZone, dateStyle: "medium", timeStyle: "short" }).format(new Date(instant));
+  const fmtTick = (at) => formatTick?.(new Date(at), scale) ?? new Intl.DateTimeFormat(locale, { timeZone, ...TICK_FORMAT[scale] }).format(new Date(at));
+  const movable = (item) => !!onMoveItem && item.movable !== false;
+  const focusItem = (itemId) => {
+    if (!itemId) return;
+    setActiveId(itemId);
+    requestAnimationFrame(() => rootRef.current?.querySelector(`[data-timeline-item="${CSS.escape(itemId)}"]`)?.focus());
+  };
+  const commit = (item, delta, mode) => {
+    if (!onMoveItem || delta === 0) return;
+    const next = shiftSpan(item, delta, mode, step);
+    onMoveItem(item.id, next);
+    setAnnouncement(mode === "move" ? fillLabel(labels.moved, { title: item.title, start: fmtInstant(next.start), end: fmtInstant(next.end) }) : fillLabel(labels.resized, { title: item.title, end: fmtInstant(next.end) }));
+  };
+  const onItemKeyDown = (event, laneIndex, placed, index) => {
+    const item = placed[index].item;
+    const horizontal = event.key === "ArrowLeft" ? -1 : event.key === "ArrowRight" ? 1 : 0;
+    if (horizontal && event.shiftKey && movable(item)) {
+      event.preventDefault();
+      commit(item, horizontal * step, event.altKey ? "resize" : "move");
+      return;
+    }
+    if (horizontal) {
+      event.preventDefault();
+      focusItem(placed[index + horizontal]?.item.id);
+      return;
+    }
+    if (event.key === "Home" || event.key === "End") {
+      event.preventDefault();
+      focusItem((event.key === "Home" ? placed[0] : placed[placed.length - 1])?.item.id);
+      return;
+    }
+    const vertical = event.key === "ArrowUp" ? -1 : event.key === "ArrowDown" ? 1 : 0;
+    if (vertical) {
+      event.preventDefault();
+      const start = Date.parse(item.start);
+      for (let l = laneIndex + vertical; l >= 0 && l < laneLayouts.length; l += vertical) {
+        const candidates = laneLayouts[l].placed;
+        if (candidates.length === 0) continue;
+        const nearest = candidates.reduce((best, p) => Math.abs(Date.parse(p.item.start) - start) < Math.abs(Date.parse(best.item.start) - start) ? p : best);
+        focusItem(nearest.item.id);
+        return;
+      }
+    }
+  };
+  const onPointerDown = (event, item) => {
+    if (!movable(item) || event.button !== 0) return;
+    const track = event.currentTarget.closest(".uix-scheduling-timeline__track");
+    if (!track) return;
+    event.currentTarget.setPointerCapture?.(event.pointerId);
+    setDrag({ id: item.id, x: event.clientX, width: track.getBoundingClientRect().width, delta: 0, moved: false });
+  };
+  const onPointerMove = (event) => {
+    if (!drag) return;
+    const dx = event.clientX - drag.x;
+    const delta = pixelsToMs(dx, drag.width, range, step);
+    if (delta !== drag.delta || !drag.moved && Math.abs(dx) > 3) setDrag({ ...drag, delta, moved: drag.moved || Math.abs(dx) > 3 });
+  };
+  const onPointerUp = (item) => {
+    if (!drag || drag.id !== item.id) return;
+    if (drag.moved) commit(item, drag.delta, "move");
+    setDrag(drag.moved ? { ...drag, delta: 0 } : null);
+    if (drag.moved) window.setTimeout(() => setDrag(null), 0);
+  };
+  const nowPos = now ? placeSpan({ start: now, end: now }, range) : null;
+  const overlaysFor = (laneId) => overlays.filter((o) => !o.laneId || o.laneId === laneId);
+  const markersFor = (laneId) => markers.filter((m) => !m.laneId || m.laneId === laneId);
+  const trackStyle = { minWidth: `calc(${Math.max(ticks.length - 1, 1)} * ${tickWidth ?? TICK_WIDTH[scale]})` };
+  const band = (o, showLabel) => {
+    const pos = placeSpan(o, range);
+    return pos && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "uix-scheduling-timeline__overlay", "data-kind": o.kind, style: { left: `${pos.left}%`, width: `${pos.width}%` }, children: showLabel && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "uix-scheduling-timeline__overlay-label", children: o.label }) }, o.id);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("section", { ref: rootRef, className: cx("uix-scheduling-timeline", className), "aria-label": fillLabel(labels.region, { timeZone }), children: [
+    loading ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "uix-scheduling-timeline__state", role: "status", children: labels.loading }) : error ? /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "uix-scheduling-timeline__state", role: "alert", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("p", { children: error }),
+      onRetry && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary", onClick: onRetry, children: labels.retry })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(import_jsx_runtime73.Fragment, { children: [
+      (overlays.length > 0 || markers.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "uix-visually-hidden", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("p", { id: `${id}-windows`, children: labels.windows }),
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("ul", { "aria-labelledby": `${id}-windows`, children: [
+          overlays.map((o) => /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("li", { children: [
+            labels.overlays[o.kind],
+            ": ",
+            o.label,
+            ", ",
+            fmtInstant(o.start),
+            " \u2013 ",
+            fmtInstant(o.end)
+          ] }, o.id)),
+          markers.map((m) => /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("li", { children: [
+            m.label,
+            ", ",
+            fmtInstant(m.at)
+          ] }, m.id))
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "uix-scheduling-timeline__scroller", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "uix-scheduling-timeline__grid", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "uix-scheduling-timeline__row uix-scheduling-timeline__row--axis", "aria-hidden": "true", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "uix-scheduling-timeline__lane-label", children: labels.lanes }),
+          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "uix-scheduling-timeline__track uix-scheduling-timeline__axis", style: trackStyle, children: ticks.map((tick) => /* @__PURE__ */ (0, import_jsx_runtime73.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_runtime73.jsx)("span", { className: "uix-scheduling-timeline__tick-label", children: fmtTick(tick.at) }) }, tick.at)) })
+        ] }),
+        laneLayouts.map(({ lane, placed }, laneIndex) => {
+          const rows = placed.reduce((max, p) => Math.max(max, p.row + 1), 1);
+          const laneLabelId = `${id}-lane-${laneIndex}`;
+          return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "uix-scheduling-timeline__row", style: { "--uix-timeline-rows": rows }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "uix-scheduling-timeline__lane-label", id: laneLabelId, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "uix-scheduling-timeline__lane-name", children: lane.label }),
+              lane.meta != null && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "uix-scheduling-timeline__lane-meta", children: lane.meta })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "uix-scheduling-timeline__track", style: trackStyle, children: [
+              ticks.map((tick) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "uix-scheduling-timeline__gridline", "data-major": tick.major || void 0, style: { left: `${tick.offset}%` }, "aria-hidden": "true" }, tick.at)),
+              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { "aria-hidden": "true", children: overlaysFor(lane.id).map((o) => band(o, laneIndex === 0 || !!o.laneId)) }),
+              nowPos && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "uix-scheduling-timeline__now", style: { left: `${nowPos.left}%` }, "aria-hidden": "true", children: laneIndex === 0 && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "uix-scheduling-timeline__now-label", children: labels.now }) }),
+              markersFor(lane.id).map((m) => {
+                const pos = placeSpan({ start: m.at, end: m.at }, range);
+                return pos && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "uix-scheduling-timeline__marker", style: { left: `${pos.left}%` }, title: m.label, "aria-hidden": "true" }, m.id);
+              }),
+              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("ul", { className: "uix-scheduling-timeline__items", "aria-labelledby": laneLabelId, children: placed.map((p, index) => {
+                const item = p.item;
+                const state = item.state ?? "scheduled";
+                const dragging = drag?.id === item.id && drag.moved;
+                const shown = dragging && drag ? placeSpan(shiftSpan(item, drag.delta, "move", step), range) ?? p : p;
+                return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("li", { className: "uix-scheduling-timeline__slot", style: { left: `${shown.left}%`, width: `${shown.width}%`, "--uix-timeline-row": p.row }, children: /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+                  "button",
+                  {
+                    type: "button",
+                    className: "uix-scheduling-timeline__item",
+                    "data-timeline-item": item.id,
+                    title: item.title,
+                    "data-state": state,
+                    "data-conflict": p.conflict || void 0,
+                    "data-clipped-start": p.clippedStart || void 0,
+                    "data-clipped-end": p.clippedEnd || void 0,
+                    "data-movable": movable(item) || void 0,
+                    "data-dragging": dragging || void 0,
+                    tabIndex: focusId === item.id ? 0 : -1,
+                    "aria-label": fillLabel(labels.item, { title: item.title, state: labels.states[state], start: fmtInstant(item.start), end: fmtInstant(item.end), conflict: p.conflict ? labels.conflict : "" }),
+                    "aria-describedby": movable(item) ? `${id}-hint` : void 0,
+                    onFocus: () => setActiveId(item.id),
+                    onKeyDown: (event) => onItemKeyDown(event, laneIndex, placed, index),
+                    onPointerDown: (event) => onPointerDown(event, item),
+                    onPointerMove,
+                    onPointerUp: () => onPointerUp(item),
+                    onPointerCancel: () => setDrag(null),
+                    onClick: () => {
+                      if (drag?.moved) return;
+                      onSelectItem?.(item);
+                    },
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "uix-scheduling-timeline__item-title", children: renderItem?.(item) ?? item.title }),
+                      item.meta && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "uix-scheduling-timeline__item-meta", children: item.meta })
+                    ]
+                  }
+                ) }, item.id);
+              }) })
+            ] })
+          ] }, lane.id);
+        })
+      ] }) }),
+      ordered.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("p", { className: "uix-scheduling-timeline__empty", children: labels.empty })
+    ] }),
+    onMoveItem && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { id: `${id}-hint`, className: "uix-visually-hidden", children: labels.moveHint }),
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "uix-visually-hidden", role: "status", "aria-live": "polite", children: announcement })
+  ] });
+}
+
+// src/components/DateRangePicker.tsx
+var import_react51 = require("react");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 var DEFAULT_DATE_RANGE_PICKER_LABELS = {
   previous: "Previous",
   previousMonth: "Show previous month",
@@ -6781,28 +7131,28 @@ function DateRangePicker({
   className,
   labels: labelOverrides
 }) {
-  const id = (0, import_react50.useId)();
+  const id = (0, import_react51.useId)();
   const uixLabels = useUixLabels();
   const labels = { ...DEFAULT_DATE_RANGE_PICKER_LABELS, ...uixLabels.dateRangePicker, ...labelOverrides };
-  const weekdays = (0, import_react50.useMemo)(() => weekdayNames(locale), [locale]);
-  const [internalMonth, setInternalMonth] = (0, import_react50.useState)(() => startOfMonth(controlledMonth ?? value.start ?? (/* @__PURE__ */ new Date()).toISOString().slice(0, 10)));
+  const weekdays = (0, import_react51.useMemo)(() => weekdayNames(locale), [locale]);
+  const [internalMonth, setInternalMonth] = (0, import_react51.useState)(() => startOfMonth(controlledMonth ?? value.start ?? (/* @__PURE__ */ new Date()).toISOString().slice(0, 10)));
   const visibleMonth = startOfMonth(controlledMonth ?? internalMonth);
-  const [activeDate, setActiveDate] = (0, import_react50.useState)(value.end ?? value.start ?? visibleMonth);
-  const rootRef = (0, import_react50.useRef)(null);
-  const pendingFocus = (0, import_react50.useRef)(false);
+  const [activeDate, setActiveDate] = (0, import_react51.useState)(value.end ?? value.start ?? visibleMonth);
+  const rootRef = (0, import_react51.useRef)(null);
+  const pendingFocus = (0, import_react51.useRef)(false);
   const count = Math.max(1, Math.min(3, months));
-  const calendars = (0, import_react50.useMemo)(() => Array.from({ length: count }, (_, index) => {
+  const calendars = (0, import_react51.useMemo)(() => Array.from({ length: count }, (_, index) => {
     const month = startOfMonth(addCalendarMonths(visibleMonth, index));
     return { month, days: buildMonthGrid(month).filter((day) => day.inMonth) };
   }), [visibleMonth, count]);
   const rangeInvalid = invalid || !!value.start && !!value.end && value.start > value.end;
-  (0, import_react50.useEffect)(() => {
+  (0, import_react51.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_react50.useEffect)(() => {
+  (0, import_react51.useEffect)(() => {
     if (!pendingFocus.current) return;
     rootRef.current?.querySelector(`[data-date="${activeDate}"]`)?.focus();
     pendingFocus.current = false;
@@ -6840,23 +7190,23 @@ function DateRangePicker({
     }
   };
   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_runtime73.jsxs)("section", { className: cx("uix-date-range-picker", rangeInvalid && "uix-date-range-picker--invalid", className), "aria-labelledby": `${id}-label`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "uix-date-range-picker__header", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("h3", { id: `${id}-label`, children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime73.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_runtime73.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_runtime74.jsxs)("section", { className: cx("uix-date-range-picker", rangeInvalid && "uix-date-range-picker--invalid", className), "aria-labelledby": `${id}-label`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "uix-date-range-picker__header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("h3", { id: `${id}-label`, children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime74.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_runtime74.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_runtime73.jsx)("div", { ref: rootRef, className: "uix-date-range-picker__months", children: calendars.map(({ month, days }) => /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "uix-date-range-picker__month", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("h4", { children: monthLabel(month, locale) }),
-      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "uix-date-range-picker__weekdays", "aria-hidden": "true", children: weekdays.map((day, index) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { children: day }, index)) }),
-      /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "uix-date-range-picker__grid", role: "group", "aria-label": monthLabel(month, locale), children: [
-        Array.from({ length: ((/* @__PURE__ */ new Date(`${month}T00:00:00Z`)).getUTCDay() + 6) % 7 }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { "aria-hidden": "true" }, `blank-${index}`)),
+    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { ref: rootRef, className: "uix-date-range-picker__months", children: calendars.map(({ month, days }) => /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "uix-date-range-picker__month", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("h4", { children: monthLabel(month, locale) }),
+      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "uix-date-range-picker__weekdays", "aria-hidden": "true", children: weekdays.map((day, index) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { children: day }, index)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "uix-date-range-picker__grid", role: "group", "aria-label": monthLabel(month, locale), children: [
+        Array.from({ length: ((/* @__PURE__ */ new Date(`${month}T00:00:00Z`)).getUTCDay() + 6) % 7 }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime74.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_runtime73.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
             "button",
             {
               type: "button",
@@ -6877,13 +7227,13 @@ function DateRangePicker({
         })
       ] })
     ] }, month)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("p", { className: "uix-date-range-picker__selection", "aria-live": "polite", children: announcement }),
-    rangeInvalid && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("p", { className: "uix-field__error", role: "alert", children: invalidMessage })
+    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("p", { className: "uix-date-range-picker__selection", "aria-live": "polite", children: announcement }),
+    rangeInvalid && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("p", { className: "uix-field__error", role: "alert", children: invalidMessage })
   ] });
 }
 
 // src/components/RelationshipGraph.tsx
-var import_react52 = require("react");
+var import_react53 = require("react");
 
 // src/relationship-graph-model.ts
 function boundRelationshipGraph(nodes, edges, maxNodes = 40) {
@@ -7364,10 +7714,10 @@ function layeredNeighbor(layout, currentId, key) {
 }
 
 // src/components/RelationshipGraphLayered.tsx
-var import_react51 = require("react");
+var import_react52 = require("react");
 
 // src/components/RelationshipGraphList.tsx
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_jsx_runtime75 = require("react/jsx-runtime");
 function EquivalentRelationshipList({
   nodes,
   edges,
@@ -7378,19 +7728,19 @@ function EquivalentRelationshipList({
   onOpenDetails
 }) {
   const labelById = new Map(nodes.map((node) => [node.id, node.label]));
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "uix-relationship-graph__list", role: "region", "aria-label": labels.list, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("h3", { children: labels.listHeading }),
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("ul", { children: nodes.map((node) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "uix-relationship-graph__list", role: "region", "aria-label": labels.list, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("h3", { children: labels.listHeading }),
+    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("ul", { children: nodes.map((node) => {
       const neighbors = relationshipNeighbors(node.id, edges).map((id) => labelById.get(id) ?? id);
-      return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("li", { "data-selected": selectedId === node.id || void 0, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("button", { type: "button", onClick: () => onSelect(node.id), "aria-pressed": selectedId === node.id, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("strong", { children: node.label }),
-          node.type && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { children: node.type }),
-          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { children: neighbors.length ? labels.connectedTo(neighbors.join(", ")) : labels.noConnections })
+      return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("li", { "data-selected": selectedId === node.id || void 0, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("button", { type: "button", onClick: () => onSelect(node.id), "aria-pressed": selectedId === node.id, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("strong", { children: node.label }),
+          node.type && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { children: node.type }),
+          /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { children: neighbors.length ? labels.connectedTo(neighbors.join(", ")) : labels.noConnections })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("span", { className: "uix-relationship-graph__list-actions", children: [
-          onExpandNeighbors && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("button", { type: "button", onClick: () => onExpandNeighbors(node), children: labels.expandNeighbors }),
-          onOpenDetails && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("button", { type: "button", onClick: () => onOpenDetails(node), children: labels.openDetails })
+        /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("span", { className: "uix-relationship-graph__list-actions", children: [
+          onExpandNeighbors && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("button", { type: "button", onClick: () => onExpandNeighbors(node), children: labels.expandNeighbors }),
+          onOpenDetails && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("button", { type: "button", onClick: () => onOpenDetails(node), children: labels.openDetails })
         ] })
       ] }, node.id);
     }) })
@@ -7398,7 +7748,7 @@ function EquivalentRelationshipList({
 }
 
 // src/components/RelationshipGraphLayered.tsx
-var import_jsx_runtime75 = require("react/jsx-runtime");
+var import_jsx_runtime76 = require("react/jsx-runtime");
 var EMPTY_IDS = /* @__PURE__ */ new Set();
 var MIN_ZOOM = 0.4;
 var MAX_ZOOM = 1.5;
@@ -7451,11 +7801,11 @@ function LayeredRelationshipGraph({
   focusId,
   onFocusChange
 }) {
-  const hintId = (0, import_react51.useId)();
-  const bounded = (0, import_react51.useMemo)(() => boundRelationshipGraph(nodes, edges, maxNodes), [nodes, edges, maxNodes]);
-  const [localExpanded, setLocalExpanded] = (0, import_react51.useState)(EMPTY_IDS);
+  const hintId = (0, import_react52.useId)();
+  const bounded = (0, import_react52.useMemo)(() => boundRelationshipGraph(nodes, edges, maxNodes), [nodes, edges, maxNodes]);
+  const [localExpanded, setLocalExpanded] = (0, import_react52.useState)(EMPTY_IDS);
   const expanded = expandedClusterIds ?? localExpanded;
-  const layout = (0, import_react51.useMemo)(
+  const layout = (0, import_react52.useMemo)(
     () => layoutLayeredGraph(bounded.nodes, bounded.edges, {
       ...rootId !== void 0 ? { rootId } : {},
       ...clusterThreshold !== void 0 ? { clusterThreshold } : {},
@@ -7464,29 +7814,29 @@ function LayeredRelationshipGraph({
     }),
     [bounded, rootId, clusterThreshold, expanded, density]
   );
-  const itemById = (0, import_react51.useMemo)(() => new Map(layout.items.map((item) => [item.id, item])), [layout]);
-  const viewportRef = (0, import_react51.useRef)(null);
-  const itemRefs = (0, import_react51.useRef)(/* @__PURE__ */ new Map());
-  const [size, setSize] = (0, import_react51.useState)({ width: 0, height: 0 });
-  const [view, setView] = (0, import_react51.useState)({ x: 0, y: 0, zoom: 1 });
-  const [animate, setAnimate] = (0, import_react51.useState)(false);
-  const [localFocus, setLocalFocus] = (0, import_react51.useState)(void 0);
-  const [hoverId, setHoverId] = (0, import_react51.useState)(void 0);
-  const viewRef = (0, import_react51.useRef)(view);
+  const itemById = (0, import_react52.useMemo)(() => new Map(layout.items.map((item) => [item.id, item])), [layout]);
+  const viewportRef = (0, import_react52.useRef)(null);
+  const itemRefs = (0, import_react52.useRef)(/* @__PURE__ */ new Map());
+  const [size, setSize] = (0, import_react52.useState)({ width: 0, height: 0 });
+  const [view, setView] = (0, import_react52.useState)({ x: 0, y: 0, zoom: 1 });
+  const [animate, setAnimate] = (0, import_react52.useState)(false);
+  const [localFocus, setLocalFocus] = (0, import_react52.useState)(void 0);
+  const [hoverId, setHoverId] = (0, import_react52.useState)(void 0);
+  const viewRef = (0, import_react52.useRef)(view);
   viewRef.current = view;
-  const layoutRef = (0, import_react51.useRef)(layout);
+  const layoutRef = (0, import_react52.useRef)(layout);
   layoutRef.current = layout;
-  const pendingFocus = (0, import_react51.useRef)(void 0);
-  const initialisedFor = (0, import_react51.useRef)(void 0);
+  const pendingFocus = (0, import_react52.useRef)(void 0);
+  const initialisedFor = (0, import_react52.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_react51.useMemo)(
+  const activeIds = (0, import_react52.useMemo)(
     () => new Set([hoverId, selectedItemId].filter((id) => id !== void 0)),
     [hoverId, selectedItemId]
   );
-  (0, import_react51.useEffect)(() => {
+  (0, import_react52.useEffect)(() => {
     const element = viewportRef.current;
     if (!element) return;
     const measure = () => setSize({ width: element.clientWidth, height: element.clientHeight });
@@ -7496,18 +7846,18 @@ function LayeredRelationshipGraph({
     observer.observe(element);
     return () => observer.disconnect();
   }, []);
-  (0, import_react51.useEffect)(() => {
+  (0, import_react52.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_react51.useCallback)((next, smooth) => {
+  const moveView = (0, import_react52.useCallback)((next, smooth) => {
     setAnimate(smooth);
     setView(next);
   }, []);
-  const ensureVisible = (0, import_react51.useCallback)((id, smooth) => {
+  const ensureVisible = (0, import_react52.useCallback)((id, smooth) => {
     const element = viewportRef.current;
     const item = layoutRef.current.items.find((candidate) => candidate.id === id);
     if (!element || !item) return;
@@ -7526,7 +7876,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_react51.useCallback)((id) => {
+  const focusItem = (0, import_react52.useCallback)((id) => {
     setLocalFocus(id);
     onFocusChange?.(id);
     requestAnimationFrame(() => {
@@ -7534,7 +7884,7 @@ function LayeredRelationshipGraph({
       ensureVisible(id, true);
     });
   }, [ensureVisible, onFocusChange]);
-  (0, import_react51.useEffect)(() => {
+  (0, import_react52.useEffect)(() => {
     const wanted = pendingFocus.current;
     if (wanted !== void 0 && itemById.has(wanted)) {
       pendingFocus.current = void 0;
@@ -7544,8 +7894,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_react51.useRef)(controlledKey);
-  (0, import_react51.useEffect)(() => {
+  const lastControlledKey = (0, import_react52.useRef)(controlledKey);
+  (0, import_react52.useEffect)(() => {
     if (lastControlledKey.current === controlledKey) return;
     lastControlledKey.current = controlledKey;
     if (!controlledPresent || controlledTarget === void 0) return;
@@ -7554,7 +7904,7 @@ function LayeredRelationshipGraph({
       ensureVisible(controlledTarget, true);
     });
   }, [controlledKey, controlledTarget, controlledPresent, ensureVisible]);
-  (0, import_react51.useEffect)(() => {
+  (0, import_react52.useEffect)(() => {
     const element = viewportRef.current;
     if (!element) return;
     const onWheel = (event) => {
@@ -7572,8 +7922,8 @@ function LayeredRelationshipGraph({
     element.addEventListener("wheel", onWheel, { passive: false });
     return () => element.removeEventListener("wheel", onWheel);
   }, []);
-  const pointers = (0, import_react51.useRef)(/* @__PURE__ */ new Map());
-  const pinchDistance = (0, import_react51.useRef)(void 0);
+  const pointers = (0, import_react52.useRef)(/* @__PURE__ */ new Map());
+  const pinchDistance = (0, import_react52.useRef)(void 0);
   const onPointerDown = (event) => {
     if (event.target.closest("button")) return;
     event.currentTarget.setPointerCapture?.(event.pointerId);
@@ -7671,21 +8021,21 @@ function LayeredRelationshipGraph({
     height: layout.height,
     transform: `translate(${view.x}px, ${view.y}px) scale(${view.zoom})`
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime75.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_runtime75.jsxs)("div", { className: "uix-relationship-graph__toolbar", role: "group", "aria-label": labels.controls, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("button", { type: "button", onClick: () => zoomBy(ZOOM_STEP), disabled: view.zoom >= MAX_ZOOM, children: labels.zoomIn }),
-      /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("button", { type: "button", onClick: () => zoomBy(1 / ZOOM_STEP), disabled: view.zoom <= MIN_ZOOM, children: labels.zoomOut }),
-      /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("button", { type: "button", onClick: () => moveView(fitView(layout, size), true), children: labels.fit }),
-      /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("button", { type: "button", onClick: () => moveView(initialView(layout, size), true), children: labels.reset }),
-      /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("button", { type: "button", onClick: () => panBy(PAN_STEP, 0), "aria-label": labels.panLeft, children: labels.left }),
-      /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("button", { type: "button", onClick: () => panBy(0, PAN_STEP), "aria-label": labels.panUp, children: labels.up }),
-      /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("button", { type: "button", onClick: () => panBy(0, -PAN_STEP), "aria-label": labels.panDown, children: labels.down }),
-      /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("button", { type: "button", onClick: () => panBy(-PAN_STEP, 0), "aria-label": labels.panRight, children: labels.right }),
-      /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { "aria-live": "polite", children: labels.zoomLevel(Math.round(view.zoom * 100)) })
+  return /* @__PURE__ */ (0, import_jsx_runtime76.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_runtime76.jsxs)("div", { className: "uix-relationship-graph__toolbar", role: "group", "aria-label": labels.controls, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("button", { type: "button", onClick: () => zoomBy(ZOOM_STEP), disabled: view.zoom >= MAX_ZOOM, children: labels.zoomIn }),
+      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("button", { type: "button", onClick: () => zoomBy(1 / ZOOM_STEP), disabled: view.zoom <= MIN_ZOOM, children: labels.zoomOut }),
+      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("button", { type: "button", onClick: () => moveView(fitView(layout, size), true), children: labels.fit }),
+      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("button", { type: "button", onClick: () => moveView(initialView(layout, size), true), children: labels.reset }),
+      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("button", { type: "button", onClick: () => panBy(PAN_STEP, 0), "aria-label": labels.panLeft, children: labels.left }),
+      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("button", { type: "button", onClick: () => panBy(0, PAN_STEP), "aria-label": labels.panUp, children: labels.up }),
+      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("button", { type: "button", onClick: () => panBy(0, -PAN_STEP), "aria-label": labels.panDown, children: labels.down }),
+      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("button", { type: "button", onClick: () => panBy(-PAN_STEP, 0), "aria-label": labels.panRight, children: labels.right }),
+      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { "aria-live": "polite", children: labels.zoomLevel(Math.round(view.zoom * 100)) })
     ] }),
-    bounded.omittedNodeCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("p", { className: "uix-relationship-graph__bounded", role: "status", children: labels.bounded(bounded.nodes.length, bounded.omittedNodeCount) }),
-    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("p", { id: hintId, className: "uix-visually-hidden", children: labels.keyboardHint }),
-    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+    bounded.omittedNodeCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("p", { className: "uix-relationship-graph__bounded", role: "status", children: labels.bounded(bounded.nodes.length, bounded.omittedNodeCount) }),
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("p", { id: hintId, className: "uix-visually-hidden", children: labels.keyboardHint }),
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
       "div",
       {
         ref: viewportRef,
@@ -7695,11 +8045,11 @@ function LayeredRelationshipGraph({
         onPointerMove,
         onPointerUp: onPointerEnd,
         onPointerCancel: onPointerEnd,
-        children: /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "uix-relationship-graph__stage", style: stageStyle, "data-animate": animate || void 0, onTransitionEnd: () => setAnimate(false), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime75.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_runtime76.jsxs)("div", { className: "uix-relationship-graph__stage", style: stageStyle, "data-animate": animate || void 0, onTransitionEnd: () => setAnimate(false), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime76.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_runtime75.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
               "g",
               {
                 className: "uix-relationship-graph__link",
@@ -7709,15 +8059,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_runtime75.jsx)("path", { d: edge.path }),
-                  edge.arrow !== "none" && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("polygon", { points: arrowPoints, transform: `translate(${edge.arrowX} ${edge.arrowY}) rotate(${angle})` }),
-                  showLabel(edge) && /* @__PURE__ */ (0, import_jsx_runtime75.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_runtime75.jsx)("tspan", { x: edge.labelX, dy: index === 0 ? `${-(lines.length - 1) * 0.55}em` : "1.1em", children: line }, index)) })
+                  /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("path", { d: edge.path }),
+                  edge.arrow !== "none" && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("polygon", { points: arrowPoints, transform: `translate(${edge.arrowX} ${edge.arrowY}) rotate(${angle})` }),
+                  showLabel(edge) && /* @__PURE__ */ (0, import_jsx_runtime76.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_runtime76.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_runtime75.jsx)(
+          layout.columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
             "div",
             {
               className: "uix-relationship-graph__column",
@@ -7727,17 +8077,17 @@ function LayeredRelationshipGraph({
             },
             column.depth
           )),
-          /* @__PURE__ */ (0, import_jsx_runtime75.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_runtime76.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_runtime75.jsxs)(import_jsx_runtime75.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime75.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_runtime75.jsx)("span", { className: "uix-relationship-graph__item-meta", children: labels.expandCluster })
-            ] }) : renderNode?.(item.node, { selected, dimmed }) ?? /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(import_jsx_runtime75.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: "uix-relationship-graph__item-label", children: item.node.label }),
-              (item.node.type || item.node.description) && /* @__PURE__ */ (0, import_jsx_runtime75.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_runtime76.jsxs)(import_jsx_runtime76.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime76.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_runtime76.jsx)("span", { className: "uix-relationship-graph__item-meta", children: labels.expandCluster })
+            ] }) : renderNode?.(item.node, { selected, dimmed }) ?? /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(import_jsx_runtime76.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "uix-relationship-graph__item-label", children: item.node.label }),
+              (item.node.type || item.node.description) && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "uix-relationship-graph__item-meta", children: [item.node.type, item.node.description].filter(Boolean).join(" \xB7 ") })
             ] });
-            return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
               "button",
               {
                 ref: (element) => {
@@ -7768,7 +8118,7 @@ function LayeredRelationshipGraph({
                 onPointerLeave: () => setHoverId((current) => current === item.id ? void 0 : current),
                 children: [
                   body,
-                  item.inCycle && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: "uix-relationship-graph__item-flag", "aria-hidden": "true", children: labels.cycle })
+                  item.inCycle && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "uix-relationship-graph__item-flag", "aria-hidden": "true", children: labels.cycle })
                 ]
               },
               item.id
@@ -7776,7 +8126,7 @@ function LayeredRelationshipGraph({
           }) }),
           layout.items.filter((item) => item.expandedGroup).map((item) => {
             const group = item.expandedGroup;
-            return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
               "button",
               {
                 type: "button",
@@ -7792,8 +8142,8 @@ function LayeredRelationshipGraph({
         ] })
       }
     ),
-    legend.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("ul", { className: "uix-relationship-graph__legend", "aria-label": labels.legend, children: legend.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("li", { "data-type": entry.id, children: entry.label }, entry.id)) }),
-    showList && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+    legend.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("ul", { className: "uix-relationship-graph__legend", "aria-label": labels.legend, children: legend.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("li", { "data-type": entry.id, children: entry.label }, entry.id)) }),
+    showList && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
       EquivalentRelationshipList,
       {
         nodes: bounded.nodes,
@@ -7812,7 +8162,7 @@ function LayeredRelationshipGraph({
 }
 
 // src/components/RelationshipGraph.tsx
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_jsx_runtime77 = require("react/jsx-runtime");
 var DEFAULT_RELATIONSHIP_GRAPH_LABELS = {
   graph: "Relationship graph",
   controls: "Graph view controls",
@@ -7874,21 +8224,21 @@ function radialViewBox(nodes) {
   return `${round(minX)} ${round(minY)} ${width} ${height}`;
 }
 function RelationshipGraph(props) {
-  const labels = (0, import_react52.useMemo)(() => ({ ...DEFAULT_RELATIONSHIP_GRAPH_LABELS, ...props.labels }), [props.labels]);
+  const labels = (0, import_react53.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_runtime76.jsx)("div", { className: stateClass, role: "status", children: labels.loading });
+  if (props.loading) return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: stateClass, role: "status", children: labels.loading });
   if (props.error) {
-    return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: stateClass, role: "alert", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("p", { children: props.error }),
-      props.onRetry && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary", onClick: props.onRetry, children: labels.retry })
+    return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: stateClass, role: "alert", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("p", { children: props.error }),
+      props.onRetry && /* @__PURE__ */ (0, import_jsx_runtime77.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_runtime76.jsxs)("div", { className: stateClass, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("p", { children: labels.emptyTitle }),
-    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("p", { children: labels.emptyHint })
+  if (props.nodes.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: stateClass, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("p", { children: labels.emptyTitle }),
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("p", { children: labels.emptyHint })
   ] });
-  if (props.layout === "layered") return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(LayeredRelationshipGraph, { ...props, labels });
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(RadialRelationshipGraph, { ...props, labels });
+  if (props.layout === "layered") return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(LayeredRelationshipGraph, { ...props, labels });
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(RadialRelationshipGraph, { ...props, labels });
 }
 function RadialRelationshipGraph({
   nodes,
@@ -7908,17 +8258,17 @@ function RadialRelationshipGraph({
   labels,
   showList = true
 }) {
-  const bounded = (0, import_react52.useMemo)(() => boundRelationshipGraph(nodes, edges, maxNodes), [nodes, edges, maxNodes]);
-  const positioned = (0, import_react52.useMemo)(() => layoutRelationshipGraph(bounded.nodes, bounded.edges, selectedId), [bounded, selectedId]);
-  const typeColor = (0, import_react52.useMemo)(
+  const bounded = (0, import_react53.useMemo)(() => boundRelationshipGraph(nodes, edges, maxNodes), [nodes, edges, maxNodes]);
+  const positioned = (0, import_react53.useMemo)(() => layoutRelationshipGraph(bounded.nodes, bounded.edges, selectedId), [bounded, selectedId]);
+  const typeColor = (0, import_react53.useMemo)(
     () => new Map(legend.map((item, index) => [item.id, `var(--uix-chart-${index % 8 + 1})`])),
     [legend]
   );
-  const positionedById = (0, import_react52.useMemo)(() => new Map(positioned.map((node) => [node.id, node])), [positioned]);
-  const [zoom, setZoom] = (0, import_react52.useState)(1);
-  const [pan, setPan] = (0, import_react52.useState)({ x: 0, y: 0 });
-  const [focusedId, setFocusedId] = (0, import_react52.useState)(selectedId ?? positioned[0]?.id);
-  const svgRef = (0, import_react52.useRef)(null);
+  const positionedById = (0, import_react53.useMemo)(() => new Map(positioned.map((node) => [node.id, node])), [positioned]);
+  const [zoom, setZoom] = (0, import_react53.useState)(1);
+  const [pan, setPan] = (0, import_react53.useState)({ x: 0, y: 0 });
+  const [focusedId, setFocusedId] = (0, import_react53.useState)(selectedId ?? positioned[0]?.id);
+  const svgRef = (0, import_react53.useRef)(null);
   const select = (id) => {
     const node = bounded.nodes.find((item) => item.id === id);
     if (node) onSelect?.(node);
@@ -7941,25 +8291,25 @@ function RadialRelationshipGraph({
     setZoom(1);
     setPan({ x: 0, y: 0 });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("section", { className: cx("uix-relationship-graph", `uix-relationship-graph--${density}`, className), "aria-label": labels.graph, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "uix-relationship-graph__toolbar", "aria-label": labels.controls, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("button", { type: "button", onClick: () => setPan((value) => ({ ...value, x: value.x - 24 })), "aria-label": labels.panLeft, children: labels.left }),
-      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("button", { type: "button", onClick: () => setPan((value) => ({ ...value, y: value.y - 24 })), "aria-label": labels.panUp, children: labels.up }),
-      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("button", { type: "button", onClick: () => setPan((value) => ({ ...value, y: value.y + 24 })), "aria-label": labels.panDown, children: labels.down }),
-      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("button", { type: "button", onClick: () => setPan((value) => ({ ...value, x: value.x + 24 })), "aria-label": labels.panRight, children: labels.right }),
-      /* @__PURE__ */ (0, import_jsx_runtime76.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_runtime76.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_runtime76.jsx)("button", { type: "button", onClick: reset, children: labels.reset }),
-      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { "aria-live": "polite", children: labels.zoomLevel(Math.round(zoom * 100)) })
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("section", { className: cx("uix-relationship-graph", `uix-relationship-graph--${density}`, className), "aria-label": labels.graph, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "uix-relationship-graph__toolbar", "aria-label": labels.controls, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("button", { type: "button", onClick: () => setPan((value) => ({ ...value, x: value.x - 24 })), "aria-label": labels.panLeft, children: labels.left }),
+      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("button", { type: "button", onClick: () => setPan((value) => ({ ...value, y: value.y - 24 })), "aria-label": labels.panUp, children: labels.up }),
+      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("button", { type: "button", onClick: () => setPan((value) => ({ ...value, y: value.y + 24 })), "aria-label": labels.panDown, children: labels.down }),
+      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("button", { type: "button", onClick: () => setPan((value) => ({ ...value, x: value.x + 24 })), "aria-label": labels.panRight, children: labels.right }),
+      /* @__PURE__ */ (0, import_jsx_runtime77.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_runtime77.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_runtime77.jsx)("button", { type: "button", onClick: reset, children: labels.reset }),
+      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { "aria-live": "polite", children: labels.zoomLevel(Math.round(zoom * 100)) })
     ] }),
-    bounded.omittedNodeCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("p", { className: "uix-relationship-graph__bounded", role: "status", children: labels.bounded(bounded.nodes.length, bounded.omittedNodeCount) }),
-    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "uix-relationship-graph__visual", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("svg", { ref: svgRef, viewBox: radialViewBox(positioned), role: "group", "aria-label": labels.graphSummary(bounded.nodes.length, bounded.edges.length), children: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("g", { transform: `translate(${pan.x} ${pan.y}) scale(${zoom})`, children: [
+    bounded.omittedNodeCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("p", { className: "uix-relationship-graph__bounded", role: "status", children: labels.bounded(bounded.nodes.length, bounded.omittedNodeCount) }),
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "uix-relationship-graph__visual", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("svg", { ref: svgRef, viewBox: radialViewBox(positioned), role: "group", "aria-label": labels.graphSummary(bounded.nodes.length, bounded.edges.length), children: /* @__PURE__ */ (0, import_jsx_runtime77.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_runtime76.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_runtime76.jsx)("title", { children: edge.label ?? edge.type ?? labels.relationship }) }, edge.id);
+        return /* @__PURE__ */ (0, import_jsx_runtime77.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_runtime77.jsx)("title", { children: edge.label ?? edge.type ?? labels.relationship }) }, edge.id);
       }),
-      positioned.map((node) => /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
+      positioned.map((node) => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
         "g",
         {
           transform: `translate(${node.x * RADIAL_SCALE_X} ${node.y * RADIAL_SCALE_Y})`,
@@ -7975,22 +8325,22 @@ function RadialRelationshipGraph({
           onKeyDown: (event) => onNodeKeyDown(event, node.id),
           onClick: () => select(node.id),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("title", { children: node.label }),
-            /* @__PURE__ */ (0, import_jsx_runtime76.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_runtime76.jsx)("text", { textAnchor: "middle", dominantBaseline: "middle", children: node.label.length > 16 ? `${node.label.slice(0, 15)}\u2026` : node.label })
+            /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("title", { children: node.label }),
+            /* @__PURE__ */ (0, import_jsx_runtime77.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_runtime77.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_runtime76.jsx)("ul", { className: "uix-relationship-graph__legend", "aria-label": labels.legend, children: legend.map((item) => /* @__PURE__ */ (0, import_jsx_runtime76.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_runtime76.jsx)(EquivalentRelationshipList, { nodes: bounded.nodes, edges: bounded.edges, selectedId, labels, onSelect: select, onExpandNeighbors, onOpenDetails })
+    legend.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("ul", { className: "uix-relationship-graph__legend", "aria-label": labels.legend, children: legend.map((item) => /* @__PURE__ */ (0, import_jsx_runtime77.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_runtime77.jsx)(EquivalentRelationshipList, { nodes: bounded.nodes, edges: bounded.edges, selectedId, labels, onSelect: select, onExpandNeighbors, onOpenDetails })
   ] });
 }
 
 // src/components/MatchReview.tsx
-var import_react53 = require("react");
-var import_jsx_runtime77 = require("react/jsx-runtime");
+var import_react54 = require("react");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 var DEFAULT_MATCH_REVIEW_LABELS = {
   region: "Match review",
   loading: "Loading match candidates\u2026",
@@ -8052,11 +8402,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_react53.useState)(/* @__PURE__ */ new Set());
-  const [announcement, setAnnouncement] = (0, import_react53.useState)("");
-  const [bulkPending, setBulkPending] = (0, import_react53.useState)(false);
+  const [internalSelection, setInternalSelection] = (0, import_react54.useState)(/* @__PURE__ */ new Set());
+  const [announcement, setAnnouncement] = (0, import_react54.useState)("");
+  const [bulkPending, setBulkPending] = (0, import_react54.useState)(false);
   const selection = selectedIds ?? internalSelection;
-  const pending = (0, import_react53.useMemo)(() => candidates.filter((candidate) => candidate.status !== "resolved"), [candidates]);
+  const pending = (0, import_react54.useMemo)(() => candidates.filter((candidate) => candidate.status !== "resolved"), [candidates]);
   const setSelection = (next) => {
     if (selectedIds === void 0) setInternalSelection(next);
     onSelectionChange?.(next);
@@ -8085,48 +8435,48 @@ function MatchReview({
       setBulkPending(false);
     }
   };
-  if (loading) return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: cx("uix-match-review uix-match-review--state", className), role: "status", children: labels.loading });
-  if (error) return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: cx("uix-match-review uix-match-review--state", className), role: "alert", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("p", { children: error }),
-    onRetry && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary", onClick: onRetry, children: labels.retry })
+  if (loading) return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: cx("uix-match-review uix-match-review--state", className), role: "status", children: labels.loading });
+  if (error) return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: cx("uix-match-review uix-match-review--state", className), role: "alert", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("p", { children: error }),
+    onRetry && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary", onClick: onRetry, children: labels.retry })
   ] });
-  if (candidates.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: cx("uix-match-review uix-match-review--state", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("p", { children: labels.empty }),
-    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("p", { children: labels.emptyDetail })
+  if (candidates.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: cx("uix-match-review uix-match-review--state", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("p", { children: labels.empty }),
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("p", { children: labels.emptyDetail })
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("section", { className: cx("uix-match-review", className), "aria-label": labels.region, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "uix-match-review__summary", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("strong", { children: incomingLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { children: fillLabel(labels.pendingOf, { pending: pending.length, total: candidates.length }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("section", { className: cx("uix-match-review", className), "aria-label": labels.region, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "uix-match-review__summary", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("strong", { children: incomingLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { children: fillLabel(labels.pendingOf, { pending: pending.length, total: candidates.length }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "uix-match-review__incoming", children: fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("span", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("b", { children: field.label }),
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "uix-match-review__incoming", children: fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("span", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("b", { children: field.label }),
         field.render?.(incoming[field.id], incoming) ?? valueText(incoming[field.id])
       ] }, field.id)) })
     ] }),
-    onBulkDecision && /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "uix-match-review__bulk", "aria-label": labels.bulk, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { children: fillLabel(labels.selectedCount, { count: selection.size }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime77.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_runtime77.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_runtime78.jsxs)("div", { className: "uix-match-review__bulk", "aria-label": labels.bulk, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { children: fillLabel(labels.selectedCount, { count: selection.size }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime78.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_runtime78.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_runtime77.jsx)("div", { className: "uix-match-review__table-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("table", { className: "uix-table uix-match-review__table", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("caption", { className: "uix-visually-hidden", children: labels.caption }),
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("tr", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("th", { scope: "col", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "uix-visually-hidden", children: labels.select }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("th", { scope: "col", children: labels.confidence }),
-        fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("th", { scope: "col", children: field.label }, field.id)),
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("th", { scope: "col", children: labels.status }),
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("th", { scope: "col", children: labels.actions })
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "uix-match-review__table-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("table", { className: "uix-table uix-match-review__table", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("caption", { className: "uix-visually-hidden", children: labels.caption }),
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("tr", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("th", { scope: "col", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "uix-visually-hidden", children: labels.select }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("th", { scope: "col", children: labels.confidence }),
+        fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("th", { scope: "col", children: field.label }, field.id)),
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("th", { scope: "col", children: labels.status }),
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("th", { scope: "col", children: labels.actions })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("tbody", { children: candidates.map((candidate) => {
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("tbody", { children: candidates.map((candidate) => {
         const resolved = candidate.status === "resolved";
-        return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("tr", { "data-status": candidate.status ?? "pending", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime77.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_runtime77.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime77.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_runtime77.jsx)("td", { children: field.render?.(candidate.record[field.id], candidate.record) ?? valueText(candidate.record[field.id]) }, field.id)),
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(StatusPill, { tone: resolved ? "success" : "warning", children: resolved ? candidate.decision ? decisionLabel[candidate.decision] : labels.resolved : labels.pending }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "uix-match-review__actions", children: ["accept", "dismiss", "split", "pick-other"].map((action) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("tr", { "data-status": candidate.status ?? "pending", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime78.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_runtime78.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime78.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_runtime78.jsx)("td", { children: field.render?.(candidate.record[field.id], candidate.record) ?? valueText(candidate.record[field.id]) }, field.id)),
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(StatusPill, { tone: resolved ? "success" : "warning", children: resolved ? candidate.decision ? decisionLabel[candidate.decision] : labels.resolved : labels.pending }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "uix-match-review__actions", children: ["accept", "dismiss", "split", "pick-other"].map((action) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
             "button",
             {
               type: "button",
@@ -8140,12 +8490,12 @@ function MatchReview({
         ] }, candidate.id);
       }) })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("p", { className: "uix-visually-hidden", "aria-live": "polite", children: announcement })
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("p", { className: "uix-visually-hidden", "aria-live": "polite", children: announcement })
   ] });
 }
 
 // src/components/MetricInput.tsx
-var import_react54 = require("react");
+var import_react55 = require("react");
 
 // src/metric-model.ts
 function decimals(value) {
@@ -8170,7 +8520,7 @@ function parseMetricValue(value) {
 }
 
 // src/components/MetricInput.tsx
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var import_jsx_runtime79 = require("react/jsx-runtime");
 var defaultMetricFormat = (input) => input == null ? "" : String(input);
 function MetricInput({
   value,
@@ -8189,11 +8539,11 @@ function MetricInput({
   className,
   id: providedId
 }) {
-  const generatedId = (0, import_react54.useId)();
+  const generatedId = (0, import_react55.useId)();
   const id = providedId ?? generatedId;
   const errorId = `${id}-error`;
-  const [text, setText] = (0, import_react54.useState)(() => format(value));
-  (0, import_react54.useEffect)(() => setText(format(value)), [value, format]);
+  const [text, setText] = (0, import_react55.useState)(() => format(value));
+  (0, import_react55.useEffect)(() => setText(format(value)), [value, format]);
   const commit = (input) => {
     const parsed = parse(input);
     if (input.trim() === "" || parsed !== null) {
@@ -8219,10 +8569,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_runtime78.jsxs)("div", { className: cx("uix-metric-input", invalid && "uix-metric-input--invalid", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("label", { className: "uix-field__label", htmlFor: id, children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "uix-metric-input__control", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: cx("uix-metric-input", invalid && "uix-metric-input--invalid", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("label", { className: "uix-field__label", htmlFor: id, children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "uix-metric-input__control", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
         Input,
         {
           id,
@@ -8241,22 +8591,22 @@ function MetricInput({
           readOnly
         }
       ),
-      unit && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "uix-metric-input__unit", "aria-hidden": "true", children: unit }),
-      /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("span", { className: "uix-metric-input__steps", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("button", { type: "button", className: "uix-metric-input__step", onClick: () => stepBy(1), disabled: disabled || readOnly, "aria-label": `Increase ${label}`, children: "+" }),
-        /* @__PURE__ */ (0, import_jsx_runtime78.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_runtime79.jsx)("span", { className: "uix-metric-input__unit", "aria-hidden": "true", children: unit }),
+      /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("span", { className: "uix-metric-input__steps", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("button", { type: "button", className: "uix-metric-input__step", onClick: () => stepBy(1), disabled: disabled || readOnly, "aria-label": `Increase ${label}`, children: "+" }),
+        /* @__PURE__ */ (0, import_jsx_runtime79.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_runtime78.jsxs)("span", { className: "uix-visually-hidden", children: [
+    unit && /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("span", { className: "uix-visually-hidden", children: [
       "Unit: ",
       unit
     ] }),
-    invalid && errorMessage && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { id: errorId, className: "uix-field__error", children: errorMessage })
+    invalid && errorMessage && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { id: errorId, className: "uix-field__error", children: errorMessage })
   ] });
 }
 
 // src/components/LicensePositionBar.tsx
-var import_jsx_runtime79 = require("react/jsx-runtime");
+var import_jsx_runtime80 = require("react/jsx-runtime");
 var defaultCapacityFormat = (value) => new Intl.NumberFormat().format(value);
 function LicensePositionBar({
   consumed,
@@ -8277,18 +8627,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_runtime79.jsxs)("div", { className: cx("uix-license-position", over > 0 && "uix-license-position--over", className), ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "uix-license-position__header", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("span", { className: "uix-license-position__value", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: cx("uix-license-position", over > 0 && "uix-license-position--over", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "uix-license-position__header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("span", { className: "uix-license-position__value", children: [
         format(safeConsumed),
         " / ",
         format(safeEntitled)
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(StatusPill, { tone: over > 0 ? "danger" : percent >= 80 ? "warning" : "success", children: over > 0 ? `${format(over)} ${overLabel}` : `${format(available)} ${availableLabel}` })
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(StatusPill, { tone: over > 0 ? "danger" : percent >= 80 ? "warning" : "success", children: over > 0 ? `${format(over)} ${overLabel}` : `${format(available)} ${availableLabel}` })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "uix-license-position__track", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime79.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_runtime79.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "uix-license-position__track", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime80.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_runtime80.jsx)(
         "span",
         {
           className: "uix-license-position__overflow",
@@ -8297,12 +8647,12 @@ function LicensePositionBar({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "uix-visually-hidden", children: summary })
+    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "uix-visually-hidden", children: summary })
   ] });
 }
 
 // src/components/BrandProfiles.tsx
-var import_react56 = require("react");
+var import_react57 = require("react");
 
 // src/color-model.ts
 var clamp2 = (value, min, max) => Math.min(max, Math.max(min, value));
@@ -8371,8 +8721,8 @@ function meetsContrast(background, foreground, minimum = 4.5) {
 }
 
 // src/components/ColorPicker.tsx
-var import_react55 = require("react");
-var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_react56 = require("react");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 var DEFAULT_COLOR_PICKER_LABELS = {
   trigger: "{label}: {color}",
   sample: "Aa",
@@ -8403,17 +8753,17 @@ function ColorPicker({
   labels: labelOverrides
 }) {
   const labels = { ...DEFAULT_COLOR_PICKER_LABELS, ...labelOverrides };
-  const id = (0, import_react55.useId)();
-  const triggerRef = (0, import_react55.useRef)(null);
-  const dialogRef = (0, import_react55.useRef)(null);
-  const [open, setOpen] = (0, import_react55.useState)(false);
+  const id = (0, import_react56.useId)();
+  const triggerRef = (0, import_react56.useRef)(null);
+  const dialogRef = (0, import_react56.useRef)(null);
+  const [open, setOpen] = (0, import_react56.useState)(false);
   const normalized = normalizeHex(value) ?? "#000000";
-  const [hexText, setHexText] = (0, import_react55.useState)(normalized);
-  const hsv = (0, import_react55.useMemo)(() => rgbToHsv(hexToRgb(normalized)), [normalized]);
+  const [hexText, setHexText] = (0, import_react56.useState)(normalized);
+  const hsv = (0, import_react56.useMemo)(() => rgbToHsv(hexToRgb(normalized)), [normalized]);
   const ratio = contrastRatio(normalized, foreground) ?? 0;
   const passes = ratio >= minimumContrast;
-  (0, import_react55.useEffect)(() => setHexText(normalized), [normalized]);
-  (0, import_react55.useEffect)(() => {
+  (0, import_react56.useEffect)(() => setHexText(normalized), [normalized]);
+  (0, import_react56.useEffect)(() => {
     if (!open) return;
     const dialog = dialogRef.current;
     dialog?.querySelector("input,button")?.focus();
@@ -8456,8 +8806,8 @@ function ColorPicker({
     if (next) onChange(next);
   };
   const sampleStyle = { backgroundColor: normalized };
-  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: cx("uix-color-picker", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: cx("uix-color-picker", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
       "button",
       {
         ref: triggerRef,
@@ -8469,12 +8819,12 @@ function ColorPicker({
         onClick: () => setOpen((current) => !current),
         disabled,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "uix-color-picker__swatch", style: sampleStyle, "aria-hidden": "true" }),
-          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { children: normalized })
+          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "uix-color-picker__swatch", style: sampleStyle, "aria-hidden": "true" }),
+          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { children: normalized })
         ]
       }
     ),
-    open && /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
+    open && /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
       "div",
       {
         ref: dialogRef,
@@ -8485,55 +8835,55 @@ function ColorPicker({
         className: "uix-color-picker__popover",
         onKeyDown: onDialogKeyDown,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "uix-color-picker__preview", style: sampleStyle, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { style: { color: foreground }, children: labels.sample }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("label", { className: "uix-color-picker__range", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "uix-color-picker__preview", style: sampleStyle, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { style: { color: foreground }, children: labels.sample }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("label", { className: "uix-color-picker__range", children: [
             labels.hue,
             " ",
-            /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("span", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("span", { children: [
               Math.round(hsv.h),
               "\xB0"
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime80.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_runtime81.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_runtime80.jsxs)("label", { className: "uix-color-picker__range", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("label", { className: "uix-color-picker__range", children: [
             labels.saturation,
             " ",
-            /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("span", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("span", { children: [
               Math.round(hsv.s * 100),
               "%"
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime80.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_runtime81.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_runtime80.jsxs)("label", { className: "uix-color-picker__range", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("label", { className: "uix-color-picker__range", children: [
             labels.brightness,
             " ",
-            /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("span", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("span", { children: [
               Math.round(hsv.v * 100),
               "%"
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime80.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_runtime81.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_runtime80.jsxs)("label", { className: "uix-color-picker__hex", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("label", { className: "uix-color-picker__hex", children: [
             labels.hex,
-            /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("span", { className: "uix-color-picker__hex-row", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("input", { className: "uix-input", value: hexText, onChange: (event) => setHexText(event.currentTarget.value), onBlur: commitHex, onKeyDown: (event) => {
+            /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("span", { className: "uix-color-picker__hex-row", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime81.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_runtime80.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_runtime81.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_runtime80.jsxs)("div", { className: "uix-color-picker__palettes", children: [
-            presets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("fieldset", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("legend", { children: labels.presets }),
-              /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { children: presets.map((color) => /* @__PURE__ */ (0, import_jsx_runtime80.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_runtime81.jsxs)("div", { className: "uix-color-picker__palettes", children: [
+            presets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("fieldset", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("legend", { children: labels.presets }),
+              /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { children: presets.map((color) => /* @__PURE__ */ (0, import_jsx_runtime81.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_runtime80.jsxs)("fieldset", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("legend", { children: labels.recent }),
-              /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { children: recent.map((color) => /* @__PURE__ */ (0, import_jsx_runtime80.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_runtime81.jsxs)("fieldset", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("legend", { children: labels.recent }),
+              /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { children: recent.map((color) => /* @__PURE__ */ (0, import_jsx_runtime81.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_runtime80.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_runtime80.jsx)("button", { type: "button", className: "uix-btn uix-btn--primary uix-btn--sm", onClick: close, children: labels.done })
+          /* @__PURE__ */ (0, import_jsx_runtime81.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_runtime81.jsx)("button", { type: "button", className: "uix-btn uix-btn--primary uix-btn--sm", onClick: close, children: labels.done })
         ]
       }
     )
@@ -8541,7 +8891,7 @@ function ColorPicker({
 }
 
 // src/components/BrandProfiles.tsx
-var import_jsx_runtime81 = require("react/jsx-runtime");
+var import_jsx_runtime82 = require("react/jsx-runtime");
 var PROFILE_PROPERTIES = {
   brand: "--uix-brand",
   brandForeground: "--uix-brand-fg",
@@ -8633,7 +8983,7 @@ function BrandProfileEditor({
   labels: labelOverrides
 }) {
   const labels = { ...DEFAULT_BRAND_PROFILE_EDITOR_LABELS, ...labelOverrides };
-  const [announcement, setAnnouncement] = (0, import_react56.useState)("");
+  const [announcement, setAnnouncement] = (0, import_react57.useState)("");
   const update = (patch) => onChange({ ...value, ...patch });
   const apply = () => {
     if (applyTarget !== null) applyBrandProfile(value, applyTarget);
@@ -8650,54 +9000,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_runtime81.jsxs)("section", { className: cx("uix-brand-profiles", className), "aria-label": labels.region, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "uix-brand-profiles__form", children: [
-      profiles.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("label", { className: "uix-field__label", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("section", { className: cx("uix-brand-profiles", className), "aria-label": labels.region, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "uix-brand-profiles__form", children: [
+      profiles.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("label", { className: "uix-field__label", children: [
         labels.profile,
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("select", { className: "uix-select", value: value.id, onChange: (event) => {
+        /* @__PURE__ */ (0, import_jsx_runtime82.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_runtime81.jsx)("option", { value: profile.id, children: profile.name }, profile.id)) })
+        }, children: profiles.map((profile) => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("option", { value: profile.id, children: profile.name }, profile.id)) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("label", { className: "uix-field__label", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("label", { className: "uix-field__label", children: [
         labels.name,
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("input", { className: "uix-input", value: value.name, onChange: (event) => update({ name: event.currentTarget.value }) })
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("input", { className: "uix-input", value: value.name, onChange: (event) => update({ name: event.currentTarget.value }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "uix-brand-profiles__colors", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("label", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "uix-brand-profiles__colors", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("label", { children: [
           labels.brand,
-          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(ColorPicker, { label: labels.brandColor, value: value.brand, foreground: value.brandForeground, presets: colorPresets, onChange: (brand) => update({ brand }) })
+          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(ColorPicker, { label: labels.brandColor, value: value.brand, foreground: value.brandForeground, presets: colorPresets, onChange: (brand) => update({ brand }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("label", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("label", { children: [
           labels.onBrand,
-          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(ColorPicker, { label: labels.onBrandColor, value: value.brandForeground, foreground: value.brand, presets: colorPresets, onChange: (brandForeground) => update({ brandForeground }) })
+          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(ColorPicker, { label: labels.onBrandColor, value: value.brandForeground, foreground: value.brand, presets: colorPresets, onChange: (brandForeground) => update({ brandForeground }) })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("label", { className: "uix-field__label", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("label", { className: "uix-field__label", children: [
         labels.bodyFont,
-        /* @__PURE__ */ (0, import_jsx_runtime81.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_runtime82.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_runtime81.jsxs)("label", { className: "uix-field__label", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("label", { className: "uix-field__label", children: [
         labels.headingFont,
-        /* @__PURE__ */ (0, import_jsx_runtime81.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_runtime82.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_runtime81.jsxs)("label", { className: "uix-file-upload uix-brand-profiles__upload", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("label", { className: "uix-file-upload uix-brand-profiles__upload", children: [
         labels.logoFile,
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("input", { type: "file", accept: "image/*", onChange: onFile })
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("input", { type: "file", accept: "image/*", onChange: onFile })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("button", { type: "button", className: "uix-btn uix-btn--primary", onClick: apply, children: labels.apply }),
-      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "uix-visually-hidden", "aria-live": "polite", children: announcement })
+      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("button", { type: "button", className: "uix-btn uix-btn--primary", onClick: apply, children: labels.apply }),
+      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "uix-visually-hidden", "aria-live": "polite", children: announcement })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "uix-brand-profiles__preview", style: previewStyle, "aria-label": fillLabel(labels.preview, { name: value.name }), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "uix-brand-profiles__preview-header", children: [
-        value.logo ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("img", { src: value.logo.src, alt: value.logo.alt }) : /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "uix-brand-profiles__logo-placeholder", children: labels.logoPlaceholder }),
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("strong", { children: value.name || labels.previewTitleFallback })
+    /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "uix-brand-profiles__preview", style: previewStyle, "aria-label": fillLabel(labels.preview, { name: value.name }), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "uix-brand-profiles__preview-header", children: [
+        value.logo ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("img", { src: value.logo.src, alt: value.logo.alt }) : /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "uix-brand-profiles__logo-placeholder", children: labels.logoPlaceholder }),
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("strong", { children: value.name || labels.previewTitleFallback })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "uix-brand-profiles__preview-body", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("h3", { children: labels.previewHeading }),
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("p", { children: labels.previewBody }),
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("button", { type: "button", className: "uix-btn uix-btn--primary", children: labels.previewPrimary }),
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("a", { href: "#brand-profile-preview", children: labels.previewLink })
+      /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "uix-brand-profiles__preview-body", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("h3", { children: labels.previewHeading }),
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("p", { children: labels.previewBody }),
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("button", { type: "button", className: "uix-btn uix-btn--primary", children: labels.previewPrimary }),
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("a", { href: "#brand-profile-preview", children: labels.previewLink })
       ] })
     ] })
   ] });
@@ -8705,7 +9055,7 @@ function BrandProfileEditor({
 var BrandProfiles = BrandProfileEditor;
 
 // src/components/DiffViewer.tsx
-var import_react57 = require("react");
+var import_react58 = require("react");
 
 // src/diff-model.ts
 function isJsonObject(value) {
@@ -8756,7 +9106,7 @@ function summarizeDiff(entries, resolutions = {}) {
 }
 
 // src/components/DiffViewer.tsx
-var import_jsx_runtime82 = require("react/jsx-runtime");
+var import_jsx_runtime83 = require("react/jsx-runtime");
 var DEFAULT_DIFF_VIEWER_LABELS = {
   base: "Base",
   current: "Current",
@@ -8801,33 +9151,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_react57.useId)();
-  const entries = (0, import_react57.useMemo)(() => providedEntries ?? buildThreeWayDiff(base, current, incoming), [providedEntries, base, current, incoming]);
-  const [internalResolutions, setInternalResolutions] = (0, import_react57.useState)({});
+  const id = (0, import_react58.useId)();
+  const entries = (0, import_react58.useMemo)(() => providedEntries ?? buildThreeWayDiff(base, current, incoming), [providedEntries, base, current, incoming]);
+  const [internalResolutions, setInternalResolutions] = (0, import_react58.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_runtime82.jsxs)("section", { className: cx("uix-diff-viewer uix-diff-viewer--empty", className), "aria-label": labels.region, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("h3", { children: labels.noDifferences }),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("p", { children: labels.noDifferencesDetail })
+  if (entries.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("section", { className: cx("uix-diff-viewer uix-diff-viewer--empty", className), "aria-label": labels.region, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("h3", { children: labels.noDifferences }),
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("p", { children: labels.noDifferencesDetail })
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("section", { className: cx("uix-diff-viewer", className), "aria-label": labels.region, "data-control-size": controlSize, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "uix-diff-viewer__summary", role: "group", "aria-label": labels.summary, children: [
-      GROUPS.map((kind) => /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("span", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("b", { children: summary[kind] }),
+  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("section", { className: cx("uix-diff-viewer", className), "aria-label": labels.region, "data-control-size": controlSize, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "uix-diff-viewer__summary", role: "group", "aria-label": labels.summary, children: [
+      GROUPS.map((kind) => /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("span", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("b", { children: summary[kind] }),
         " ",
         labels[kind].toLowerCase()
       ] }, kind)),
-      /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("span", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("b", { children: summary.resolved }),
+      /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("span", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("b", { children: summary.resolved }),
         " ",
         labels.resolved
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("span", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("b", { children: summary.pending }),
+      /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("span", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("b", { children: summary.pending }),
         " ",
         labels.pending
       ] })
@@ -8835,33 +9185,33 @@ function DiffViewer({
     GROUPS.map((kind) => {
       const grouped = entries.filter((entry) => entry.kind === kind);
       if (!grouped.length) return null;
-      return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("section", { className: "uix-diff-viewer__group", "aria-labelledby": `${id}-${kind}`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("h3", { id: `${id}-${kind}`, children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("section", { className: "uix-diff-viewer__group", "aria-labelledby": `${id}-${kind}`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("h3", { id: `${id}-${kind}`, children: [
           labels[kind],
           " ",
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { children: grouped.length })
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { children: grouped.length })
         ] }),
         grouped.map((entry) => {
           const resolution = resolutions[entry.path] ?? "pending";
-          return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("details", { className: "uix-diff-viewer__entry", "data-kind": entry.kind, open: entry.kind === "conflicted", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("summary", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("code", { children: entry.path }),
-              /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(StatusPill, { tone: resolution === "pending" ? "warning" : "success", children: resolutionLabel[resolution] })
+          return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("details", { className: "uix-diff-viewer__entry", "data-kind": entry.kind, open: entry.kind === "conflicted", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("summary", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("code", { children: entry.path }),
+              /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(StatusPill, { tone: resolution === "pending" ? "warning" : "success", children: resolutionLabel[resolution] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "uix-diff-viewer__versions", children: ["base", "current", "incoming"].map((version) => /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { role: "region", "aria-label": fillLabel(labels.valueFor, { version: labels[version], path: entry.path }), children: [
-              /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("strong", { children: labels[version] }),
-              /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("pre", { children: renderValue(entry[version], labels.notPresent) })
+            /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "uix-diff-viewer__versions", children: ["base", "current", "incoming"].map((version) => /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { role: "region", "aria-label": fillLabel(labels.valueFor, { version: labels[version], path: entry.path }), children: [
+              /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("strong", { children: labels[version] }),
+              /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("pre", { children: renderValue(entry[version], labels.notPresent) })
             ] }, version)) }),
-            /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "uix-diff-viewer__actions", role: "group", "aria-label": fillLabel(labels.resolve, { path: entry.path }), children: [
-              /* @__PURE__ */ (0, import_jsx_runtime82.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_runtime82.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_runtime82.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_runtime83.jsxs)("div", { className: "uix-diff-viewer__actions", role: "group", "aria-label": fillLabel(labels.resolve, { path: entry.path }), children: [
+              /* @__PURE__ */ (0, import_jsx_runtime83.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_runtime83.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_runtime83.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_runtime82.jsx)("p", { className: "uix-visually-hidden", "aria-live": "polite", children: fillLabel(labels.progress, { resolved: summary.resolved, total: entries.length }) })
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("p", { className: "uix-visually-hidden", "aria-live": "polite", children: fillLabel(labels.progress, { resolved: summary.resolved, total: entries.length }) })
   ] });
 }
 // Annotate the CommonJS export names for ESM import in node:
@@ -8900,6 +9250,7 @@ function DiffViewer({
   ContentList,
   ContentListItem,
   CopyButton,
+  DAY,
   DEFAULT_BRAND_PROFILE_EDITOR_LABELS,
   DEFAULT_BUILDER_CANVAS_LABELS,
   DEFAULT_COLOR_PICKER_LABELS,
@@ -8911,6 +9262,7 @@ function DiffViewer({
   DEFAULT_RULE_BUILDER_LABELS,
   DEFAULT_SAVE_STATUS_LABELS,
   DEFAULT_SCHEDULING_CALENDAR_LABELS,
+  DEFAULT_SCHEDULING_TIMELINE_LABELS,
   DEFAULT_STEP_STATE_LABELS,
   DateRangePicker,
   DescriptionItem,
@@ -8932,6 +9284,7 @@ function DiffViewer({
   Flow,
   FlowNode,
   ForbiddenState,
+  HOUR,
   Highlighted,
   Inbox,
   InboxDetail,
@@ -8989,6 +9342,7 @@ function DiffViewer({
   SaveStatus,
   SavedViewMenu,
   SchedulingCalendar,
+  SchedulingTimeline,
   SearchSuggest,
   SectionHead,
   Segmented,
@@ -9044,6 +9398,7 @@ function DiffViewer({
   createToastApi,
   createToastStore,
   cx,
+  defaultTimelineStep,
   enumerateDateSpan,
   filterComboboxOptions,
   findRuleNodeDepth,
@@ -9057,6 +9412,7 @@ function DiffViewer({
   isDateUnavailable,
   isRuleGroup,
   layeredNeighbor,
+  layoutLane,
   layoutLayeredGraph,
   layoutRelationshipGraph,
   mapRuleGroup,
@@ -9070,6 +9426,8 @@ function DiffViewer({
   parseDateValue,
   parseMetricValue,
   parseView,
+  pixelsToMs,
+  placeSpan,
   relationshipNeighbors,
   relativeTimeValue,
   removeRuleNode,
@@ -9084,11 +9442,14 @@ function DiffViewer({
   selectAllState,
   selectRangeDate,
   serializeView,
+  shiftSpan,
   shouldVirtualize,
+  snapToStep,
   startOfMonth,
   stepMetricValue,
   summarizeDiff,
   summarizeRule,
+  timelineTicks,
   toDateKey,
   toast,
   toggleId,