@tensor_1/react 2.32.0 → 2.33.0

package/dist/index.cjs

@@ -190,6 +190,7 @@ __export(src_exports, {
   Switch: () => Switch,
   TEXT_FILTER_OPERATORS: () => TEXT_FILTER_OPERATORS,
   TOAST_LEAVE_MS: () => TOAST_LEAVE_MS,
+  TOP_LANE_CROSS_MIDNIGHT_MINUTES: () => TOP_LANE_CROSS_MIDNIGHT_MINUTES,
   Tab: () => Tab,
   TabPanel: () => TabPanel,
   Table: () => Table,
@@ -254,10 +255,12 @@ __export(src_exports, {
   isRuleGroup: () => isRuleGroup,
   itemDaySpan: () => itemDaySpan,
   layeredNeighbor: () => layeredNeighbor,
+  layoutDaySpans: () => layoutDaySpans,
   layoutLane: () => layoutLane,
   layoutLayeredGraph: () => layoutLayeredGraph,
   layoutMonthSpans: () => layoutMonthSpans,
   layoutRelationshipGraph: () => layoutRelationshipGraph,
+  layoutTimeGridDay: () => layoutTimeGridDay,
   mapRuleGroup: () => mapRuleGroup,
   matchFilter: () => matchFilter,
   matchFilterPreset: () => matchFilterPreset,
@@ -274,6 +277,8 @@ __export(src_exports, {
   partitionFiles: () => partitionFiles,
   pixelsToMs: () => pixelsToMs,
   placeSpan: () => placeSpan,
+  placesInTopLane: () => placesInTopLane,
+  proposeMove: () => proposeMove,
   rankOverflow: () => rankOverflow,
   relationshipNeighbors: () => relationshipNeighbors,
   relativeTimeValue: () => relativeTimeValue,
@@ -8930,7 +8935,7 @@ function BuilderCanvas({
 }
 
 // src/components/SchedulingCalendar.tsx
-var import_react58 = require("react");
+var import_react59 = require("react");
 
 // src/calendar-model.ts
 function fromDateKey(value) {
@@ -9267,9 +9272,614 @@ function layoutMonthSpans(spans, days, options) {
   }
   return { placed, hiddenByRow, firstHiddenDayByRow };
 }
+var MINUTE_MS = 6e4;
+var HOUR_MS = 36e5;
+var instantMs = (value) => new Date(value).getTime();
+var TOP_LANE_CROSS_MIDNIGHT_MINUTES = 360;
+function placesInTopLane(entry, timeZone, options = {}) {
+  if (entry.allDay) return true;
+  const start = instantMs(entry.start);
+  const end = instantMs(entry.end);
+  if (!(end > start)) return false;
+  if (end > addZonedDays(new Date(start), 1, timeZone).instant.getTime()) return true;
+  const firstMidnight = zonedDayBounds(zonedDateKey(new Date(start), timeZone), timeZone).end.getTime();
+  return end > firstMidnight + (options.crossMidnightMinutes ?? TOP_LANE_CROSS_MIDNIGHT_MINUTES) * MINUTE_MS;
+}
+function layoutTimeGridDay(entries, date, timeZone, options = {}) {
+  const bounds = zonedDayBounds(date, timeZone);
+  const dayStart = bounds.start.getTime();
+  const dayEnd = bounds.end.getTime();
+  const parts = /* @__PURE__ */ new Map();
+  for (const entry of entries) {
+    const start = instantMs(entry.start);
+    const end = Math.max(instantMs(entry.end), start);
+    const touches = end > start ? start < dayEnd && end > dayStart : start >= dayStart && start < dayEnd;
+    if (!touches || placesInTopLane(entry, timeZone, options)) continue;
+    parts.set(entry.id, {
+      start: Math.max(start, dayStart),
+      end: Math.min(end, dayEnd),
+      part: start < dayStart ? "continuation" : end > dayEnd ? "start" : "whole"
+    });
+  }
+  const packed = packLanes([...parts].map(([id, part]) => ({ id, start: part.start, end: part.end })), options.maxLanes ?? Infinity);
+  const segments = [];
+  const hidden = [];
+  for (const cluster of packed.clusters) {
+    for (const id of cluster.ids) {
+      const part = parts.get(id);
+      const lane = packed.lanes[id].lane;
+      if (lane === null) {
+        hidden.push(id);
+        continue;
+      }
+      segments.push({
+        id,
+        part: part.part,
+        start: part.start,
+        end: part.end,
+        offsetHours: (part.start - dayStart) / HOUR_MS,
+        lengthHours: (part.end - part.start) / HOUR_MS,
+        lane,
+        laneCount: Math.max(cluster.laneCount, 1)
+      });
+    }
+  }
+  return { date, dayStart, dayHours: (dayEnd - dayStart) / HOUR_MS, segments, hidden };
+}
+function layoutDaySpans(spans, days, options) {
+  if (days.length === 0) throw new RangeError("layoutDaySpans: days is empty");
+  const rowStart = days[0];
+  const rowEnd = addCalendarDays(days[days.length - 1], 1);
+  const seen = /* @__PURE__ */ new Set();
+  const inRow = spans.filter((span) => seen.has(span.id) ? false : (seen.add(span.id), true)).map((span) => ({ id: span.id, days: itemDaySpan(span.start, instantMs(span.end) < instantMs(span.start) ? span.start : span.end, options.timeZone) })).filter((span) => span.days.start < rowEnd && span.days.end > rowStart).map((span) => {
+    const from = span.days.start > rowStart ? span.days.start : rowStart;
+    const to = span.days.end < rowEnd ? span.days.end : rowEnd;
+    return { span, from, startCol: days.indexOf(from), endCol: days.indexOf(addCalendarDays(to, -1)) };
+  });
+  const packed = packLanes(inRow.map(({ span, startCol, endCol }) => ({ id: span.id, start: startCol, end: endCol + 1 })), options.laneCap ?? Infinity, { order: "given" });
+  const layout = { placed: [], hidden: [] };
+  for (const { span, from, startCol, endCol } of inRow) {
+    const lane = packed.lanes[span.id].lane;
+    if (lane === null) {
+      layout.hidden.push(span.id);
+      if (layout.firstHiddenDay === void 0 || from < layout.firstHiddenDay) layout.firstHiddenDay = from;
+      continue;
+    }
+    layout.placed.push({ id: span.id, lane, startCol, endCol, continuesBefore: span.days.start < rowStart, continuesAfter: span.days.end > rowEnd });
+  }
+  return layout;
+}
+function proposeMove(span, delta, timeZone) {
+  const shift = (delta.minutes ?? 0) * MINUTE_MS;
+  const start = new Date(instantMs(span.start) + shift);
+  const end = new Date(instantMs(span.end) + shift);
+  if (!delta.days) return { start: start.toISOString(), end: end.toISOString(), adjusted: null };
+  const movedStart = addZonedDays(start, delta.days, timeZone);
+  const movedEnd = addZonedDays(end, delta.days, timeZone);
+  const length = end.getTime() - start.getTime();
+  const collapsed = length > 0 && movedEnd.instant.getTime() <= movedStart.instant.getTime();
+  const proposedEnd = collapsed ? new Date(movedStart.instant.getTime() + length) : movedEnd.instant;
+  return { start: movedStart.instant.toISOString(), end: proposedEnd.toISOString(), adjusted: movedStart.adjusted ?? movedEnd.adjusted };
+}
+
+// src/components/SchedulingTimeGrid.tsx
+var import_react58 = require("react");
+var import_jsx_runtime84 = require("react/jsx-runtime");
+var HOUR_MS2 = 36e5;
+var MINUTES_PER_HOUR = 60;
+var LINES_PER_HOUR = 3;
+var DRAG_THRESHOLD = 4;
+var DEFAULT_STEP = 15;
+var vars = (values) => values;
+var linesFor = (segment) => Math.max(0, Math.floor(segment.lengthHours * LINES_PER_HOUR - 0.25));
+var slotSignature = (slots) => slots.map((slot) => `${slot.label}${slot.offsetLabel ?? ""}`).join(" ");
+function uniqueById(items) {
+  const seen = /* @__PURE__ */ new Set();
+  return items.filter((item) => seen.has(item.id) ? false : (seen.add(item.id), true));
+}
+var GridItem = (0, import_react58.memo)(function GridItem2({ entry, segment, column, alone, name, status, movable, hintId, timeZone, continuesFrom, markers, renderEntry, renderMarker: renderMarker2, handlers }) {
+  const lines = linesFor(segment);
+  const continuation = segment.part === "continuation";
+  const style = vars({
+    "--uix-scheduling-calendar-offset": segment.offsetHours,
+    "--uix-scheduling-calendar-length": segment.lengthHours,
+    "--uix-scheduling-calendar-lane": segment.lane,
+    "--uix-scheduling-calendar-lanes": segment.laneCount
+  });
+  const text = renderEntry?.(entry, { availableLines: lines }) ?? (lines > 0 ? /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_jsx_runtime84.Fragment, { children: [
+    !continuation && /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_jsx_runtime84.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "uix-scheduling-calendar__time", children: zonedTimeOfDay(entry.start, timeZone) }),
+      " "
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "uix-scheduling-calendar__title", children: entry.title })
+  ] }) : null);
+  const body = /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_jsx_runtime84.Fragment, { children: [
+    continuation && lines > 0 && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "uix-scheduling-calendar__tg-from", children: continuesFrom }),
+    (!continuation || alone) && text != null && text !== false && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "uix-scheduling-calendar__entry-text", children: text }),
+    markers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "uix-scheduling-calendar__markers", children: markers.map((marker) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { children: renderMarker2(marker) }, marker.id)) })
+  ] });
+  const shared = {
+    className: "uix-scheduling-calendar__entry uix-scheduling-calendar__tg-item",
+    "data-band": entry.band ?? "none",
+    "data-status": status,
+    "data-state": entry.state,
+    "data-part": segment.part,
+    "data-lines": Math.min(lines, 3),
+    "data-movable": movable || void 0,
+    style,
+    onClick: () => handlers.click(entry),
+    onPointerDown: movable ? (event) => handlers.pointerDown(event, entry, column, false) : void 0
+  };
+  if (continuation && !alone) return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { ...shared, "data-continuation-of": entry.id, "aria-hidden": "true", children: body });
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+    "button",
+    {
+      type: "button",
+      ...shared,
+      "data-item-id": entry.id,
+      "aria-label": name,
+      "aria-describedby": movable ? hintId : void 0,
+      onKeyDown: movable ? (event) => handlers.keyDown(event, entry) : void 0,
+      onBlur: movable ? () => handlers.blur(entry) : void 0,
+      children: body
+    }
+  );
+}, (previous, next) => previous.entry === next.entry && previous.column === next.column && previous.alone === next.alone && previous.name === next.name && previous.status === next.status && previous.movable === next.movable && previous.hintId === next.hintId && previous.timeZone === next.timeZone && previous.continuesFrom === next.continuesFrom && previous.renderEntry === next.renderEntry && previous.segment.part === next.segment.part && previous.segment.offsetHours === next.segment.offsetHours && previous.segment.lengthHours === next.segment.lengthHours && previous.segment.lane === next.segment.lane && previous.segment.laneCount === next.segment.laneCount);
+function SchedulingTimeGrid({
+  view,
+  days,
+  timeZone,
+  entries: givenEntries,
+  overlays: givenOverlays,
+  dayInfo,
+  labels,
+  gridLabel,
+  dateText,
+  formatInstant,
+  entryName,
+  entryStatus,
+  entryMarkers,
+  overlayName,
+  renderEntry,
+  renderMarker: renderMarker2,
+  onSelectEntry,
+  onSelectOverlay,
+  onSelectDate,
+  onShowMore,
+  now,
+  canMove,
+  step: givenStep,
+  onProposeMove,
+  topLaneCrossMidnightMinutes,
+  topLaneCap,
+  windowLaneCap,
+  maxLanes,
+  emptyNote,
+  nothingToShow
+}) {
+  const rootRef = (0, import_react58.useRef)(null);
+  const hintId = (0, import_react58.useId)();
+  const [widthCap, setWidthCap] = (0, import_react58.useState)(Infinity);
+  const [ghost, setGhost] = (0, import_react58.useState)(null);
+  const [announcement, setAnnouncement] = (0, import_react58.useState)("");
+  const moving = canMove && onProposeMove !== void 0;
+  const step = Number.isFinite(givenStep) && givenStep > 0 ? givenStep : DEFAULT_STEP;
+  const laneOptions = (0, import_react58.useMemo)(() => ({ crossMidnightMinutes: topLaneCrossMidnightMinutes }), [topLaneCrossMidnightMinutes]);
+  const entries = (0, import_react58.useMemo)(() => uniqueById(givenEntries), [givenEntries]);
+  const overlays = (0, import_react58.useMemo)(() => uniqueById(givenOverlays), [givenOverlays]);
+  (0, import_react58.useEffect)(() => {
+    const root = rootRef.current;
+    if (!root || typeof ResizeObserver === "undefined") return void 0;
+    const column = root.querySelector("[data-tg-column]");
+    const probe = root.querySelector(".uix-scheduling-calendar__tg-probe");
+    if (!column || !probe) return void 0;
+    let frame = 0;
+    const measure = () => {
+      frame = 0;
+      if (!column.isConnected) return;
+      const lane = probe.getBoundingClientRect().width;
+      const width = column.getBoundingClientRect().width;
+      setWidthCap(lane > 0 && width > 0 ? Math.max(1, Math.floor(width / lane)) : Infinity);
+    };
+    const observer = new ResizeObserver(() => {
+      if (!frame) frame = requestAnimationFrame(measure);
+    });
+    observer.observe(column);
+    measure();
+    return () => {
+      observer.disconnect();
+      if (frame) cancelAnimationFrame(frame);
+    };
+  }, [days]);
+  const lanes = Math.max(1, Math.min(maxLanes, widthCap));
+  const entryById = (0, import_react58.useMemo)(() => new Map(entries.map((entry) => [entry.id, entry])), [entries]);
+  const overlayById = (0, import_react58.useMemo)(() => new Map(overlays.map((overlay) => [overlay.id, overlay])), [overlays]);
+  const columns = (0, import_react58.useMemo)(() => days.map((date) => layoutTimeGridDay(entries, date, timeZone, { ...laneOptions, maxLanes: lanes })), [days, entries, timeZone, laneOptions, lanes]);
+  const slots = (0, import_react58.useMemo)(() => days.map((date) => zonedHourSlots(date, timeZone)), [days, timeZone]);
+  const top = (0, import_react58.useMemo)(() => layoutDaySpans(entries.filter((entry) => placesInTopLane(entry, timeZone, laneOptions)), days, { timeZone, laneCap: Math.max(0, topLaneCap) }), [entries, days, timeZone, laneOptions, topLaneCap]);
+  const drawable = (0, import_react58.useMemo)(() => overlays.filter((overlay) => new Date(overlay.end).getTime() >= new Date(overlay.start).getTime()), [overlays]);
+  const strip = (0, import_react58.useMemo)(() => layoutDaySpans(drawable, days, { timeZone, laneCap: Math.max(0, windowLaneCap) }), [drawable, days, timeZone, windowLaneCap]);
+  const shades = (0, import_react58.useMemo)(() => layoutDaySpans(drawable.filter((overlay) => overlay.global), days, { timeZone }).placed, [drawable, days, timeZone]);
+  const lanesIn = (placed) => placed.reduce((max, span) => Math.max(max, span.lane + 1), 0);
+  const maxHours = Math.max(...columns.map((column) => column.dayHours));
+  const gutterIndex = (0, import_react58.useMemo)(() => {
+    const signatures = slots.map(slotSignature);
+    const count2 = /* @__PURE__ */ new Map();
+    for (const signature of signatures) count2.set(signature, (count2.get(signature) ?? 0) + 1);
+    let best = 0;
+    signatures.forEach((signature, index) => {
+      if ((count2.get(signature) ?? 0) > (count2.get(signatures[best]) ?? 0)) best = index;
+    });
+    return best;
+  }, [slots]);
+  const gutterSignature = slotSignature(slots[gutterIndex]);
+  const hourLabels = (index, inline) => slots[index].map((slot) => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
+    "div",
+    {
+      className: inline ? "uix-scheduling-calendar__tg-hour uix-scheduling-calendar__tg-hour--inline" : "uix-scheduling-calendar__tg-hour",
+      "data-hour": slot.label,
+      style: vars({ "--uix-scheduling-calendar-offset": (slot.instant.getTime() - columns[index].dayStart) / HOUR_MS2 }),
+      children: [
+        slot.label,
+        slot.offsetLabel && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "uix-scheduling-calendar__tg-offset", children: slot.offsetLabel })
+      ]
+    },
+    slot.instant.getTime()
+  ));
+  const movable = (entry) => moving && entry.movable !== false;
+  const live = (0, import_react58.useRef)({ ghost, entryById, timeZone, step, onProposeMove, onSelectEntry, labels, formatInstant, days, columns, movable });
+  live.current = { ghost, entryById, timeZone, step, onProposeMove, onSelectEntry, labels, formatInstant, days, columns, movable };
+  const dragRef = (0, import_react58.useRef)(null);
+  const suppressClick = (0, import_react58.useRef)(false);
+  const refocus = (0, import_react58.useRef)(null);
+  (0, import_react58.useEffect)(() => {
+    if (ghost && !entryById.has(ghost.id)) setGhost(null);
+  }, [ghost, entryById]);
+  (0, import_react58.useEffect)(() => {
+    const id = refocus.current;
+    const root = rootRef.current;
+    if (!id || !root) return;
+    const active = document.activeElement;
+    const lost = !active || active === document.body;
+    if (!lost) {
+      if (active.getAttribute("data-item-id") !== id) refocus.current = null;
+      return;
+    }
+    for (const candidate of Array.from(root.querySelectorAll("[data-item-id]"))) {
+      if (candidate.getAttribute("data-item-id") === id) {
+        candidate.focus();
+        break;
+      }
+    }
+  });
+  const send = (0, import_react58.useCallback)((id, delta) => {
+    const state = live.current;
+    const entry = state.entryById.get(id);
+    if (!entry || !state.onProposeMove || !state.movable(entry) || delta.days === 0 && delta.minutes === 0) {
+      setGhost(null);
+      return;
+    }
+    const proposal = proposeMove(entry, delta, state.timeZone);
+    const result = state.onProposeMove(id, proposal);
+    if (result && typeof result.then === "function") {
+      setGhost({ id, delta, source: "sent", proposal });
+      const clear = () => setGhost((current) => current && current.source === "sent" && current.proposal === proposal ? null : current);
+      result.then(clear, clear);
+    } else setGhost(null);
+  }, []);
+  const handlers = (0, import_react58.useMemo)(() => ({
+    click: (entry) => {
+      live.current.onSelectEntry?.(entry);
+    },
+    keyDown: (event, entry) => {
+      const state = live.current;
+      const pending = state.ghost && state.ghost.id === entry.id && state.ghost.source === "keys" ? state.ghost.delta : null;
+      if (event.key === "Enter" && pending) {
+        event.preventDefault();
+        refocus.current = entry.id;
+        send(entry.id, pending);
+        return;
+      }
+      if (event.key === "Escape" && pending) {
+        event.preventDefault();
+        event.stopPropagation();
+        setGhost(null);
+        setAnnouncement(state.labels.moveCancelled);
+        return;
+      }
+      if (!event.shiftKey) return;
+      const base = pending ?? { days: 0, minutes: 0 };
+      const next = event.key === "ArrowUp" ? { ...base, minutes: base.minutes - state.step } : event.key === "ArrowDown" ? { ...base, minutes: base.minutes + state.step } : event.key === "ArrowLeft" ? { ...base, days: base.days - 1 } : event.key === "ArrowRight" ? { ...base, days: base.days + 1 } : null;
+      if (!next) return;
+      event.preventDefault();
+      if (next.days === 0 && next.minutes === 0) {
+        setGhost(null);
+        setAnnouncement(state.labels.moveCancelled);
+        return;
+      }
+      const proposal = proposeMove(entry, next, state.timeZone);
+      setGhost({ id: entry.id, delta: next, source: "keys", proposal });
+      const proposed = fillLabel(state.labels.moveProposed, { start: state.formatInstant(proposal.start), end: state.formatInstant(proposal.end) });
+      setAnnouncement(proposal.adjusted ? `${fillLabel(state.labels.gapForward, { time: zonedTimeOfDay(proposal.start, state.timeZone) })} ${proposed}` : proposed);
+    },
+    blur: (entry) => {
+      refocus.current = null;
+      setGhost((current) => current && current.id === entry.id && current.source === "keys" ? null : current);
+    },
+    pointerDown: (event, entry, column, top2) => {
+      if (event.button !== 0 || dragRef.current) return;
+      const root = rootRef.current;
+      if (!root) return;
+      const elements = Array.from(root.querySelectorAll("[data-tg-column]"));
+      const rects = elements.map((element) => element.getBoundingClientRect());
+      const under = rects.findIndex((rect) => event.clientX >= rect.left && event.clientX < rect.right);
+      const from = under === -1 ? column : under;
+      const hours = live.current.columns[from]?.dayHours ?? 1;
+      const finish = (commit) => {
+        const drag = dragRef.current;
+        if (!drag) return;
+        drag.stop();
+        dragRef.current = null;
+        if (!drag.moved) return;
+        suppressClick.current = true;
+        setTimeout(() => {
+          suppressClick.current = false;
+        }, 0);
+        if (commit && !drag.dropped) send(drag.id, drag.delta);
+        else setGhost(null);
+      };
+      const onMove = (move) => {
+        const drag = dragRef.current;
+        if (!drag || move.pointerId !== drag.pointerId) return;
+        if (move.buttons === 0 && move.pointerType === "mouse") {
+          finish(false);
+          return;
+        }
+        if (drag.dropped) return;
+        const dx = move.clientX - drag.x;
+        const dy = move.clientY - drag.y;
+        if (!drag.moved && Math.hypot(dx, dy) < DRAG_THRESHOLD) return;
+        drag.moved = true;
+        const target = drag.rects.findIndex((rect) => move.clientX >= rect.left && move.clientX < rect.right);
+        const stepMinutes = live.current.step;
+        const delta = {
+          days: target === -1 ? drag.delta.days : target - drag.column,
+          minutes: drag.top || drag.hourPx <= 0 ? 0 : Math.round(dy / drag.hourPx * MINUTES_PER_HOUR / stepMinutes) * stepMinutes
+        };
+        if (delta.days === drag.delta.days && delta.minutes === drag.delta.minutes) return;
+        drag.delta = delta;
+        const dragged = live.current.entryById.get(drag.id);
+        if (dragged) setGhost({ id: drag.id, delta, source: "pointer", proposal: proposeMove(dragged, delta, live.current.timeZone) });
+      };
+      const onUp = (up) => {
+        if (up.pointerId === dragRef.current?.pointerId) finish(true);
+      };
+      const onCancel = (cancel) => {
+        if (cancel.pointerId === dragRef.current?.pointerId) finish(false);
+      };
+      const onKey = (key) => {
+        const drag = dragRef.current;
+        if (key.key !== "Escape" || !drag?.moved || drag.dropped) return;
+        key.preventDefault();
+        key.stopPropagation();
+        drag.dropped = true;
+        setGhost(null);
+      };
+      window.addEventListener("pointermove", onMove);
+      window.addEventListener("pointerup", onUp);
+      window.addEventListener("pointercancel", onCancel);
+      window.addEventListener("keydown", onKey, true);
+      dragRef.current = {
+        id: entry.id,
+        pointerId: event.pointerId,
+        x: event.clientX,
+        y: event.clientY,
+        column: from,
+        top: top2,
+        moved: false,
+        dropped: false,
+        rects,
+        hourPx: (rects[from]?.height ?? 0) / hours,
+        delta: { days: 0, minutes: 0 },
+        stop: () => {
+          window.removeEventListener("pointermove", onMove);
+          window.removeEventListener("pointerup", onUp);
+          window.removeEventListener("pointercancel", onCancel);
+          window.removeEventListener("keydown", onKey, true);
+        }
+      };
+    }
+  }), [send]);
+  (0, import_react58.useEffect)(() => () => {
+    dragRef.current?.stop();
+    dragRef.current = null;
+  }, []);
+  const gridColumns = (span) => `${span.startCol + 2} / ${span.endCol + 3}`;
+  const nowAt = now === void 0 ? null : new Date(now).getTime();
+  const nowColumn = nowAt === null || Number.isNaN(nowAt) ? -1 : days.indexOf(zonedDateKey(new Date(nowAt), timeZone));
+  const topHiddenOn = (date) => top.hidden.filter((id) => {
+    const entry = entryById.get(id);
+    return entry ? layoutDaySpans([entry], [date], { timeZone }).placed.length > 0 : false;
+  });
+  const windowLanes = lanesIn(strip.placed);
+  const topLanes = lanesIn(top.placed);
+  const moreWindows = strip.hidden.length;
+  const firstHiddenWindowDay = strip.firstHiddenDay ?? days[0];
+  const ghostEntry = ghost ? entryById.get(ghost.id) : void 0;
+  const ghostTop = ghostEntry ? placesInTopLane(ghostEntry, timeZone, laneOptions) : false;
+  const ghostParts = ghost && ghostEntry && !ghostTop ? days.map((date) => layoutTimeGridDay([{ id: "ghost", start: ghost.proposal.start, end: ghost.proposal.end }], date, timeZone, { crossMidnightMinutes: Infinity }).segments) : null;
+  const ghostSpan = ghost && ghostEntry && ghostTop ? layoutDaySpans([{ id: "ghost", start: ghost.proposal.start, end: ghost.proposal.end }], days, { timeZone }).placed[0] : void 0;
+  const ghostLane = ghost ? top.placed.find((span) => span.id === ghost.id)?.lane ?? 0 : 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
+    "div",
+    {
+      ref: rootRef,
+      className: "uix-scheduling-calendar__timegrid",
+      "data-view": view,
+      role: "group",
+      "aria-label": gridLabel,
+      style: vars({ "--uix-scheduling-calendar-days": days.length, "--uix-scheduling-calendar-hours": maxHours }),
+      onClickCapture: (event) => {
+        if (suppressClick.current) {
+          suppressClick.current = false;
+          event.preventDefault();
+          event.stopPropagation();
+        }
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "uix-scheduling-calendar__tg-head", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "uix-scheduling-calendar__tg-zone", children: fillLabel(labels.timeZone, { timeZone }) }),
+          days.map((date, index) => {
+            const info = dayInfo?.[date];
+            const hiddenIds = dayInfo ? [] : [...columns[index].hidden, ...topHiddenOn(date)];
+            const more = info ? info.overflowCount : hiddenIds.length;
+            const moreText = fillLabel(labels.moreSpans, { count: more });
+            const moreName = fillLabel(labels.moreEntriesLabel, { count: more, date: dateText(date, "day") });
+            const headName = info ? info.label ?? `${dateText(date, "day")}, ${fillLabel(labels.dayCount, { count: info.count })}` : dateText(date, "day");
+            return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "uix-scheduling-calendar__tg-dayhead", role: "group", "aria-label": headName, "data-date": date, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("button", { type: "button", className: "uix-scheduling-calendar__date", "data-calendar-date": date, "aria-label": dateText(date, "day"), onClick: onSelectDate ? () => onSelectDate(date) : void 0, children: dateText(date, "column") }),
+              info && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "uix-scheduling-calendar__count", "aria-hidden": "true", children: info.count }),
+              info?.markers && info.markers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "uix-scheduling-calendar__markers", children: info.markers.map((marker) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { children: renderMarker2(marker, true) }, marker.id)) }),
+              more > 0 && (onShowMore ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("button", { type: "button", className: "uix-scheduling-calendar__more", "aria-label": moreName, onClick: () => onShowMore(date, hiddenIds.map((id) => entryById.get(id)).filter(Boolean)), children: moreText }) : /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("span", { className: "uix-scheduling-calendar__more", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { "aria-hidden": "true", children: moreText }),
+                /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "uix-visually-hidden", children: moreName })
+              ] }))
+            ] }, date);
+          })
+        ] }),
+        (windowLanes > 0 || moreWindows > 0) && /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "uix-scheduling-calendar__tg-strip", role: "group", "aria-label": labels.windows, style: vars({ "--uix-scheduling-calendar-lanes": Math.max(windowLanes, 1) }), children: [
+          strip.placed.map((placed) => {
+            const overlay = overlayById.get(placed.id);
+            if (!overlay) return null;
+            return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+              "button",
+              {
+                type: "button",
+                className: "uix-scheduling-calendar__window",
+                "data-overlay-id": overlay.id,
+                "data-pattern": overlay.pattern ?? "solid",
+                "data-global": overlay.global || void 0,
+                "data-kind": overlay.kind,
+                "data-continues-before": placed.continuesBefore || void 0,
+                "data-continues-after": placed.continuesAfter || void 0,
+                style: { gridColumn: gridColumns(placed), ...vars({ "--uix-scheduling-calendar-lane": placed.lane }) },
+                onClick: () => onSelectOverlay?.(overlay),
+                "aria-label": overlayName(overlay),
+                children: /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("span", { className: "uix-scheduling-calendar__window-text", children: [
+                  overlay.kindLabel && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "uix-scheduling-calendar__window-kind", children: overlay.kindLabel }),
+                  /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "uix-scheduling-calendar__window-name", children: overlay.label }),
+                  overlay.scopeLabel && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "uix-scheduling-calendar__window-scope", children: overlay.scopeLabel })
+                ] })
+              },
+              placed.id
+            );
+          }),
+          moreWindows > 0 && (onShowMore ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("button", { type: "button", className: "uix-scheduling-calendar__rowmore", "aria-label": fillLabel(labels.moreWindowsLabel, { count: moreWindows, date: dateText(firstHiddenWindowDay, "day") }), onClick: () => onShowMore(firstHiddenWindowDay, []), children: fillLabel(labels.moreWindows, { count: moreWindows }) }) : /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "uix-scheduling-calendar__rowmore", children: fillLabel(labels.moreWindows, { count: moreWindows }) }))
+        ] }),
+        (topLanes > 0 || ghostSpan) && /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "uix-scheduling-calendar__tg-strip uix-scheduling-calendar__tg-top", role: "group", "aria-label": labels.topLane, style: vars({ "--uix-scheduling-calendar-lanes": Math.max(topLanes, 1) }), children: [
+          top.placed.map((placed) => {
+            const entry = entryById.get(placed.id);
+            if (!entry) return null;
+            const canDrag = movable(entry);
+            const markers = entryMarkers(entry);
+            return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
+              "button",
+              {
+                type: "button",
+                className: "uix-scheduling-calendar__entry uix-scheduling-calendar__tg-span",
+                "data-item-id": entry.id,
+                "data-band": entry.band ?? "none",
+                "data-status": entryStatus(entry),
+                "data-state": entry.state,
+                "data-movable": canDrag || void 0,
+                "data-continues-before": placed.continuesBefore || void 0,
+                "data-continues-after": placed.continuesAfter || void 0,
+                style: { gridColumn: gridColumns(placed), ...vars({ "--uix-scheduling-calendar-lane": placed.lane }) },
+                "aria-label": entryName(entry),
+                "aria-describedby": canDrag ? hintId : void 0,
+                onClick: () => handlers.click(entry),
+                onKeyDown: canDrag ? (event) => handlers.keyDown(event, entry) : void 0,
+                onBlur: canDrag ? () => handlers.blur(entry) : void 0,
+                onPointerDown: canDrag ? (event) => handlers.pointerDown(event, entry, placed.startCol, true) : void 0,
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "uix-scheduling-calendar__entry-text", children: renderEntry?.(entry, { availableLines: 1 }) ?? /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_jsx_runtime84.Fragment, { children: [
+                    !placed.continuesBefore && !entry.allDay && /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_jsx_runtime84.Fragment, { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "uix-scheduling-calendar__time", children: zonedTimeOfDay(entry.start, timeZone) }),
+                      " "
+                    ] }),
+                    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "uix-scheduling-calendar__title", children: entry.title })
+                  ] }) }),
+                  markers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "uix-scheduling-calendar__markers", children: markers.map((marker) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { children: renderMarker2(marker) }, marker.id)) })
+                ]
+              },
+              placed.id
+            );
+          }),
+          ghostSpan && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "uix-scheduling-calendar__tg-ghost", "aria-hidden": "true", "data-sent": ghost?.source === "sent" || void 0, style: { gridColumn: gridColumns(ghostSpan), ...vars({ "--uix-scheduling-calendar-lane": ghostLane }) } })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "uix-scheduling-calendar__tg-body", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "uix-scheduling-calendar__tg-gutter", "aria-hidden": "true", children: hourLabels(gutterIndex, false) }),
+          shades.map((placed) => {
+            const overlay = overlayById.get(placed.id);
+            const first = columns[placed.startCol];
+            const last = columns[placed.endCol];
+            const from = placed.continuesBefore ? 0 : Math.max(0, (new Date(overlay.start).getTime() - first.dayStart) / HOUR_MS2) / maxHours;
+            const to = (placed.continuesAfter ? last.dayHours : Math.min(last.dayHours, (new Date(overlay.end).getTime() - last.dayStart) / HOUR_MS2)) / maxHours;
+            const width = 100 / (placed.endCol - placed.startCol + 1);
+            const percent = (value) => `${Math.round(value * 1e4) / 100}%`;
+            const clipPath = placed.startCol === placed.endCol ? `polygon(0 ${percent(from)}, 100% ${percent(from)}, 100% ${percent(to)}, 0 ${percent(to)})` : `polygon(0 ${percent(from)}, ${width}% ${percent(from)}, ${width}% 0, 100% 0, 100% ${percent(to)}, ${100 - width}% ${percent(to)}, ${100 - width}% 100%, 0 100%)`;
+            return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "uix-scheduling-calendar__tg-shade", "aria-hidden": "true", "data-pattern": overlay.pattern ?? "solid", style: { gridColumn: gridColumns(placed), clipPath } }, `shade-${placed.id}`);
+          }),
+          columns.map((column, index) => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "uix-scheduling-calendar__tg-column", "data-tg-column": column.date, style: { gridColumn: `${index + 2}`, ...vars({ "--uix-scheduling-calendar-hours": column.dayHours }) }, children: [
+            slotSignature(slots[index]) !== gutterSignature && hourLabels(index, true),
+            column.segments.map((segment) => {
+              const entry = entryById.get(segment.id);
+              const alone = segment.part === "continuation" && index === 0;
+              return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+                GridItem,
+                {
+                  entry,
+                  segment,
+                  column: index,
+                  alone,
+                  name: entryName(entry),
+                  status: entryStatus(entry),
+                  movable: movable(entry),
+                  hintId,
+                  timeZone,
+                  continuesFrom: fillLabel(labels.continuesFrom, { time: zonedTimeOfDay(entry.start, timeZone) }),
+                  markers: entryMarkers(entry),
+                  renderEntry,
+                  renderMarker: renderMarker2,
+                  handlers
+                },
+                `${segment.id}-${segment.part}`
+              );
+            }),
+            ghostParts?.[index].map((segment) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+              "div",
+              {
+                className: "uix-scheduling-calendar__tg-ghost",
+                "aria-hidden": "true",
+                "data-sent": ghost?.source === "sent" || void 0,
+                style: vars({ "--uix-scheduling-calendar-offset": segment.offsetHours, "--uix-scheduling-calendar-length": segment.lengthHours })
+              },
+              `ghost-${segment.part}`
+            )),
+            index === nowColumn && nowAt !== null && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "uix-scheduling-calendar__tg-now", "aria-hidden": "true", style: vars({ "--uix-scheduling-calendar-offset": (nowAt - column.dayStart) / HOUR_MS2 }) })
+          ] }, column.date))
+        ] }),
+        emptyNote != null && emptyNote !== false && nothingToShow && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "uix-scheduling-calendar__empty", children: emptyNote }),
+        moving && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("p", { id: hintId, className: "uix-visually-hidden", children: labels.moveHint }),
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "uix-scheduling-calendar__tg-probe", "aria-hidden": "true", children: "00:00 abcdef" }),
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "uix-visually-hidden", "aria-live": "polite", children: announcement })
+      ]
+    }
+  );
+}
 
 // src/components/SchedulingCalendar.tsx
