@ohif/app 3.13.0-beta.60 → 3.13.0-beta.61

package/dist/{app.bundle.348a74b1a7aeb7c8d0a8.js → app.bundle.97f04c5d27e5017d698b.js}

@@ -80772,7 +80772,7 @@ const detectionOptions = {
   }
 });
 ;// ../../i18n/package.json
-const package_namespaceObject = /*#__PURE__*/JSON.parse('{"rE":"3.13.0-beta.59"}');
+const package_namespaceObject = /*#__PURE__*/JSON.parse('{"rE":"3.13.0-beta.60"}');
 ;// ../../i18n/src/utils.js
 const languagesMap = {
   ar: 'Arabic',
@@ -82141,7 +82141,7 @@ i18next/* default */.A.currentLanguage = () => ({
 
 /***/ },
 
-/***/ 15953
+/***/ 564
 (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -82219,6 +82219,11 @@ __webpack_require__.d(__webpack_exports__, {
   wvv: () => (/* reexport */ Separator_Separator),
   wv: () => (/* reexport */ SidePanel),
   Apm: () => (/* reexport */ Slider_Slider),
+  IN7: () => (/* reexport */ SmartScrollbar),
+  ult: () => (/* reexport */ SmartScrollbarEndpoints),
+  pSN: () => (/* reexport */ SmartScrollbarFill),
+  RY_: () => (/* reexport */ SmartScrollbarIndicator),
+  dLR: () => (/* reexport */ SmartScrollbarTrack),
   M4o: () => (/* reexport */ StudyBrowser),
   u3f: () => (/* reexport */ StudySummary),
   dOG: () => (/* reexport */ Switch_Switch),
@@ -82255,6 +82260,7 @@ __webpack_require__.d(__webpack_exports__, {
   cn: () => (/* reexport */ cn),
   yFj: () => (/* reexport */ formatDICOMDate),
   oRP: () => (/* reexport */ dist_ue),
+  Pcq: () => (/* reexport */ useByteArray),
   tqw: () => (/* reexport */ useCine),
   n1D: () => (/* reexport */ useIconPresentation),
   Bzx: () => (/* reexport */ useImageViewer),
@@ -82268,7 +82274,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, 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
+// 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, useSmartScrollbarLayoutContext, useSmartScrollbarScrollContext
 
 // NAMESPACE OBJECT: ../../ui-next/src/utils/index.ts
 var src_utils_namespaceObject = {};
@@ -85206,6 +85212,46 @@ function computeContiguousRuns(bytes) {
   return runs;
 }
 
+/**
+ * When `total >= pixelRowCount`: half-open item index range `[itemStart, itemEnd)`
+ * covered by fill pixel row `pixelIndex`. `pixelRowCount` is `floor(pixelCount)` from callers.
+ * Shared by `computePixelFilledFromMarked` and `computeIndicatorTopOffsetInFill` — keep in sync.
+ */
+function itemRangeForPixelRow(pixelIndex, total, pixelRowCount) {
+  const itemStart = Math.floor(pixelIndex * total / pixelRowCount);
+  const itemEnd = Math.floor((pixelIndex + 1) * total / pixelRowCount);
+  return {
+    itemStart,
+    itemEnd
+  };
+}
+
+/**
+ * When `total >= pixelRowCount`: which fill pixel row owns `itemIndex` for the same
+ * partition as `itemRangeForPixelRow` (inverse of scanning rows until
+ * `itemIndex ∈ [itemStart, itemEnd)`).
+ *
+ * Readable form: `ceil((itemIndex + 1) * pixelRowCount / total) - 1`, clamped to `[0, pixelRowCount - 1]`.
+ */
+function pixelRowIndexForItemDownsample(itemIndex, total, pixelRowCount) {
+  const rowIndex = Math.ceil((itemIndex + 1) * pixelRowCount / total) - 1;
+  return Math.max(0, Math.min(pixelRowCount - 1, rowIndex));
+}
+
+/**
+ * When `pixelRowCount > total`: half-open pixel row range `[pixelStart, pixelEnd)`
+ * covered by `itemIndex`. `pixelRowCount` is `floor(pixelCount)` from callers.
+ * Shared by `computePixelFilledFromMarked` and `computeIndicatorTopOffsetInFill` — keep in sync.
+ */
+function pixelSpanForItem(itemIndex, total, pixelRowCount) {
+  const pixelStart = Math.floor(itemIndex * pixelRowCount / total);
+  const pixelEnd = Math.floor((itemIndex + 1) * pixelRowCount / total);
+  return {
+    pixelStart,
+    pixelEnd
+  };
+}
+
 /**
  * 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
@@ -85218,17 +85264,19 @@ function computeContiguousRuns(bytes) {
  */
 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;
+  const pixelRowCount = Math.max(0, Math.floor(pixelCount));
+  if (pixelRowCount === 0 || total <= 0) return new Uint8Array(0);
+  const pixelFilled = new Uint8Array(pixelRowCount);
+  if (total >= pixelRowCount) {
+    for (let pixelIndex = 0; pixelIndex < pixelRowCount; pixelIndex++) {
+      const {
+        itemStart,
+        itemEnd
+      } = itemRangeForPixelRow(pixelIndex, total, pixelRowCount);
+      if (itemEnd <= itemStart) continue;
       let filled = 1;
-      for (let itemIndex = start; itemIndex < end; itemIndex++) {
-        if (marked[itemIndex] === 0) {
+      for (let i = itemStart; i < itemEnd; i++) {
+        if (marked[i] === 0) {
           filled = 0;
           break;
         }
@@ -85238,9 +85286,11 @@ function computePixelFilledFromMarked(marked, pixelCount) {
   } 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++) {
+      const {
+        pixelStart,
+        pixelEnd
+      } = pixelSpanForItem(itemIndex, total, pixelRowCount);
+      for (let pixel = pixelStart; pixel < pixelEnd; pixel++) {
         pixelFilled[pixel] = 1;
       }
     }
@@ -85249,39 +85299,50 @@ function computePixelFilledFromMarked(marked, pixelCount) {
 }
 
 /**
- * Compute the indicator's total visual dimensions and horizontal position.
- * Design 27: pill shape, center position, 1px border.
+ * Vertical offset (px) of the indicator within the fill strip `[0, pixelCount)`,
+ * clamped so the indicator stays inside the track.
+ *
+ * - When `total >= pixelCount` (many slices, few pixel rows): same partition as
+ *   `computePixelFilledFromMarked` (per-pixel item buckets); **top-align** the
+ *   indicator to that row (then clamp so the thumb does not overflow the strip).
+ * - When `pixelCount > total`: same per-item pixel spans as the fill’s upsample
+ *   branch; first item top-aligned, last bottom-aligned, middle centered in bucket.
+ * - Zero-height bucket (upsample only): top-aligned `pixelStart` from `pixelSpanForItem`.
  */
-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
-  };
+function computeIndicatorTopOffsetInFill(itemIndex, total, pixelCount, indicatorHeight) {
+  const pixelRowCount = Math.max(0, Math.floor(pixelCount));
+  const indicatorHeightPx = Math.max(0, Math.floor(indicatorHeight));
+  const maxTopInFill = Math.max(0, pixelRowCount - indicatorHeightPx);
+  if (pixelRowCount === 0 || total <= 0) {
+    return 0;
+  }
+  const clamp = x => Math.max(0, Math.min(maxTopInFill, x));
+  if (total >= pixelRowCount) {
+    const pixelRowIndex = pixelRowIndexForItemDownsample(itemIndex, total, pixelRowCount);
+    return clamp(pixelRowIndex);
+  } else {
+    const {
+      pixelStart,
+      pixelEnd
+    } = pixelSpanForItem(itemIndex, total, pixelRowCount);
+    const bucketHeight = pixelEnd - pixelStart;
+    let topOffset;
+    if (bucketHeight <= 0) {
+      topOffset = pixelStart;
+    } else if (itemIndex === 0) {
+      topOffset = pixelStart;
+    } else if (itemIndex === total - 1) {
+      topOffset = pixelEnd - indicatorHeightPx;
+    } else {
+      topOffset = pixelStart + Math.floor((bucketHeight - indicatorHeightPx) / 2);
+    }
+    return clamp(topOffset);
+  }
 }
 ;// ../../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
 }) {
@@ -85289,73 +85350,78 @@ function SmartScrollbarIndicator({
     total,
     trackHeight,
     effectiveWidth,
-    fillPadding
+    fillPadding,
+    indicatorTotalWidth,
+    indicatorTotalHeight,
+    renderIndicator
   } = 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;
+  if (trackHeight === 0 || total <= 1) {
+    return null;
+  }
+
+  // Horizontal: center on the contracting inner width (not the full physical track).
+  const leftPos = effectiveWidth / 2 - indicatorTotalWidth / 2;
   const fillAreaTop = fillPadding;
+  // Vertical: same fill strip as SmartScrollbarFill — full track height minus padding.
   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.
+  if (pixelCount === 0) {
+    return null;
+  }
   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", {
+  const topOffsetInFill = computeIndicatorTopOffsetInFill(clampedValue, total, pixelCount, indicatorTotalHeight);
+  const topPos = fillAreaTop + topOffsetInFill;
+  return /*#__PURE__*/react.createElement("div", {
     className: `pointer-events-none absolute ${className ?? ''}`,
     style: {
       left: leftPos,
-      top: y - offsetY,
-      width: totalWidth,
-      height: totalHeight,
+      top: topPos,
+      width: indicatorTotalWidth,
+      height: indicatorTotalHeight,
       transition: 'left 300ms ease, opacity 300ms ease'
     }
-  }, /*#__PURE__*/React.createElement("svg", {
-    width: totalWidth,
-    height: totalHeight,
-    viewBox: `0 0 ${totalWidth} ${totalHeight}`
-  }, /*#__PURE__*/React.createElement("rect", {
+  }, renderIndicator(react));
+}
+;// ../../ui-next/src/components/SmartScrollbar/defaultSmartScrollbarIndicatorConfig.tsx
+
+/** Ring inset for the default pill SVG (outer size is indicator total width × height). */
+const BORDER_WIDTH = 1;
+const INDICATOR_COLOR = 'hsl(var(--foreground) / 0.9)';
+const BORDER_COLOR = 'hsl(var(--neutral) / 0.9)';
+const TOTAL_WIDTH = 12;
+const TOTAL_HEIGHT = 7;
+function DefaultIndicator() {
+  const borderWidth = BORDER_WIDTH;
+  const fillWidth = Math.max(0, TOTAL_WIDTH - borderWidth * 2);
+  const fillHeight = Math.max(0, TOTAL_HEIGHT - borderWidth * 2);
+  return /*#__PURE__*/react.createElement("svg", {
+    width: TOTAL_WIDTH,
+    height: TOTAL_HEIGHT,
+    viewBox: `0 0 ${TOTAL_WIDTH} ${TOTAL_HEIGHT}`
+  }, /*#__PURE__*/react.createElement("rect", {
     x: 0,
     y: 0,
-    width: totalWidth,
-    height: totalHeight,
-    rx: totalHeight / 2,
-    ry: totalHeight / 2,
+    width: TOTAL_WIDTH,
+    height: TOTAL_HEIGHT,
+    rx: TOTAL_HEIGHT / 2,
+    ry: TOTAL_HEIGHT / 2,
     fill: BORDER_COLOR
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: BORDER_WIDTH,
-    y: BORDER_WIDTH,
+  }), /*#__PURE__*/react.createElement("rect", {
+    x: borderWidth,
+    y: borderWidth,
     width: fillWidth,
     height: fillHeight,
     rx: fillHeight / 2,
     ry: fillHeight / 2,
     fill: INDICATOR_COLOR
-  })));
+  }));
 }
+const DEFAULT_INDICATOR_CONFIG = {
+  totalWidth: TOTAL_WIDTH,
+  totalHeight: TOTAL_HEIGHT,
+  renderIndicator: _react => /*#__PURE__*/react.createElement(DefaultIndicator, null)
+};
 ;// ../../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;
 
 
 
@@ -85363,9 +85429,9 @@ function 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;
+  react.Children.forEach(children, child => {
+    if (! /*#__PURE__*/(0,react.isValidElement)(child)) return;
+    if (child.type === SmartScrollbarIndicator) hasIndicator = true;
   });
   if (!hasIndicator) {
     throw new Error('SmartScrollbar: <SmartScrollbarIndicator> is a required child. ' + 'Users will not see their current scroll position without it.');
@@ -85376,21 +85442,45 @@ function validateChildren(children) {
 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;
 
+/** Package-internal type; not re-exported from `@ohif/ui-next` barrels. */
+
+/**
+ * Maps a raw record payload into partial `SmartScrollbarIndicatorConfig`.
+ *
+ * Supported keys on `raw`:
+ * - `totalWidth`, `totalHeight` — positive numbers
+ * - `renderIndicator` — `(React) => ReactNode`
+ */
+function normalizeIndicatorRecord(raw) {
+  if (raw == null) {
+    return {};
+  }
+  const config = {};
+  if (typeof raw.totalWidth === 'number' && raw.totalWidth > 0) {
+    config.totalWidth = raw.totalWidth;
+  }
+  if (typeof raw.totalHeight === 'number' && raw.totalHeight > 0) {
+    config.totalHeight = raw.totalHeight;
+  }
+  if (typeof raw.renderIndicator === 'function') {
+    config.renderIndicator = raw.renderIndicator;
+  }
+  return config;
+}
+
 // ── 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);
+const SmartScrollbarLayoutContext = /*#__PURE__*/(0,react.createContext)(null);
+const SmartScrollbarScrollContext = /*#__PURE__*/(0,react.createContext)(null);
+function useSmartScrollbarLayoutContext() {
+  const ctx = (0,react.useContext)(SmartScrollbarLayoutContext);
   if (!ctx) throw new Error('SmartScrollbar compound components must be used inside <SmartScrollbar>');
   return ctx;
 }
-function SmartScrollbar_useSmartScrollbarScrollContext() {
-  const value = useContext(SmartScrollbarScrollContext);
+function useSmartScrollbarScrollContext() {
+  const value = (0,react.useContext)(SmartScrollbarScrollContext);
   if (value === null) throw new Error('SmartScrollbar compound components must be used inside <SmartScrollbar>');
   return value;
 }
@@ -85406,16 +85496,35 @@ function SmartScrollbar({
   enableKeyboardNavigation = false,
   'aria-label': ariaLabel = 'Scroll position',
   className,
+  indicator,
   children
 }) {
   validateChildren(children);
+  const resolvedIndicator = (0,react.useMemo)(() => {
+    const defaultIndicatorConfig = DEFAULT_INDICATOR_CONFIG;
+    const parsed = normalizeIndicatorRecord(indicator);
+    if (parsed.totalWidth && parsed.totalHeight && parsed.renderIndicator) {
+      return {
+        totalWidth: parsed.totalWidth,
+        totalHeight: parsed.totalHeight,
+        renderIndicator: parsed.renderIndicator
+      };
+    }
+    return defaultIndicatorConfig;
+  }, [indicator]);
 
   // ── ResizeObserver for trackHeight ───────────────────────────
-  const containerRef = useRef(null);
-  const [trackHeight, setTrackHeight] = useState(0);
-  useEffect(() => {
+  const containerRef = (0,react.useRef)(null);
+  const [trackHeight, setTrackHeight] = (0,react.useState)(0);
+  (0,react.useEffect)(() => {
     const el = containerRef.current;
     if (!el) return;
+    const syncTrackHeight = () => {
+      const measuredHeight = el.getBoundingClientRect().height;
+      setTrackHeight(prev => prev === measuredHeight ? prev : measuredHeight);
+    };
+    // Capture an immediate measurement so we don't rely solely on async ResizeObserver delivery.
+    syncTrackHeight();
     const ro = new ResizeObserver(([entry]) => {
       setTrackHeight(entry.contentRect.height);
     });
@@ -85424,15 +85533,15 @@ function SmartScrollbar({
   }, []);
 
   // ── Contraction state ────────────────────────────────────────
-  const [isHovered, setIsHovered] = useState(false);
-  const [isDragging, setIsDragging] = useState(false);
-  const isDraggingRef = useRef(false);
-  const trackTopRef = useRef(0);
+  const [isHovered, setIsHovered] = (0,react.useState)(false);
+  const [isDragging, setIsDragging] = (0,react.useState)(false);
+  const isDraggingRef = (0,react.useRef)(false);
+  const trackTopRef = (0,react.useRef)(0);
 
   // Settle delay — only contract after a real loading→done transition
-  const [hasSettled, setHasSettled] = useState(false);
-  const wasEverLoading = useRef(false);
-  useEffect(() => {
+  const [hasSettled, setHasSettled] = (0,react.useState)(false);
+  const wasEverLoading = (0,react.useRef)(false);
+  (0,react.useEffect)(() => {
     if (isLoading) {
       wasEverLoading.current = true;
       setHasSettled(false);
@@ -85444,35 +85553,45 @@ function SmartScrollbar({
   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);
+  // ── Hit zone: extend past `TRACK_WIDTH` on both sides when the pill is wider than the track ──
+  const hitZoneSideExtension = Math.max(0, resolvedIndicator.totalWidth / 2 - TRACK_WIDTH / 2);
 
   // ── 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);
+  const [stableLayerEl, setStableLayerEl] = (0,react.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));
+  const clamp = (0,react.useCallback)(val => Math.max(0, Math.min(total - 1, val)), [total]);
+  const indexFromPointerY = (0,react.useCallback)(clientY => {
+    if (trackHeight <= 0) {
+      return 0;
+    }
+
+    // Map pointer Y within the same padded fill strip used by fill/indicator.
+    const fillTop = trackTopRef.current + FILL_PADDING;
+    const fillHeight = trackHeight - FILL_PADDING * 2;
+    if (fillHeight <= 0) {
+      return 0;
+    }
+    const ratio = Math.max(0, Math.min(1, (clientY - fillTop) / fillHeight));
     return Math.round(ratio * (total - 1));
   }, [trackHeight, total]);
-  const handlePointerDown = useCallback(e => {
+  const handlePointerDown = (0,react.useCallback)(e => {
     trackTopRef.current = e.currentTarget.getBoundingClientRect().top;
+    if (trackHeight <= 0) {
+      return;
+    }
     isDraggingRef.current = true;
     setIsDragging(true);
     e.currentTarget.setPointerCapture(e.pointerId);
     onValueChange(clamp(indexFromPointerY(e.clientY)));
-  }, [clamp, indexFromPointerY, onValueChange]);
-  const handlePointerMove = useCallback(e => {
+  }, [clamp, indexFromPointerY, onValueChange, trackHeight]);
+  const handlePointerMove = (0,react.useCallback)(e => {
     if (!isDraggingRef.current) return;
     onValueChange(clamp(indexFromPointerY(e.clientY)));
   }, [clamp, indexFromPointerY, onValueChange]);
-  const handlePointerUp = useCallback(e => {
+  const handlePointerUp = (0,react.useCallback)(e => {
     isDraggingRef.current = false;
     setIsDragging(false);
     e.currentTarget.releasePointerCapture(e.pointerId);
@@ -85480,7 +85599,7 @@ function SmartScrollbar({
 
   // ── Keyboard interaction (WAI-ARIA slider spec) ────────────
   const PAGE_STEP = 10;
-  const handleKeyDown = useCallback(e => {
+  const handleKeyDown = (0,react.useCallback)(e => {
     let next = null;
     switch (e.key) {
       case 'ArrowUp':
@@ -85511,20 +85630,24 @@ function SmartScrollbar({
   }, [value, total, clamp, onValueChange]);
 
   // ── Context values ───────────────────────────────────────────
-  const layoutCtx = useMemo(() => ({
+  const layoutCtx = (0,react.useMemo)(() => ({
     total,
     trackHeight,
     isLoading,
+    isDragging,
     effectiveWidth,
     trackWidth: TRACK_WIDTH,
     fillPadding: FILL_PADDING,
-    stableLayerEl
-  }), [total, trackHeight, isLoading, effectiveWidth, stableLayerEl]);
-  return /*#__PURE__*/SmartScrollbar_React.createElement(SmartScrollbarLayoutContext.Provider, {
+    stableLayerEl,
+    indicatorTotalWidth: resolvedIndicator.totalWidth,
+    indicatorTotalHeight: resolvedIndicator.totalHeight,
+    renderIndicator: resolvedIndicator.renderIndicator
+  }), [total, trackHeight, isLoading, isDragging, effectiveWidth, stableLayerEl, resolvedIndicator.totalWidth, resolvedIndicator.totalHeight, resolvedIndicator.renderIndicator]);
+  return /*#__PURE__*/react.createElement(SmartScrollbarLayoutContext.Provider, {
     value: layoutCtx
-  }, /*#__PURE__*/SmartScrollbar_React.createElement(SmartScrollbarScrollContext.Provider, {
+  }, /*#__PURE__*/react.createElement(SmartScrollbarScrollContext.Provider, {
     value: value
-  }, /*#__PURE__*/SmartScrollbar_React.createElement("div", {
+  }, /*#__PURE__*/react.createElement("div", {
     ref: containerRef,
     role: "slider",
     "aria-valuenow": value,
@@ -85535,10 +85658,10 @@ function SmartScrollbar({
     tabIndex: 0,
     className: className,
     style: {
-      width: TRACK_WIDTH + hitZoneLeftExtension,
+      width: TRACK_WIDTH + hitZoneSideExtension * 2,
       height: '100%',
       position: 'relative',
-      marginLeft: -hitZoneLeftExtension,
+      marginLeft: -hitZoneSideExtension,
       cursor: isDragging ? 'grabbing' : 'grab',
       touchAction: 'none'
     },
@@ -85549,24 +85672,24 @@ function SmartScrollbar({
     onPointerUp: handlePointerUp,
     onPointerCancel: handlePointerUp,
     onKeyDown: enableKeyboardNavigation ? handleKeyDown : undefined
-  }, trackHeight > 0 && /*#__PURE__*/SmartScrollbar_React.createElement("div", {
+  }, trackHeight > 0 && /*#__PURE__*/react.createElement("div", {
     style: {
       position: 'absolute',
-      right: 0,
+      right: hitZoneSideExtension,
       top: 0,
       width: TRACK_WIDTH,
       height: trackHeight,
       display: 'flex',
       justifyContent: 'center'
     }
-  }, /*#__PURE__*/SmartScrollbar_React.createElement("div", {
+  }, /*#__PURE__*/react.createElement("div", {
     className: "relative",
     style: {
       width: effectiveWidth,
       height: trackHeight,
       transition: 'width 300ms ease'
     }
-  }, children), /*#__PURE__*/SmartScrollbar_React.createElement("div", {
+  }, children), /*#__PURE__*/react.createElement("div", {
     ref: setStableLayerEl,
     style: {
       position: 'absolute',
@@ -85576,11 +85699,6 @@ function SmartScrollbar({
   })))));
 }
 ;// ../../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;
 
 
 
@@ -85596,28 +85714,28 @@ function DotGrid({
   patternId
 }) {
   const dotColor = `hsl(var(--neutral) / 0.5)`;
-  return /*#__PURE__*/SmartScrollbarTrack_React.createElement("svg", {
+  return /*#__PURE__*/react.createElement("svg", {
     width: w,
     height: h,
     className: "absolute inset-0"
-  }, /*#__PURE__*/SmartScrollbarTrack_React.createElement("defs", null, /*#__PURE__*/SmartScrollbarTrack_React.createElement("pattern", {
+  }, /*#__PURE__*/react.createElement("defs", null, /*#__PURE__*/react.createElement("pattern", {
     id: patternId,
     width: DOT_STEP,
     height: DOT_STEP,
     patternUnits: "userSpaceOnUse"
-  }, /*#__PURE__*/SmartScrollbarTrack_React.createElement("circle", {
+  }, /*#__PURE__*/react.createElement("circle", {
     cx: DOT_RADIUS,
     cy: DOT_RADIUS,
     r: DOT_RADIUS,
     fill: dotColor
-  })), /*#__PURE__*/SmartScrollbarTrack_React.createElement("clipPath", {
+  })), /*#__PURE__*/react.createElement("clipPath", {
     id: `${patternId}-clip`
-  }, /*#__PURE__*/SmartScrollbarTrack_React.createElement("rect", {
+  }, /*#__PURE__*/react.createElement("rect", {
     x: 0,
     y: 0,
     width: w,
     height: h
-  }))), /*#__PURE__*/SmartScrollbarTrack_React.createElement("rect", {
+  }))), /*#__PURE__*/react.createElement("rect", {
     x: 0,
     y: 0,
     width: w,
@@ -85626,7 +85744,7 @@ function DotGrid({
     clipPath: `url(#${patternId}-clip)`
   }));
 }
-const SmartScrollbarTrack = /*#__PURE__*/(/* unused pure expression or super */ null && (SmartScrollbarTrack_React.memo(function SmartScrollbarTrack({
+const SmartScrollbarTrack = /*#__PURE__*/react.memo(function SmartScrollbarTrack({
   className,
   children
 }) {
@@ -85634,12 +85752,12 @@ const SmartScrollbarTrack = /*#__PURE__*/(/* unused pure expression or super */
     trackHeight,
     effectiveWidth,
     isLoading
-  } = SmartScrollbarTrack_useSmartScrollbarLayoutContext();
-  const patternId = useId();
+  } = useSmartScrollbarLayoutContext();
+  const patternId = (0,react.useId)();
 
   // Keep the dot grid mounted long enough to fade out, then unmount entirely.
-  const [dotGridMounted, setDotGridMounted] = SmartScrollbarTrack_useState(isLoading);
-  SmartScrollbarTrack_useEffect(() => {
+  const [dotGridMounted, setDotGridMounted] = (0,react.useState)(isLoading);
+  (0,react.useEffect)(() => {
     if (isLoading) {
       setDotGridMounted(true);
       return;
@@ -85650,9 +85768,9 @@ const SmartScrollbarTrack = /*#__PURE__*/(/* unused pure expression or super */
   if (trackHeight === 0) return null;
   const w = effectiveWidth;
   const h = trackHeight;
-  return /*#__PURE__*/SmartScrollbarTrack_React.createElement("div", {
+  return /*#__PURE__*/react.createElement("div", {
     className: `absolute inset-0 ${className ?? ''}`
-  }, dotGridMounted && /*#__PURE__*/SmartScrollbarTrack_React.createElement("div", {
+  }, dotGridMounted && /*#__PURE__*/react.createElement("div", {
     className: "absolute inset-0",
     style: {
       width: w,
@@ -85660,47 +85778,42 @@ const SmartScrollbarTrack = /*#__PURE__*/(/* unused pure expression or super */
       opacity: isLoading ? 1 : 0,
       transition: `opacity ${FADE_DURATION_MS}ms ease`
     }
-  }, /*#__PURE__*/SmartScrollbarTrack_React.createElement(DotGrid, {
+  }, /*#__PURE__*/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({
+const SmartScrollbarFill = /*#__PURE__*/react.memo(function SmartScrollbarFill({
   marked,
   version,
-  className,
-  loadingClassName
+  className = 'bg-neutral/25',
+  loadingClassName = 'bg-neutral/50'
 }) {
   const {
     trackHeight,
     effectiveWidth,
     fillPadding,
     isLoading
-  } = SmartScrollbarFill_useSmartScrollbarLayoutContext();
-  const runs = SmartScrollbarFill_useMemo(() => {
+  } = useSmartScrollbarLayoutContext();
+  const runs = (0,react.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);
+    const pixelFilled = computePixelFilledFromMarked(marked, pixelCount);
+    return 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) => {
+  return /*#__PURE__*/react.createElement(react.Fragment, null, runs.map((run, index) => {
     const top = fillAreaTop + run.start;
     const height = run.length;
-    return /*#__PURE__*/SmartScrollbarFill_React.createElement("div", {
+    return /*#__PURE__*/react.createElement("div", {
       key: index,
       className: `absolute ${activeClass ?? ''}`,
       style: {
@@ -85712,14 +85825,10 @@ const SmartScrollbarFill = /*#__PURE__*/(/* unused pure expression or super */ n
       }
     });
   }));
-})));
+});
 // 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;
 
 
 
@@ -85729,7 +85838,7 @@ var react_dom = __webpack_require__(35623);
 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({
+const SmartScrollbarEndpoints = /*#__PURE__*/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
@@ -85742,11 +85851,11 @@ const SmartScrollbarEndpoints = /*#__PURE__*/(/* unused pure expression or super
     trackWidth,
     fillPadding,
     stableLayerEl
-  } = SmartScrollbarEndpoints_useSmartScrollbarLayoutContext();
+  } = 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);
+  const pixelFilled = 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.
@@ -85775,90 +85884,103 @@ const SmartScrollbarEndpoints = /*#__PURE__*/(/* unused pure expression or super
 
   // 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", {
+  return /*#__PURE__*/(0,react_dom.createPortal)(/*#__PURE__*/react.createElement("svg", {
     width: trackWidth,
     height: trackHeight,
     className: `pointer-events-none absolute inset-0 ${className ?? ''}`
-  }, /*#__PURE__*/SmartScrollbarEndpoints_React.createElement("rect", {
+  }, /*#__PURE__*/react.createElement("rect", {
     x: cx - halfCap,
     y: topEdge - CAP_HEIGHT,
     width: CAP_SIZE,
     height: CAP_HEIGHT,
     fill: CAP_COLOR
-  }), /*#__PURE__*/SmartScrollbarEndpoints_React.createElement("rect", {
+  }), /*#__PURE__*/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]);
+ * @param batchIntervalMs - When > 0, writes are coalesced into a scheduled
+ *                          flush: the first write starts a timer, the next
+ *                          flush bumps `version`, and the timer stops. New
+ *                          writes start a new interval window. Omit or pass 0
+ *                          for immediate re-renders on every write.
+ */
+function useByteArray(size, batchIntervalMs = 0) {
+  const bytesRef = (0,react.useRef)(new Uint8Array(size));
+  const countRef = (0,react.useRef)(0);
+  const [version, setVersion] = (0,react.useState)(0);
+  const timeoutIdRef = (0,react.useRef)(null);
+  const clearScheduledFlush = (0,react.useCallback)(() => {
+    if (timeoutIdRef.current !== null) {
+      window.clearTimeout(timeoutIdRef.current);
+      timeoutIdRef.current = null;
+    }
+  }, []);
+  const flushScheduledVersion = (0,react.useCallback)(() => {
+    // End this timeout window after the scheduled flush.
+    clearScheduledFlush();
+    setVersion(v => v + 1);
+  }, [clearScheduledFlush]);
 
   // Reset array only when size actually changes — skip on initial mount since
   // bytesRef is already initialised to the correct size via useRef.
-  useByteArray_useEffect(() => {
+  (0,react.useEffect)(() => {
     if (bytesRef.current.length === size) return;
-    debouncedBump?.cancel();
+    // Drop any in-flight timeout window when resetting the underlying array.
+    clearScheduledFlush();
     bytesRef.current = new Uint8Array(size);
     countRef.current = 0;
     setVersion(v => v + 1);
-  }, [size, debouncedBump]);
-  const bump = useByteArray_useCallback(() => {
-    if (debouncedBump) {
-      debouncedBump();
-    } else {
+  }, [size, clearScheduledFlush]);
+  (0,react.useEffect)(() => {
+    // If timing changes mid-window, restart that timeout using the new timing.
+    const pendingTimeoutId = timeoutIdRef.current;
+    clearScheduledFlush();
+    if (batchIntervalMs <= 0) {
+      if (pendingTimeoutId !== null) {
+        setVersion(v => v + 1);
+      }
+      return;
+    }
+    if (pendingTimeoutId !== null) {
+      timeoutIdRef.current = window.setTimeout(flushScheduledVersion, batchIntervalMs);
+    }
+    return () => clearScheduledFlush();
+  }, [batchIntervalMs, clearScheduledFlush, flushScheduledVersion]);
+  const bump = (0,react.useCallback)(() => {
+    if (batchIntervalMs <= 0) {
       setVersion(v => v + 1);
+      return;
+    }
+    if (timeoutIdRef.current === null) {
+      timeoutIdRef.current = window.setTimeout(flushScheduledVersion, batchIntervalMs);
     }
-  }, [debouncedBump]);
-  const setByte = useByteArray_useCallback(index => {
+  }, [batchIntervalMs, flushScheduledVersion]);
+  const setByte = (0,react.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 clearByte = (0,react.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 resetWith = (0,react.useCallback)(populate => {
     const bytes = bytesRef.current;
     bytes.fill(0);
     populate(bytes);
@@ -86014,7 +86136,7 @@ var useLayoutEffect2 = globalThis?.document ? react.useLayoutEffect : () => {
 
 var useReactId = react_namespaceObject[" useId ".trim().toString()] || (() => void 0);
 var count = 0;
-function dist_useId(deterministicId) {
+function useId(deterministicId) {
   const [id, setId] = react.useState(useReactId());
   useLayoutEffect2(() => {
     if (!deterministicId) setId((reactId) => reactId ?? String(count++));
@@ -86026,7 +86148,7 @@ function dist_useId(deterministicId) {
 
 ;// ../../../node_modules/@radix-ui/react-use-effect-event/dist/index.mjs
 /* unused harmony import specifier */ var useLayoutEffect;
-/* unused harmony import specifier */ var dist_React;
+/* unused harmony import specifier */ var React;
 // src/use-effect-event.tsx
 
 
@@ -86036,7 +86158,7 @@ function useEffectEvent(callback) {
   if (typeof useReactEffectEvent === "function") {
     return useReactEffectEvent(callback);
   }
-  const ref = dist_React.useRef(() => {
+  const ref = React.useRef(() => {
     throw new Error("Cannot call an event handler while rendering.");
   });
   if (typeof useReactInsertionEffect === "function") {
@@ -86048,7 +86170,7 @@ function useEffectEvent(callback) {
       ref.current = callback;
     });
   }
-  return dist_React.useMemo(() => (...args) => ref.current?.(...args), []);
+  return React.useMemo(() => (...args) => ref.current?.(...args), []);
 }
 
 //# sourceMappingURL=index.mjs.map
@@ -87183,8 +87305,8 @@ var env = {
 };
 
 ;// ../../../node_modules/use-sidecar/dist/es2015/hook.js
-/* unused harmony import specifier */ var hook_useState;
-/* unused harmony import specifier */ var hook_useEffect;
+/* unused harmony import specifier */ var useState;
+/* unused harmony import specifier */ var useEffect;
 /* unused harmony import specifier */ var hook_env;
 
 
@@ -87201,9 +87323,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 = 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 () {
+    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 () {
         if (!Car) {
             importer().then(function (car) {
                 var resolved = effect ? effect.read() : car.default || car;
@@ -87339,7 +87461,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 renderProp_useCallback;
+/* unused harmony import specifier */ var useCallback;
 /* unused harmony import specifier */ var renderProp_useLayoutEffect;
 /* unused harmony import specifier */ var renderProp_useState;
 /* unused harmony import specifier */ var renderProp_useEffect;
@@ -87349,7 +87471,7 @@ function createSidecarMedium(options) {
 function renderCar(WrappedComponent, defaults) {
     function State(_a) {
         var stateRef = _a.stateRef, props = _a.props;
-        var renderTarget = renderProp_useCallback(function SideTarget() {
+        var renderTarget = useCallback(function SideTarget() {
             var args = [];
             for (var _i = 0; _i < arguments.length; _i++) {
                 args[_i] = arguments[_i];
@@ -88178,9 +88300,9 @@ var Dialog = (props) => {
       scope: __scopeDialog,
       triggerRef,
       contentRef,
-      contentId: dist_useId(),
-      titleId: dist_useId(),
-      descriptionId: dist_useId(),
+      contentId: useId(),
+      titleId: useId(),
+      descriptionId: useId(),
       open,
       onOpenChange: setOpen,
       onOpenToggle: react.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
@@ -88458,7 +88580,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,$=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"};
+"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"};
 
 ;// ../../ui-next/src/components/Dialog/useDraggable.ts
 
@@ -90190,7 +90312,7 @@ var Select = (props) => {
       onValueNodeChange: setValueNode,
       valueNodeHasChildren,
       onValueNodeHasChildrenChange: setValueNodeHasChildren,
-      contentId: dist_useId(),
+      contentId: useId(),
       value,
       onValueChange: setValue,
       open,
@@ -90882,7 +91004,7 @@ var [SelectGroupContextProvider, useSelectGroupContext] = createSelectContext(GR
 var SelectGroup = react.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, ...groupProps } = props;
-    const groupId = dist_useId();
+    const groupId = 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 }) });
   }
 );
@@ -90916,7 +91038,7 @@ var SelectItem = react.forwardRef(
       forwardedRef,
       (node) => contentContext.itemRefCallback?.(node, value, disabled)
     );
-    const textId = dist_useId();
+    const textId = useId();
     const pointerTypeRef = react.useRef("touch");
     const handleSelect = () => {
       if (!disabled) {
@@ -135157,7 +135279,7 @@ var Popover = (props) => {
     PopoverProvider,
     {
       scope: __scopePopover,
-      contentId: dist_useId(),
+      contentId: useId(),
       triggerRef,
       open,
       onOpenChange: setOpen,
@@ -202002,6 +202124,9 @@ 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); }
 
@@ -203554,7 +203679,7 @@ var RovingFocusGroupItem = react.forwardRef(
       children,
       ...itemProps
     } = props;
-    const autoId = dist_useId();
+    const autoId = useId();
     const id = tabStopId || autoId;
     const context = useRovingFocusContext(dist_ITEM_NAME, __scopeRovingFocusGroup);
     const isCurrentTabStop = context.currentTabStopId === id;
@@ -203694,7 +203819,7 @@ var Tabs = react.forwardRef(
       TabsProvider,
       {
         scope: __scopeTabs,
-        baseId: dist_useId(),
+        baseId: useId(),
         value,
         onValueChange: setValue,
         orientation,
@@ -205915,7 +206040,7 @@ var Collapsible = react.forwardRef(
       {
         scope: __scopeCollapsible,
         disabled,
-        contentId: dist_useId(),
+        contentId: useId(),
         open,
         onOpenToggle: react.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
         children: /* @__PURE__ */ (0,jsx_runtime.jsx)(
@@ -206224,7 +206349,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 = dist_useId();
+    const triggerId = useId();
     const open = value && valueContext.value.includes(value) || false;
     const disabled = accordionContext.disabled || props.disabled;
     return /* @__PURE__ */ (0,jsx_runtime.jsx)(
@@ -206465,7 +206590,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 = dist_useId();
+  const contentId = useId();
   const openTimerRef = react.useRef(0);
   const disableHoverableContent = disableHoverableContentProp ?? providerContext.disableHoverableContent;
   const delayDuration = delayDurationProp ?? providerContext.delayDuration;
@@ -213678,8 +213803,8 @@ var MenuSub = (props) => {
         MenuSubProvider,
         {
           scope: __scopeMenu,
-          contentId: dist_useId(),
-          triggerId: dist_useId(),
+          contentId: useId(),
+          triggerId: useId(),
           trigger,
           onTriggerChange: setTrigger,
           children
@@ -213955,9 +214080,9 @@ var DropdownMenu = (props) => {
     DropdownMenuProvider,
     {
       scope: __scopeDropdownMenu,
-      triggerId: dist_useId(),
+      triggerId: useId(),
       triggerRef,
-      contentId: dist_useId(),
+      contentId: useId(),
       open,
       onOpenChange: setOpen,
       onOpenToggle: react.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
@@ -219516,13 +219641,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 DialogProvider_useContext;
+/* unused harmony import specifier */ var 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 = DialogProvider_useContext(DialogProvider_DialogContext);
+  const context = useContext(DialogProvider_DialogContext);
   if (!context) {
     throw new Error('useDialog must be used within a DialogProvider');
   }
@@ -221987,15 +222112,15 @@ let ViewportActionCornersLocations = /*#__PURE__*/function (ViewportActionCorner
 const commonClasses = 'pointer-events-auto flex items-center';
 const locationClasses = {
   [ViewportActionCornersLocations.topLeft]: classnames_default()(commonClasses, 'absolute top-[4px] left-[0px] pl-[4px]'),
-  [ViewportActionCornersLocations.topRight]: classnames_default()(commonClasses, 'absolute top-[4px] right-[16px] right-viewport-scrollbar'),
+  [ViewportActionCornersLocations.topRight]: classnames_default()(commonClasses, 'absolute top-[4px] right-viewport-scrollbar'),
   [ViewportActionCornersLocations.bottomLeft]: classnames_default()(commonClasses, 'absolute bottom-[3px] left-[0px] pl-[4px]'),
-  [ViewportActionCornersLocations.bottomRight]: classnames_default()(commonClasses, 'absolute bottom-[3px] right-[16px] right-viewport-scrollbar'),
+  [ViewportActionCornersLocations.bottomRight]: classnames_default()(commonClasses, 'absolute bottom-[3px] right-viewport-scrollbar'),
   [ViewportActionCornersLocations.topMiddle]: classnames_default()(commonClasses,
   // Todo: to place on right side of the viewport orientation label
   'absolute top-[25px] left-1/2 -translate-x-1/2'),
   [ViewportActionCornersLocations.bottomMiddle]: classnames_default()(commonClasses, 'absolute bottom-[3px] left-1/2 -translate-x-1/2'),
   [ViewportActionCornersLocations.leftMiddle]: classnames_default()(commonClasses, 'absolute left-[20px] top-[calc(50%+2px)] -translate-y-1/2 pl-[4px]'),
-  [ViewportActionCornersLocations.rightMiddle]: classnames_default()(commonClasses, 'absolute right-[16px] top-1/2 -translate-y-1/2 right-viewport-scrollbar')
+  [ViewportActionCornersLocations.rightMiddle]: classnames_default()(commonClasses, 'absolute top-1/2 -translate-y-1/2 right-viewport-scrollbar')
 };
 const ViewportActionCornersContext = /*#__PURE__*/(0,react.createContext)(null);
 function ViewportActionCorners_Container({
@@ -222160,16 +222285,10 @@ function ViewportOverlay({
     className: classnames_default()(overlay, ViewportOverlay_classes.topLeft)
   }, topLeft), /*#__PURE__*/react.createElement("div", {
     "data-cy": "viewport-overlay-top-right",
-    className: classnames_default()(overlay, ViewportOverlay_classes.topRight),
-    style: {
-      transform: 'translateX(9px)'
-    }
+    className: classnames_default()(overlay, ViewportOverlay_classes.topRight)
   }, topRight), /*#__PURE__*/react.createElement("div", {
     "data-cy": "viewport-overlay-bottom-right",
-    className: classnames_default()(overlay, ViewportOverlay_classes.bottomRight),
-    style: {
-      transform: 'translateX(6px)'
-    }
+    className: classnames_default()(overlay, ViewportOverlay_classes.bottomRight)
   }, bottomRight), /*#__PURE__*/react.createElement("div", {
     "data-cy": "viewport-overlay-bottom-left",
     className: classnames_default()(overlay, ViewportOverlay_classes.bottomLeft)
@@ -223134,7 +223253,7 @@ DataRow.Status = Status;
 
 // https://github.com/reach/reach-ui/blob/dev/packages/utils/src/context.tsx
 
-function createContext_createContext(rootComponentName, defaultContext) {
+function createContext(rootComponentName, defaultContext) {
   const Ctx = /*#__PURE__*/react.createContext(defaultContext);
   function Provider(props) {
     const {
@@ -223168,7 +223287,7 @@ function createContext_createContext(rootComponentName, defaultContext) {
 
 
 
-const [MeasurementTableProvider, useMeasurementTableContext] = createContext_createContext('MeasurementTable', {
+const [MeasurementTableProvider, useMeasurementTableContext] = createContext('MeasurementTable', {
   data: [],
   isExpanded: true
 });
@@ -231736,8 +231855,8 @@ Typography.propTypes = {
 ;// ../../ui/src/components/Typography/index.js
 
 /* harmony default export */ const components_Typography = (Typography_Typography);
-// EXTERNAL MODULE: ../../ui-next/src/index.ts + 3084 modules
-var src = __webpack_require__(15953);
+// EXTERNAL MODULE: ../../ui-next/src/index.ts + 3085 modules
+var src = __webpack_require__(564);
 ;// ../../ui/src/components/EmptyStudies/EmptyStudies.tsx
 
 
@@ -240422,8 +240541,8 @@ Compose.propTypes = {
 };
 // EXTERNAL MODULE: ../../core/src/index.ts + 69 modules
 var core_src = __webpack_require__(42356);
-// EXTERNAL MODULE: ../../ui-next/src/index.ts + 3084 modules
-var ui_next_src = __webpack_require__(15953);
+// EXTERNAL MODULE: ../../ui-next/src/index.ts + 3085 modules
+var ui_next_src = __webpack_require__(564);
 // EXTERNAL MODULE: ./state/index.js + 1 modules
 var state = __webpack_require__(45981);
 // EXTERNAL MODULE: ../../../node_modules/react-router/dist/index.js
@@ -242308,27 +242427,27 @@ async function loadModule(module) {
     return imported.default;
   }
   if (module === "@ohif/extension-cornerstone") {
-    const imported = await Promise.all(/* import() */[__webpack_require__.e(4287), __webpack_require__.e(9567), __webpack_require__.e(2075), __webpack_require__.e(9205), __webpack_require__.e(2108), __webpack_require__.e(7431), __webpack_require__.e(2851), __webpack_require__.e(4688), __webpack_require__.e(4972)]).then(__webpack_require__.bind(__webpack_require__, 24688));
+    const imported = await Promise.all(/* import() */[__webpack_require__.e(4287), __webpack_require__.e(9567), __webpack_require__.e(2075), __webpack_require__.e(9205), __webpack_require__.e(2108), __webpack_require__.e(7431), __webpack_require__.e(2851), __webpack_require__.e(7166), __webpack_require__.e(4972)]).then(__webpack_require__.bind(__webpack_require__, 87166));
     return imported.default;
   }
   if (module === "@ohif/extension-measurement-tracking") {
-    const imported = await Promise.all(/* import() */[__webpack_require__.e(4287), __webpack_require__.e(9567), __webpack_require__.e(2075), __webpack_require__.e(9205), __webpack_require__.e(2108), __webpack_require__.e(7431), __webpack_require__.e(4579), __webpack_require__.e(5261), __webpack_require__.e(2851), __webpack_require__.e(4688), __webpack_require__.e(3461), __webpack_require__.e(4819)]).then(__webpack_require__.bind(__webpack_require__, 8877));
+    const imported = await Promise.all(/* import() */[__webpack_require__.e(4287), __webpack_require__.e(9567), __webpack_require__.e(2075), __webpack_require__.e(9205), __webpack_require__.e(2108), __webpack_require__.e(7431), __webpack_require__.e(4579), __webpack_require__.e(5261), __webpack_require__.e(2851), __webpack_require__.e(7166), __webpack_require__.e(3461), __webpack_require__.e(4819)]).then(__webpack_require__.bind(__webpack_require__, 8877));
     return imported.default;
   }
   if (module === "@ohif/extension-cornerstone-dicom-sr") {
-    const imported = await Promise.all(/* import() */[__webpack_require__.e(4287), __webpack_require__.e(9567), __webpack_require__.e(2075), __webpack_require__.e(9205), __webpack_require__.e(2108), __webpack_require__.e(7431), __webpack_require__.e(4579), __webpack_require__.e(2851), __webpack_require__.e(4688), __webpack_require__.e(3461), __webpack_require__.e(7829)]).then(__webpack_require__.bind(__webpack_require__, 93461));
+    const imported = await Promise.all(/* import() */[__webpack_require__.e(4287), __webpack_require__.e(9567), __webpack_require__.e(2075), __webpack_require__.e(9205), __webpack_require__.e(2108), __webpack_require__.e(7431), __webpack_require__.e(4579), __webpack_require__.e(2851), __webpack_require__.e(7166), __webpack_require__.e(3461), __webpack_require__.e(7829)]).then(__webpack_require__.bind(__webpack_require__, 93461));
     return imported.default;
   }
   if (module === "@ohif/extension-cornerstone-dicom-seg") {
-    const imported = await Promise.all(/* import() */[__webpack_require__.e(4287), __webpack_require__.e(9567), __webpack_require__.e(2075), __webpack_require__.e(9205), __webpack_require__.e(2108), __webpack_require__.e(7431), __webpack_require__.e(4579), __webpack_require__.e(2851), __webpack_require__.e(4688), __webpack_require__.e(8305)]).then(__webpack_require__.bind(__webpack_require__, 9099));
+    const imported = await Promise.all(/* import() */[__webpack_require__.e(4287), __webpack_require__.e(9567), __webpack_require__.e(2075), __webpack_require__.e(9205), __webpack_require__.e(2108), __webpack_require__.e(7431), __webpack_require__.e(4579), __webpack_require__.e(2851), __webpack_require__.e(7166), __webpack_require__.e(8305)]).then(__webpack_require__.bind(__webpack_require__, 9099));
     return imported.default;
   }
   if (module === "@ohif/extension-cornerstone-dicom-pmap") {
-    const imported = await Promise.all(/* import() */[__webpack_require__.e(4287), __webpack_require__.e(9567), __webpack_require__.e(2075), __webpack_require__.e(9205), __webpack_require__.e(2108), __webpack_require__.e(7431), __webpack_require__.e(4579), __webpack_require__.e(2851), __webpack_require__.e(4688), __webpack_require__.e(5028)]).then(__webpack_require__.bind(__webpack_require__, 82098));
+    const imported = await Promise.all(/* import() */[__webpack_require__.e(4287), __webpack_require__.e(9567), __webpack_require__.e(2075), __webpack_require__.e(9205), __webpack_require__.e(2108), __webpack_require__.e(7431), __webpack_require__.e(4579), __webpack_require__.e(2851), __webpack_require__.e(7166), __webpack_require__.e(5028)]).then(__webpack_require__.bind(__webpack_require__, 82098));
     return imported.default;
   }
   if (module === "@ohif/extension-cornerstone-dynamic-volume") {
-    const imported = await Promise.all(/* import() */[__webpack_require__.e(4287), __webpack_require__.e(9567), __webpack_require__.e(2075), __webpack_require__.e(9205), __webpack_require__.e(2108), __webpack_require__.e(7431), __webpack_require__.e(2851), __webpack_require__.e(4688), __webpack_require__.e(3138)]).then(__webpack_require__.bind(__webpack_require__, 14696));
+    const imported = await Promise.all(/* import() */[__webpack_require__.e(4287), __webpack_require__.e(9567), __webpack_require__.e(2075), __webpack_require__.e(9205), __webpack_require__.e(2108), __webpack_require__.e(7431), __webpack_require__.e(2851), __webpack_require__.e(7166), __webpack_require__.e(3138)]).then(__webpack_require__.bind(__webpack_require__, 14696));
     return imported.default;
   }
   if (module === "@ohif/extension-dicom-microscopy") {
@@ -242344,11 +242463,11 @@ async function loadModule(module) {
     return imported.default;
   }
   if (module === "@ohif/extension-tmtv") {
-    const imported = await Promise.all(/* import() */[__webpack_require__.e(4287), __webpack_require__.e(9567), __webpack_require__.e(2075), __webpack_require__.e(9205), __webpack_require__.e(2108), __webpack_require__.e(7431), __webpack_require__.e(4579), __webpack_require__.e(2851), __webpack_require__.e(4688), __webpack_require__.e(8583)]).then(__webpack_require__.bind(__webpack_require__, 57289));
+    const imported = await Promise.all(/* import() */[__webpack_require__.e(4287), __webpack_require__.e(9567), __webpack_require__.e(2075), __webpack_require__.e(9205), __webpack_require__.e(2108), __webpack_require__.e(7431), __webpack_require__.e(4579), __webpack_require__.e(2851), __webpack_require__.e(7166), __webpack_require__.e(8583)]).then(__webpack_require__.bind(__webpack_require__, 57289));
     return imported.default;
   }
   if (module === "@ohif/extension-test") {
-    const imported = await Promise.all(/* import() */[__webpack_require__.e(4287), __webpack_require__.e(9567), __webpack_require__.e(2075), __webpack_require__.e(9205), __webpack_require__.e(2108), __webpack_require__.e(7431), __webpack_require__.e(2851), __webpack_require__.e(4688), __webpack_require__.e(8499)]).then(__webpack_require__.bind(__webpack_require__, 94285));
+    const imported = await Promise.all(/* import() */[__webpack_require__.e(4287), __webpack_require__.e(9567), __webpack_require__.e(2075), __webpack_require__.e(9205), __webpack_require__.e(2108), __webpack_require__.e(7431), __webpack_require__.e(2851), __webpack_require__.e(7166), __webpack_require__.e(8499)]).then(__webpack_require__.bind(__webpack_require__, 94285));
     return imported.default;
   }
   if (module === "@ohif/extension-cornerstone-dicom-rt") {
@@ -397438,7 +397557,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":"e426258a9ad5bcf9bb3e","147":"173b4a11960d03a3b5b0","213":"18a8b5a1e2f00de7feaf","572":"be57af5b834dd833a418","732":"ea6f9d8504e37e01a208","1459":"ed7323f44e4ff4ecd69a","1608":"e4aadbf17d38143dacdf","1927":"be67b3aafe238ca9f191","1933":"0055c536e1392867e57c","2007":"2559b710030605fc2bc6","2018":"ab8f9ceeae0e18eb303b","2075":"23265b8e7597c398db4f","2108":"aea8d3b39486dd5ab39e","2424":"5e858661a06aa36dd859","2701":"b591cf6385ed53ed6093","2851":"c5202066974b96955c28","3054":"a2a50c4674d99c619ca7","3138":"5ed994e6e0ff7c720a75","3461":"54f8d64ed1965c14ec4c","3694":"a41ec0ba4f935200ab93","4202":"850a7c7c011800b3daea","4287":"b7840e7b94cbbc102236","4406":"573d234b4641d23cf8db","4507":"18379f328211aee3aba5","4579":"0a6b2f49a7e136a79e37","4688":"e23f20a556dca69540fd","4819":"fb82fcc8360f4883691e","5015":"dda760490cf19777b6b3","5028":"494b6ca9e0f5567c26e2","5261":"2655560097e9250eac44","5457":"328f29b05df8d287491b","5485":"53614f38e6ee0e052bdc","5802":"41cf74cda9aad21601e8","6027":"1bfe806a0cb494dfc265","6939":"41fbdef87597b5172ec6","7159":"fb9df255868960f69765","7431":"5e14641f2c71e852abe7","7639":"2ec2272d8eb08df56b66","8094":"148a66619607e37cbf19","8305":"21d4c7deff19f6ce9a6a","8499":"dbeca38ee1d1471ce4d8","8558":"5c64a061bf4d5d5f6d7a","8583":"a0ccedd0799600ad5fad","9205":"315c3b56464a7590235a","9567":"be350438bed4e656f278","9845":"267831496ba080d9f8da","9862":"09783830f0cb75a84d2a","9927":"3bdd61e78a710e09cc0b"}[chunkId] + ".js";
+/******/ 			return "" + ({"572":"polySeg","2007":"interpolation","3054":"histogram-worker","3694":"compute"}[chunkId] || chunkId) + ".bundle." + {"85":"203f56fd4f235891345a","213":"d8a8ffeec432cd8363c0","572":"be57af5b834dd833a418","732":"ea6f9d8504e37e01a208","1459":"4ad39e2c21e35cb2be1c","1608":"26306ea38618db59eff7","1927":"be67b3aafe238ca9f191","1933":"82822511235016082da4","2007":"2559b710030605fc2bc6","2018":"6f06faf8d0a5c91f5e7c","2075":"23265b8e7597c398db4f","2108":"aea8d3b39486dd5ab39e","2424":"c602ad458e7902f7f555","2701":"6873805ddfdccc7a8b1e","2851":"123d7f6fa1186ac1308a","3054":"a2a50c4674d99c619ca7","3138":"bc81953147e0c5f3b23f","3461":"f65494e79c37a14bc206","3694":"a41ec0ba4f935200ab93","3754":"fd4b67c2a29c4bc4a840","4202":"4fcd0de412907efd5b53","4287":"b7840e7b94cbbc102236","4406":"573d234b4641d23cf8db","4507":"75bf28fe32a927130dec","4579":"0a6b2f49a7e136a79e37","4819":"23965159795eaeb1ca1b","5015":"54d7fda0f8e819aaa578","5028":"b806370179a0f878527b","5261":"2655560097e9250eac44","5457":"d1e9be8eab20c1620624","5485":"7de6ed76c9bf762fd395","5802":"26f84db0ff8851532c36","6027":"11c8ba4581dca8a82b91","6939":"41fbdef87597b5172ec6","7159":"fb9df255868960f69765","7166":"6334b7a549c8d1f58bfd","7431":"5e14641f2c71e852abe7","7639":"d7571b9b1bdd3c712fa7","8094":"148a66619607e37cbf19","8305":"7ff9f067007c6fc02eff","8499":"b0d3892bff3f3163f747","8558":"ae26725ef258ef186524","8583":"f56d7ead5b46d8d6f294","9205":"315c3b56464a7590235a","9567":"be350438bed4e656f278","9845":"8c450e8d65a78a5afcd3","9862":"a5f7925840868fa4ecdb","9927":"ceb2c44737524314f168"}[chunkId] + ".js";
 /******/ 		};
 /******/ 	})();
 /******/ 	
@@ -397599,7 +397718,7 @@ function __rewriteRelativeImportExtension(path, preserveJsx) {
 /******/ 		};
 /******/ 		
 /******/ 		__webpack_require__.f.miniCss = (chunkId, promises) => {
-/******/ 			var cssChunks = {"147":1,"1608":1,"1933":1,"2591":1,"3138":1,"4819":1,"4972":1,"5028":1,"5802":1,"7159":1,"7829":1,"8305":1,"8499":1,"8583":1};
+/******/ 			var cssChunks = {"1608":1,"1933":1,"2591":1,"3138":1,"3754":1,"4819":1,"4972":1,"5028":1,"5802":1,"7159":1,"7829":1,"8305":1,"8499":1,"8583":1};
 /******/ 			if(installedCssChunks[chunkId]) promises.push(installedCssChunks[chunkId]);
 /******/ 			else if(installedCssChunks[chunkId] !== 0 && cssChunks[chunkId]) {
 /******/ 				promises.push(installedCssChunks[chunkId] = loadStylesheet(chunkId).then(() => {
@@ -397614,7 +397733,7 @@ function __rewriteRelativeImportExtension(path, preserveJsx) {
 /******/ 		// no hmr
 /******/ 		
 /******/ 		__webpack_require__.F.miniCss = (chunkId) => {
-/******/ 			if((!__webpack_require__.o(installedCssChunks, chunkId) || installedCssChunks[chunkId] === undefined) && /^(1(47|608|933)|8(305|499|583)|(481|715|782)9|2591|3138|3524|4972|5028|5802)$/.test(chunkId)) {
+/******/ 			if((!__webpack_require__.o(installedCssChunks, chunkId) || installedCssChunks[chunkId] === undefined) && /^(3(138|524|754)|8(305|499|583)|(481|715|782)9|1608|1933|2591|4972|5028|5802)$/.test(chunkId)) {
 /******/ 				installedCssChunks[chunkId] = null;
 /******/ 				var link = document.createElement('link');
 /******/ 		
@@ -397753,46 +397872,46 @@ function __rewriteRelativeImportExtension(path, preserveJsx) {
 /******/ 				6939
 /******/ 			],
 /******/ 			"1608": [
-/******/ 				147
+/******/ 				3754
 /******/ 			],
 /******/ 			"2424": [
 /******/ 				7159
 /******/ 			],
 /******/ 			"3138": [
-/******/ 				147
+/******/ 				3754
 /******/ 			],
 /******/ 			"4819": [
-/******/ 				147,
+/******/ 				3754,
 /******/ 				2701,
 /******/ 				9862
 /******/ 			],
 /******/ 			"4972": [
-/******/ 				147
+/******/ 				3754
 /******/ 			],
 /******/ 			"5028": [
-/******/ 				147,
+/******/ 				3754,
 /******/ 				4202
 /******/ 			],
 /******/ 			"7829": [
-/******/ 				147,
+/******/ 				3754,
 /******/ 				2701
 /******/ 			],
 /******/ 			"8305": [
-/******/ 				147,
+/******/ 				3754,
 /******/ 				9845
 /******/ 			],
 /******/ 			"8499": [
-/******/ 				147
+/******/ 				3754
 /******/ 			],
 /******/ 			"8558": [
 /******/ 				2108,
 /******/ 				7431,
 /******/ 				2851,
-/******/ 				4688,
+/******/ 				7166,
 /******/ 				1608
 /******/ 			],
 /******/ 			"8583": [
-/******/ 				147
+/******/ 				3754
 /******/ 			]
 /******/ 		};
 /******/ 		__webpack_require__.f.prefetch = (chunkId, promises) => (Promise.all(promises).then(() => {