@ohif/app 3.13.0-beta.51 → 3.13.0-beta.53

package/dist/{app.bundle.f5b1d8747965f98a72a8.js → app.bundle.c04905256ae115737ab1.js}

@@ -80732,7 +80732,7 @@ const detectionOptions = {
   }
 });
 ;// ../../i18n/package.json
-const package_namespaceObject = /*#__PURE__*/JSON.parse('{"rE":"3.13.0-beta.50"}');
+const package_namespaceObject = /*#__PURE__*/JSON.parse('{"rE":"3.13.0-beta.52"}');
 ;// ../../i18n/src/utils.js
 const languagesMap = {
   ar: 'Arabic',
@@ -82101,7 +82101,7 @@ i18next/* default */.A.currentLanguage = () => ({
 
 /***/ },
 
-/***/ 2343
+/***/ 15953
 (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -82228,7 +82228,7 @@ __webpack_require__.d(__webpack_exports__, {
   WpD: () => (/* reexport */ src_utils_namespaceObject)
 });
 
-// UNUSED EXPORTS: BackItem, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DisplaySetMessageListTooltip, DividerItem, DoubleSlider, DropdownMenuCheckboxItem, DropdownMenuGroup, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuShortcut, HeaderItem, HorizontalDirection, IconMenu, ImageViewerContext, InputNumber, Item, ItemPanel, Menu, PanelSelector, PatientInfo, ScrollBar, StudyBrowserSort, StudyBrowserViewOptions, StudyItem, SubMenu, Thumbnail, ThumbnailList, Toaster, Toggle, ToolboxUI, Types, VerticalDirection, ViewportActionBar, ViewportActionCornersLocations, ViewportGridContext, WindowLevelHistogram, buttonVariants, toggleVariants, useDialog, useDynamicMaxHeight, useNotification, useSegmentStatistics
+// UNUSED EXPORTS: BackItem, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DisplaySetMessageListTooltip, DividerItem, DoubleSlider, DropdownMenuCheckboxItem, DropdownMenuGroup, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuShortcut, HeaderItem, HorizontalDirection, IconMenu, ImageViewerContext, InputNumber, Item, ItemPanel, Menu, PanelSelector, PatientInfo, ScrollBar, SmartScrollbar, SmartScrollbarEndpoints, SmartScrollbarFill, SmartScrollbarIndicator, SmartScrollbarTrack, StudyBrowserSort, StudyBrowserViewOptions, StudyItem, SubMenu, Thumbnail, ThumbnailList, Toaster, Toggle, ToolboxUI, Types, VerticalDirection, ViewportActionBar, ViewportActionCornersLocations, ViewportGridContext, WindowLevelHistogram, buttonVariants, toggleVariants, useByteArray, useDialog, useDynamicMaxHeight, useNotification, useSegmentStatistics, useSmartScrollbarLayoutContext, useSmartScrollbarScrollContext
 
 // NAMESPACE OBJECT: ../../ui-next/src/utils/index.ts
 var src_utils_namespaceObject = {};
@@ -85143,6 +85143,710 @@ Button.displayName = 'Button';
 
 ;// ../../ui-next/src/components/Button/index.ts
 
+;// ../../ui-next/src/components/SmartScrollbar/utils.ts
+/**
+ * Given a Uint8Array where each non-zero byte represents a set position,
+ * returns contiguous runs in a single O(n) pass. No sorting or heap
+ * allocations inside the loop.
+ */
+function computeContiguousRuns(bytes) {
+  const runs = [];
+  const n = bytes.length;
+  let i = 0;
+  while (i < n) {
+    while (i < n && bytes[i] === 0) i++;
+    if (i >= n) break;
+    const start = i;
+    while (i < n && bytes[i] !== 0) i++;
+    runs.push({
+      start,
+      length: i - start
+    });
+  }
+  return runs;
+}
+
+/**
+ * Convert marked items (0/1 bytes) into a per-pixel fill mask (0/1 bytes).
+ * The result is conservative in the sense that a pixel row is filled only when
+ * its mapped items are all marked, so the fill never overstates coverage.
+ *
+ * - If `total >= pixelCount`: each pixel row maps to a disjoint item-index
+ *   range; a pixel row is filled only if all items in that range are marked.
+ * - If `pixelCount > total`: each item spans multiple pixel rows; if the item
+ *   is marked, its entire pixel span is filled.
+ */
+function computePixelFilledFromMarked(marked, pixelCount) {
+  const total = marked.length;
+  const count = Math.max(0, Math.floor(pixelCount));
+  if (count === 0 || total <= 0) return new Uint8Array(0);
+  const pixelFilled = new Uint8Array(count);
+  if (total >= count) {
+    for (let pixelIndex = 0; pixelIndex < count; pixelIndex++) {
+      const start = Math.floor(pixelIndex * total / count);
+      const end = Math.floor((pixelIndex + 1) * total / count);
+      if (end <= start) continue;
+      let filled = 1;
+      for (let itemIndex = start; itemIndex < end; itemIndex++) {
+        if (marked[itemIndex] === 0) {
+          filled = 0;
+          break;
+        }
+      }
+      pixelFilled[pixelIndex] = filled;
+    }
+  } else {
+    for (let itemIndex = 0; itemIndex < total; itemIndex++) {
+      if (marked[itemIndex] === 0) continue;
+      const topPx = Math.floor(itemIndex * count / total);
+      const bottomPx = Math.floor((itemIndex + 1) * count / total);
+      for (let pixel = topPx; pixel < bottomPx; pixel++) {
+        pixelFilled[pixel] = 1;
+      }
+    }
+  }
+  return pixelFilled;
+}
+
+/**
+ * Compute the indicator's total visual dimensions and horizontal position.
+ * Design 27: pill shape, center position, 1px border.
+ */
+function getIndicatorLayout(trackWidth, indicatorSize, borderWidth) {
+  const visualSize = indicatorSize * 1.25;
+  const fillWidth = visualSize;
+  const fillHeight = Math.round(visualSize / 2); // pill = half height
+  const totalWidth = fillWidth + borderWidth * 2;
+  const totalHeight = fillHeight + borderWidth * 2;
+  const centerX = trackWidth / 2;
+  const leftPos = centerX - totalWidth / 2;
+  return {
+    totalWidth,
+    totalHeight,
+    fillWidth,
+    fillHeight,
+    leftPos
+  };
+}
+;// ../../ui-next/src/components/SmartScrollbar/SmartScrollbarIndicator.tsx
+/* unused harmony import specifier */ var React;
+/* unused harmony import specifier */ var useSmartScrollbarLayoutContext;
+/* unused harmony import specifier */ var useSmartScrollbarScrollContext;
+/* unused harmony import specifier */ var SmartScrollbarIndicator_getIndicatorLayout;
+
+
+
+
+// ── Indicator dimensions and colors ─────────────────────────────
+const INDICATOR_SIZE = 8;
+const BORDER_WIDTH = 1;
+const INDICATOR_COLOR = 'hsl(var(--foreground) / 0.9)';
+const BORDER_COLOR = 'hsl(var(--neutral) / 0.9)';
+function SmartScrollbarIndicator({
+  className
+}) {
+  const {
+    total,
+    trackHeight,
+    effectiveWidth,
+    fillPadding
+  } = useSmartScrollbarLayoutContext();
+  const value = useSmartScrollbarScrollContext();
+  if (trackHeight === 0 || total <= 1) return null;
+  const {
+    totalWidth,
+    totalHeight,
+    fillWidth,
+    fillHeight,
+    leftPos
+  } = SmartScrollbarIndicator_getIndicatorLayout(effectiveWidth, INDICATOR_SIZE, BORDER_WIDTH);
+  const offsetY = (totalHeight - INDICATOR_SIZE) / 2;
+  const fillAreaTop = fillPadding;
+  const pixelCount = Math.max(0, Math.floor(trackHeight - fillPadding * 2));
+  if (pixelCount === 0) return null;
+
+  // Align the indicator with the item’s pixel bucket(s) so it sits “over” the
+  // same pixel-space mapping used by fill/endpoints.
+  const clampedValue = Math.max(0, Math.min(total - 1, value));
+  const itemStartPx = Math.floor(clampedValue * pixelCount / total);
+  const maxTopInFill = Math.max(0, pixelCount - INDICATOR_SIZE);
+  const topInFill = Math.max(0, Math.min(maxTopInFill, itemStartPx));
+  const y = fillAreaTop + topInFill;
+  return /*#__PURE__*/React.createElement("div", {
+    className: `pointer-events-none absolute ${className ?? ''}`,
+    style: {
+      left: leftPos,
+      top: y - offsetY,
+      width: totalWidth,
+      height: totalHeight,
+      transition: 'left 300ms ease, opacity 300ms ease'
+    }
+  }, /*#__PURE__*/React.createElement("svg", {
+    width: totalWidth,
+    height: totalHeight,
+    viewBox: `0 0 ${totalWidth} ${totalHeight}`
+  }, /*#__PURE__*/React.createElement("rect", {
+    x: 0,
+    y: 0,
+    width: totalWidth,
+    height: totalHeight,
+    rx: totalHeight / 2,
+    ry: totalHeight / 2,
+    fill: BORDER_COLOR
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: BORDER_WIDTH,
+    y: BORDER_WIDTH,
+    width: fillWidth,
+    height: fillHeight,
+    rx: fillHeight / 2,
+    ry: fillHeight / 2,
+    fill: INDICATOR_COLOR
+  })));
+}
+;// ../../ui-next/src/components/SmartScrollbar/SmartScrollbar.tsx
+/* unused harmony import specifier */ var Children;
+/* unused harmony import specifier */ var isValidElement;
+/* unused harmony import specifier */ var createContext;
+/* unused harmony import specifier */ var useContext;
+/* unused harmony import specifier */ var useRef;
+/* unused harmony import specifier */ var useState;
+/* unused harmony import specifier */ var useEffect;
+/* unused harmony import specifier */ var useCallback;
+/* unused harmony import specifier */ var useMemo;
+/* unused harmony import specifier */ var SmartScrollbar_React;
+/* unused harmony import specifier */ var SmartScrollbar_getIndicatorLayout;
+/* unused harmony import specifier */ var SmartScrollbar_SmartScrollbarIndicator;
+
+
+
+
+// ── Child validation ────────────────────────────────────────────
+function validateChildren(children) {
+  let hasIndicator = false;
+  Children.forEach(children, child => {
+    if (! /*#__PURE__*/isValidElement(child)) return;
+    if (child.type === SmartScrollbar_SmartScrollbarIndicator) hasIndicator = true;
+  });
+  if (!hasIndicator) {
+    throw new Error('SmartScrollbar: <SmartScrollbarIndicator> is a required child. ' + 'Users will not see their current scroll position without it.');
+  }
+}
+
+// ── Layout and timing constants ─────────────────────────────────
+const TRACK_WIDTH = 8;
+const RESTING_WIDTH = 4;
+const FILL_PADDING = 3;
+const SmartScrollbar_INDICATOR_SIZE = 8;
+const INDICATOR_BORDER_WIDTH = 1;
+const SETTLE_DELAY = 600;
+
+// ── Contexts ───────────────────────────────────────────────────
+
+const SmartScrollbarLayoutContext = /*#__PURE__*/(/* unused pure expression or super */ null && (createContext(null)));
+const SmartScrollbarScrollContext = /*#__PURE__*/(/* unused pure expression or super */ null && (createContext(null)));
+function SmartScrollbar_useSmartScrollbarLayoutContext() {
+  const ctx = useContext(SmartScrollbarLayoutContext);
+  if (!ctx) throw new Error('SmartScrollbar compound components must be used inside <SmartScrollbar>');
+  return ctx;
+}
+function SmartScrollbar_useSmartScrollbarScrollContext() {
+  const value = useContext(SmartScrollbarScrollContext);
+  if (value === null) throw new Error('SmartScrollbar compound components must be used inside <SmartScrollbar>');
+  return value;
+}
+
+// ── Props ──────────────────────────────────────────────────────
+
+// ── Component ──────────────────────────────────────────────────
+function SmartScrollbar({
+  value,
+  total,
+  onValueChange,
+  isLoading = false,
+  enableKeyboardNavigation = false,
+  'aria-label': ariaLabel = 'Scroll position',
+  className,
+  children
+}) {
+  validateChildren(children);
+
+  // ── ResizeObserver for trackHeight ───────────────────────────
+  const containerRef = useRef(null);
+  const [trackHeight, setTrackHeight] = useState(0);
+  useEffect(() => {
+    const el = containerRef.current;
+    if (!el) return;
+    const ro = new ResizeObserver(([entry]) => {
+      setTrackHeight(entry.contentRect.height);
+    });
+    ro.observe(el);
+    return () => ro.disconnect();
+  }, []);
+
+  // ── Contraction state ────────────────────────────────────────
+  const [isHovered, setIsHovered] = useState(false);
+  const [isDragging, setIsDragging] = useState(false);
+  const isDraggingRef = useRef(false);
+  const trackTopRef = useRef(0);
+
+  // Settle delay — only contract after a real loading→done transition
+  const [hasSettled, setHasSettled] = useState(false);
+  const wasEverLoading = useRef(false);
+  useEffect(() => {
+    if (isLoading) {
+      wasEverLoading.current = true;
+      setHasSettled(false);
+    } else if (wasEverLoading.current) {
+      const timer = setTimeout(() => setHasSettled(true), SETTLE_DELAY);
+      return () => clearTimeout(timer);
+    }
+  }, [isLoading]);
+  const isExpanded = !hasSettled || isHovered || isDragging;
+  const effectiveWidth = isExpanded ? TRACK_WIDTH : RESTING_WIDTH;
+
+  // ── Hit zone extension ───────────────────────────────────────
+  const {
+    leftPos
+  } = SmartScrollbar_getIndicatorLayout(TRACK_WIDTH, SmartScrollbar_INDICATOR_SIZE, INDICATOR_BORDER_WIDTH);
+  const hitZoneLeftExtension = Math.max(0, -leftPos);
+
+  // ── Stable layer (for elements that shouldn't move during contraction) ──
+  // Uses useState + callback ref so React triggers a re-render when the
+  // DOM node mounts — ensuring endpoints render on the first valid pass.
+  const [stableLayerEl, setStableLayerEl] = useState(null);
+
+  // ── Pointer helpers ──────────────────────────────────────────
+  const clamp = useCallback(val => Math.max(0, Math.min(total - 1, val)), [total]);
+  const indexFromPointerY = useCallback(clientY => {
+    const ratio = Math.max(0, Math.min(1, (clientY - trackTopRef.current) / trackHeight));
+    return Math.round(ratio * (total - 1));
+  }, [trackHeight, total]);
+  const handlePointerDown = useCallback(e => {
+    trackTopRef.current = e.currentTarget.getBoundingClientRect().top;
+    isDraggingRef.current = true;
+    setIsDragging(true);
+    e.currentTarget.setPointerCapture(e.pointerId);
+    onValueChange(clamp(indexFromPointerY(e.clientY)));
+  }, [clamp, indexFromPointerY, onValueChange]);
+  const handlePointerMove = useCallback(e => {
+    if (!isDraggingRef.current) return;
+    onValueChange(clamp(indexFromPointerY(e.clientY)));
+  }, [clamp, indexFromPointerY, onValueChange]);
+  const handlePointerUp = useCallback(e => {
+    isDraggingRef.current = false;
+    setIsDragging(false);
+    e.currentTarget.releasePointerCapture(e.pointerId);
+  }, []);
+
+  // ── Keyboard interaction (WAI-ARIA slider spec) ────────────
+  const PAGE_STEP = 10;
+  const handleKeyDown = useCallback(e => {
+    let next = null;
+    switch (e.key) {
+      case 'ArrowUp':
+      case 'ArrowLeft':
+        next = value - 1;
+        break;
+      case 'ArrowDown':
+      case 'ArrowRight':
+        next = value + 1;
+        break;
+      case 'PageUp':
+        next = value - PAGE_STEP;
+        break;
+      case 'PageDown':
+        next = value + PAGE_STEP;
+        break;
+      case 'Home':
+        next = 0;
+        break;
+      case 'End':
+        next = total - 1;
+        break;
+      default:
+        return;
+    }
+    e.preventDefault();
+    onValueChange(clamp(next));
+  }, [value, total, clamp, onValueChange]);
+
+  // ── Context values ───────────────────────────────────────────
+  const layoutCtx = useMemo(() => ({
+    total,
+    trackHeight,
+    isLoading,
+    effectiveWidth,
+    trackWidth: TRACK_WIDTH,
+    fillPadding: FILL_PADDING,
+    stableLayerEl
+  }), [total, trackHeight, isLoading, effectiveWidth, stableLayerEl]);
+  return /*#__PURE__*/SmartScrollbar_React.createElement(SmartScrollbarLayoutContext.Provider, {
+    value: layoutCtx
+  }, /*#__PURE__*/SmartScrollbar_React.createElement(SmartScrollbarScrollContext.Provider, {
+    value: value
+  }, /*#__PURE__*/SmartScrollbar_React.createElement("div", {
+    ref: containerRef,
+    role: "slider",
+    "aria-valuenow": value,
+    "aria-valuemin": 0,
+    "aria-valuemax": total - 1,
+    "aria-orientation": "vertical",
+    "aria-label": ariaLabel,
+    tabIndex: 0,
+    className: className,
+    style: {
+      width: TRACK_WIDTH + hitZoneLeftExtension,
+      height: '100%',
+      position: 'relative',
+      marginLeft: -hitZoneLeftExtension,
+      cursor: isDragging ? 'grabbing' : 'grab',
+      touchAction: 'none'
+    },
+    onPointerEnter: () => setIsHovered(true),
+    onPointerLeave: () => setIsHovered(false),
+    onPointerDown: handlePointerDown,
+    onPointerMove: handlePointerMove,
+    onPointerUp: handlePointerUp,
+    onPointerCancel: handlePointerUp,
+    onKeyDown: enableKeyboardNavigation ? handleKeyDown : undefined
+  }, trackHeight > 0 && /*#__PURE__*/SmartScrollbar_React.createElement("div", {
+    style: {
+      position: 'absolute',
+      right: 0,
+      top: 0,
+      width: TRACK_WIDTH,
+      height: trackHeight,
+      display: 'flex',
+      justifyContent: 'center'
+    }
+  }, /*#__PURE__*/SmartScrollbar_React.createElement("div", {
+    className: "relative",
+    style: {
+      width: effectiveWidth,
+      height: trackHeight,
+      transition: 'width 300ms ease'
+    }
+  }, children), /*#__PURE__*/SmartScrollbar_React.createElement("div", {
+    ref: setStableLayerEl,
+    style: {
+      position: 'absolute',
+      inset: 0,
+      pointerEvents: 'none'
+    }
+  })))));
+}
+;// ../../ui-next/src/components/SmartScrollbar/SmartScrollbarTrack.tsx
+/* unused harmony import specifier */ var SmartScrollbarTrack_React;
+/* unused harmony import specifier */ var useId;
+/* unused harmony import specifier */ var SmartScrollbarTrack_useState;
+/* unused harmony import specifier */ var SmartScrollbarTrack_useEffect;
+/* unused harmony import specifier */ var SmartScrollbarTrack_useSmartScrollbarLayoutContext;
+
+
+
+// ── Dot-grid pattern constants ──────────────────────────────────
+const DOT_SIZE = 2;
+const DOT_GAP = 4;
+const DOT_STEP = DOT_SIZE + DOT_GAP; // 6px
+const DOT_RADIUS = DOT_SIZE / 2;
+const FADE_DURATION_MS = 500;
+function DotGrid({
+  w,
+  h,
+  patternId
+}) {
+  const dotColor = `hsl(var(--neutral) / 0.5)`;
+  return /*#__PURE__*/SmartScrollbarTrack_React.createElement("svg", {
+    width: w,
+    height: h,
+    className: "absolute inset-0"
+  }, /*#__PURE__*/SmartScrollbarTrack_React.createElement("defs", null, /*#__PURE__*/SmartScrollbarTrack_React.createElement("pattern", {
+    id: patternId,
+    width: DOT_STEP,
+    height: DOT_STEP,
+    patternUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/SmartScrollbarTrack_React.createElement("circle", {
+    cx: DOT_RADIUS,
+    cy: DOT_RADIUS,
+    r: DOT_RADIUS,
+    fill: dotColor
+  })), /*#__PURE__*/SmartScrollbarTrack_React.createElement("clipPath", {
+    id: `${patternId}-clip`
+  }, /*#__PURE__*/SmartScrollbarTrack_React.createElement("rect", {
+    x: 0,
+    y: 0,
+    width: w,
+    height: h
+  }))), /*#__PURE__*/SmartScrollbarTrack_React.createElement("rect", {
+    x: 0,
+    y: 0,
+    width: w,
+    height: h,
+    fill: `url(#${patternId})`,
+    clipPath: `url(#${patternId}-clip)`
+  }));
+}
+const SmartScrollbarTrack = /*#__PURE__*/(/* unused pure expression or super */ null && (SmartScrollbarTrack_React.memo(function SmartScrollbarTrack({
+  className,
+  children
+}) {
+  const {
+    trackHeight,
+    effectiveWidth,
+    isLoading
+  } = SmartScrollbarTrack_useSmartScrollbarLayoutContext();
+  const patternId = useId();
+
+  // Keep the dot grid mounted long enough to fade out, then unmount entirely.
+  const [dotGridMounted, setDotGridMounted] = SmartScrollbarTrack_useState(isLoading);
+  SmartScrollbarTrack_useEffect(() => {
+    if (isLoading) {
+      setDotGridMounted(true);
+      return;
+    }
+    const t = setTimeout(() => setDotGridMounted(false), FADE_DURATION_MS);
+    return () => clearTimeout(t);
+  }, [isLoading]);
+  if (trackHeight === 0) return null;
+  const w = effectiveWidth;
+  const h = trackHeight;
+  return /*#__PURE__*/SmartScrollbarTrack_React.createElement("div", {
+    className: `absolute inset-0 ${className ?? ''}`
+  }, dotGridMounted && /*#__PURE__*/SmartScrollbarTrack_React.createElement("div", {
+    className: "absolute inset-0",
+    style: {
+      width: w,
+      height: h,
+      opacity: isLoading ? 1 : 0,
+      transition: `opacity ${FADE_DURATION_MS}ms ease`
+    }
+  }, /*#__PURE__*/SmartScrollbarTrack_React.createElement(DotGrid, {
+    w: w,
+    h: h,
+    patternId: patternId
+  })), children);
+})));
+;// ../../ui-next/src/components/SmartScrollbar/SmartScrollbarFill.tsx
+/* unused harmony import specifier */ var SmartScrollbarFill_React;
+/* unused harmony import specifier */ var SmartScrollbarFill_useMemo;
+/* unused harmony import specifier */ var SmartScrollbarFill_useSmartScrollbarLayoutContext;
+/* unused harmony import specifier */ var SmartScrollbarFill_computePixelFilledFromMarked;
+/* unused harmony import specifier */ var SmartScrollbarFill_computeContiguousRuns;
+
+
+
+const SmartScrollbarFill = /*#__PURE__*/(/* unused pure expression or super */ null && (SmartScrollbarFill_React.memo(function SmartScrollbarFill({
+  marked,
+  version,
+  className,
+  loadingClassName
+}) {
+  const {
+    trackHeight,
+    effectiveWidth,
+    fillPadding,
+    isLoading
+  } = SmartScrollbarFill_useSmartScrollbarLayoutContext();
+  const runs = SmartScrollbarFill_useMemo(() => {
+    // Render fill in pixel space so the fill never overstates coverage when
+    // many indices map into a single pixel row (subpixel heights).
+    const pixelCount = Math.max(0, Math.floor(trackHeight - fillPadding * 2));
+    const pixelFilled = SmartScrollbarFill_computePixelFilledFromMarked(marked, pixelCount);
+    return SmartScrollbarFill_computeContiguousRuns(pixelFilled);
+  }, [marked, version, trackHeight, fillPadding]);
+  if (runs.length === 0 || trackHeight === 0) return null;
+  const fillAreaTop = fillPadding;
+  const activeClass = isLoading && loadingClassName ? loadingClassName : className;
+  return /*#__PURE__*/SmartScrollbarFill_React.createElement(SmartScrollbarFill_React.Fragment, null, runs.map((run, index) => {
+    const top = fillAreaTop + run.start;
+    const height = run.length;
+    return /*#__PURE__*/SmartScrollbarFill_React.createElement("div", {
+      key: index,
+      className: `absolute ${activeClass ?? ''}`,
+      style: {
+        left: 0,
+        top,
+        width: effectiveWidth,
+        height,
+        transition: 'width 300ms ease, left 300ms ease'
+      }
+    });
+  }));
+})));
+// EXTERNAL MODULE: ../../../node_modules/react-dom/index.js
+var react_dom = __webpack_require__(35623);
+;// ../../ui-next/src/components/SmartScrollbar/SmartScrollbarEndpoints.tsx
+/* unused harmony import specifier */ var SmartScrollbarEndpoints_React;
+/* unused harmony import specifier */ var createPortal;
+/* unused harmony import specifier */ var SmartScrollbarEndpoints_useSmartScrollbarLayoutContext;
+/* unused harmony import specifier */ var SmartScrollbarEndpoints_computePixelFilledFromMarked;
+
+
+
+
+
+// ── Endpoint cap dimensions and color ───────────────────────────
+const CAP_SIZE = 4;
+const CAP_HEIGHT = CAP_SIZE / 2 + 1; // 3
+const CAP_COLOR = 'hsl(var(--neutral) / 1.0)';
+const SmartScrollbarEndpoints = /*#__PURE__*/(/* unused pure expression or super */ null && (SmartScrollbarEndpoints_React.memo(function SmartScrollbarEndpoints({
+  marked,
+  // `marked` is mutated in-place (stable reference). We accept `version` only to
+  // invalidate React.memo and force a re-render when the bytes change. The
+  // leading underscore indicates the value is intentionally unused in this component.
+  version: _version,
+  className
+}) {
+  const {
+    trackHeight,
+    trackWidth,
+    fillPadding,
+    stableLayerEl
+  } = SmartScrollbarEndpoints_useSmartScrollbarLayoutContext();
+  const fillAreaTop = fillPadding;
+  const pixelCount = Math.max(0, Math.floor(trackHeight - fillPadding * 2));
+  if (pixelCount === 0) return null;
+  const pixelFilled = SmartScrollbarEndpoints_computePixelFilledFromMarked(marked, pixelCount);
+
+  // Scan for the first and last filled pixel row in O(n) so endpoints align
+  // exactly with the fill rendering in pixel space.
+  let firstFilledPixel = -1;
+  let lastFilledPixel = -1;
+  for (let pixel = 0; pixel < pixelFilled.length; pixel++) {
+    if (pixelFilled[pixel]) {
+      firstFilledPixel = pixel;
+      break;
+    }
+  }
+  for (let pixel = pixelFilled.length - 1; pixel >= 0; pixel--) {
+    if (pixelFilled[pixel]) {
+      lastFilledPixel = pixel;
+      break;
+    }
+  }
+  if (firstFilledPixel === -1 || trackHeight === 0 || !stableLayerEl) return null;
+
+  // Use trackWidth (always 8px) not effectiveWidth — endpoints must stay
+  // stationary during contraction/expansion transitions.
+  const cx = trackWidth / 2;
+  const halfCap = CAP_SIZE / 2;
+  const topEdge = fillAreaTop + firstFilledPixel;
+  const bottomEdge = fillAreaTop + (lastFilledPixel + 1);
+
+  // Portal into the stable layer so position isn't affected by the
+  // contracting track div's width transition.
+  return /*#__PURE__*/createPortal(/*#__PURE__*/SmartScrollbarEndpoints_React.createElement("svg", {
+    width: trackWidth,
+    height: trackHeight,
+    className: `pointer-events-none absolute inset-0 ${className ?? ''}`
+  }, /*#__PURE__*/SmartScrollbarEndpoints_React.createElement("rect", {
+    x: cx - halfCap,
+    y: topEdge - CAP_HEIGHT,
+    width: CAP_SIZE,
+    height: CAP_HEIGHT,
+    fill: CAP_COLOR
+  }), /*#__PURE__*/SmartScrollbarEndpoints_React.createElement("rect", {
+    x: cx - halfCap,
+    y: bottomEdge,
+    width: CAP_SIZE,
+    height: CAP_HEIGHT,
+    fill: CAP_COLOR
+  })), stableLayerEl);
+})));
+// EXTERNAL MODULE: ../../../node_modules/lodash.debounce/index.js
+var lodash_debounce = __webpack_require__(62051);
+var lodash_debounce_default = /*#__PURE__*/__webpack_require__.n(lodash_debounce);
+;// ../../ui-next/src/components/SmartScrollbar/useByteArray.ts
+/* unused harmony import specifier */ var debounce;
+/* unused harmony import specifier */ var useByteArray_useRef;
+/* unused harmony import specifier */ var useByteArray_useState;
+/* unused harmony import specifier */ var useByteArray_useMemo;
+/* unused harmony import specifier */ var useByteArray_useEffect;
+/* unused harmony import specifier */ var useByteArray_useCallback;
+
+
+/**
+ * Manages a mutable Uint8Array (one byte per position) with React change
+ * detection via an incrementing version counter.
+ *
+ * @param size       - Number of positions (e.g. total slices in a viewport).
+ * @param debounceMs - When > 0, version bumps are debounced by this many
+ *                    milliseconds. Byte writes are always immediate. Use for
+ *                    high-frequency sources (cache prefetch) to batch renders.
+ *                    Omit or pass 0 for immediate re-renders (e.g. viewed tracking).
+ */
+function useByteArray(size, debounceMs = 0) {
+  const bytesRef = useByteArray_useRef(new Uint8Array(size));
+  const countRef = useByteArray_useRef(0);
+  const [version, setVersion] = useByteArray_useState(0);
+
+  // Debounced bump — recreated when debounceMs changes; cancelled on unmount
+  // or when debounceMs changes, following the lodash.debounce pattern used
+  // throughout ui-next (InputFilter, CinePlayer).
+  const debouncedBump = useByteArray_useMemo(() => debounceMs > 0 ? debounce(() => setVersion(v => v + 1), debounceMs) : null, [debounceMs]);
+  useByteArray_useEffect(() => {
+    return () => debouncedBump?.cancel();
+  }, [debouncedBump]);
+
+  // Reset array only when size actually changes — skip on initial mount since
+  // bytesRef is already initialised to the correct size via useRef.
+  useByteArray_useEffect(() => {
+    if (bytesRef.current.length === size) return;
+    debouncedBump?.cancel();
+    bytesRef.current = new Uint8Array(size);
+    countRef.current = 0;
+    setVersion(v => v + 1);
+  }, [size, debouncedBump]);
+  const bump = useByteArray_useCallback(() => {
+    if (debouncedBump) {
+      debouncedBump();
+    } else {
+      setVersion(v => v + 1);
+    }
+  }, [debouncedBump]);
+  const setByte = useByteArray_useCallback(index => {
+    const bytes = bytesRef.current;
+    if (index < 0 || index >= bytes.length || bytes[index] === 1) return;
+    bytes[index] = 1;
+    countRef.current++;
+    bump();
+  }, [bump]);
+  const clearByte = useByteArray_useCallback(index => {
+    const bytes = bytesRef.current;
+    if (index < 0 || index >= bytes.length || bytes[index] === 0) return;
+    bytes[index] = 0;
+    countRef.current--;
+    bump();
+  }, [bump]);
+  const resetWith = useByteArray_useCallback(populate => {
+    const bytes = bytesRef.current;
+    bytes.fill(0);
+    populate(bytes);
+    let count = 0;
+    for (let i = 0; i < bytes.length; i++) {
+      if (bytes[i]) count++;
+    }
+    countRef.current = count;
+    bump();
+  }, [bump]);
+  return {
+    bytes: bytesRef.current,
+    version,
+    // countRef.current is read at render time (triggered by version bump) so
+    // it is always up to date when this value is consumed.
+    isFull: size > 0 && countRef.current === size,
+    setByte,
+    clearByte,
+    resetWith
+  };
+}
+;// ../../ui-next/src/components/SmartScrollbar/index.ts
+
+
+
+
+
+
 ;// ../../ui-next/src/tailwind.css
 // extracted by mini-css-extract-plugin
 
@@ -85270,7 +85974,7 @@ var useLayoutEffect2 = globalThis?.document ? react.useLayoutEffect : () => {
 
 var useReactId = react_namespaceObject[" useId ".trim().toString()] || (() => void 0);
 var count = 0;
-function useId(deterministicId) {
+function dist_useId(deterministicId) {
   const [id, setId] = react.useState(useReactId());
   useLayoutEffect2(() => {
     if (!deterministicId) setId((reactId) => reactId ?? String(count++));
@@ -85282,7 +85986,7 @@ function useId(deterministicId) {
 
 ;// ../../../node_modules/@radix-ui/react-use-effect-event/dist/index.mjs
 /* unused harmony import specifier */ var useLayoutEffect;
-/* unused harmony import specifier */ var React;
+/* unused harmony import specifier */ var dist_React;
 // src/use-effect-event.tsx
 
 
@@ -85292,7 +85996,7 @@ function useEffectEvent(callback) {
   if (typeof useReactEffectEvent === "function") {
     return useReactEffectEvent(callback);
   }
-  const ref = React.useRef(() => {
+  const ref = dist_React.useRef(() => {
     throw new Error("Cannot call an event handler while rendering.");
   });
   if (typeof useReactInsertionEffect === "function") {
@@ -85304,7 +86008,7 @@ function useEffectEvent(callback) {
       ref.current = callback;
     });
   }
-  return React.useMemo(() => (...args) => ref.current?.(...args), []);
+  return dist_React.useMemo(() => (...args) => ref.current?.(...args), []);
 }
 
 //# sourceMappingURL=index.mjs.map
@@ -85446,8 +86150,6 @@ function useControllableStateReducer(reducer, userArgs, initialArg, init) {
 
 //# sourceMappingURL=index.mjs.map
 
-// EXTERNAL MODULE: ../../../node_modules/react-dom/index.js
-var react_dom = __webpack_require__(35623);
 ;// ../../../node_modules/@radix-ui/react-primitive/dist/index.mjs
 // src/primitive.tsx
 
@@ -86441,8 +87143,8 @@ var env = {
 };
 
 ;// ../../../node_modules/use-sidecar/dist/es2015/hook.js
-/* unused harmony import specifier */ var useState;
-/* unused harmony import specifier */ var useEffect;
+/* unused harmony import specifier */ var hook_useState;
+/* unused harmony import specifier */ var hook_useEffect;
 /* unused harmony import specifier */ var hook_env;
 
 
@@ -86459,9 +87161,9 @@ function useSidecar(importer, effect) {
 function useRealSidecar(importer, effect) {
     var options = (effect && effect.options) || NO_OPTIONS;
     var couldUseCache = hook_env.forceCache || (hook_env.isNode && !!options.ssr) || !options.async;
-    var _a = useState(couldUseCache ? function () { return cache.get(importer); } : undefined), Car = _a[0], setCar = _a[1];
-    var _b = useState(null), error = _b[0], setError = _b[1];
-    useEffect(function () {
+    var _a = hook_useState(couldUseCache ? function () { return cache.get(importer); } : undefined), Car = _a[0], setCar = _a[1];
+    var _b = hook_useState(null), error = _b[0], setError = _b[1];
+    hook_useEffect(function () {
         if (!Car) {
             importer().then(function (car) {
                 var resolved = effect ? effect.read() : car.default || car;
@@ -86597,7 +87299,7 @@ function createSidecarMedium(options) {
 ;// ../../../node_modules/use-sidecar/dist/es2015/renderProp.js
 /* unused harmony import specifier */ var renderProp_assign;
 /* unused harmony import specifier */ var renderProp_React;
-/* unused harmony import specifier */ var useCallback;
+/* unused harmony import specifier */ var renderProp_useCallback;
 /* unused harmony import specifier */ var renderProp_useLayoutEffect;
 /* unused harmony import specifier */ var renderProp_useState;
 /* unused harmony import specifier */ var renderProp_useEffect;
@@ -86607,7 +87309,7 @@ function createSidecarMedium(options) {
 function renderCar(WrappedComponent, defaults) {
     function State(_a) {
         var stateRef = _a.stateRef, props = _a.props;
-        var renderTarget = useCallback(function SideTarget() {
+        var renderTarget = renderProp_useCallback(function SideTarget() {
             var args = [];
             for (var _i = 0; _i < arguments.length; _i++) {
                 args[_i] = arguments[_i];
@@ -87436,9 +88138,9 @@ var Dialog = (props) => {
       scope: __scopeDialog,
       triggerRef,
       contentRef,
-      contentId: useId(),
-      titleId: useId(),
-      descriptionId: useId(),
+      contentId: dist_useId(),
+      titleId: dist_useId(),
+      descriptionId: dist_useId(),
       open,
       onOpenChange: setOpen,
       onOpenToggle: react.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
@@ -87716,7 +88418,7 @@ var Close = DialogClose;
 //# sourceMappingURL=index.mjs.map
 
 ;// ../../../node_modules/cmdk/dist/index.mjs
-"use client";var N='[cmdk-group=""]',dist_Y='[cmdk-group-items=""]',be='[cmdk-group-heading=""]',le='[cmdk-item=""]',ce=`${le}:not([aria-disabled="true"])`,Z="cmdk-item-select",T="data-value",Re=(r,o,n)=>W(r,o,n),ue=react.createContext(void 0),dist_K=()=>react.useContext(ue),de=react.createContext(void 0),ee=()=>react.useContext(de),fe=react.createContext(void 0),me=react.forwardRef((r,o)=>{let n=L(()=>{var e,a;return{search:"",value:(a=(e=r.value)!=null?e:r.defaultValue)!=null?a:"",selectedItemId:void 0,filtered:{count:0,items:new Map,groups:new Set}}}),u=L(()=>new Set),c=L(()=>new Map),d=L(()=>new Map),f=L(()=>new Set),p=pe(r),{label:b,children:m,value:R,onValueChange:x,filter:C,shouldFilter:S,loop:A,disablePointerSelection:ge=!1,vimBindings:j=!0,...O}=r,$=useId(),q=useId(),_=useId(),I=react.useRef(null),v=ke();dist_k(()=>{if(R!==void 0){let e=R.trim();n.current.value=e,E.emit()}},[R]),dist_k(()=>{v(6,ne)},[]);let E=react.useMemo(()=>({subscribe:e=>(f.current.add(e),()=>f.current.delete(e)),snapshot:()=>n.current,setState:(e,a,s)=>{var i,l,g,y;if(!Object.is(n.current[e],a)){if(n.current[e]=a,e==="search")J(),z(),v(1,W);else if(e==="value"){if(document.activeElement.hasAttribute("cmdk-input")||document.activeElement.hasAttribute("cmdk-root")){let h=document.getElementById(_);h?h.focus():(i=document.getElementById($))==null||i.focus()}if(v(7,()=>{var h;n.current.selectedItemId=(h=M())==null?void 0:h.id,E.emit()}),s||v(5,ne),((l=p.current)==null?void 0:l.value)!==void 0){let h=a!=null?a:"";(y=(g=p.current).onValueChange)==null||y.call(g,h);return}}E.emit()}},emit:()=>{f.current.forEach(e=>e())}}),[]),U=react.useMemo(()=>({value:(e,a,s)=>{var i;a!==((i=d.current.get(e))==null?void 0:i.value)&&(d.current.set(e,{value:a,keywords:s}),n.current.filtered.items.set(e,te(a,s)),v(2,()=>{z(),E.emit()}))},item:(e,a)=>(u.current.add(e),a&&(c.current.has(a)?c.current.get(a).add(e):c.current.set(a,new Set([e]))),v(3,()=>{J(),z(),n.current.value||W(),E.emit()}),()=>{d.current.delete(e),u.current.delete(e),n.current.filtered.items.delete(e);let s=M();v(4,()=>{J(),(s==null?void 0:s.getAttribute("id"))===e&&W(),E.emit()})}),group:e=>(c.current.has(e)||c.current.set(e,new Set),()=>{d.current.delete(e),c.current.delete(e)}),filter:()=>p.current.shouldFilter,label:b||r["aria-label"],getDisablePointerSelection:()=>p.current.disablePointerSelection,listId:$,inputId:_,labelId:q,listInnerRef:I}),[]);function te(e,a){var i,l;let s=(l=(i=p.current)==null?void 0:i.filter)!=null?l:Re;return e?s(e,n.current.search,a):0}function z(){if(!n.current.search||p.current.shouldFilter===!1)return;let e=n.current.filtered.items,a=[];n.current.filtered.groups.forEach(i=>{let l=c.current.get(i),g=0;l.forEach(y=>{let h=e.get(y);g=Math.max(h,g)}),a.push([i,g])});let s=I.current;V().sort((i,l)=>{var h,F;let g=i.getAttribute("id"),y=l.getAttribute("id");return((h=e.get(y))!=null?h:0)-((F=e.get(g))!=null?F:0)}).forEach(i=>{let l=i.closest(dist_Y);l?l.appendChild(i.parentElement===l?i:i.closest(`${dist_Y} > *`)):s.appendChild(i.parentElement===s?i:i.closest(`${dist_Y} > *`))}),a.sort((i,l)=>l[1]-i[1]).forEach(i=>{var g;let l=(g=I.current)==null?void 0:g.querySelector(`${N}[${T}="${encodeURIComponent(i[0])}"]`);l==null||l.parentElement.appendChild(l)})}function W(){let e=V().find(s=>s.getAttribute("aria-disabled")!=="true"),a=e==null?void 0:e.getAttribute(T);E.setState("value",a||void 0)}function J(){var a,s,i,l;if(!n.current.search||p.current.shouldFilter===!1){n.current.filtered.count=u.current.size;return}n.current.filtered.groups=new Set;let e=0;for(let g of u.current){let y=(s=(a=d.current.get(g))==null?void 0:a.value)!=null?s:"",h=(l=(i=d.current.get(g))==null?void 0:i.keywords)!=null?l:[],F=te(y,h);n.current.filtered.items.set(g,F),F>0&&e++}for(let[g,y]of c.current)for(let h of y)if(n.current.filtered.items.get(h)>0){n.current.filtered.groups.add(g);break}n.current.filtered.count=e}function ne(){var a,s,i;let e=M();e&&(((a=e.parentElement)==null?void 0:a.firstChild)===e&&((i=(s=e.closest(N))==null?void 0:s.querySelector(be))==null||i.scrollIntoView({block:"nearest"})),e.scrollIntoView({block:"nearest"}))}function M(){var e;return(e=I.current)==null?void 0:e.querySelector(`${le}[aria-selected="true"]`)}function V(){var e;return Array.from(((e=I.current)==null?void 0:e.querySelectorAll(ce))||[])}function X(e){let s=V()[e];s&&E.setState("value",s.getAttribute(T))}function Q(e){var g;let a=M(),s=V(),i=s.findIndex(y=>y===a),l=s[i+e];(g=p.current)!=null&&g.loop&&(l=i+e<0?s[s.length-1]:i+e===s.length?s[0]:s[i+e]),l&&E.setState("value",l.getAttribute(T))}function re(e){let a=M(),s=a==null?void 0:a.closest(N),i;for(;s&&!i;)s=e>0?we(s,N):De(s,N),i=s==null?void 0:s.querySelector(ce);i?E.setState("value",i.getAttribute(T)):Q(e)}let oe=()=>X(V().length-1),ie=e=>{e.preventDefault(),e.metaKey?oe():e.altKey?re(1):Q(1)},se=e=>{e.preventDefault(),e.metaKey?X(0):e.altKey?re(-1):Q(-1)};return react.createElement(Primitive.div,{ref:o,tabIndex:-1,...O,"cmdk-root":"",onKeyDown:e=>{var s;(s=O.onKeyDown)==null||s.call(O,e);let a=e.nativeEvent.isComposing||e.keyCode===229;if(!(e.defaultPrevented||a))switch(e.key){case"n":case"j":{j&&e.ctrlKey&&ie(e);break}case"ArrowDown":{ie(e);break}case"p":case"k":{j&&e.ctrlKey&&se(e);break}case"ArrowUp":{se(e);break}case"Home":{e.preventDefault(),X(0);break}case"End":{e.preventDefault(),oe();break}case"Enter":{e.preventDefault();let i=M();if(i){let l=new Event(Z);i.dispatchEvent(l)}}}}},react.createElement("label",{"cmdk-label":"",htmlFor:U.inputId,id:U.labelId,style:Te},b),dist_B(r,e=>react.createElement(de.Provider,{value:E},react.createElement(ue.Provider,{value:U},e))))}),he=react.forwardRef((r,o)=>{var _,I;let n=useId(),u=react.useRef(null),c=react.useContext(fe),d=dist_K(),f=pe(r),p=(I=(_=f.current)==null?void 0:_.forceMount)!=null?I:c==null?void 0:c.forceMount;dist_k(()=>{if(!p)return d.item(n,c==null?void 0:c.id)},[p]);let b=ve(n,u,[r.value,r.children,u],r.keywords),m=ee(),R=P(v=>v.value&&v.value===b.current),x=P(v=>p||d.filter()===!1?!0:v.search?v.filtered.items.get(n)>0:!0);react.useEffect(()=>{let v=u.current;if(!(!v||r.disabled))return v.addEventListener(Z,C),()=>v.removeEventListener(Z,C)},[x,r.onSelect,r.disabled]);function C(){var v,E;S(),(E=(v=f.current).onSelect)==null||E.call(v,b.current)}function S(){m.setState("value",b.current,!0)}if(!x)return null;let{disabled:A,value:ge,onSelect:j,forceMount:O,keywords:$,...q}=r;return react.createElement(Primitive.div,{ref:composeRefs(u,o),...q,id:n,"cmdk-item":"",role:"option","aria-disabled":!!A,"aria-selected":!!R,"data-disabled":!!A,"data-selected":!!R,onPointerMove:A||d.getDisablePointerSelection()?void 0:S,onClick:A?void 0:C},r.children)}),Ee=react.forwardRef((r,o)=>{let{heading:n,children:u,forceMount:c,...d}=r,f=useId(),p=react.useRef(null),b=react.useRef(null),m=useId(),R=dist_K(),x=P(S=>c||R.filter()===!1?!0:S.search?S.filtered.groups.has(f):!0);dist_k(()=>R.group(f),[]),ve(f,p,[r.value,r.heading,b]);let C=react.useMemo(()=>({id:f,forceMount:c}),[c]);return react.createElement(Primitive.div,{ref:composeRefs(p,o),...d,"cmdk-group":"",role:"presentation",hidden:x?void 0:!0},n&&react.createElement("div",{ref:b,"cmdk-group-heading":"","aria-hidden":!0,id:m},n),dist_B(r,S=>react.createElement("div",{"cmdk-group-items":"",role:"group","aria-labelledby":n?m:void 0},react.createElement(fe.Provider,{value:C},S))))}),ye=react.forwardRef((r,o)=>{let{alwaysRender:n,...u}=r,c=react.useRef(null),d=P(f=>!f.search);return!n&&!d?null:react.createElement(Primitive.div,{ref:composeRefs(c,o),...u,"cmdk-separator":"",role:"separator"})}),Se=react.forwardRef((r,o)=>{let{onValueChange:n,...u}=r,c=r.value!=null,d=ee(),f=P(m=>m.search),p=P(m=>m.selectedItemId),b=dist_K();return react.useEffect(()=>{r.value!=null&&d.setState("search",r.value)},[r.value]),react.createElement(Primitive.input,{ref:o,...u,"cmdk-input":"",autoComplete:"off",autoCorrect:"off",spellCheck:!1,"aria-autocomplete":"list",role:"combobox","aria-expanded":!0,"aria-controls":b.listId,"aria-labelledby":b.labelId,"aria-activedescendant":p,id:b.inputId,type:"text",value:c?r.value:f,onChange:m=>{c||d.setState("search",m.target.value),n==null||n(m.target.value)}})}),Ce=react.forwardRef((r,o)=>{let{children:n,label:u="Suggestions",...c}=r,d=react.useRef(null),f=react.useRef(null),p=P(m=>m.selectedItemId),b=dist_K();return react.useEffect(()=>{if(f.current&&d.current){let m=f.current,R=d.current,x,C=new ResizeObserver(()=>{x=requestAnimationFrame(()=>{let S=m.offsetHeight;R.style.setProperty("--cmdk-list-height",S.toFixed(1)+"px")})});return C.observe(m),()=>{cancelAnimationFrame(x),C.unobserve(m)}}},[]),react.createElement(Primitive.div,{ref:composeRefs(d,o),...c,"cmdk-list":"",role:"listbox",tabIndex:-1,"aria-activedescendant":p,"aria-label":u,id:b.listId},dist_B(r,m=>react.createElement("div",{ref:composeRefs(f,b.listInnerRef),"cmdk-list-sizer":""},m)))}),xe=react.forwardRef((r,o)=>{let{open:n,onOpenChange:u,overlayClassName:c,contentClassName:d,container:f,...p}=r;return react.createElement(react_dialog_dist_Root,{open:n,onOpenChange:u},react.createElement(dist_Portal,{container:f},react.createElement(Overlay,{"cmdk-overlay":"",className:c}),react.createElement(Content,{"aria-label":r.label,"cmdk-dialog":"",className:d},react.createElement(me,{ref:o,...p}))))}),Ie=react.forwardRef((r,o)=>P(u=>u.filtered.count===0)?react.createElement(Primitive.div,{ref:o,...r,"cmdk-empty":"",role:"presentation"}):null),Pe=react.forwardRef((r,o)=>{let{progress:n,children:u,label:c="Loading...",...d}=r;return react.createElement(Primitive.div,{ref:o,...d,"cmdk-loading":"",role:"progressbar","aria-valuenow":n,"aria-valuemin":0,"aria-valuemax":100,"aria-label":c},dist_B(r,f=>react.createElement("div",{"aria-hidden":!0},f)))}),_e=Object.assign(me,{List:Ce,Item:he,Input:Se,Group:Ee,Separator:ye,Dialog:xe,Empty:Ie,Loading:Pe});function we(r,o){let n=r.nextElementSibling;for(;n;){if(n.matches(o))return n;n=n.nextElementSibling}}function De(r,o){let n=r.previousElementSibling;for(;n;){if(n.matches(o))return n;n=n.previousElementSibling}}function pe(r){let o=react.useRef(r);return dist_k(()=>{o.current=r}),o}var dist_k=typeof window=="undefined"?react.useEffect:react.useLayoutEffect;function L(r){let o=react.useRef();return o.current===void 0&&(o.current=r()),o}function P(r){let o=ee(),n=()=>r(o.snapshot());return react.useSyncExternalStore(o.subscribe,n,n)}function ve(r,o,n,u=[]){let c=react.useRef(),d=dist_K();return dist_k(()=>{var b;let f=(()=>{var m;for(let R of n){if(typeof R=="string")return R.trim();if(typeof R=="object"&&"current"in R)return R.current?(m=R.current.textContent)==null?void 0:m.trim():c.current}})(),p=u.map(m=>m.trim());d.value(r,f,p),(b=o.current)==null||b.setAttribute(T,f),c.current=f}),c}var ke=()=>{let[r,o]=react.useState(),n=L(()=>new Map);return dist_k(()=>{n.current.forEach(u=>u()),n.current=new Map},[r]),(u,c)=>{n.current.set(u,c),o({})}};function Me(r){let o=r.type;return typeof o=="function"?o(r.props):"render"in o?o.render(r.props):r}function dist_B({asChild:r,children:o},n){return r&&react.isValidElement(o)?react.cloneElement(Me(o),{ref:o.ref},n(o.props.children)):n(o)}var Te={position:"absolute",width:"1px",height:"1px",padding:"0",margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",borderWidth:"0"};
+"use client";var N='[cmdk-group=""]',dist_Y='[cmdk-group-items=""]',be='[cmdk-group-heading=""]',le='[cmdk-item=""]',ce=`${le}:not([aria-disabled="true"])`,Z="cmdk-item-select",T="data-value",Re=(r,o,n)=>W(r,o,n),ue=react.createContext(void 0),dist_K=()=>react.useContext(ue),de=react.createContext(void 0),ee=()=>react.useContext(de),fe=react.createContext(void 0),me=react.forwardRef((r,o)=>{let n=L(()=>{var e,a;return{search:"",value:(a=(e=r.value)!=null?e:r.defaultValue)!=null?a:"",selectedItemId:void 0,filtered:{count:0,items:new Map,groups:new Set}}}),u=L(()=>new Set),c=L(()=>new Map),d=L(()=>new Map),f=L(()=>new Set),p=pe(r),{label:b,children:m,value:R,onValueChange:x,filter:C,shouldFilter:S,loop:A,disablePointerSelection:ge=!1,vimBindings:j=!0,...O}=r,$=dist_useId(),q=dist_useId(),_=dist_useId(),I=react.useRef(null),v=ke();dist_k(()=>{if(R!==void 0){let e=R.trim();n.current.value=e,E.emit()}},[R]),dist_k(()=>{v(6,ne)},[]);let E=react.useMemo(()=>({subscribe:e=>(f.current.add(e),()=>f.current.delete(e)),snapshot:()=>n.current,setState:(e,a,s)=>{var i,l,g,y;if(!Object.is(n.current[e],a)){if(n.current[e]=a,e==="search")J(),z(),v(1,W);else if(e==="value"){if(document.activeElement.hasAttribute("cmdk-input")||document.activeElement.hasAttribute("cmdk-root")){let h=document.getElementById(_);h?h.focus():(i=document.getElementById($))==null||i.focus()}if(v(7,()=>{var h;n.current.selectedItemId=(h=M())==null?void 0:h.id,E.emit()}),s||v(5,ne),((l=p.current)==null?void 0:l.value)!==void 0){let h=a!=null?a:"";(y=(g=p.current).onValueChange)==null||y.call(g,h);return}}E.emit()}},emit:()=>{f.current.forEach(e=>e())}}),[]),U=react.useMemo(()=>({value:(e,a,s)=>{var i;a!==((i=d.current.get(e))==null?void 0:i.value)&&(d.current.set(e,{value:a,keywords:s}),n.current.filtered.items.set(e,te(a,s)),v(2,()=>{z(),E.emit()}))},item:(e,a)=>(u.current.add(e),a&&(c.current.has(a)?c.current.get(a).add(e):c.current.set(a,new Set([e]))),v(3,()=>{J(),z(),n.current.value||W(),E.emit()}),()=>{d.current.delete(e),u.current.delete(e),n.current.filtered.items.delete(e);let s=M();v(4,()=>{J(),(s==null?void 0:s.getAttribute("id"))===e&&W(),E.emit()})}),group:e=>(c.current.has(e)||c.current.set(e,new Set),()=>{d.current.delete(e),c.current.delete(e)}),filter:()=>p.current.shouldFilter,label:b||r["aria-label"],getDisablePointerSelection:()=>p.current.disablePointerSelection,listId:$,inputId:_,labelId:q,listInnerRef:I}),[]);function te(e,a){var i,l;let s=(l=(i=p.current)==null?void 0:i.filter)!=null?l:Re;return e?s(e,n.current.search,a):0}function z(){if(!n.current.search||p.current.shouldFilter===!1)return;let e=n.current.filtered.items,a=[];n.current.filtered.groups.forEach(i=>{let l=c.current.get(i),g=0;l.forEach(y=>{let h=e.get(y);g=Math.max(h,g)}),a.push([i,g])});let s=I.current;V().sort((i,l)=>{var h,F;let g=i.getAttribute("id"),y=l.getAttribute("id");return((h=e.get(y))!=null?h:0)-((F=e.get(g))!=null?F:0)}).forEach(i=>{let l=i.closest(dist_Y);l?l.appendChild(i.parentElement===l?i:i.closest(`${dist_Y} > *`)):s.appendChild(i.parentElement===s?i:i.closest(`${dist_Y} > *`))}),a.sort((i,l)=>l[1]-i[1]).forEach(i=>{var g;let l=(g=I.current)==null?void 0:g.querySelector(`${N}[${T}="${encodeURIComponent(i[0])}"]`);l==null||l.parentElement.appendChild(l)})}function W(){let e=V().find(s=>s.getAttribute("aria-disabled")!=="true"),a=e==null?void 0:e.getAttribute(T);E.setState("value",a||void 0)}function J(){var a,s,i,l;if(!n.current.search||p.current.shouldFilter===!1){n.current.filtered.count=u.current.size;return}n.current.filtered.groups=new Set;let e=0;for(let g of u.current){let y=(s=(a=d.current.get(g))==null?void 0:a.value)!=null?s:"",h=(l=(i=d.current.get(g))==null?void 0:i.keywords)!=null?l:[],F=te(y,h);n.current.filtered.items.set(g,F),F>0&&e++}for(let[g,y]of c.current)for(let h of y)if(n.current.filtered.items.get(h)>0){n.current.filtered.groups.add(g);break}n.current.filtered.count=e}function ne(){var a,s,i;let e=M();e&&(((a=e.parentElement)==null?void 0:a.firstChild)===e&&((i=(s=e.closest(N))==null?void 0:s.querySelector(be))==null||i.scrollIntoView({block:"nearest"})),e.scrollIntoView({block:"nearest"}))}function M(){var e;return(e=I.current)==null?void 0:e.querySelector(`${le}[aria-selected="true"]`)}function V(){var e;return Array.from(((e=I.current)==null?void 0:e.querySelectorAll(ce))||[])}function X(e){let s=V()[e];s&&E.setState("value",s.getAttribute(T))}function Q(e){var g;let a=M(),s=V(),i=s.findIndex(y=>y===a),l=s[i+e];(g=p.current)!=null&&g.loop&&(l=i+e<0?s[s.length-1]:i+e===s.length?s[0]:s[i+e]),l&&E.setState("value",l.getAttribute(T))}function re(e){let a=M(),s=a==null?void 0:a.closest(N),i;for(;s&&!i;)s=e>0?we(s,N):De(s,N),i=s==null?void 0:s.querySelector(ce);i?E.setState("value",i.getAttribute(T)):Q(e)}let oe=()=>X(V().length-1),ie=e=>{e.preventDefault(),e.metaKey?oe():e.altKey?re(1):Q(1)},se=e=>{e.preventDefault(),e.metaKey?X(0):e.altKey?re(-1):Q(-1)};return react.createElement(Primitive.div,{ref:o,tabIndex:-1,...O,"cmdk-root":"",onKeyDown:e=>{var s;(s=O.onKeyDown)==null||s.call(O,e);let a=e.nativeEvent.isComposing||e.keyCode===229;if(!(e.defaultPrevented||a))switch(e.key){case"n":case"j":{j&&e.ctrlKey&&ie(e);break}case"ArrowDown":{ie(e);break}case"p":case"k":{j&&e.ctrlKey&&se(e);break}case"ArrowUp":{se(e);break}case"Home":{e.preventDefault(),X(0);break}case"End":{e.preventDefault(),oe();break}case"Enter":{e.preventDefault();let i=M();if(i){let l=new Event(Z);i.dispatchEvent(l)}}}}},react.createElement("label",{"cmdk-label":"",htmlFor:U.inputId,id:U.labelId,style:Te},b),dist_B(r,e=>react.createElement(de.Provider,{value:E},react.createElement(ue.Provider,{value:U},e))))}),he=react.forwardRef((r,o)=>{var _,I;let n=dist_useId(),u=react.useRef(null),c=react.useContext(fe),d=dist_K(),f=pe(r),p=(I=(_=f.current)==null?void 0:_.forceMount)!=null?I:c==null?void 0:c.forceMount;dist_k(()=>{if(!p)return d.item(n,c==null?void 0:c.id)},[p]);let b=ve(n,u,[r.value,r.children,u],r.keywords),m=ee(),R=P(v=>v.value&&v.value===b.current),x=P(v=>p||d.filter()===!1?!0:v.search?v.filtered.items.get(n)>0:!0);react.useEffect(()=>{let v=u.current;if(!(!v||r.disabled))return v.addEventListener(Z,C),()=>v.removeEventListener(Z,C)},[x,r.onSelect,r.disabled]);function C(){var v,E;S(),(E=(v=f.current).onSelect)==null||E.call(v,b.current)}function S(){m.setState("value",b.current,!0)}if(!x)return null;let{disabled:A,value:ge,onSelect:j,forceMount:O,keywords:$,...q}=r;return react.createElement(Primitive.div,{ref:composeRefs(u,o),...q,id:n,"cmdk-item":"",role:"option","aria-disabled":!!A,"aria-selected":!!R,"data-disabled":!!A,"data-selected":!!R,onPointerMove:A||d.getDisablePointerSelection()?void 0:S,onClick:A?void 0:C},r.children)}),Ee=react.forwardRef((r,o)=>{let{heading:n,children:u,forceMount:c,...d}=r,f=dist_useId(),p=react.useRef(null),b=react.useRef(null),m=dist_useId(),R=dist_K(),x=P(S=>c||R.filter()===!1?!0:S.search?S.filtered.groups.has(f):!0);dist_k(()=>R.group(f),[]),ve(f,p,[r.value,r.heading,b]);let C=react.useMemo(()=>({id:f,forceMount:c}),[c]);return react.createElement(Primitive.div,{ref:composeRefs(p,o),...d,"cmdk-group":"",role:"presentation",hidden:x?void 0:!0},n&&react.createElement("div",{ref:b,"cmdk-group-heading":"","aria-hidden":!0,id:m},n),dist_B(r,S=>react.createElement("div",{"cmdk-group-items":"",role:"group","aria-labelledby":n?m:void 0},react.createElement(fe.Provider,{value:C},S))))}),ye=react.forwardRef((r,o)=>{let{alwaysRender:n,...u}=r,c=react.useRef(null),d=P(f=>!f.search);return!n&&!d?null:react.createElement(Primitive.div,{ref:composeRefs(c,o),...u,"cmdk-separator":"",role:"separator"})}),Se=react.forwardRef((r,o)=>{let{onValueChange:n,...u}=r,c=r.value!=null,d=ee(),f=P(m=>m.search),p=P(m=>m.selectedItemId),b=dist_K();return react.useEffect(()=>{r.value!=null&&d.setState("search",r.value)},[r.value]),react.createElement(Primitive.input,{ref:o,...u,"cmdk-input":"",autoComplete:"off",autoCorrect:"off",spellCheck:!1,"aria-autocomplete":"list",role:"combobox","aria-expanded":!0,"aria-controls":b.listId,"aria-labelledby":b.labelId,"aria-activedescendant":p,id:b.inputId,type:"text",value:c?r.value:f,onChange:m=>{c||d.setState("search",m.target.value),n==null||n(m.target.value)}})}),Ce=react.forwardRef((r,o)=>{let{children:n,label:u="Suggestions",...c}=r,d=react.useRef(null),f=react.useRef(null),p=P(m=>m.selectedItemId),b=dist_K();return react.useEffect(()=>{if(f.current&&d.current){let m=f.current,R=d.current,x,C=new ResizeObserver(()=>{x=requestAnimationFrame(()=>{let S=m.offsetHeight;R.style.setProperty("--cmdk-list-height",S.toFixed(1)+"px")})});return C.observe(m),()=>{cancelAnimationFrame(x),C.unobserve(m)}}},[]),react.createElement(Primitive.div,{ref:composeRefs(d,o),...c,"cmdk-list":"",role:"listbox",tabIndex:-1,"aria-activedescendant":p,"aria-label":u,id:b.listId},dist_B(r,m=>react.createElement("div",{ref:composeRefs(f,b.listInnerRef),"cmdk-list-sizer":""},m)))}),xe=react.forwardRef((r,o)=>{let{open:n,onOpenChange:u,overlayClassName:c,contentClassName:d,container:f,...p}=r;return react.createElement(react_dialog_dist_Root,{open:n,onOpenChange:u},react.createElement(dist_Portal,{container:f},react.createElement(Overlay,{"cmdk-overlay":"",className:c}),react.createElement(Content,{"aria-label":r.label,"cmdk-dialog":"",className:d},react.createElement(me,{ref:o,...p}))))}),Ie=react.forwardRef((r,o)=>P(u=>u.filtered.count===0)?react.createElement(Primitive.div,{ref:o,...r,"cmdk-empty":"",role:"presentation"}):null),Pe=react.forwardRef((r,o)=>{let{progress:n,children:u,label:c="Loading...",...d}=r;return react.createElement(Primitive.div,{ref:o,...d,"cmdk-loading":"",role:"progressbar","aria-valuenow":n,"aria-valuemin":0,"aria-valuemax":100,"aria-label":c},dist_B(r,f=>react.createElement("div",{"aria-hidden":!0},f)))}),_e=Object.assign(me,{List:Ce,Item:he,Input:Se,Group:Ee,Separator:ye,Dialog:xe,Empty:Ie,Loading:Pe});function we(r,o){let n=r.nextElementSibling;for(;n;){if(n.matches(o))return n;n=n.nextElementSibling}}function De(r,o){let n=r.previousElementSibling;for(;n;){if(n.matches(o))return n;n=n.previousElementSibling}}function pe(r){let o=react.useRef(r);return dist_k(()=>{o.current=r}),o}var dist_k=typeof window=="undefined"?react.useEffect:react.useLayoutEffect;function L(r){let o=react.useRef();return o.current===void 0&&(o.current=r()),o}function P(r){let o=ee(),n=()=>r(o.snapshot());return react.useSyncExternalStore(o.subscribe,n,n)}function ve(r,o,n,u=[]){let c=react.useRef(),d=dist_K();return dist_k(()=>{var b;let f=(()=>{var m;for(let R of n){if(typeof R=="string")return R.trim();if(typeof R=="object"&&"current"in R)return R.current?(m=R.current.textContent)==null?void 0:m.trim():c.current}})(),p=u.map(m=>m.trim());d.value(r,f,p),(b=o.current)==null||b.setAttribute(T,f),c.current=f}),c}var ke=()=>{let[r,o]=react.useState(),n=L(()=>new Map);return dist_k(()=>{n.current.forEach(u=>u()),n.current=new Map},[r]),(u,c)=>{n.current.set(u,c),o({})}};function Me(r){let o=r.type;return typeof o=="function"?o(r.props):"render"in o?o.render(r.props):r}function dist_B({asChild:r,children:o},n){return r&&react.isValidElement(o)?react.cloneElement(Me(o),{ref:o.ref},n(o.props.children)):n(o)}var Te={position:"absolute",width:"1px",height:"1px",padding:"0",margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",borderWidth:"0"};
 
 ;// ../../ui-next/src/components/Dialog/useDraggable.ts
 
@@ -89448,7 +90150,7 @@ var Select = (props) => {
       onValueNodeChange: setValueNode,
       valueNodeHasChildren,
       onValueNodeHasChildrenChange: setValueNodeHasChildren,
-      contentId: useId(),
+      contentId: dist_useId(),
       value,
       onValueChange: setValue,
       open,
@@ -90140,7 +90842,7 @@ var [SelectGroupContextProvider, useSelectGroupContext] = createSelectContext(GR
 var SelectGroup = react.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, ...groupProps } = props;
-    const groupId = useId();
+    const groupId = dist_useId();
     return /* @__PURE__ */ (0,jsx_runtime.jsx)(SelectGroupContextProvider, { scope: __scopeSelect, id: groupId, children: /* @__PURE__ */ (0,jsx_runtime.jsx)(Primitive.div, { role: "group", "aria-labelledby": groupId, ...groupProps, ref: forwardedRef }) });
   }
 );
@@ -90174,7 +90876,7 @@ var SelectItem = react.forwardRef(
       forwardedRef,
       (node) => contentContext.itemRefCallback?.(node, value, disabled)
     );
-    const textId = useId();
+    const textId = dist_useId();
     const pointerTypeRef = react.useRef("touch");
     const handleSelect = () => {
       if (!disabled) {
@@ -134415,7 +135117,7 @@ var Popover = (props) => {
     PopoverProvider,
     {
       scope: __scopePopover,
-      contentId: useId(),
+      contentId: dist_useId(),
       triggerRef,
       open,
       onOpenChange: setOpen,
@@ -201260,9 +201962,6 @@ Calendar_Calendar.displayName = 'Calendar';
 // EXTERNAL MODULE: ../../../node_modules/prop-types/index.js
 var prop_types = __webpack_require__(97598);
 var prop_types_default = /*#__PURE__*/__webpack_require__.n(prop_types);
-// EXTERNAL MODULE: ../../../node_modules/lodash.debounce/index.js
-var lodash_debounce = __webpack_require__(62051);
-var lodash_debounce_default = /*#__PURE__*/__webpack_require__.n(lodash_debounce);
 ;// ../../ui-next/src/components/Input/Input.tsx
 function Input_extends() { return Input_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, Input_extends.apply(null, arguments); }
 
@@ -202814,7 +203513,7 @@ var RovingFocusGroupItem = react.forwardRef(
       children,
       ...itemProps
     } = props;
-    const autoId = useId();
+    const autoId = dist_useId();
     const id = tabStopId || autoId;
     const context = useRovingFocusContext(dist_ITEM_NAME, __scopeRovingFocusGroup);
     const isCurrentTabStop = context.currentTabStopId === id;
@@ -202954,7 +203653,7 @@ var Tabs = react.forwardRef(
       TabsProvider,
       {
         scope: __scopeTabs,
-        baseId: useId(),
+        baseId: dist_useId(),
         value,
         onValueChange: setValue,
         orientation,
@@ -205175,7 +205874,7 @@ var Collapsible = react.forwardRef(
       {
         scope: __scopeCollapsible,
         disabled,
-        contentId: useId(),
+        contentId: dist_useId(),
         open,
         onOpenToggle: react.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
         children: /* @__PURE__ */ (0,jsx_runtime.jsx)(
@@ -205484,7 +206183,7 @@ var AccordionItem = react.forwardRef(
     const accordionContext = useAccordionContext(react_accordion_dist_ITEM_NAME, __scopeAccordion);
     const valueContext = useAccordionValueContext(react_accordion_dist_ITEM_NAME, __scopeAccordion);
     const collapsibleScope = useCollapsibleScope(__scopeAccordion);
-    const triggerId = useId();
+    const triggerId = dist_useId();
     const open = value && valueContext.value.includes(value) || false;
     const disabled = accordionContext.disabled || props.disabled;
     return /* @__PURE__ */ (0,jsx_runtime.jsx)(
@@ -205725,7 +206424,7 @@ var Tooltip = (props) => {
   const providerContext = useTooltipProviderContext(TOOLTIP_NAME, props.__scopeTooltip);
   const popperScope = react_tooltip_dist_usePopperScope(__scopeTooltip);
   const [trigger, setTrigger] = react.useState(null);
-  const contentId = useId();
+  const contentId = dist_useId();
   const openTimerRef = react.useRef(0);
   const disableHoverableContent = disableHoverableContentProp ?? providerContext.disableHoverableContent;
   const delayDuration = delayDurationProp ?? providerContext.delayDuration;
@@ -212938,8 +213637,8 @@ var MenuSub = (props) => {
         MenuSubProvider,
         {
           scope: __scopeMenu,
-          contentId: useId(),
-          triggerId: useId(),
+          contentId: dist_useId(),
+          triggerId: dist_useId(),
           trigger,
           onTriggerChange: setTrigger,
           children
@@ -213215,9 +213914,9 @@ var DropdownMenu = (props) => {
     DropdownMenuProvider,
     {
       scope: __scopeDropdownMenu,
-      triggerId: useId(),
+      triggerId: dist_useId(),
       triggerRef,
-      contentId: useId(),
+      contentId: dist_useId(),
       open,
       onOpenChange: setOpen,
       onOpenToggle: react.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
@@ -218776,13 +219475,13 @@ const ManagedDialog = /*#__PURE__*/(0,react.forwardRef)(({
 ManagedDialog.displayName = 'ManagedDialog';
 /* harmony default export */ const contextProviders_ManagedDialog = (ManagedDialog);
 ;// ../../ui-next/src/contextProviders/DialogProvider.tsx
-/* unused harmony import specifier */ var useContext;
+/* unused harmony import specifier */ var DialogProvider_useContext;
 function DialogProvider_extends() { return DialogProvider_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, DialogProvider_extends.apply(null, arguments); }
 
 
 const DialogProvider_DialogContext = /*#__PURE__*/(0,react.createContext)(null);
 const useDialog = () => {
-  const context = useContext(DialogProvider_DialogContext);
+  const context = DialogProvider_useContext(DialogProvider_DialogContext);
   if (!context) {
     throw new Error('useDialog must be used within a DialogProvider');
   }
@@ -222394,7 +223093,7 @@ DataRow.Status = Status;
 
 // https://github.com/reach/reach-ui/blob/dev/packages/utils/src/context.tsx
 
-function createContext(rootComponentName, defaultContext) {
+function createContext_createContext(rootComponentName, defaultContext) {
   const Ctx = /*#__PURE__*/react.createContext(defaultContext);
   function Provider(props) {
     const {
@@ -222428,7 +223127,7 @@ function createContext(rootComponentName, defaultContext) {
 
 
 
-const [MeasurementTableProvider, useMeasurementTableContext] = createContext('MeasurementTable', {
+const [MeasurementTableProvider, useMeasurementTableContext] = createContext_createContext('MeasurementTable', {
   data: [],
   isExpanded: true
 });
@@ -230686,6 +231385,7 @@ const LabellingFlow = ({
 
 
 
+
 
 
 // Segmentation Context Exports
@@ -230995,8 +231695,8 @@ Typography.propTypes = {
 ;// ../../ui/src/components/Typography/index.js
 
 /* harmony default export */ const components_Typography = (Typography_Typography);
-// EXTERNAL MODULE: ../../ui-next/src/index.ts + 3076 modules
-var src = __webpack_require__(2343);
+// EXTERNAL MODULE: ../../ui-next/src/index.ts + 3084 modules
+var src = __webpack_require__(15953);
 ;// ../../ui/src/components/EmptyStudies/EmptyStudies.tsx
 
 
@@ -239681,8 +240381,8 @@ Compose.propTypes = {
 };
 // EXTERNAL MODULE: ../../core/src/index.ts + 69 modules
 var core_src = __webpack_require__(42356);
-// EXTERNAL MODULE: ../../ui-next/src/index.ts + 3076 modules
-var ui_next_src = __webpack_require__(2343);
+// EXTERNAL MODULE: ../../ui-next/src/index.ts + 3084 modules
+var ui_next_src = __webpack_require__(15953);
 // EXTERNAL MODULE: ./state/index.js + 1 modules
 var state = __webpack_require__(45981);
 // EXTERNAL MODULE: ../../../node_modules/react-router/dist/index.js
@@ -241802,7 +242502,7 @@ async function defaultRouteInit({
     hangingProtocolService.run({
       studies,
       activeStudy,
-      displaySets
+      displaySets: sortedDisplaySets
     }, hangingProtocolId, {
       stageIndex
     });
@@ -396694,7 +397394,7 @@ function __rewriteRelativeImportExtension(path, preserveJsx) {
 /******/ 		// This function allow to reference async chunks
 /******/ 		__webpack_require__.u = (chunkId) => {
 /******/ 			// return url for filenames based on template
-/******/ 			return "" + ({"572":"polySeg","2007":"interpolation","3054":"histogram-worker","3694":"compute"}[chunkId] || chunkId) + ".bundle." + {"85":"85120dcfbb03af4fa5a7","147":"3c8fa1f478644636898a","213":"4f2dc5a26c4bdfea9038","572":"70369a8c69b843375431","732":"ea6f9d8504e37e01a208","1459":"03f6812bbebed223ac0a","1608":"c10d9aef452fe5a86d77","1927":"be67b3aafe238ca9f191","1933":"d1c853d4459eabcac0fc","2007":"53073c15cca1c5a41ae4","2018":"df77dcb95a7eb7194752","2075":"0e69a126a39539ff8e9a","2108":"aea8d3b39486dd5ab39e","2424":"225f1b88d037ff1e8d2b","2701":"28b3ca0e6ae5a13f78b3","3054":"a2a50c4674d99c619ca7","3138":"5594231be4399fa822f2","3461":"c453ad511e18741f5b36","3694":"ba3878791df68055b11d","4202":"f11f02596e30a22d1105","4287":"b7840e7b94cbbc102236","4406":"573d234b4641d23cf8db","4507":"152cf927b86b6e295b7f","4688":"05c4c23606587b3e82bd","4819":"b29eaf88762b95912d1d","5015":"322992b6dcb647ecf70e","5028":"d5e5ec2e2fae9a8c0dfa","5261":"2655560097e9250eac44","5457":"bd64924038b08fa7154b","5485":"538097cf423423cc9cae","5802":"8b2c04396d68ba668af5","6027":"f36aa36a2281dff6e29b","6939":"41fbdef87597b5172ec6","7159":"fb9df255868960f69765","7431":"5e14641f2c71e852abe7","7639":"f89778f572ee3caeb6fb","8094":"148a66619607e37cbf19","8305":"accd9d9b56fd08402c9e","8499":"26a487dbfa7be0837750","8558":"c778f722abdb0a66bc34","8583":"243229c3ff277630ddb8","8963":"0f106869f9d0eb0bba03","9195":"95ca6983f6a87e433d79","9205":"9a5f5dd04fd0831d9a4a","9567":"be350438bed4e656f278","9845":"36b3563ae1dba65b6b9a","9862":"51a1e7030f6b635d9528","9927":"fa13d8f3b034e48c00d3"}[chunkId] + ".js";
+/******/ 			return "" + ({"572":"polySeg","2007":"interpolation","3054":"histogram-worker","3694":"compute"}[chunkId] || chunkId) + ".bundle." + {"85":"be3de438b31fcd0bdf98","147":"173b4a11960d03a3b5b0","213":"7ea13f79d28e6b79d0dc","572":"70369a8c69b843375431","732":"ea6f9d8504e37e01a208","1459":"1578fc874558784d3a2a","1608":"e4aadbf17d38143dacdf","1927":"be67b3aafe238ca9f191","1933":"68ab0d4f329f6438520f","2007":"53073c15cca1c5a41ae4","2018":"815cdd7ef9d4c3edc816","2075":"0e69a126a39539ff8e9a","2108":"aea8d3b39486dd5ab39e","2424":"c562d715a07cc15002ea","2701":"b591cf6385ed53ed6093","3054":"a2a50c4674d99c619ca7","3138":"2da3ce5b42ce97e92fac","3461":"75e15ea13e39c5d80e62","3694":"ba3878791df68055b11d","4202":"850a7c7c011800b3daea","4287":"b7840e7b94cbbc102236","4406":"573d234b4641d23cf8db","4507":"697a334d7d3686b4f9a3","4688":"6797ff151db0973c8e3b","4819":"b184a0f0c159ce8f1f8d","5015":"21b2a904762fa1690648","5028":"b1060271494c162341c1","5261":"2655560097e9250eac44","5457":"b9bd5c411e8db274a88f","5485":"541c61d8e24cb145cb94","5802":"addd0259c8f9d0a18244","6027":"e1d958d21d152f917461","6939":"41fbdef87597b5172ec6","7159":"fb9df255868960f69765","7431":"5e14641f2c71e852abe7","7639":"3518e5907ec688a4aa04","8094":"148a66619607e37cbf19","8305":"bf9c862af030865ea106","8499":"fd282ff4fe499abdd01f","8558":"6ec562e3d201780f1444","8583":"422aa3bbdde39826560a","8963":"0f106869f9d0eb0bba03","9195":"3578183b4f9e9baf11b2","9205":"9a5f5dd04fd0831d9a4a","9567":"be350438bed4e656f278","9845":"267831496ba080d9f8da","9862":"09783830f0cb75a84d2a","9927":"481f2fefa9787af307c0"}[chunkId] + ".js";
 /******/ 		};
 /******/ 	})();
 /******/