-var import_jsx_runtime84 = require("react/jsx-runtime");
+var import_jsx_runtime85 = require("react/jsx-runtime");
 var DEFAULT_SCHEDULING_CALENDAR_LABELS = {
   region: "Scheduling calendar in {timeZone}",
   previous: "Previous",
@@ -9278,9 +9888,12 @@ var DEFAULT_SCHEDULING_CALENDAR_LABELS = {
   nextMonth: "Next month",
   previousWeek: "Previous week",
   nextWeek: "Next week",
+  previousDay: "Previous day",
+  nextDay: "Next day",
   viewGroup: "Calendar view",
   viewMonth: "Month",
   viewWeek: "Week",
+  viewDay: "Day",
   viewAgenda: "Agenda",
   loading: "Loading schedule\u2026",
   retry: "Try again",
@@ -9297,14 +9910,25 @@ var DEFAULT_SCHEDULING_CALENDAR_LABELS = {
   moreSpansLabel: "{count} more spanning this week, from {date}",
   dayCount: "{count} entries",
   states: { scheduled: "Scheduled", conflicted: "Conflicted", "in-progress": "In progress", "blackout-violation": "Blackout violation" },
-  statuses: { tentative: "Tentative", committed: "Scheduled", live: "In progress", done: "Done", dead: "Cancelled" }
+  statuses: { tentative: "Tentative", committed: "Scheduled", live: "In progress", done: "Done", dead: "Cancelled" },
+  timeZone: "{timeZone}",
+  windows: "Windows",
+  moreWindows: "+{count} windows",
+  moreWindowsLabel: "{count} more windows, from {date}",
+  topLane: "All-day and longer entries",
+  continuesFrom: "from {time}",
+  moveHint: "Hold Shift and press an arrow key to move it. Enter confirms, Escape cancels.",
+  moveProposed: "Move to {start} \u2013 {end}. Enter confirms, Escape cancels.",
+  moveCancelled: "Move cancelled.",
+  gapForward: "That time does not exist on this day. Moved forward to {time}."
 };
 var stateTone = (state) => state === "scheduled" ? "info" : state === "in-progress" ? "success" : "danger";
 var utcDate = (date) => /* @__PURE__ */ new Date(`${date}T00:00:00Z`);
 var INTL_PARTS = {
   day: { dateStyle: "full", timeZone: "UTC" },
   weekday: { weekday: "short", timeZone: "UTC" },
-  month: { month: "long", year: "numeric", timeZone: "UTC" }
+  month: { month: "long", year: "numeric", timeZone: "UTC" },
+  column: { weekday: "short", day: "2-digit", month: "2-digit", timeZone: "UTC" }
 };
 var EMPTY_OVERLAYS = [];
 var EMPTY_ENTRIES = [];
@@ -9317,13 +9941,14 @@ function coveredDays(start, end, timeZone) {
     return itemDaySpan(start, start, timeZone);
   }
 }
-function Marker({ marker }) {
+function Marker({ marker, showLabel }) {
   const emphasis = marker.emphasis ?? "neutral";
-  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("span", { className: "uix-scheduling-calendar__marker", "data-emphasis": emphasis, "data-glyph": marker.icon == null ? emphasis : void 0, children: [
-    marker.icon != null && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "uix-scheduling-calendar__marker-icon", "aria-hidden": "true", children: marker.icon }),
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "uix-visually-hidden", children: marker.label })
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("span", { className: "uix-scheduling-calendar__marker", "data-emphasis": emphasis, "data-glyph": marker.icon == null ? emphasis : void 0, children: [
+    marker.icon != null && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "uix-scheduling-calendar__marker-icon", "aria-hidden": "true", children: marker.icon }),
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: showLabel ? "uix-scheduling-calendar__marker-label" : "uix-visually-hidden", children: marker.label })
   ] });
 }
+var renderMarker = (marker, showLabel) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Marker, { marker, showLabel });
 function SchedulingCalendar({
   entries,
   anchorDate,
@@ -9354,6 +9979,14 @@ function SchedulingCalendar({
   notice,
   emptyNote,
   onSelectDate,
+  timeGrid = false,
+  now,
+  canMove = false,
+  step = 15,
+  onProposeMove,
+  topLaneCrossMidnightMinutes = TOP_LANE_CROSS_MIDNIGHT_MINUTES,
+  topLaneCap = 3,
+  maxLanes = 4,
   loading,
   error,
   onRetry,
@@ -9369,26 +10002,27 @@ function SchedulingCalendar({
     statuses: { ...DEFAULT_SCHEDULING_CALENDAR_LABELS.statuses, ...uixLabels.schedulingCalendar?.statuses, ...labelOverrides?.statuses }
   };
   const stateLabel = labels.states;
-  const viewLabel = { month: labels.viewMonth, week: labels.viewWeek, agenda: labels.viewAgenda };
-  const [internalView, setInternalView] = (0, import_react58.useState)("month");
+  const viewLabel = { month: labels.viewMonth, week: labels.viewWeek, day: labels.viewDay, agenda: labels.viewAgenda };
+  const [internalView, setInternalView] = (0, import_react59.useState)("month");
   const view = controlledView ?? internalView;
-  const [activeDate, setActiveDate] = (0, import_react58.useState)(anchorDate);
-  const [expandedDates, setExpandedDates] = (0, import_react58.useState)(() => /* @__PURE__ */ new Set());
+  const [activeDate, setActiveDate] = (0, import_react59.useState)(anchorDate);
+  const [expandedDates, setExpandedDates] = (0, import_react59.useState)(() => /* @__PURE__ */ new Set());
   const dateText = (date, part) => formatDate?.(date, part) ?? cachedDateTimeFormat(locale, INTL_PARTS[part]).format(utcDate(date));
   const formatInstant = (instant) => formatInstantProp?.(instant) ?? `${dateText(zonedDateKey(instant, timeZone), "day")} ${zonedTimeOfDay(instant, timeZone)}`;
-  const gridRef = (0, import_react58.useRef)(null);
+  const gridRef = (0, import_react59.useRef)(null);
   const picksGiven = dayEntries !== void 0;
   const controlled = picksGiven || dayInfo !== void 0;
   const fixed = controlled || maxEntriesPerDay !== void 0 && onShowMore !== void 0;
   const windowCap = Math.max(0, windowLaneCap ?? (fixed ? DEFAULT_LANE_CAP2 : Infinity));
   const spanCap = Math.max(0, spanLaneCap ?? (fixed ? DEFAULT_LANE_CAP2 : Infinity));
-  const visibleEntries = (0, import_react58.useMemo)(() => entries.filter((entry) => filter?.(entry) ?? true), [entries, filter]);
-  const monthDays = (0, import_react58.useMemo)(() => buildMonthGrid(startOfMonth(anchorDate), weekStartsOn), [anchorDate, weekStartsOn]);
+  const visibleEntries = (0, import_react59.useMemo)(() => entries.filter((entry) => filter?.(entry) ?? true), [entries, filter]);
+  const monthDays = (0, import_react59.useMemo)(() => buildMonthGrid(startOfMonth(anchorDate), weekStartsOn), [anchorDate, weekStartsOn]);
   const weekday = (utcDate(anchorDate).getUTCDay() - weekStartsOn + 7) % 7;
   const weekStart = addCalendarDays(anchorDate, -weekday);
-  const weekDays = (0, import_react58.useMemo)(() => Array.from({ length: 7 }, (_, index) => addCalendarDays(weekStart, index)), [weekStart]);
-  const days = (0, import_react58.useMemo)(() => view === "month" ? monthDays.map((day) => day.date) : weekDays, [view, monthDays, weekDays]);
-  const { singles, multiDay, coverage } = (0, import_react58.useMemo)(() => {
+  const weekDays = (0, import_react59.useMemo)(() => Array.from({ length: 7 }, (_, index) => addCalendarDays(weekStart, index)), [weekStart]);
+  const days = (0, import_react59.useMemo)(() => view === "month" ? monthDays.map((day) => day.date) : view === "day" ? [anchorDate] : weekDays, [view, monthDays, weekDays, anchorDate]);
+  const timeGridView = view === "day" || view === "week" && timeGrid;
+  const { singles, multiDay, coverage } = (0, import_react59.useMemo)(() => {
     const byDay = /* @__PURE__ */ new Map();
     const spans = [];
     const every = [];
@@ -9403,11 +10037,11 @@ function SchedulingCalendar({
     }
     return { singles: byDay, multiDay: spans, coverage: every };
   }, [visibleEntries, timeZone]);
-  const entryById = (0, import_react58.useMemo)(() => new Map([...multiDay].reverse().map(({ entry }) => [entry.id, entry])), [multiDay]);
-  const overlayById = (0, import_react58.useMemo)(() => new Map([...overlays].reverse().map((overlay) => [overlay.id, overlay])), [overlays]);
-  const layout = (0, import_react58.useMemo)(() => {
+  const entryById = (0, import_react59.useMemo)(() => new Map([...multiDay].reverse().map(({ entry }) => [entry.id, entry])), [multiDay]);
+  const overlayById = (0, import_react59.useMemo)(() => new Map([...overlays].reverse().map((overlay) => [overlay.id, overlay])), [overlays]);
+  const layout = (0, import_react59.useMemo)(() => {
     if (spanLayout) return spanLayout;
-    if (view === "agenda") return { placed: [], hiddenByRow: {}, firstHiddenDayByRow: {} };
+    if (view === "agenda" || timeGridView) return { placed: [], hiddenByRow: {}, firstHiddenDayByRow: {} };
     const inputs = [];
     const windowIds = /* @__PURE__ */ new Set();
     const itemIds = /* @__PURE__ */ new Set();
@@ -9422,8 +10056,8 @@ function SchedulingCalendar({
       inputs.push({ id: entry.id, start: entry.start, end: entry.end, group: "item" });
     }
     return layoutMonthSpans(inputs, days, { timeZone, laneCap: { window: windowCap, item: spanCap } });
-  }, [spanLayout, view, overlays, multiDay, days, timeZone, windowCap, spanCap]);
-  const placedByRow = (0, import_react58.useMemo)(() => {
+  }, [spanLayout, view, timeGridView, overlays, multiDay, days, timeZone, windowCap, spanCap]);
+  const placedByRow = (0, import_react59.useMemo)(() => {
     const rows = /* @__PURE__ */ new Map();
     for (const placed of layout.placed) {
       const row = rows.get(placed.weekRow);
@@ -9434,16 +10068,16 @@ function SchedulingCalendar({
   }, [layout]);
   const lanesUsed = (row, group) => (placedByRow.get(row) ?? []).reduce((max, placed) => placed.group === group ? Math.max(max, placed.lane + 1) : max, 0);
   const lanesUsedAnywhere = (group) => layout.placed.reduce((max, placed) => placed.group === group ? Math.max(max, placed.lane + 1) : max, 0);
-  (0, import_react58.useEffect)(() => {
+  (0, import_react59.useEffect)(() => {
     if (view !== "agenda" && !days.includes(activeDate)) setActiveDate(days[0]);
   }, [activeDate, days, view]);
   const setView = (next) => {
     if (controlledView === void 0) setInternalView(next);
     onViewChange?.(next);
   };
-  const movePeriod = (direction) => onAnchorDateChange?.(view === "month" ? addCalendarMonths(anchorDate, direction) : addCalendarDays(anchorDate, direction * 7));
+  const movePeriod = (direction) => onAnchorDateChange?.(view === "month" ? addCalendarMonths(anchorDate, direction) : addCalendarDays(anchorDate, view === "day" ? direction : direction * 7));
   const periodLabel = (direction) => {
-    const key = `${direction}${view === "month" ? "Month" : "Week"}`;
+    const key = `${direction}${view === "month" ? "Month" : view === "day" ? "Day" : "Week"}`;
     return overrides[key] ?? overrides[direction] ?? labels[key];
   };
   const focusDate = (date) => {
@@ -9495,15 +10129,15 @@ function SchedulingCalendar({
   });
   const entryContent = (entry, withTime = true) => {
     const markers = markersOf(entry);
-    return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_jsx_runtime84.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "uix-scheduling-calendar__entry-text", children: renderEntry?.(entry) ?? /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_jsx_runtime84.Fragment, { children: [
-        withTime && /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_jsx_runtime84.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "uix-scheduling-calendar__time", children: zonedTimeOfDay(entry.start, timeZone) }),
+    return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_jsx_runtime85.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "uix-scheduling-calendar__entry-text", children: renderEntry?.(entry) ?? /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_jsx_runtime85.Fragment, { children: [
+        withTime && /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_jsx_runtime85.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "uix-scheduling-calendar__time", children: zonedTimeOfDay(entry.start, timeZone) }),
           " "
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "uix-scheduling-calendar__title", children: entry.title })
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "uix-scheduling-calendar__title", children: entry.title })
       ] }) }),
-      markers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "uix-scheduling-calendar__markers", children: markers.map((marker) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Marker, { marker }, marker.id)) })
+      markers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "uix-scheduling-calendar__markers", children: markers.map((marker) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Marker, { marker }, marker.id)) })
     ] });
   };
   const laneStyle = (placed, windowLanes) => ({
@@ -9522,25 +10156,25 @@ function SchedulingCalendar({
     const onDay = picksGiven ? all : entriesOn(date);
     const badge = renderDayBadge?.(date, onDay);
     const hasBadge = badge != null && badge !== false;
-    const dateButton = /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("button", { type: "button", className: "uix-scheduling-calendar__date", "data-calendar-date": date, tabIndex: activeDate === date ? 0 : -1, onFocus: () => setActiveDate(date), onKeyDown: (event) => onDayKeyDown(event, date), onClick: onSelectDate ? () => onSelectDate(date) : void 0, "aria-label": dateText(date, "day"), children: Number(date.slice(-2)) });
+    const dateButton = /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("button", { type: "button", className: "uix-scheduling-calendar__date", "data-calendar-date": date, tabIndex: activeDate === date ? 0 : -1, onFocus: () => setActiveDate(date), onKeyDown: (event) => onDayKeyDown(event, date), onClick: onSelectDate ? () => onSelectDate(date) : void 0, "aria-label": dateText(date, "day"), children: Number(date.slice(-2)) });
     const moreText = fillLabel(labels.moreEntries, { count: hiddenCount });
     const moreName = fillLabel(labels.moreEntriesLabel, { count: hiddenCount, date: dateText(date, "day") });
-    return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "uix-scheduling-calendar__day", "data-outside": view === "month" && !monthDays[index].inMonth || void 0, children: [
-      hasBadge || info ? /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "uix-scheduling-calendar__dayhead", children: [
-        hasBadge && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "uix-scheduling-calendar__badge", children: badge }),
-        info && /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("span", { className: "uix-scheduling-calendar__count", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { "aria-hidden": "true", children: info.count }),
-          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "uix-visually-hidden", children: info.label ?? fillLabel(labels.dayCount, { count: info.count }) })
+    return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "uix-scheduling-calendar__day", "data-outside": view === "month" && !monthDays[index].inMonth || void 0, children: [
+      hasBadge || info ? /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "uix-scheduling-calendar__dayhead", children: [
+        hasBadge && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "uix-scheduling-calendar__badge", children: badge }),
+        info && /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("span", { className: "uix-scheduling-calendar__count", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { "aria-hidden": "true", children: info.count }),
+          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "uix-visually-hidden", children: info.label ?? fillLabel(labels.dayCount, { count: info.count }) })
         ] }),
-        info?.markers && info.markers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "uix-scheduling-calendar__markers", children: info.markers.map((marker) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Marker, { marker }, marker.id)) }),
+        info?.markers && info.markers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "uix-scheduling-calendar__markers", children: info.markers.map((marker) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Marker, { marker }, marker.id)) }),
         dateButton
       ] }) : dateButton,
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "uix-scheduling-calendar__entries", children: [
-        shown.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("button", { className: "uix-scheduling-calendar__entry", ...entryProps(entry), children: entryContent(entry) }, entry.id)),
-        controlled ? hiddenCount > 0 && (onShowMore ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("button", { type: "button", className: "uix-scheduling-calendar__more", "aria-label": moreName, onClick: () => onShowMore(date, onDay), children: moreText }) : /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("span", { className: "uix-scheduling-calendar__more", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { "aria-hidden": "true", children: moreText }),
-          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "uix-visually-hidden", children: moreName })
-        ] })) : overflowing && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("button", { type: "button", className: "uix-scheduling-calendar__more", "aria-expanded": onShowMore ? void 0 : !collapsed, "aria-label": collapsed ? moreName : void 0, onClick: () => toggleMore(date, onDay), children: collapsed ? moreText : labels.fewerEntries })
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "uix-scheduling-calendar__entries", children: [
+        shown.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("button", { className: "uix-scheduling-calendar__entry", ...entryProps(entry), children: entryContent(entry) }, entry.id)),
+        controlled ? hiddenCount > 0 && (onShowMore ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("button", { type: "button", className: "uix-scheduling-calendar__more", "aria-label": moreName, onClick: () => onShowMore(date, onDay), children: moreText }) : /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("span", { className: "uix-scheduling-calendar__more", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { "aria-hidden": "true", children: moreText }),
+          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "uix-visually-hidden", children: moreName })
+        ] })) : overflowing && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("button", { type: "button", className: "uix-scheduling-calendar__more", "aria-expanded": onShowMore ? void 0 : !collapsed, "aria-label": collapsed ? moreName : void 0, onClick: () => toggleMore(date, onDay), children: collapsed ? moreText : labels.fewerEntries })
       ] })
     ] }, date);
   };
@@ -9553,26 +10187,26 @@ function SchedulingCalendar({
     const moreText = fillLabel(labels.moreSpans, { count: hidden });
     const moreName = fillLabel(labels.moreSpansLabel, { count: hidden, date: dateText(firstHiddenDay, "day") });
     const style = { ["--uix-scheduling-calendar-lanes"]: Math.max(windowLanes + spanLanes, hidden > 0 ? 1 : 0) };
-    return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "uix-scheduling-calendar__week", style, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "uix-scheduling-calendar__week", style, children: [
       rowDays.map((date, column) => renderDay(date, row * 7 + column)),
       (placedByRow.get(row) ?? []).map((placed) => {
         const continues = { "data-continues-before": placed.continuesBefore || void 0, "data-continues-after": placed.continuesAfter || void 0 };
         if (placed.group === "window") {
           const overlay = overlayById.get(placed.id);
           if (!overlay) return null;
-          return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("button", { type: "button", className: "uix-scheduling-calendar__window", "data-overlay-id": overlay.id, "data-pattern": overlay.pattern ?? "solid", "data-global": overlay.global || void 0, "data-kind": overlay.kind, ...continues, style: laneStyle(placed, windowLanes), onClick: () => onSelectOverlay?.(overlay), "aria-label": overlayName(overlay), children: /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("span", { className: "uix-scheduling-calendar__window-text", children: [
-            overlay.kindLabel && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "uix-scheduling-calendar__window-kind", children: overlay.kindLabel }),
-            /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "uix-scheduling-calendar__window-name", children: overlay.label }),
-            overlay.scopeLabel && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "uix-scheduling-calendar__window-scope", children: overlay.scopeLabel })
+          return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("button", { type: "button", className: "uix-scheduling-calendar__window", "data-overlay-id": overlay.id, "data-pattern": overlay.pattern ?? "solid", "data-global": overlay.global || void 0, "data-kind": overlay.kind, ...continues, style: laneStyle(placed, windowLanes), onClick: () => onSelectOverlay?.(overlay), "aria-label": overlayName(overlay), children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("span", { className: "uix-scheduling-calendar__window-text", children: [
+            overlay.kindLabel && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "uix-scheduling-calendar__window-kind", children: overlay.kindLabel }),
+            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "uix-scheduling-calendar__window-name", children: overlay.label }),
+            overlay.scopeLabel && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "uix-scheduling-calendar__window-scope", children: overlay.scopeLabel })
           ] }) }, `window-${placed.id}`);
         }
         const entry = entryById.get(placed.id);
         if (!entry) return null;
-        return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("button", { className: "uix-scheduling-calendar__entry uix-scheduling-calendar__span", ...entryProps(entry), ...continues, style: laneStyle(placed, windowLanes), children: entryContent(entry, !placed.continuesBefore) }, `span-${placed.id}`);
+        return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("button", { className: "uix-scheduling-calendar__entry uix-scheduling-calendar__span", ...entryProps(entry), ...continues, style: laneStyle(placed, windowLanes), children: entryContent(entry, !placed.continuesBefore) }, `span-${placed.id}`);
       }),
-      hidden > 0 && (onShowMore ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("button", { type: "button", className: "uix-scheduling-calendar__rowmore", "aria-label": moreName, onClick: () => onShowMore(firstHiddenDay, picksGiven ? dayEntries[firstHiddenDay] ?? EMPTY_ENTRIES : entriesOn(firstHiddenDay)), children: moreText }) : /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("span", { className: "uix-scheduling-calendar__rowmore", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { "aria-hidden": "true", children: moreText }),
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "uix-visually-hidden", children: moreName })
+      hidden > 0 && (onShowMore ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("button", { type: "button", className: "uix-scheduling-calendar__rowmore", "aria-label": moreName, onClick: () => onShowMore(firstHiddenDay, picksGiven ? dayEntries[firstHiddenDay] ?? EMPTY_ENTRIES : entriesOn(firstHiddenDay)), children: moreText }) : /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("span", { className: "uix-scheduling-calendar__rowmore", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { "aria-hidden": "true", children: moreText }),
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "uix-visually-hidden", children: moreName })
       ] }))
     ] }, rowDays[0]);
   };
@@ -9583,54 +10217,88 @@ function SchedulingCalendar({
       Object.keys(layout.hiddenByRow ?? {}).length > 0 ? 1 : 0
     )
   } : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("section", { className: cx("uix-scheduling-calendar", className), "aria-label": fillLabel(labels.region, { timeZone }), children: [
-    showHeader && /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "uix-scheduling-calendar__header", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: () => movePeriod(-1), disabled: !onAnchorDateChange, children: periodLabel("previous") }),
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: () => movePeriod(1), disabled: !onAnchorDateChange, children: periodLabel("next") })
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("section", { className: cx("uix-scheduling-calendar", className), "aria-label": fillLabel(labels.region, { timeZone }), children: [
+    showHeader && /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "uix-scheduling-calendar__header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: () => movePeriod(-1), disabled: !onAnchorDateChange, children: periodLabel("previous") }),
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: () => movePeriod(1), disabled: !onAnchorDateChange, children: periodLabel("next") })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("strong", { children: view === "month" ? dateText(startOfMonth(anchorDate), "month") : `${dateText(weekStart, "day")} \u2013 ${dateText(weekDays[weekDays.length - 1], "day")}` }),
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "uix-segmented", role: "group", "aria-label": labels.viewGroup, children: ["month", "week", "agenda"].map((option) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("button", { type: "button", className: "uix-segmented__option", "aria-pressed": view === option, "data-selected": view === option || void 0, onClick: () => setView(option), children: viewLabel[option] }, option)) })
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("strong", { children: view === "month" ? dateText(startOfMonth(anchorDate), "month") : view === "day" ? dateText(anchorDate, "day") : `${dateText(weekStart, "day")} \u2013 ${dateText(weekDays[weekDays.length - 1], "day")}` }),
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "uix-segmented", role: "group", "aria-label": labels.viewGroup, children: (timeGrid || view === "day" ? ["month", "week", "day", "agenda"] : ["month", "week", "agenda"]).map((option) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("button", { type: "button", className: "uix-segmented__option", "aria-pressed": view === option, "data-selected": view === option || void 0, onClick: () => setView(option), children: viewLabel[option] }, option)) })
     ] }),
-    notice != null && notice !== false && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "uix-scheduling-calendar__notice", children: notice }),
-    loading ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "uix-scheduling-calendar__state", role: "status", children: labels.loading }) : error ? /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "uix-scheduling-calendar__state", role: "alert", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("p", { children: error }),
-      onRetry && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary", onClick: onRetry, children: labels.retry })
-    ] }) : view === "agenda" ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "uix-scheduling-calendar__agenda", role: "region", "aria-label": labels.agenda, children: visibleEntries.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("p", { children: labels.agendaEmpty }) : /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("ol", { children: [...visibleEntries].sort((a, b) => a.start.localeCompare(b.start)).map((entry) => {
+    notice != null && notice !== false && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "uix-scheduling-calendar__notice", children: notice }),
+    loading ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "uix-scheduling-calendar__state", role: "status", children: labels.loading }) : error ? /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "uix-scheduling-calendar__state", role: "alert", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("p", { children: error }),
+      onRetry && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary", onClick: onRetry, children: labels.retry })
+    ] }) : view === "agenda" ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "uix-scheduling-calendar__agenda", role: "region", "aria-label": labels.agenda, children: visibleEntries.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("p", { children: labels.agendaEmpty }) : /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("ol", { children: [...visibleEntries].sort((a, b) => a.start.localeCompare(b.start)).map((entry) => {
       const markers = markersOf(entry);
-      return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("button", { type: "button", "data-item-id": entry.id, "data-band": entry.band ?? "none", "data-status": statusOf(entry), "data-state": entry.state, onClick: () => onSelectEntry?.(entry), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("span", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("strong", { children: renderEntry?.(entry) ?? entry.title }),
-          /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("span", { children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("button", { type: "button", "data-item-id": entry.id, "data-band": entry.band ?? "none", "data-status": statusOf(entry), "data-state": entry.state, onClick: () => onSelectEntry?.(entry), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("span", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("strong", { children: renderEntry?.(entry) ?? entry.title }),
+          /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("span", { children: [
             formatInstant(entry.start),
             " \u2013 ",
             formatInstant(entry.end)
           ] }),
-          entry.meta && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { children: entry.meta })
+          entry.meta && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { children: entry.meta })
         ] }),
-        markers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "uix-scheduling-calendar__markers", children: markers.map((marker) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Marker, { marker }, marker.id)) }),
-        entry.state ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(StatusPill, { tone: stateTone(entry.state), children: stateLabel[entry.state] }) : /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "uix-scheduling-calendar__status", children: stateText(entry) })
+        markers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "uix-scheduling-calendar__markers", children: markers.map((marker) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Marker, { marker }, marker.id)) }),
+        entry.state ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(StatusPill, { tone: stateTone(entry.state), children: stateLabel[entry.state] }) : /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "uix-scheduling-calendar__status", children: stateText(entry) })
       ] }) }, entry.id);
-    }) }) }) : /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { ref: gridRef, className: cx("uix-scheduling-calendar__grid", view === "week" && "uix-scheduling-calendar__grid--week"), "data-fixed": fixed || void 0, style: gridStyle, role: "group", "aria-label": fillLabel(labels.grid, { view: viewLabel[view] }), children: [
-      days.slice(0, 7).map((date) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "uix-scheduling-calendar__weekday", "aria-hidden": "true", children: dateText(date, "weekday") }, `weekday-${date}`)),
+    }) }) }) : timeGridView ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+      SchedulingTimeGrid,
+      {
+        view: view === "day" ? "day" : "week",
+        days,
+        timeZone,
+        entries: visibleEntries,
+        overlays,
+        dayInfo,
+        labels,
+        gridLabel: fillLabel(labels.grid, { view: viewLabel[view] }),
+        dateText,
+        formatInstant,
+        entryName,
+        entryStatus: statusOf,
+        entryMarkers: markersOf,
+        overlayName,
+        renderEntry,
+        renderMarker,
+        onSelectEntry,
+        onSelectOverlay,
+        onSelectDate,
+        onShowMore,
+        now,
+        canMove,
+        step,
+        onProposeMove,
+        topLaneCrossMidnightMinutes,
+        topLaneCap,
+        windowLaneCap: windowLaneCap ?? DEFAULT_LANE_CAP2,
+        maxLanes,
+        emptyNote,
+        nothingToShow
+      }
+    ) : /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { ref: gridRef, className: cx("uix-scheduling-calendar__grid", view === "week" && "uix-scheduling-calendar__grid--week"), "data-fixed": fixed || void 0, style: gridStyle, role: "group", "aria-label": fillLabel(labels.grid, { view: viewLabel[view] }), children: [
+      days.slice(0, 7).map((date) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "uix-scheduling-calendar__weekday", "aria-hidden": "true", children: dateText(date, "weekday") }, `weekday-${date}`)),
       Array.from({ length: days.length / 7 }, (_, row) => renderWeek(row)),
-      emptyNote != null && emptyNote !== false && nothingToShow && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "uix-scheduling-calendar__empty", children: emptyNote })
+      emptyNote != null && emptyNote !== false && nothingToShow && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "uix-scheduling-calendar__empty", children: emptyNote })
     ] }),
-    legend ? (legend.length > 0 || legendCaption != null && legendCaption !== false) && /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "uix-scheduling-calendar__legend", role: "group", "aria-label": labels.legend, children: [
-      legend.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("ul", { className: "uix-scheduling-calendar__legend-list", children: legend.map((item) => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("li", { "data-legend-id": item.id, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "uix-scheduling-calendar__swatch", "aria-hidden": "true", "data-band": item.swatch.band, "data-status": item.swatch.status, "data-pattern": item.swatch.pattern, children: item.swatch.icon }),
+    legend ? (legend.length > 0 || legendCaption != null && legendCaption !== false) && /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "uix-scheduling-calendar__legend", role: "group", "aria-label": labels.legend, children: [
+      legend.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("ul", { className: "uix-scheduling-calendar__legend-list", children: legend.map((item) => /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("li", { "data-legend-id": item.id, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "uix-scheduling-calendar__swatch", "aria-hidden": "true", "data-band": item.swatch.band, "data-status": item.swatch.status, "data-pattern": item.swatch.pattern, children: item.swatch.icon }),
         item.label
       ] }, item.id)) }),
-      legendCaption != null && legendCaption !== false && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("p", { className: "uix-scheduling-calendar__legend-caption", children: legendCaption })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "uix-scheduling-calendar__legend", role: "group", "aria-label": labels.legend, children: [
-      ["scheduled", "conflicted", "in-progress", "blackout-violation"].map((state) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { "data-state": state, children: stateLabel[state] }, state)),
-      legendCaption != null && legendCaption !== false && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("p", { className: "uix-scheduling-calendar__legend-caption", children: legendCaption })
+      legendCaption != null && legendCaption !== false && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("p", { className: "uix-scheduling-calendar__legend-caption", children: legendCaption })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "uix-scheduling-calendar__legend", role: "group", "aria-label": labels.legend, children: [
+      ["scheduled", "conflicted", "in-progress", "blackout-violation"].map((state) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { "data-state": state, children: stateLabel[state] }, state)),
+      legendCaption != null && legendCaption !== false && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("p", { className: "uix-scheduling-calendar__legend-caption", children: legendCaption })
     ] })
   ] });
 }
 
 // src/components/SchedulingTimeline.tsx
-var import_react59 = require("react");
+var import_react60 = require("react");
 
 // src/scheduling-timeline-model.ts
 var HOUR = 36e5;
@@ -9732,7 +10400,7 @@ function pixelsToMs(px, trackWidth, range, step) {
 }
 
 // src/components/SchedulingTimeline.tsx
-var import_jsx_runtime85 = require("react/jsx-runtime");
+var import_jsx_runtime86 = require("react/jsx-runtime");
 var DEFAULT_SCHEDULING_TIMELINE_LABELS = {
   region: "Schedule timeline in {timeZone}",
   lanes: "Lanes",
@@ -9788,20 +10456,20 @@ function SchedulingTimeline({
     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_react59.useId)();
+  const id = (0, import_react60.useId)();
   const step = stepProp ?? defaultTimelineStep(scale);
-  const ticks = (0, import_react59.useMemo)(() => timelineTicks(range, scale, timeZone, weekStartsOn), [range.start, range.end, scale, timeZone, weekStartsOn]);
-  const laneLayouts = (0, import_react59.useMemo)(
+  const ticks = (0, import_react60.useMemo)(() => timelineTicks(range, scale, timeZone, weekStartsOn), [range.start, range.end, scale, timeZone, weekStartsOn]);
+  const laneLayouts = (0, import_react60.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_react59.useMemo)(() => laneLayouts.flatMap((l) => l.placed.map((p) => p.item.id)), [laneLayouts]);
-  const [activeId, setActiveId] = (0, import_react59.useState)();
+  const ordered = (0, import_react60.useMemo)(() => laneLayouts.flatMap((l) => l.placed.map((p) => p.item.id)), [laneLayouts]);
+  const [activeId, setActiveId] = (0, import_react60.useState)();
   const focusId = activeId && ordered.includes(activeId) ? activeId : ordered[0];
-  const [drag, setDrag] = (0, import_react59.useState)(null);
-  const [announcement, setAnnouncement] = (0, import_react59.useState)("");
-  const rootRef = (0, import_react59.useRef)(null);
+  const [drag, setDrag] = (0, import_react60.useState)(null);
+  const [announcement, setAnnouncement] = (0, import_react60.useState)("");
+  const rootRef = (0, import_react60.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;
@@ -9872,17 +10540,17 @@ function SchedulingTimeline({
   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_runtime85.jsx)("span", { className: "uix-scheduling-timeline__overlay", "data-kind": o.kind, style: { left: `${pos.left}%`, width: `${pos.width}%` }, children: showLabel && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "uix-scheduling-timeline__overlay-label", children: o.label }) }, o.id);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("section", { ref: rootRef, className: cx("uix-scheduling-timeline", className), "aria-label": fillLabel(labels.region, { timeZone }), children: [
-    loading ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "uix-scheduling-timeline__state", role: "status", children: labels.loading }) : error ? /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "uix-scheduling-timeline__state", role: "alert", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("p", { children: error }),
-      onRetry && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary", onClick: onRetry, children: labels.retry })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_jsx_runtime85.Fragment, { children: [
-      (overlays.length > 0 || markers.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "uix-visually-hidden", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("p", { id: `${id}-windows`, children: labels.windows }),
-        /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("ul", { "aria-labelledby": `${id}-windows`, children: [
-          overlays.map((o) => /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("li", { children: [
+    return pos && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "uix-scheduling-timeline__overlay", "data-kind": o.kind, style: { left: `${pos.left}%`, width: `${pos.width}%` }, children: showLabel && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "uix-scheduling-timeline__overlay-label", children: o.label }) }, o.id);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("section", { ref: rootRef, className: cx("uix-scheduling-timeline", className), "aria-label": fillLabel(labels.region, { timeZone }), children: [
+    loading ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "uix-scheduling-timeline__state", role: "status", children: labels.loading }) : error ? /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "uix-scheduling-timeline__state", role: "alert", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("p", { children: error }),
+      onRetry && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary", onClick: onRetry, children: labels.retry })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_jsx_runtime86.Fragment, { children: [
+      (overlays.length > 0 || markers.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "uix-visually-hidden", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("p", { id: `${id}-windows`, children: labels.windows }),
+        /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("ul", { "aria-labelledby": `${id}-windows`, children: [
+          overlays.map((o) => /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("li", { children: [
             labels.overlays[o.kind],
             ": ",
             o.label,
@@ -9891,40 +10559,40 @@ function SchedulingTimeline({
             " \u2013 ",
             fmtInstant(o.end)
           ] }, o.id)),
-          markers.map((m) => /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("li", { children: [
+          markers.map((m) => /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("li", { children: [
             m.label,
             ", ",
             fmtInstant(m.at)
           ] }, m.id))
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "uix-scheduling-timeline__scroller", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "uix-scheduling-timeline__grid", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "uix-scheduling-timeline__row uix-scheduling-timeline__row--axis", "aria-hidden": "true", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "uix-scheduling-timeline__lane-label", children: labels.lanes }),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "uix-scheduling-timeline__track uix-scheduling-timeline__axis", style: trackStyle, children: ticks.map((tick) => /* @__PURE__ */ (0, import_jsx_runtime85.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_runtime85.jsx)("span", { className: "uix-scheduling-timeline__tick-label", children: fmtTick(tick.at) }) }, tick.at)) })
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "uix-scheduling-timeline__scroller", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "uix-scheduling-timeline__grid", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "uix-scheduling-timeline__row uix-scheduling-timeline__row--axis", "aria-hidden": "true", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "uix-scheduling-timeline__lane-label", children: labels.lanes }),
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "uix-scheduling-timeline__track uix-scheduling-timeline__axis", style: trackStyle, children: ticks.map((tick) => /* @__PURE__ */ (0, import_jsx_runtime86.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_runtime86.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_runtime85.jsxs)("div", { className: "uix-scheduling-timeline__row", style: { "--uix-timeline-rows": rows }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "uix-scheduling-timeline__lane-label", id: laneLabelId, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "uix-scheduling-timeline__lane-name", children: lane.label }),
-              lane.meta != null && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "uix-scheduling-timeline__lane-meta", children: lane.meta })
+          return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "uix-scheduling-timeline__row", style: { "--uix-timeline-rows": rows }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "uix-scheduling-timeline__lane-label", id: laneLabelId, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "uix-scheduling-timeline__lane-name", children: lane.label }),
+              lane.meta != null && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "uix-scheduling-timeline__lane-meta", children: lane.meta })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "uix-scheduling-timeline__track", style: trackStyle, children: [
-              ticks.map((tick) => /* @__PURE__ */ (0, import_jsx_runtime85.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_runtime85.jsx)("span", { "aria-hidden": "true", children: overlaysFor(lane.id).map((o) => band(o, laneIndex === 0 || !!o.laneId)) }),
-              nowPos && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "uix-scheduling-timeline__now", style: { left: `${nowPos.left}%` }, "aria-hidden": "true", children: laneIndex === 0 && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "uix-scheduling-timeline__now-label", children: labels.now }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "uix-scheduling-timeline__track", style: trackStyle, children: [
+              ticks.map((tick) => /* @__PURE__ */ (0, import_jsx_runtime86.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_runtime86.jsx)("span", { "aria-hidden": "true", children: overlaysFor(lane.id).map((o) => band(o, laneIndex === 0 || !!o.laneId)) }),
+              nowPos && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "uix-scheduling-timeline__now", style: { left: `${nowPos.left}%` }, "aria-hidden": "true", children: laneIndex === 0 && /* @__PURE__ */ (0, import_jsx_runtime86.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_runtime85.jsx)("span", { className: "uix-scheduling-timeline__marker", style: { left: `${pos.left}%` }, title: m.label, "aria-hidden": "true" }, m.id);
+                return pos && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "uix-scheduling-timeline__marker", style: { left: `${pos.left}%` }, title: m.label, "aria-hidden": "true" }, m.id);
               }),
-              /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("ul", { className: "uix-scheduling-timeline__items", "aria-labelledby": laneLabelId, children: placed.map((p, index) => {
+              /* @__PURE__ */ (0, import_jsx_runtime86.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_runtime85.jsx)("li", { className: "uix-scheduling-timeline__slot", style: { left: `${shown.left}%`, width: `${shown.width}%`, "--uix-timeline-row": p.row }, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
+                return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("li", { className: "uix-scheduling-timeline__slot", style: { left: `${shown.left}%`, width: `${shown.width}%`, "--uix-timeline-row": p.row }, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
                   "button",
                   {
                     type: "button",
@@ -9951,8 +10619,8 @@ function SchedulingTimeline({
                       onSelectItem?.(item);
                     },
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "uix-scheduling-timeline__item-title", children: renderItem?.(item) ?? item.title }),
-                      item.meta && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "uix-scheduling-timeline__item-meta", children: item.meta })
+                      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "uix-scheduling-timeline__item-title", children: renderItem?.(item) ?? item.title }),
+                      item.meta && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "uix-scheduling-timeline__item-meta", children: item.meta })
                     ]
                   }
                 ) }, item.id);
@@ -9961,16 +10629,16 @@ function SchedulingTimeline({
           ] }, lane.id);
         })
       ] }) }),
-      ordered.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("p", { className: "uix-scheduling-timeline__empty", children: labels.empty })
+      ordered.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("p", { className: "uix-scheduling-timeline__empty", children: labels.empty })
     ] }),
-    onMoveItem && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { id: `${id}-hint`, className: "uix-visually-hidden", children: labels.moveHint }),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "uix-visually-hidden", role: "status", "aria-live": "polite", children: announcement })
+    onMoveItem && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { id: `${id}-hint`, className: "uix-visually-hidden", children: labels.moveHint }),
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "uix-visually-hidden", role: "status", "aria-live": "polite", children: announcement })
   ] });
 }
 
 // src/components/DateRangePicker.tsx
-var import_react60 = require("react");
-var import_jsx_runtime86 = require("react/jsx-runtime");
+var import_react61 = require("react");
+var import_jsx_runtime87 = require("react/jsx-runtime");
 var DEFAULT_DATE_RANGE_PICKER_LABELS = {
   previous: "Previous",
   previousMonth: "Show previous month",
@@ -10008,29 +10676,29 @@ function DateRangePicker({
   labels: labelOverrides,
   today
 }) {
-  const id = (0, import_react60.useId)();
+  const id = (0, import_react61.useId)();
   const uixLabels = useUixLabels();
   const labels = { ...DEFAULT_DATE_RANGE_PICKER_LABELS, ...uixLabels.dateRangePicker, ...labelOverrides };
-  const weekdays = (0, import_react60.useMemo)(() => weekdayNames(locale), [locale]);
-  const [internalMonth, setInternalMonth] = (0, import_react60.useState)(() => startOfMonth(controlledMonth ?? value.start ?? (/* @__PURE__ */ new Date()).toISOString().slice(0, 10)));
+  const weekdays = (0, import_react61.useMemo)(() => weekdayNames(locale), [locale]);
+  const [internalMonth, setInternalMonth] = (0, import_react61.useState)(() => startOfMonth(controlledMonth ?? value.start ?? (/* @__PURE__ */ new Date()).toISOString().slice(0, 10)));
   const visibleMonth = startOfMonth(controlledMonth ?? internalMonth);
-  const [activeDate, setActiveDate] = (0, import_react60.useState)(value.end ?? value.start ?? visibleMonth);
-  const rootRef = (0, import_react60.useRef)(null);
-  const pendingFocus = (0, import_react60.useRef)(false);
+  const [activeDate, setActiveDate] = (0, import_react61.useState)(value.end ?? value.start ?? visibleMonth);
+  const rootRef = (0, import_react61.useRef)(null);
+  const pendingFocus = (0, import_react61.useRef)(false);
   const count2 = Math.max(1, Math.min(3, months));
-  const calendars = (0, import_react60.useMemo)(() => Array.from({ length: count2 }, (_, index) => {
+  const calendars = (0, import_react61.useMemo)(() => Array.from({ length: count2 }, (_, index) => {
     const month = startOfMonth(addCalendarMonths(visibleMonth, index));
     return { month, days: buildMonthGrid(month).filter((day) => day.inMonth) };
   }), [visibleMonth, count2]);
   const todayDate = today === void 0 ? localDateKey() : today;
   const rangeInvalid = invalid || !!value.start && !!value.end && value.start > value.end;
-  (0, import_react60.useEffect)(() => {
+  (0, import_react61.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_react60.useEffect)(() => {
+  (0, import_react61.useEffect)(() => {
     if (!pendingFocus.current) return;
     rootRef.current?.querySelector(`[data-date="${activeDate}"]`)?.focus();
     pendingFocus.current = false;
@@ -10068,23 +10736,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_runtime86.jsxs)("section", { className: cx("uix-date-range-picker", rangeInvalid && "uix-date-range-picker--invalid", className), "aria-labelledby": `${id}-label`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "uix-date-range-picker__header", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("h3", { id: `${id}-label`, children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime86.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_runtime86.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_runtime87.jsxs)("section", { className: cx("uix-date-range-picker", rangeInvalid && "uix-date-range-picker--invalid", className), "aria-labelledby": `${id}-label`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "uix-date-range-picker__header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("h3", { id: `${id}-label`, children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime87.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_runtime87.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_runtime86.jsx)("div", { ref: rootRef, className: "uix-date-range-picker__months", children: calendars.map(({ month, days }) => /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "uix-date-range-picker__month", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("h4", { children: monthLabel(month, locale) }),
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "uix-date-range-picker__weekdays", "aria-hidden": "true", children: weekdays.map((day, index) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { children: day }, index)) }),
-      /* @__PURE__ */ (0, import_jsx_runtime86.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_runtime86.jsx)("span", { "aria-hidden": "true" }, `blank-${index}`)),
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { ref: rootRef, className: "uix-date-range-picker__months", children: calendars.map(({ month, days }) => /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "uix-date-range-picker__month", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("h4", { children: monthLabel(month, locale) }),
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "uix-date-range-picker__weekdays", "aria-hidden": "true", children: weekdays.map((day, index) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { children: day }, index)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime87.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_runtime87.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_runtime86.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
             "button",
             {
               type: "button",
@@ -10106,13 +10774,13 @@ function DateRangePicker({
         })
       ] })
     ] }, month)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("p", { className: "uix-date-range-picker__selection", "aria-live": "polite", children: announcement }),
-    rangeInvalid && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("p", { className: "uix-field__error", role: "alert", children: invalidMessage })
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("p", { className: "uix-date-range-picker__selection", "aria-live": "polite", children: announcement }),
+    rangeInvalid && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("p", { className: "uix-field__error", role: "alert", children: invalidMessage })
   ] });
 }
 
 // src/components/RelationshipGraph.tsx
-var import_react62 = require("react");
+var import_react63 = require("react");
 
 // src/relationship-graph-model.ts
 function boundRelationshipGraph(nodes, edges, maxNodes = 40) {
@@ -10593,10 +11261,10 @@ function layeredNeighbor(layout, currentId, key) {
 }
 
 // src/components/RelationshipGraphLayered.tsx
-var import_react61 = require("react");
+var import_react62 = require("react");
 
 // src/components/RelationshipGraphList.tsx
-var import_jsx_runtime87 = require("react/jsx-runtime");
+var import_jsx_runtime88 = require("react/jsx-runtime");
 function EquivalentRelationshipList({
   nodes,
   edges,
@@ -10607,19 +11275,19 @@ function EquivalentRelationshipList({
   onOpenDetails
 }) {
   const labelById = new Map(nodes.map((node) => [node.id, node.label]));
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "uix-relationship-graph__list", role: "region", "aria-label": labels.list, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("h3", { children: labels.listHeading }),
-    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("ul", { children: nodes.map((node) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "uix-relationship-graph__list", role: "region", "aria-label": labels.list, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("h3", { children: labels.listHeading }),
+    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("ul", { children: nodes.map((node) => {
       const neighbors = relationshipNeighbors(node.id, edges).map((id) => labelById.get(id) ?? id);
-      return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("li", { "data-selected": selectedId === node.id || void 0, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("button", { type: "button", onClick: () => onSelect(node.id), "aria-pressed": selectedId === node.id, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("strong", { children: node.label }),
-          node.type && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { children: node.type }),
-          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { children: neighbors.length ? labels.connectedTo(neighbors.join(", ")) : labels.noConnections })
+      return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("li", { "data-selected": selectedId === node.id || void 0, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("button", { type: "button", onClick: () => onSelect(node.id), "aria-pressed": selectedId === node.id, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("strong", { children: node.label }),
+          node.type && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { children: node.type }),
+          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { children: neighbors.length ? labels.connectedTo(neighbors.join(", ")) : labels.noConnections })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("span", { className: "uix-relationship-graph__list-actions", children: [
-          onExpandNeighbors && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("button", { type: "button", onClick: () => onExpandNeighbors(node), children: labels.expandNeighbors }),
-          onOpenDetails && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("button", { type: "button", onClick: () => onOpenDetails(node), children: labels.openDetails })
+        /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("span", { className: "uix-relationship-graph__list-actions", children: [
+          onExpandNeighbors && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("button", { type: "button", onClick: () => onExpandNeighbors(node), children: labels.expandNeighbors }),
+          onOpenDetails && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("button", { type: "button", onClick: () => onOpenDetails(node), children: labels.openDetails })
         ] })
       ] }, node.id);
     }) })
@@ -10627,7 +11295,7 @@ function EquivalentRelationshipList({
 }
 
 // src/components/RelationshipGraphLayered.tsx
-var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_jsx_runtime89 = require("react/jsx-runtime");
 var EMPTY_IDS = /* @__PURE__ */ new Set();
 var MIN_ZOOM = 0.4;
 var MAX_ZOOM = 1.5;
@@ -10680,11 +11348,11 @@ function LayeredRelationshipGraph({
   focusId,
   onFocusChange
 }) {
-  const hintId = (0, import_react61.useId)();
-  const bounded = (0, import_react61.useMemo)(() => boundRelationshipGraph(nodes, edges, maxNodes), [nodes, edges, maxNodes]);
-  const [localExpanded, setLocalExpanded] = (0, import_react61.useState)(EMPTY_IDS);
+  const hintId = (0, import_react62.useId)();
+  const bounded = (0, import_react62.useMemo)(() => boundRelationshipGraph(nodes, edges, maxNodes), [nodes, edges, maxNodes]);
+  const [localExpanded, setLocalExpanded] = (0, import_react62.useState)(EMPTY_IDS);
   const expanded = expandedClusterIds ?? localExpanded;
-  const layout = (0, import_react61.useMemo)(
+  const layout = (0, import_react62.useMemo)(
     () => layoutLayeredGraph(bounded.nodes, bounded.edges, {
       ...rootId !== void 0 ? { rootId } : {},
       ...clusterThreshold !== void 0 ? { clusterThreshold } : {},
@@ -10693,29 +11361,29 @@ function LayeredRelationshipGraph({
     }),
     [bounded, rootId, clusterThreshold, expanded, density]
   );
-  const itemById = (0, import_react61.useMemo)(() => new Map(layout.items.map((item) => [item.id, item])), [layout]);
-  const viewportRef = (0, import_react61.useRef)(null);
-  const itemRefs = (0, import_react61.useRef)(/* @__PURE__ */ new Map());
-  const [size, setSize] = (0, import_react61.useState)({ width: 0, height: 0 });
-  const [view, setView] = (0, import_react61.useState)({ x: 0, y: 0, zoom: 1 });
-  const [animate, setAnimate] = (0, import_react61.useState)(false);
-  const [localFocus, setLocalFocus] = (0, import_react61.useState)(void 0);
-  const [hoverId, setHoverId] = (0, import_react61.useState)(void 0);
-  const viewRef = (0, import_react61.useRef)(view);
+  const itemById = (0, import_react62.useMemo)(() => new Map(layout.items.map((item) => [item.id, item])), [layout]);
+  const viewportRef = (0, import_react62.useRef)(null);
+  const itemRefs = (0, import_react62.useRef)(/* @__PURE__ */ new Map());
+  const [size, setSize] = (0, import_react62.useState)({ width: 0, height: 0 });
+  const [view, setView] = (0, import_react62.useState)({ x: 0, y: 0, zoom: 1 });
+  const [animate, setAnimate] = (0, import_react62.useState)(false);
+  const [localFocus, setLocalFocus] = (0, import_react62.useState)(void 0);
+  const [hoverId, setHoverId] = (0, import_react62.useState)(void 0);
+  const viewRef = (0, import_react62.useRef)(view);
   viewRef.current = view;
-  const layoutRef = (0, import_react61.useRef)(layout);
+  const layoutRef = (0, import_react62.useRef)(layout);
   layoutRef.current = layout;
-  const pendingFocus = (0, import_react61.useRef)(void 0);
-  const initialisedFor = (0, import_react61.useRef)(void 0);
+  const pendingFocus = (0, import_react62.useRef)(void 0);
+  const initialisedFor = (0, import_react62.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_react61.useMemo)(
+  const activeIds = (0, import_react62.useMemo)(
     () => new Set([hoverId, selectedItemId].filter((id) => id !== void 0)),
     [hoverId, selectedItemId]
   );
-  (0, import_react61.useEffect)(() => {
+  (0, import_react62.useEffect)(() => {
     const element = viewportRef.current;
     if (!element) return;
     const measure = () => setSize({ width: element.clientWidth, height: element.clientHeight });
@@ -10725,18 +11393,18 @@ function LayeredRelationshipGraph({
     observer.observe(element);
     return () => observer.disconnect();
   }, []);
-  (0, import_react61.useEffect)(() => {
+  (0, import_react62.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_react61.useCallback)((next, smooth) => {
+  const moveView = (0, import_react62.useCallback)((next, smooth) => {
     setAnimate(smooth);
     setView(next);
   }, []);
-  const ensureVisible = (0, import_react61.useCallback)((id, smooth) => {
+  const ensureVisible = (0, import_react62.useCallback)((id, smooth) => {
     const element = viewportRef.current;
     const item = layoutRef.current.items.find((candidate) => candidate.id === id);
     if (!element || !item) return;
@@ -10755,7 +11423,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_react61.useCallback)((id) => {
+  const focusItem = (0, import_react62.useCallback)((id) => {
     setLocalFocus(id);
     onFocusChange?.(id);
     requestAnimationFrame(() => {
@@ -10763,7 +11431,7 @@ function LayeredRelationshipGraph({
       ensureVisible(id, true);
     });
   }, [ensureVisible, onFocusChange]);
-  (0, import_react61.useEffect)(() => {
+  (0, import_react62.useEffect)(() => {
     const wanted = pendingFocus.current;
     if (wanted !== void 0 && itemById.has(wanted)) {
       pendingFocus.current = void 0;
@@ -10773,8 +11441,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_react61.useRef)(controlledKey);
-  (0, import_react61.useEffect)(() => {
+  const lastControlledKey = (0, import_react62.useRef)(controlledKey);
+  (0, import_react62.useEffect)(() => {
     if (lastControlledKey.current === controlledKey) return;
     lastControlledKey.current = controlledKey;
     if (!controlledPresent || controlledTarget === void 0) return;
@@ -10783,7 +11451,7 @@ function LayeredRelationshipGraph({
       ensureVisible(controlledTarget, true);
     });
   }, [controlledKey, controlledTarget, controlledPresent, ensureVisible]);
-  (0, import_react61.useEffect)(() => {
+  (0, import_react62.useEffect)(() => {
     const element = viewportRef.current;
     if (!element) return;
     const onWheel = (event) => {
@@ -10801,8 +11469,8 @@ function LayeredRelationshipGraph({
     element.addEventListener("wheel", onWheel, { passive: false });
     return () => element.removeEventListener("wheel", onWheel);
   }, []);
-  const pointers = (0, import_react61.useRef)(/* @__PURE__ */ new Map());
-  const pinchDistance = (0, import_react61.useRef)(void 0);
+  const pointers = (0, import_react62.useRef)(/* @__PURE__ */ new Map());
+  const pinchDistance = (0, import_react62.useRef)(void 0);
   const onPointerDown = (event) => {
     if (event.target.closest("button")) return;
     event.currentTarget.setPointerCapture?.(event.pointerId);
@@ -10900,21 +11568,21 @@ function LayeredRelationshipGraph({
     height: layout.height,
     transform: `translate(${view.x}px, ${view.y}px) scale(${view.zoom})`
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime88.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_runtime88.jsxs)("div", { className: "uix-relationship-graph__toolbar", role: "group", "aria-label": labels.controls, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("button", { type: "button", onClick: () => zoomBy(ZOOM_STEP), disabled: view.zoom >= MAX_ZOOM, children: labels.zoomIn }),
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("button", { type: "button", onClick: () => zoomBy(1 / ZOOM_STEP), disabled: view.zoom <= MIN_ZOOM, children: labels.zoomOut }),
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("button", { type: "button", onClick: () => moveView(fitView(layout, size), true), children: labels.fit }),
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("button", { type: "button", onClick: () => moveView(initialView(layout, size), true), children: labels.reset }),
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("button", { type: "button", onClick: () => panBy(PAN_STEP, 0), "aria-label": labels.panLeft, children: labels.left }),
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("button", { type: "button", onClick: () => panBy(0, PAN_STEP), "aria-label": labels.panUp, children: labels.up }),
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("button", { type: "button", onClick: () => panBy(0, -PAN_STEP), "aria-label": labels.panDown, children: labels.down }),
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("button", { type: "button", onClick: () => panBy(-PAN_STEP, 0), "aria-label": labels.panRight, children: labels.right }),
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { "aria-live": "polite", children: labels.zoomLevel(Math.round(view.zoom * 100)) })
+  return /* @__PURE__ */ (0, import_jsx_runtime89.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_runtime89.jsxs)("div", { className: "uix-relationship-graph__toolbar", role: "group", "aria-label": labels.controls, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("button", { type: "button", onClick: () => zoomBy(ZOOM_STEP), disabled: view.zoom >= MAX_ZOOM, children: labels.zoomIn }),
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("button", { type: "button", onClick: () => zoomBy(1 / ZOOM_STEP), disabled: view.zoom <= MIN_ZOOM, children: labels.zoomOut }),
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("button", { type: "button", onClick: () => moveView(fitView(layout, size), true), children: labels.fit }),
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("button", { type: "button", onClick: () => moveView(initialView(layout, size), true), children: labels.reset }),
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("button", { type: "button", onClick: () => panBy(PAN_STEP, 0), "aria-label": labels.panLeft, children: labels.left }),
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("button", { type: "button", onClick: () => panBy(0, PAN_STEP), "aria-label": labels.panUp, children: labels.up }),
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("button", { type: "button", onClick: () => panBy(0, -PAN_STEP), "aria-label": labels.panDown, children: labels.down }),
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("button", { type: "button", onClick: () => panBy(-PAN_STEP, 0), "aria-label": labels.panRight, children: labels.right }),
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { "aria-live": "polite", children: labels.zoomLevel(Math.round(view.zoom * 100)) })
     ] }),
-    bounded.omittedNodeCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("p", { className: "uix-relationship-graph__bounded", role: "status", children: labels.bounded(bounded.nodes.length, bounded.omittedNodeCount) }),
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("p", { id: hintId, className: "uix-visually-hidden", children: labels.keyboardHint }),
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+    bounded.omittedNodeCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("p", { className: "uix-relationship-graph__bounded", role: "status", children: labels.bounded(bounded.nodes.length, bounded.omittedNodeCount) }),
+    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("p", { id: hintId, className: "uix-visually-hidden", children: labels.keyboardHint }),
+    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
       "div",
       {
         ref: viewportRef,
@@ -10924,11 +11592,11 @@ function LayeredRelationshipGraph({
         onPointerMove,
         onPointerUp: onPointerEnd,
         onPointerCancel: onPointerEnd,
-        children: /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "uix-relationship-graph__stage", style: stageStyle, "data-animate": animate || void 0, onTransitionEnd: () => setAnimate(false), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime88.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_runtime89.jsxs)("div", { className: "uix-relationship-graph__stage", style: stageStyle, "data-animate": animate || void 0, onTransitionEnd: () => setAnimate(false), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime89.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_runtime88.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
               "g",
               {
                 className: "uix-relationship-graph__link",
@@ -10938,15 +11606,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_runtime88.jsx)("path", { d: edge.path }),
-                  edge.arrow !== "none" && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("polygon", { points: arrowPoints, transform: `translate(${edge.arrowX} ${edge.arrowY}) rotate(${angle})` }),
-                  showLabel(edge) && /* @__PURE__ */ (0, import_jsx_runtime88.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_runtime88.jsx)("tspan", { x: edge.labelX, dy: index === 0 ? `${-(lines.length - 1) * 0.55}em` : "1.1em", children: line }, index)) })
+                  /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("path", { d: edge.path }),
+                  edge.arrow !== "none" && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("polygon", { points: arrowPoints, transform: `translate(${edge.arrowX} ${edge.arrowY}) rotate(${angle})` }),
+                  showLabel(edge) && /* @__PURE__ */ (0, import_jsx_runtime89.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_runtime89.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_runtime88.jsx)(
+          layout.columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
             "div",
             {
               className: "uix-relationship-graph__column",
@@ -10956,17 +11624,17 @@ function LayeredRelationshipGraph({
             },
             column.depth
           )),
-          /* @__PURE__ */ (0, import_jsx_runtime88.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_runtime89.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_runtime88.jsxs)(import_jsx_runtime88.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime88.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_runtime88.jsx)("span", { className: "uix-relationship-graph__item-meta", children: labels.expandCluster })
-            ] }) : renderNode?.(item.node, { selected, dimmed }) ?? /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(import_jsx_runtime88.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "uix-relationship-graph__item-label", children: item.node.label }),
-              (item.node.type || item.node.description) && /* @__PURE__ */ (0, import_jsx_runtime88.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_runtime89.jsxs)(import_jsx_runtime89.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime89.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_runtime89.jsx)("span", { className: "uix-relationship-graph__item-meta", children: labels.expandCluster })
+            ] }) : renderNode?.(item.node, { selected, dimmed }) ?? /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_jsx_runtime89.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "uix-relationship-graph__item-label", children: item.node.label }),
+              (item.node.type || item.node.description) && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "uix-relationship-graph__item-meta", children: [item.node.type, item.node.description].filter(Boolean).join(" \xB7 ") })
             ] });
-            return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
               "button",
               {
                 ref: (element) => {
@@ -10997,7 +11665,7 @@ function LayeredRelationshipGraph({
                 onPointerLeave: () => setHoverId((current) => current === item.id ? void 0 : current),
                 children: [
                   body,
-                  item.inCycle && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "uix-relationship-graph__item-flag", "aria-hidden": "true", children: labels.cycle })
+                  item.inCycle && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "uix-relationship-graph__item-flag", "aria-hidden": "true", children: labels.cycle })
                 ]
               },
               item.id
@@ -11005,7 +11673,7 @@ function LayeredRelationshipGraph({
           }) }),
           layout.items.filter((item) => item.expandedGroup).map((item) => {
             const group = item.expandedGroup;
-            return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
               "button",
               {
                 type: "button",
@@ -11021,8 +11689,8 @@ function LayeredRelationshipGraph({
         ] })
       }
     ),
-    legend.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("ul", { className: "uix-relationship-graph__legend", "aria-label": labels.legend, children: legend.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("li", { "data-type": entry.id, children: entry.label }, entry.id)) }),
-    showList && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+    legend.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("ul", { className: "uix-relationship-graph__legend", "aria-label": labels.legend, children: legend.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("li", { "data-type": entry.id, children: entry.label }, entry.id)) }),
+    showList && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
       EquivalentRelationshipList,
       {
         nodes: bounded.nodes,
@@ -11041,7 +11709,7 @@ function LayeredRelationshipGraph({
 }
 
 // src/components/RelationshipGraph.tsx
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_jsx_runtime90 = require("react/jsx-runtime");
 var DEFAULT_RELATIONSHIP_GRAPH_LABELS = {
   graph: "Relationship graph",
   controls: "Graph view controls",
@@ -11103,21 +11771,21 @@ function radialViewBox(nodes) {
   return `${round(minX)} ${round(minY)} ${width} ${height}`;
 }
 function RelationshipGraph(props) {
-  const labels = (0, import_react62.useMemo)(() => ({ ...DEFAULT_RELATIONSHIP_GRAPH_LABELS, ...props.labels }), [props.labels]);
+  const labels = (0, import_react63.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_runtime89.jsx)("div", { className: stateClass, role: "status", children: labels.loading });
+  if (props.loading) return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: stateClass, role: "status", children: labels.loading });
   if (props.error) {
-    return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: stateClass, role: "alert", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("p", { children: props.error }),
-      props.onRetry && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary", onClick: props.onRetry, children: labels.retry })
+    return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: stateClass, role: "alert", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("p", { children: props.error }),
+      props.onRetry && /* @__PURE__ */ (0, import_jsx_runtime90.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_runtime89.jsxs)("div", { className: stateClass, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("p", { children: labels.emptyTitle }),
-    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("p", { children: labels.emptyHint })
+  if (props.nodes.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: stateClass, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("p", { children: labels.emptyTitle }),
+    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("p", { children: labels.emptyHint })
   ] });
-  if (props.layout === "layered") return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(LayeredRelationshipGraph, { ...props, labels });
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(RadialRelationshipGraph, { ...props, labels });
+  if (props.layout === "layered") return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(LayeredRelationshipGraph, { ...props, labels });
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(RadialRelationshipGraph, { ...props, labels });
 }
 function RadialRelationshipGraph({
   nodes,
@@ -11137,17 +11805,17 @@ function RadialRelationshipGraph({
   labels,
   showList = true
 }) {
-  const bounded = (0, import_react62.useMemo)(() => boundRelationshipGraph(nodes, edges, maxNodes), [nodes, edges, maxNodes]);
-  const positioned = (0, import_react62.useMemo)(() => layoutRelationshipGraph(bounded.nodes, bounded.edges, selectedId), [bounded, selectedId]);
-  const typeColor = (0, import_react62.useMemo)(
+  const bounded = (0, import_react63.useMemo)(() => boundRelationshipGraph(nodes, edges, maxNodes), [nodes, edges, maxNodes]);
+  const positioned = (0, import_react63.useMemo)(() => layoutRelationshipGraph(bounded.nodes, bounded.edges, selectedId), [bounded, selectedId]);
+  const typeColor = (0, import_react63.useMemo)(
     () => new Map(legend.map((item, index) => [item.id, `var(--uix-chart-${index % 8 + 1})`])),
     [legend]
   );
-  const positionedById = (0, import_react62.useMemo)(() => new Map(positioned.map((node) => [node.id, node])), [positioned]);
-  const [zoom, setZoom] = (0, import_react62.useState)(1);
-  const [pan, setPan] = (0, import_react62.useState)({ x: 0, y: 0 });
-  const [focusedId, setFocusedId] = (0, import_react62.useState)(selectedId ?? positioned[0]?.id);
-  const svgRef = (0, import_react62.useRef)(null);
+  const positionedById = (0, import_react63.useMemo)(() => new Map(positioned.map((node) => [node.id, node])), [positioned]);
+  const [zoom, setZoom] = (0, import_react63.useState)(1);
+  const [pan, setPan] = (0, import_react63.useState)({ x: 0, y: 0 });
+  const [focusedId, setFocusedId] = (0, import_react63.useState)(selectedId ?? positioned[0]?.id);
+  const svgRef = (0, import_react63.useRef)(null);
   const select = (id) => {
     const node = bounded.nodes.find((item) => item.id === id);
     if (node) onSelect?.(node);
@@ -11170,25 +11838,25 @@ function RadialRelationshipGraph({
     setZoom(1);
     setPan({ x: 0, y: 0 });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("section", { className: cx("uix-relationship-graph", `uix-relationship-graph--${density}`, className), "aria-label": labels.graph, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "uix-relationship-graph__toolbar", "aria-label": labels.controls, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("button", { type: "button", onClick: () => setPan((value) => ({ ...value, x: value.x - 24 })), "aria-label": labels.panLeft, children: labels.left }),
-      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("button", { type: "button", onClick: () => setPan((value) => ({ ...value, y: value.y - 24 })), "aria-label": labels.panUp, children: labels.up }),
-      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("button", { type: "button", onClick: () => setPan((value) => ({ ...value, y: value.y + 24 })), "aria-label": labels.panDown, children: labels.down }),
-      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("button", { type: "button", onClick: () => setPan((value) => ({ ...value, x: value.x + 24 })), "aria-label": labels.panRight, children: labels.right }),
-      /* @__PURE__ */ (0, import_jsx_runtime89.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_runtime89.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_runtime89.jsx)("button", { type: "button", onClick: reset, children: labels.reset }),
-      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { "aria-live": "polite", children: labels.zoomLevel(Math.round(zoom * 100)) })
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("section", { className: cx("uix-relationship-graph", `uix-relationship-graph--${density}`, className), "aria-label": labels.graph, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "uix-relationship-graph__toolbar", "aria-label": labels.controls, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("button", { type: "button", onClick: () => setPan((value) => ({ ...value, x: value.x - 24 })), "aria-label": labels.panLeft, children: labels.left }),
+      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("button", { type: "button", onClick: () => setPan((value) => ({ ...value, y: value.y - 24 })), "aria-label": labels.panUp, children: labels.up }),
+      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("button", { type: "button", onClick: () => setPan((value) => ({ ...value, y: value.y + 24 })), "aria-label": labels.panDown, children: labels.down }),
+      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("button", { type: "button", onClick: () => setPan((value) => ({ ...value, x: value.x + 24 })), "aria-label": labels.panRight, children: labels.right }),
+      /* @__PURE__ */ (0, import_jsx_runtime90.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_runtime90.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_runtime90.jsx)("button", { type: "button", onClick: reset, children: labels.reset }),
+      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { "aria-live": "polite", children: labels.zoomLevel(Math.round(zoom * 100)) })
     ] }),
-    bounded.omittedNodeCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("p", { className: "uix-relationship-graph__bounded", role: "status", children: labels.bounded(bounded.nodes.length, bounded.omittedNodeCount) }),
-    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "uix-relationship-graph__visual", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("svg", { ref: svgRef, viewBox: radialViewBox(positioned), role: "group", "aria-label": labels.graphSummary(bounded.nodes.length, bounded.edges.length), children: /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("g", { transform: `translate(${pan.x} ${pan.y}) scale(${zoom})`, children: [
+    bounded.omittedNodeCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("p", { className: "uix-relationship-graph__bounded", role: "status", children: labels.bounded(bounded.nodes.length, bounded.omittedNodeCount) }),
+    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "uix-relationship-graph__visual", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("svg", { ref: svgRef, viewBox: radialViewBox(positioned), role: "group", "aria-label": labels.graphSummary(bounded.nodes.length, bounded.edges.length), children: /* @__PURE__ */ (0, import_jsx_runtime90.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_runtime89.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_runtime89.jsx)("title", { children: edge.label ?? edge.type ?? labels.relationship }) }, edge.id);
+        return /* @__PURE__ */ (0, import_jsx_runtime90.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_runtime90.jsx)("title", { children: edge.label ?? edge.type ?? labels.relationship }) }, edge.id);
       }),
-      positioned.map((node) => /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
+      positioned.map((node) => /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
         "g",
         {
           transform: `translate(${node.x * RADIAL_SCALE_X} ${node.y * RADIAL_SCALE_Y})`,
@@ -11204,22 +11872,22 @@ function RadialRelationshipGraph({
           onKeyDown: (event) => onNodeKeyDown(event, node.id),
           onClick: () => select(node.id),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("title", { children: node.label }),
-            /* @__PURE__ */ (0, import_jsx_runtime89.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_runtime89.jsx)("text", { textAnchor: "middle", dominantBaseline: "middle", children: node.label.length > 16 ? `${node.label.slice(0, 15)}\u2026` : node.label })
+            /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("title", { children: node.label }),
+            /* @__PURE__ */ (0, import_jsx_runtime90.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_runtime90.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_runtime89.jsx)("ul", { className: "uix-relationship-graph__legend", "aria-label": labels.legend, children: legend.map((item) => /* @__PURE__ */ (0, import_jsx_runtime89.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_runtime89.jsx)(EquivalentRelationshipList, { nodes: bounded.nodes, edges: bounded.edges, selectedId, labels, onSelect: select, onExpandNeighbors, onOpenDetails })
+    legend.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("ul", { className: "uix-relationship-graph__legend", "aria-label": labels.legend, children: legend.map((item) => /* @__PURE__ */ (0, import_jsx_runtime90.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_runtime90.jsx)(EquivalentRelationshipList, { nodes: bounded.nodes, edges: bounded.edges, selectedId, labels, onSelect: select, onExpandNeighbors, onOpenDetails })
   ] });
 }
 
 // src/components/MatchReview.tsx
-var import_react63 = require("react");
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_react64 = require("react");
+var import_jsx_runtime91 = require("react/jsx-runtime");
 var DEFAULT_MATCH_REVIEW_LABELS = {
   region: "Match review",
   loading: "Loading match candidates\u2026",
@@ -11281,11 +11949,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_react63.useState)(/* @__PURE__ */ new Set());
-  const [announcement, setAnnouncement] = (0, import_react63.useState)("");
-  const [bulkPending, setBulkPending] = (0, import_react63.useState)(false);
+  const [internalSelection, setInternalSelection] = (0, import_react64.useState)(/* @__PURE__ */ new Set());
+  const [announcement, setAnnouncement] = (0, import_react64.useState)("");
+  const [bulkPending, setBulkPending] = (0, import_react64.useState)(false);
   const selection = selectedIds ?? internalSelection;
-  const pending = (0, import_react63.useMemo)(() => candidates.filter((candidate) => candidate.status !== "resolved"), [candidates]);
+  const pending = (0, import_react64.useMemo)(() => candidates.filter((candidate) => candidate.status !== "resolved"), [candidates]);
   const setSelection = (next) => {
     if (selectedIds === void 0) setInternalSelection(next);
     onSelectionChange?.(next);
@@ -11314,48 +11982,48 @@ function MatchReview({
       setBulkPending(false);
     }
   };
-  if (loading) return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: cx("uix-match-review uix-match-review--state", className), role: "status", children: labels.loading });
-  if (error) return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: cx("uix-match-review uix-match-review--state", className), role: "alert", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("p", { children: error }),
-    onRetry && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary", onClick: onRetry, children: labels.retry })
+  if (loading) return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: cx("uix-match-review uix-match-review--state", className), role: "status", children: labels.loading });
+  if (error) return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: cx("uix-match-review uix-match-review--state", className), role: "alert", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("p", { children: error }),
+    onRetry && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary", onClick: onRetry, children: labels.retry })
   ] });
-  if (candidates.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: cx("uix-match-review uix-match-review--state", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("p", { children: labels.empty }),
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("p", { children: labels.emptyDetail })
+  if (candidates.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: cx("uix-match-review uix-match-review--state", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("p", { children: labels.empty }),
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("p", { children: labels.emptyDetail })
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("section", { className: cx("uix-match-review", className), "aria-label": labels.region, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "uix-match-review__summary", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("strong", { children: incomingLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { children: fillLabel(labels.pendingOf, { pending: pending.length, total: candidates.length }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("section", { className: cx("uix-match-review", className), "aria-label": labels.region, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "uix-match-review__summary", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("strong", { children: incomingLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { children: fillLabel(labels.pendingOf, { pending: pending.length, total: candidates.length }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "uix-match-review__incoming", children: fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("span", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("b", { children: field.label }),
+      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "uix-match-review__incoming", children: fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("span", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("b", { children: field.label }),
         field.render?.(incoming[field.id], incoming) ?? valueText(incoming[field.id])
       ] }, field.id)) })
     ] }),
-    onBulkDecision && /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "uix-match-review__bulk", "aria-label": labels.bulk, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { children: fillLabel(labels.selectedCount, { count: selection.size }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime90.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_runtime90.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_runtime91.jsxs)("div", { className: "uix-match-review__bulk", "aria-label": labels.bulk, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { children: fillLabel(labels.selectedCount, { count: selection.size }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime91.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_runtime91.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_runtime90.jsx)("div", { className: "uix-match-review__table-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("table", { className: "uix-table uix-match-review__table", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("caption", { className: "uix-visually-hidden", children: labels.caption }),
-      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("tr", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("th", { scope: "col", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "uix-visually-hidden", children: labels.select }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("th", { scope: "col", children: labels.confidence }),
-        fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("th", { scope: "col", children: field.label }, field.id)),
-        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("th", { scope: "col", children: labels.status }),
-        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("th", { scope: "col", children: labels.actions })
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "uix-match-review__table-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("table", { className: "uix-table uix-match-review__table", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("caption", { className: "uix-visually-hidden", children: labels.caption }),
+      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("tr", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("th", { scope: "col", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "uix-visually-hidden", children: labels.select }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("th", { scope: "col", children: labels.confidence }),
+        fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("th", { scope: "col", children: field.label }, field.id)),
+        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("th", { scope: "col", children: labels.status }),
+        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("th", { scope: "col", children: labels.actions })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("tbody", { children: candidates.map((candidate) => {
+      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("tbody", { children: candidates.map((candidate) => {
         const resolved = candidate.status === "resolved";
-        return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("tr", { "data-status": candidate.status ?? "pending", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime90.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_runtime90.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime90.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_runtime90.jsx)("td", { children: field.render?.(candidate.record[field.id], candidate.record) ?? valueText(candidate.record[field.id]) }, field.id)),
-          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(StatusPill, { tone: resolved ? "success" : "warning", children: resolved ? candidate.decision ? decisionLabel[candidate.decision] : labels.resolved : labels.pending }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "uix-match-review__actions", children: ["accept", "dismiss", "split", "pick-other"].map((action) => /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("tr", { "data-status": candidate.status ?? "pending", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime91.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_runtime91.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime91.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_runtime91.jsx)("td", { children: field.render?.(candidate.record[field.id], candidate.record) ?? valueText(candidate.record[field.id]) }, field.id)),
+          /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(StatusPill, { tone: resolved ? "success" : "warning", children: resolved ? candidate.decision ? decisionLabel[candidate.decision] : labels.resolved : labels.pending }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "uix-match-review__actions", children: ["accept", "dismiss", "split", "pick-other"].map((action) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
             "button",
             {
               type: "button",
@@ -11369,12 +12037,12 @@ function MatchReview({
         ] }, candidate.id);
       }) })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("p", { className: "uix-visually-hidden", "aria-live": "polite", children: announcement })
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("p", { className: "uix-visually-hidden", "aria-live": "polite", children: announcement })
   ] });
 }
 
 // src/components/MetricInput.tsx
-var import_react64 = require("react");
+var import_react65 = require("react");
 
 // src/metric-model.ts
 function decimals(value) {
@@ -11399,7 +12067,7 @@ function parseMetricValue(value) {
 }
 
 // src/components/MetricInput.tsx
-var import_jsx_runtime91 = require("react/jsx-runtime");
+var import_jsx_runtime92 = require("react/jsx-runtime");
 var defaultMetricFormat = (input) => input == null ? "" : String(input);
 function MetricInput({
   value,
@@ -11418,11 +12086,11 @@ function MetricInput({
   className,
   id: providedId
 }) {
-  const generatedId = (0, import_react64.useId)();
+  const generatedId = (0, import_react65.useId)();
   const id = providedId ?? generatedId;
   const errorId = `${id}-error`;
-  const [text, setText] = (0, import_react64.useState)(() => format(value));
-  (0, import_react64.useEffect)(() => setText(format(value)), [value, format]);
+  const [text, setText] = (0, import_react65.useState)(() => format(value));
+  (0, import_react65.useEffect)(() => setText(format(value)), [value, format]);
   const commit = (input) => {
     const parsed = parse(input);
     if (input.trim() === "" || parsed !== null) {
@@ -11448,10 +12116,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_runtime91.jsxs)("div", { className: cx("uix-metric-input", invalid && "uix-metric-input--invalid", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("label", { className: "uix-field__label", htmlFor: id, children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "uix-metric-input__control", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: cx("uix-metric-input", invalid && "uix-metric-input--invalid", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("label", { className: "uix-field__label", htmlFor: id, children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "uix-metric-input__control", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
         Input,
         {
           id,
@@ -11470,22 +12138,22 @@ function MetricInput({
           readOnly
         }
       ),
-      unit && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "uix-metric-input__unit", "aria-hidden": "true", children: unit }),
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("span", { className: "uix-metric-input__steps", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("button", { type: "button", className: "uix-metric-input__step", onClick: () => stepBy(1), disabled: disabled || readOnly, "aria-label": `Increase ${label}`, children: "+" }),
-        /* @__PURE__ */ (0, import_jsx_runtime91.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_runtime92.jsx)("span", { className: "uix-metric-input__unit", "aria-hidden": "true", children: unit }),
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("span", { className: "uix-metric-input__steps", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("button", { type: "button", className: "uix-metric-input__step", onClick: () => stepBy(1), disabled: disabled || readOnly, "aria-label": `Increase ${label}`, children: "+" }),
+        /* @__PURE__ */ (0, import_jsx_runtime92.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_runtime91.jsxs)("span", { className: "uix-visually-hidden", children: [
+    unit && /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("span", { className: "uix-visually-hidden", children: [
       "Unit: ",
       unit
     ] }),
-    invalid && errorMessage && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { id: errorId, className: "uix-field__error", children: errorMessage })
+    invalid && errorMessage && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { id: errorId, className: "uix-field__error", children: errorMessage })
   ] });
 }
 
 // src/components/LicensePositionBar.tsx
-var import_jsx_runtime92 = require("react/jsx-runtime");
+var import_jsx_runtime93 = require("react/jsx-runtime");
 var defaultCapacityFormat = (value) => new Intl.NumberFormat().format(value);
 function LicensePositionBar({
   consumed,
@@ -11506,18 +12174,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_runtime92.jsxs)("div", { className: cx("uix-license-position", over > 0 && "uix-license-position--over", className), ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "uix-license-position__header", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("span", { className: "uix-license-position__value", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: cx("uix-license-position", over > 0 && "uix-license-position--over", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "uix-license-position__header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("span", { className: "uix-license-position__value", children: [
         format(safeConsumed),
         " / ",
         format(safeEntitled)
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(StatusPill, { tone: over > 0 ? "danger" : percent >= 80 ? "warning" : "success", children: over > 0 ? `${format(over)} ${overLabel}` : `${format(available)} ${availableLabel}` })
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(StatusPill, { tone: over > 0 ? "danger" : percent >= 80 ? "warning" : "success", children: over > 0 ? `${format(over)} ${overLabel}` : `${format(available)} ${availableLabel}` })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "uix-license-position__track", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime92.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_runtime92.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "uix-license-position__track", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime93.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_runtime93.jsx)(
         "span",
         {
           className: "uix-license-position__overflow",
@@ -11526,12 +12194,12 @@ function LicensePositionBar({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "uix-visually-hidden", children: summary })
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "uix-visually-hidden", children: summary })
   ] });
 }
 
 // src/components/BrandProfiles.tsx
-var import_react66 = require("react");
+var import_react67 = require("react");
 
 // src/color-model.ts
 var clamp2 = (value, min, max) => Math.min(max, Math.max(min, value));
@@ -11600,8 +12268,8 @@ function meetsContrast(background, foreground, minimum = 4.5) {
 }
 
 // src/components/ColorPicker.tsx
-var import_react65 = require("react");
-var import_jsx_runtime93 = require("react/jsx-runtime");
+var import_react66 = require("react");
+var import_jsx_runtime94 = require("react/jsx-runtime");
 var DEFAULT_COLOR_PICKER_LABELS = {
   trigger: "{label}: {color}",
   sample: "Aa",
@@ -11632,17 +12300,17 @@ function ColorPicker({
   labels: labelOverrides
 }) {
   const labels = { ...DEFAULT_COLOR_PICKER_LABELS, ...labelOverrides };
-  const id = (0, import_react65.useId)();
-  const triggerRef = (0, import_react65.useRef)(null);
-  const dialogRef = (0, import_react65.useRef)(null);
-  const [open, setOpen] = (0, import_react65.useState)(false);
+  const id = (0, import_react66.useId)();
+  const triggerRef = (0, import_react66.useRef)(null);
+  const dialogRef = (0, import_react66.useRef)(null);
+  const [open, setOpen] = (0, import_react66.useState)(false);
   const normalized = normalizeHex(value) ?? "#000000";
-  const [hexText, setHexText] = (0, import_react65.useState)(normalized);
-  const hsv = (0, import_react65.useMemo)(() => rgbToHsv(hexToRgb(normalized)), [normalized]);
+  const [hexText, setHexText] = (0, import_react66.useState)(normalized);
+  const hsv = (0, import_react66.useMemo)(() => rgbToHsv(hexToRgb(normalized)), [normalized]);
   const ratio = contrastRatio(normalized, foreground) ?? 0;
   const passes = ratio >= minimumContrast;
-  (0, import_react65.useEffect)(() => setHexText(normalized), [normalized]);
-  (0, import_react65.useEffect)(() => {
+  (0, import_react66.useEffect)(() => setHexText(normalized), [normalized]);
+  (0, import_react66.useEffect)(() => {
     if (!open) return;
     const dialog = dialogRef.current;
     dialog?.querySelector("input,button")?.focus();
@@ -11685,8 +12353,8 @@ function ColorPicker({
     if (next) onChange(next);
   };
   const sampleStyle = { backgroundColor: normalized };
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: cx("uix-color-picker", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: cx("uix-color-picker", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
       "button",
       {
         ref: triggerRef,
@@ -11698,12 +12366,12 @@ function ColorPicker({
         onClick: () => setOpen((current) => !current),
         disabled,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "uix-color-picker__swatch", style: sampleStyle, "aria-hidden": "true" }),
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { children: normalized })
+          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "uix-color-picker__swatch", style: sampleStyle, "aria-hidden": "true" }),
+          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { children: normalized })
         ]
       }
     ),
-    open && /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
+    open && /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
       "div",
       {
         ref: dialogRef,
@@ -11714,55 +12382,55 @@ function ColorPicker({
         className: "uix-color-picker__popover",
         onKeyDown: onDialogKeyDown,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "uix-color-picker__preview", style: sampleStyle, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { style: { color: foreground }, children: labels.sample }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("label", { className: "uix-color-picker__range", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "uix-color-picker__preview", style: sampleStyle, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { style: { color: foreground }, children: labels.sample }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("label", { className: "uix-color-picker__range", children: [
             labels.hue,
             " ",
-            /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("span", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("span", { children: [
               Math.round(hsv.h),
               "\xB0"
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime93.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_runtime94.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_runtime93.jsxs)("label", { className: "uix-color-picker__range", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("label", { className: "uix-color-picker__range", children: [
             labels.saturation,
             " ",
-            /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("span", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("span", { children: [
               Math.round(hsv.s * 100),
               "%"
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime93.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_runtime94.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_runtime93.jsxs)("label", { className: "uix-color-picker__range", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("label", { className: "uix-color-picker__range", children: [
             labels.brightness,
             " ",
-            /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("span", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("span", { children: [
               Math.round(hsv.v * 100),
               "%"
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime93.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_runtime94.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_runtime93.jsxs)("label", { className: "uix-color-picker__hex", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("label", { className: "uix-color-picker__hex", children: [
             labels.hex,
-            /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("span", { className: "uix-color-picker__hex-row", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("input", { className: "uix-input", value: hexText, onChange: (event) => setHexText(event.currentTarget.value), onBlur: commitHex, onKeyDown: (event) => {
+            /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("span", { className: "uix-color-picker__hex-row", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime94.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_runtime93.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_runtime94.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_runtime93.jsxs)("div", { className: "uix-color-picker__palettes", children: [
-            presets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("fieldset", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("legend", { children: labels.presets }),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { children: presets.map((color) => /* @__PURE__ */ (0, import_jsx_runtime93.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_runtime94.jsxs)("div", { className: "uix-color-picker__palettes", children: [
+            presets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("fieldset", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("legend", { children: labels.presets }),
+              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { children: presets.map((color) => /* @__PURE__ */ (0, import_jsx_runtime94.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_runtime93.jsxs)("fieldset", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("legend", { children: labels.recent }),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { children: recent.map((color) => /* @__PURE__ */ (0, import_jsx_runtime93.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_runtime94.jsxs)("fieldset", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("legend", { children: labels.recent }),
+              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { children: recent.map((color) => /* @__PURE__ */ (0, import_jsx_runtime94.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_runtime93.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_runtime93.jsx)("button", { type: "button", className: "uix-btn uix-btn--primary uix-btn--sm", onClick: close, children: labels.done })
+          /* @__PURE__ */ (0, import_jsx_runtime94.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_runtime94.jsx)("button", { type: "button", className: "uix-btn uix-btn--primary uix-btn--sm", onClick: close, children: labels.done })
         ]
       }
     )
@@ -11770,7 +12438,7 @@ function ColorPicker({
 }
 
 // src/components/BrandProfiles.tsx
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_jsx_runtime95 = require("react/jsx-runtime");
 var PROFILE_PROPERTIES = {
   brand: "--uix-brand",
   brandForeground: "--uix-brand-fg",
@@ -11862,7 +12530,7 @@ function BrandProfileEditor({
   labels: labelOverrides
 }) {
   const labels = { ...DEFAULT_BRAND_PROFILE_EDITOR_LABELS, ...labelOverrides };
-  const [announcement, setAnnouncement] = (0, import_react66.useState)("");
+  const [announcement, setAnnouncement] = (0, import_react67.useState)("");
   const update = (patch) => onChange({ ...value, ...patch });
   const apply = () => {
     if (applyTarget !== null) applyBrandProfile(value, applyTarget);
@@ -11879,54 +12547,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_runtime94.jsxs)("section", { className: cx("uix-brand-profiles", className), "aria-label": labels.region, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "uix-brand-profiles__form", children: [
-      profiles.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("label", { className: "uix-field__label", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("section", { className: cx("uix-brand-profiles", className), "aria-label": labels.region, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "uix-brand-profiles__form", children: [
+      profiles.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("label", { className: "uix-field__label", children: [
         labels.profile,
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("select", { className: "uix-select", value: value.id, onChange: (event) => {
+        /* @__PURE__ */ (0, import_jsx_runtime95.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_runtime94.jsx)("option", { value: profile.id, children: profile.name }, profile.id)) })
+        }, children: profiles.map((profile) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("option", { value: profile.id, children: profile.name }, profile.id)) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("label", { className: "uix-field__label", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("label", { className: "uix-field__label", children: [
         labels.name,
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("input", { className: "uix-input", value: value.name, onChange: (event) => update({ name: event.currentTarget.value }) })
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("input", { className: "uix-input", value: value.name, onChange: (event) => update({ name: event.currentTarget.value }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "uix-brand-profiles__colors", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("label", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "uix-brand-profiles__colors", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("label", { children: [
           labels.brand,
-          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ColorPicker, { label: labels.brandColor, value: value.brand, foreground: value.brandForeground, presets: colorPresets, onChange: (brand) => update({ brand }) })
+          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(ColorPicker, { label: labels.brandColor, value: value.brand, foreground: value.brandForeground, presets: colorPresets, onChange: (brand) => update({ brand }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("label", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("label", { children: [
           labels.onBrand,
-          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ColorPicker, { label: labels.onBrandColor, value: value.brandForeground, foreground: value.brand, presets: colorPresets, onChange: (brandForeground) => update({ brandForeground }) })
+          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(ColorPicker, { label: labels.onBrandColor, value: value.brandForeground, foreground: value.brand, presets: colorPresets, onChange: (brandForeground) => update({ brandForeground }) })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("label", { className: "uix-field__label", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("label", { className: "uix-field__label", children: [
         labels.bodyFont,
-        /* @__PURE__ */ (0, import_jsx_runtime94.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_runtime95.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_runtime94.jsxs)("label", { className: "uix-field__label", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("label", { className: "uix-field__label", children: [
         labels.headingFont,
-        /* @__PURE__ */ (0, import_jsx_runtime94.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_runtime95.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_runtime94.jsxs)("label", { className: "uix-file-upload uix-brand-profiles__upload", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("label", { className: "uix-file-upload uix-brand-profiles__upload", children: [
         labels.logoFile,
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("input", { type: "file", accept: "image/*", onChange: onFile })
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("input", { type: "file", accept: "image/*", onChange: onFile })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("button", { type: "button", className: "uix-btn uix-btn--primary", onClick: apply, children: labels.apply }),
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "uix-visually-hidden", "aria-live": "polite", children: announcement })
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("button", { type: "button", className: "uix-btn uix-btn--primary", onClick: apply, children: labels.apply }),
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "uix-visually-hidden", "aria-live": "polite", children: announcement })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "uix-brand-profiles__preview", style: previewStyle, "aria-label": fillLabel(labels.preview, { name: value.name }), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "uix-brand-profiles__preview-header", children: [
-        value.logo ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("img", { src: value.logo.src, alt: value.logo.alt }) : /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "uix-brand-profiles__logo-placeholder", children: labels.logoPlaceholder }),
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("strong", { children: value.name || labels.previewTitleFallback })
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "uix-brand-profiles__preview", style: previewStyle, "aria-label": fillLabel(labels.preview, { name: value.name }), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "uix-brand-profiles__preview-header", children: [
+        value.logo ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("img", { src: value.logo.src, alt: value.logo.alt }) : /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "uix-brand-profiles__logo-placeholder", children: labels.logoPlaceholder }),
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("strong", { children: value.name || labels.previewTitleFallback })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "uix-brand-profiles__preview-body", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("h3", { children: labels.previewHeading }),
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("p", { children: labels.previewBody }),
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("button", { type: "button", className: "uix-btn uix-btn--primary", children: labels.previewPrimary }),
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("a", { href: "#brand-profile-preview", children: labels.previewLink })
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "uix-brand-profiles__preview-body", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("h3", { children: labels.previewHeading }),
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("p", { children: labels.previewBody }),
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("button", { type: "button", className: "uix-btn uix-btn--primary", children: labels.previewPrimary }),
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("a", { href: "#brand-profile-preview", children: labels.previewLink })
       ] })
     ] })
   ] });
@@ -11934,7 +12602,7 @@ function BrandProfileEditor({
 var BrandProfiles = BrandProfileEditor;
 
 // src/components/DiffViewer.tsx
-var import_react67 = require("react");
+var import_react68 = require("react");
 
 // src/diff-model.ts
 function isJsonObject(value) {
@@ -11985,7 +12653,7 @@ function summarizeDiff(entries, resolutions = {}) {
 }
 
 // src/components/DiffViewer.tsx
-var import_jsx_runtime95 = require("react/jsx-runtime");
+var import_jsx_runtime96 = require("react/jsx-runtime");
 var DEFAULT_DIFF_VIEWER_LABELS = {
   base: "Base",
   current: "Current",
@@ -12030,33 +12698,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_react67.useId)();
-  const entries = (0, import_react67.useMemo)(() => providedEntries ?? buildThreeWayDiff(base, current, incoming), [providedEntries, base, current, incoming]);
-  const [internalResolutions, setInternalResolutions] = (0, import_react67.useState)({});
+  const id = (0, import_react68.useId)();
+  const entries = (0, import_react68.useMemo)(() => providedEntries ?? buildThreeWayDiff(base, current, incoming), [providedEntries, base, current, incoming]);
+  const [internalResolutions, setInternalResolutions] = (0, import_react68.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_runtime95.jsxs)("section", { className: cx("uix-diff-viewer uix-diff-viewer--empty", className), "aria-label": labels.region, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("h3", { children: labels.noDifferences }),
-    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("p", { children: labels.noDifferencesDetail })
+  if (entries.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("section", { className: cx("uix-diff-viewer uix-diff-viewer--empty", className), "aria-label": labels.region, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("h3", { children: labels.noDifferences }),
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("p", { children: labels.noDifferencesDetail })
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("section", { className: cx("uix-diff-viewer", className), "aria-label": labels.region, "data-control-size": controlSize, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "uix-diff-viewer__summary", role: "group", "aria-label": labels.summary, children: [
-      GROUPS.map((kind) => /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("span", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("b", { children: summary[kind] }),
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("section", { className: cx("uix-diff-viewer", className), "aria-label": labels.region, "data-control-size": controlSize, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "uix-diff-viewer__summary", role: "group", "aria-label": labels.summary, children: [
+      GROUPS.map((kind) => /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("span", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("b", { children: summary[kind] }),
         " ",
         labels[kind].toLowerCase()
       ] }, kind)),
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("span", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("b", { children: summary.resolved }),
+      /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("span", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("b", { children: summary.resolved }),
         " ",
         labels.resolved
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("span", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("b", { children: summary.pending }),
+      /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("span", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("b", { children: summary.pending }),
         " ",
         labels.pending
       ] })
@@ -12064,38 +12732,38 @@ function DiffViewer({
     GROUPS.map((kind) => {
       const grouped = entries.filter((entry) => entry.kind === kind);
       if (!grouped.length) return null;
-      return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("section", { className: "uix-diff-viewer__group", "aria-labelledby": `${id}-${kind}`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("h3", { id: `${id}-${kind}`, children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("section", { className: "uix-diff-viewer__group", "aria-labelledby": `${id}-${kind}`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("h3", { id: `${id}-${kind}`, children: [
           labels[kind],
           " ",
-          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { children: grouped.length })
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { children: grouped.length })
         ] }),
         grouped.map((entry) => {
           const resolution = resolutions[entry.path] ?? "pending";
-          return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("details", { className: "uix-diff-viewer__entry", "data-kind": entry.kind, open: entry.kind === "conflicted", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("summary", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("code", { children: entry.path }),
-              /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(StatusPill, { tone: resolution === "pending" ? "warning" : "success", children: resolutionLabel[resolution] })
+          return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("details", { className: "uix-diff-viewer__entry", "data-kind": entry.kind, open: entry.kind === "conflicted", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("summary", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("code", { children: entry.path }),
+              /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(StatusPill, { tone: resolution === "pending" ? "warning" : "success", children: resolutionLabel[resolution] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "uix-diff-viewer__versions", children: ["base", "current", "incoming"].map((version) => /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { role: "region", "aria-label": fillLabel(labels.valueFor, { version: labels[version], path: entry.path }), children: [
-              /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("strong", { children: labels[version] }),
-              /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("pre", { children: renderValue(entry[version], labels.notPresent) })
+            /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "uix-diff-viewer__versions", children: ["base", "current", "incoming"].map((version) => /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { role: "region", "aria-label": fillLabel(labels.valueFor, { version: labels[version], path: entry.path }), children: [
+              /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("strong", { children: labels[version] }),
+              /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("pre", { children: renderValue(entry[version], labels.notPresent) })
             ] }, version)) }),
-            /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "uix-diff-viewer__actions", role: "group", "aria-label": fillLabel(labels.resolve, { path: entry.path }), children: [
-              /* @__PURE__ */ (0, import_jsx_runtime95.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_runtime95.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_runtime95.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_runtime96.jsxs)("div", { className: "uix-diff-viewer__actions", role: "group", "aria-label": fillLabel(labels.resolve, { path: entry.path }), children: [
+              /* @__PURE__ */ (0, import_jsx_runtime96.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_runtime96.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_runtime96.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_runtime95.jsx)("p", { className: "uix-visually-hidden", "aria-live": "polite", children: fillLabel(labels.progress, { resolved: summary.resolved, total: entries.length }) })
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("p", { className: "uix-visually-hidden", "aria-live": "polite", children: fillLabel(labels.progress, { resolved: summary.resolved, total: entries.length }) })
   ] });
 }
 
 // src/components/TextDiff.tsx
-var import_react68 = require("react");
+var import_react69 = require("react");
 
 // src/text-diff-model.ts
 var WORD_TOKENS = /\s+|[\p{L}\p{M}\p{N}_]+|[^\s\p{L}\p{M}\p{N}_]/gu;
@@ -12355,7 +13023,7 @@ function textDiffRows(result, { context } = {}) {
 }
 
 // src/components/TextDiff.tsx
-var import_jsx_runtime96 = require("react/jsx-runtime");
+var import_jsx_runtime97 = require("react/jsx-runtime");
 var DEFAULT_TEXT_DIFF_LABELS = {
   before: "Before",
   after: "After",
@@ -12368,47 +13036,47 @@ var DEFAULT_TEXT_DIFF_LABELS = {
 };
 function Marked({ segments, side, labels, whole }) {
   const Tag = side === "before" ? "del" : "ins";
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_jsx_runtime96.Fragment, { children: segments.map((segment, i) => segment.changed ? /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(Tag, { "data-whole": whole || void 0, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("span", { className: "uix-visually-hidden", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_jsx_runtime97.Fragment, { children: segments.map((segment, i) => segment.changed ? /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(Tag, { "data-whole": whole || void 0, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("span", { className: "uix-visually-hidden", children: [
       side === "before" ? labels.removed : labels.added,
       ": "
     ] }),
     segment.text
-  ] }, i) : /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_react68.Fragment, { children: segment.text }, i)) });
+  ] }, i) : /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_react69.Fragment, { children: segment.text }, i)) });
 }
 function Cell({ line, side, kind, labels }) {
-  if (!line) return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "uix-text-diff__cell", "data-side": side, "data-empty": "", "aria-hidden": "true" });
+  if (!line) return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "uix-text-diff__cell", "data-side": side, "data-empty": "", "aria-hidden": "true" });
   const changed = kind !== "equal";
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "uix-text-diff__cell", "data-side": side, "data-kind": changed ? side === "before" ? "delete" : "insert" : "equal", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "uix-text-diff__num", "aria-hidden": "true", children: line.number }),
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "uix-text-diff__sign", "aria-hidden": "true", children: changed ? side === "before" ? "\u2212" : "+" : "" }),
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "uix-text-diff__text", children: line.segments.length === 1 && line.segments[0].text === "" ? "\u200B" : /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Marked, { segments: line.segments, side, labels, whole: line.segments.length === 1 }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "uix-text-diff__cell", "data-side": side, "data-kind": changed ? side === "before" ? "delete" : "insert" : "equal", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "uix-text-diff__num", "aria-hidden": "true", children: line.number }),
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "uix-text-diff__sign", "aria-hidden": "true", children: changed ? side === "before" ? "\u2212" : "+" : "" }),
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "uix-text-diff__text", children: line.segments.length === 1 && line.segments[0].text === "" ? "\u200B" : /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Marked, { segments: line.segments, side, labels, whole: line.segments.length === 1 }) })
   ] });
 }
 function Rows({ rows, view, labels, focusFirst }) {
-  const [open, setOpen] = (0, import_react68.useState)(() => /* @__PURE__ */ new Set());
-  const first = (0, import_react68.useRef)(null);
-  (0, import_react68.useEffect)(() => {
+  const [open, setOpen] = (0, import_react69.useState)(() => /* @__PURE__ */ new Set());
+  const first = (0, import_react69.useRef)(null);
+  (0, import_react69.useEffect)(() => {
     if (focusFirst) first.current?.focus();
   }, [focusFirst]);
   const firstProps = (index) => focusFirst && index === 0 ? { ref: first, tabIndex: -1 } : {};
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_jsx_runtime96.Fragment, { children: rows.map((row, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_jsx_runtime97.Fragment, { children: rows.map((row, index) => {
     if (row.kind === "fold") {
-      if (open.has(index)) return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Rows, { rows: row.rows, view, labels, focusFirst: true }, index);
-      return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "uix-text-diff__row", "data-kind": "fold", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("button", { type: "button", className: "uix-text-diff__fold", onClick: () => setOpen((s) => new Set(s).add(index)), children: fillLabel(labels.showUnchanged, { count: row.count }) }) }, index);
+      if (open.has(index)) return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Rows, { rows: row.rows, view, labels, focusFirst: true }, index);
+      return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "uix-text-diff__row", "data-kind": "fold", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("button", { type: "button", className: "uix-text-diff__fold", onClick: () => setOpen((s) => new Set(s).add(index)), children: fillLabel(labels.showUnchanged, { count: row.count }) }) }, index);
     }
     const before = row.kind === "insert" ? void 0 : row.before;
     const after = row.kind === "delete" ? void 0 : row.after;
     if (view === "unified") {
-      if (row.kind === "equal") return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "uix-text-diff__row", "data-kind": "equal", ...firstProps(index), children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Cell, { line: after, side: "after", kind: "equal", labels }) }, index);
-      return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(import_react68.Fragment, { children: [
-        before && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "uix-text-diff__row", "data-kind": "delete", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Cell, { line: before, side: "before", kind: row.kind, labels }) }),
-        after && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "uix-text-diff__row", "data-kind": "insert", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Cell, { line: after, side: "after", kind: row.kind, labels }) })
+      if (row.kind === "equal") return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "uix-text-diff__row", "data-kind": "equal", ...firstProps(index), children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Cell, { line: after, side: "after", kind: "equal", labels }) }, index);
+      return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_react69.Fragment, { children: [
+        before && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "uix-text-diff__row", "data-kind": "delete", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Cell, { line: before, side: "before", kind: row.kind, labels }) }),
+        after && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "uix-text-diff__row", "data-kind": "insert", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Cell, { line: after, side: "after", kind: row.kind, labels }) })
       ] }, index);
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "uix-text-diff__row", "data-kind": row.kind, ...firstProps(index), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Cell, { line: before, side: "before", kind: row.kind, labels }),
-      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Cell, { line: after, side: "after", kind: row.kind, labels })
+    return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "uix-text-diff__row", "data-kind": row.kind, ...firstProps(index), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Cell, { line: before, side: "before", kind: row.kind, labels }),
+      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Cell, { line: after, side: "after", kind: row.kind, labels })
     ] }, index);
   }) });
 }
@@ -12430,41 +13098,41 @@ function TextDiff({
 }) {
   const uixLabels = useUixLabels();
   const labels = { ...DEFAULT_TEXT_DIFF_LABELS, ...uixLabels.textDiff, ...labelOverrides };
-  const result = (0, import_react68.useMemo)(() => diffText(before, after, { granularity, maxTokens, maxEdits }), [before, after, granularity, maxTokens, maxEdits]);
-  const rows = (0, import_react68.useMemo)(() => granularity === "line" && result.status === "ok" ? textDiffRows(result, { context }) : [], [result, granularity, context]);
-  const heads = /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "uix-text-diff__heads", "aria-hidden": view === "unified" || void 0, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("span", { className: "uix-text-diff__head", "data-side": "before", children: [
-      view === "unified" && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { "aria-hidden": "true", children: "\u2212 " }),
+  const result = (0, import_react69.useMemo)(() => diffText(before, after, { granularity, maxTokens, maxEdits }), [before, after, granularity, maxTokens, maxEdits]);
+  const rows = (0, import_react69.useMemo)(() => granularity === "line" && result.status === "ok" ? textDiffRows(result, { context }) : [], [result, granularity, context]);
+  const heads = /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "uix-text-diff__heads", "aria-hidden": view === "unified" || void 0, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("span", { className: "uix-text-diff__head", "data-side": "before", children: [
+      view === "unified" && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { "aria-hidden": "true", children: "\u2212 " }),
       beforeLabel ?? labels.before
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("span", { className: "uix-text-diff__head", "data-side": "after", children: [
-      view === "unified" && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { "aria-hidden": "true", children: "+ " }),
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("span", { className: "uix-text-diff__head", "data-side": "after", children: [
+      view === "unified" && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { "aria-hidden": "true", children: "+ " }),
       afterLabel ?? labels.after
     ] })
   ] });
   const unchanged = result.status === "ok" && result.added === 0 && result.removed === 0 && result.ops.every((op) => op.type === "equal");
   let body;
-  if (result.status === "too-large") body = /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "uix-text-diff__note", children: labels.tooLarge });
-  else if (granularity === "line") body = /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "uix-text-diff__body", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Rows, { rows, view, labels }) });
+  if (result.status === "too-large") body = /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "uix-text-diff__note", children: labels.tooLarge });
+  else if (granularity === "line") body = /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "uix-text-diff__body", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Rows, { rows, view, labels }) });
   else {
-    const prose = (side2) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "uix-text-diff__prose", "data-side": side2, children: result.ops.map((op, i) => {
+    const prose = (side2) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "uix-text-diff__prose", "data-side": side2, children: result.ops.map((op, i) => {
       const text = op.tokens.join("");
-      if (op.type === "equal") return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_react68.Fragment, { children: text }, i);
+      if (op.type === "equal") return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_react69.Fragment, { children: text }, i);
       if (op.type === "delete" && side2 === "after") return null;
       if (op.type === "insert" && side2 === "before") return null;
-      return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Marked, { segments: [{ text, changed: true }], side: op.type === "delete" ? "before" : "after", labels }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Marked, { segments: [{ text, changed: true }], side: op.type === "delete" ? "before" : "after", labels }, i);
     }) });
-    const side = (which) => /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "uix-text-diff__side", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "uix-text-diff__head", children: which === "before" ? beforeLabel ?? labels.before : afterLabel ?? labels.after }),
+    const side = (which) => /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "uix-text-diff__side", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "uix-text-diff__head", children: which === "before" ? beforeLabel ?? labels.before : afterLabel ?? labels.after }),
       prose(which)
     ] });
-    body = /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "uix-text-diff__body", children: view === "unified" ? prose("both") : /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "uix-text-diff__row", "data-kind": "prose", children: [
+    body = /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "uix-text-diff__body", children: view === "unified" ? prose("both") : /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "uix-text-diff__row", "data-kind": "prose", children: [
       side("before"),
       side("after")
     ] }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { role: "group", "aria-label": label, className: cx("uix-text-diff", className), "data-view": view, "data-granularity": granularity, ...props, children: [
-    !hideSummary && result.status === "ok" && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "uix-text-diff__summary", children: unchanged ? labels.noChanges : fillLabel(labels.summary, { added: result.added, removed: result.removed }) }),
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { role: "group", "aria-label": label, className: cx("uix-text-diff", className), "data-view": view, "data-granularity": granularity, ...props, children: [
+    !hideSummary && result.status === "ok" && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "uix-text-diff__summary", children: unchanged ? labels.noChanges : fillLabel(labels.summary, { added: result.added, removed: result.removed }) }),
     !(granularity === "word" && view === "split" && result.status === "ok") && heads,
     body
   ] });
@@ -12641,6 +13309,7 @@ function TextDiff({
   Switch,
   TEXT_FILTER_OPERATORS,
   TOAST_LEAVE_MS,
+  TOP_LANE_CROSS_MIDNIGHT_MINUTES,
   Tab,
   TabPanel,
   Table,
@@ -12705,10 +13374,12 @@ function TextDiff({
   isRuleGroup,
   itemDaySpan,
   layeredNeighbor,
+  layoutDaySpans,
   layoutLane,
   layoutLayeredGraph,
   layoutMonthSpans,
   layoutRelationshipGraph,
+  layoutTimeGridDay,
   mapRuleGroup,
   matchFilter,
   matchFilterPreset,
@@ -12725,6 +13396,8 @@ function TextDiff({
   partitionFiles,
   pixelsToMs,
   placeSpan,
+  placesInTopLane,
+  proposeMove,
   rankOverflow,
   relationshipNeighbors,
   relativeTimeValue,