@ohif/app 3.13.0-beta.1 → 3.13.0-beta.11

package/dist/{147.bundle.37d627289453cb6c3937.js → 147.bundle.dca316a851f246b3add7.js}

@@ -767,7 +767,7 @@ function ViewportImageSliceLoadingIndicator({
     }, /*#__PURE__*/react.createElement("div", {
       className: "transparent flex h-full w-full items-center justify-center"
     }, /*#__PURE__*/react.createElement("p", {
-      className: "text-primary-light text-xl font-light"
+      className: "text-highlight text-xl font-light"
     }, /*#__PURE__*/react.createElement("h4", null, "Error Loading Image"), /*#__PURE__*/react.createElement("p", null, "An error has occurred."), /*#__PURE__*/react.createElement("p", null, error)))));
   }
   if (loading) {
@@ -780,7 +780,7 @@ function ViewportImageSliceLoadingIndicator({
       }, /*#__PURE__*/react.createElement("div", {
         className: "transparent flex h-full w-full items-center justify-center"
       }, /*#__PURE__*/react.createElement("p", {
-        className: "text-primary-light text-xl font-light"
+        className: "text-highlight text-xl font-light"
       }, "Loading...")))
     );
   }

package/dist/{1730.bundle.2171f9af9b7acd748fff.js → 1730.bundle.cc4074375671b0cb54ef.js}

@@ -1384,7 +1384,7 @@ function DynamicDataPanel({
   tab
 }) {
   return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement("div", {
-    className: "flex flex-col text-white",
+    className: "text-foreground flex flex-col",
     "data-cy": 'dynamic-volume-panel'
   }, /*#__PURE__*/react.createElement(PanelGenerateImage, {
     commandsManager: commandsManager,
@@ -1400,7 +1400,7 @@ function WorkflowPanel({
   const ProgressDropdownWithService = servicesManager.services.customizationService.getCustomization('progressDropdownWithServiceComponent');
   return /*#__PURE__*/React.createElement("div", {
     "data-cy": 'workflow-panel',
-    className: "bg-secondary-dark mb-1 px-3 py-4"
+    className: "bg-popover mb-1 px-3 py-4"
   }, /*#__PURE__*/React.createElement("div", {
     className: "mb-1"
   }, "Workflow"), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ProgressDropdownWithService, {

package/dist/{1933.bundle.a7678889451d60a82a07.js → 1933.bundle.da11601456ce662609ea.js}

@@ -2692,12 +2692,13 @@ const extension = {
         handleHeight: true,
         handleWidth: true
       });
+      const setViewportActive = (0,react.useCallback)(viewportId => {
+        viewportGridService.setActiveViewportId(viewportId);
+      }, [viewportGridService]);
       return /*#__PURE__*/react.createElement(MicroscopyViewport, _extends({
         key: displaySetsKey,
         activeViewportId: activeViewportId,
-        setViewportActive: viewportId => {
-          viewportGridService.setActiveViewportId(viewportId);
-        },
+        setViewportActive: setViewportActive,
         viewportData: viewportOptions,
         resizeRef: resizeRef
       }, props));
@@ -2734,7 +2735,7 @@ const extension = {
         });
         return {
           disabled: false,
-          className: isPrimaryActive ? '!text-black bg-primary-light' : '!text-common-bright hover:!bg-primary-dark hover:!text-primary-light',
+          className: isPrimaryActive ? '!text-black bg-highlight' : '!text-foreground/80 hover:!bg-muted hover:!text-highlight',
           // Todo: isActive right now is used for nested buttons where the primary
           // button needs to be fully rounded (vs partial rounded) when active
           // otherwise it does not have any other use

package/dist/{2701.bundle.12bd01a80a9f8ea4cd94.js → 2701.bundle.ec41d99d12e54f550e17.js}

@@ -497,7 +497,7 @@ function OHIFCornerstoneSRTextViewport(props) {
   const displaySet = displaySets[0];
   const instance = displaySet.instances[0];
   return /*#__PURE__*/react.createElement("div", {
-    className: "relative flex h-full w-full flex-col overflow-auto p-4 text-white"
+    className: "text-foreground relative flex h-full w-full flex-col overflow-auto p-4"
   }, /*#__PURE__*/react.createElement("div", null, /*#__PURE__*/react.createElement(OHIFCornerstoneSRContainer, {
     container: instance
   })));

package/dist/{3081.bundle.50b69741bf1434d300f2.js → 3081.bundle.305b8f64956d0e65d783.js}

@@ -6089,6 +6089,10 @@ const connectMeasurementServiceToTools = ({
 
 
 function _getVolumeFromViewport(viewport) {
+  // Handle non-volume viewports that don't have getAllVolumeIds
+  if (!viewport?.getAllVolumeIds) {
+    return null;
+  }
   const volumeIds = viewport.getAllVolumeIds();
   const volumes = volumeIds.map(id => esm.cache.getVolume(id));
   const dynamicVolume = volumes.find(volume => volume.isDynamicVolume());
@@ -8620,7 +8624,7 @@ const DicomUploadProgressItem = /*#__PURE__*/(0,react.memo)(({
   }, /*#__PURE__*/react.createElement("div", {
     className: "flex w-6 shrink-0 items-center justify-center"
   }, getStatusIcon()), /*#__PURE__*/react.createElement("div", {
-    className: "overflow-hidden text-ellipsis whitespace-nowrap text-white"
+    className: "text-foreground overflow-hidden text-ellipsis whitespace-nowrap"
   }, dicomFileUploader.getFileName())), failedReason && /*#__PURE__*/react.createElement("div", {
     className: "pl-10"
   }, failedReason)), /*#__PURE__*/react.createElement("div", {
@@ -8862,7 +8866,7 @@ function DicomUploadProgress({
   }, [numFilesCompleted]);
   const getNumCompletedAndTimeRemainingComponent = () => {
     return /*#__PURE__*/react.createElement("div", {
-      className: "bg-muted flex h-14 items-center px-1 pb-4 text-lg text-white"
+      className: "bg-muted text-foreground flex h-14 items-center px-1 pb-4 text-lg"
     }, numFilesCompleted === dicomFileUploaderArr.length ? /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement("span", {
       className: NO_WRAP_ELLIPSIS_CLASS_NAMES
     }, `${dicomFileUploaderArr.length} ${dicomFileUploaderArr.length > 1 ? 'files' : 'file'} completed.`), /*#__PURE__*/react.createElement(ui_next_src/* Button */.$nd, {
@@ -15919,7 +15923,7 @@ function ViewportOrientationMenu({
   }) : null), /*#__PURE__*/react.createElement("div", {
     className: "flex-1 text-left"
   }, "Acquisition")), /*#__PURE__*/react.createElement("div", {
-    className: "mx-1 my-2 border-t border-white/20"
+    className: "border-input mx-1 my-2 border-t"
   }), /*#__PURE__*/react.createElement(ui_next_src/* Button */.$nd, {
     variant: "ghost",
     className: "flex h-7 w-full flex-shrink-0 items-center justify-start self-stretch px-1 py-0",
@@ -17406,9 +17410,9 @@ function ModalityLoadBadge({
     if (!statusInfo.isHydrated) {
       return /*#__PURE__*/react.createElement("div", {
         "data-cy": `ModalityLoadBadge-${viewportId}`,
-        className: "flex h-6 cursor-default text-sm leading-6 text-white"
+        className: "text-foreground flex h-6 cursor-default text-sm leading-6"
       }, /*#__PURE__*/react.createElement("div", {
-        className: "bg-customgray-100 flex min-w-[45px] items-center rounded-l-xl rounded-r p-1"
+        className: "bg-popover flex min-w-[45px] items-center rounded-l-xl rounded-r p-1"
       }, /*#__PURE__*/react.createElement(StatusIcon, null), /*#__PURE__*/react.createElement("span", {
         className: "ml-1"
       }, statusInfo.type)), statusInfo.type !== 'SR' && /*#__PURE__*/react.createElement(ui_next_src/* ViewportActionButton */.N8H, {
@@ -24339,12 +24343,12 @@ function DefaultAccordion(props) {
   if (!allChildren || !groups) {
     return null;
   }
-  if (Boolean(asChild)) {
+  if (asChild) {
     return /*#__PURE__*/react.cloneElement(props.children, props);
   }
   return /*#__PURE__*/react.createElement(ui_next_src/* Accordion */.nD3, {
     type: grouping.type || 'multiple',
-    className: "text-white",
+    className: "text-foreground",
     defaultValue: defaultValue
   }, [...groups.entries()].map(([key, group]) => {
     return /*#__PURE__*/react.createElement(ui_next_src/* AccordionItem */.AsP, {
@@ -24822,7 +24826,7 @@ function PanelMeasurement(props) {
     return EmptyComponent ? /*#__PURE__*/react.createElement(EmptyComponent, {
       items: displayMeasurements
     }) : /*#__PURE__*/react.createElement("span", {
-      className: "text-white"
+      className: "text-foreground"
     }, "No Measurements");
   }
   if (children) {
@@ -25438,6 +25442,9 @@ const setUpAnnotationEventHandlers = () => {
   };
   return [annotationInterpolationProcessCompletedUnsubscribe];
 };
+// EXTERNAL MODULE: ../../../node_modules/immutability-helper/index.js
+var immutability_helper = __webpack_require__(1752);
+var immutability_helper_default = /*#__PURE__*/__webpack_require__.n(immutability_helper);
 ;// ../../../extensions/cornerstone/src/components/MeasurementsMenu.tsx
 
 
@@ -25802,6 +25809,7 @@ function src_extends() { return src_extends = Object.assign ? Object.assign.bind
 
 
 
+
 
 
 const {
@@ -25815,7 +25823,7 @@ const OHIFCornerstoneViewport = props => {
     fallback: /*#__PURE__*/react.createElement("div", null, "Loading...")
   }, /*#__PURE__*/react.createElement(Component, props));
 };
-const stackRetrieveOptions = {
+const DEFAULT_STACK_RETRIEVE_OPTIONS = {
   retrieveOptions: {
     single: {
       streaming: true,
@@ -25823,6 +25831,11 @@ const stackRetrieveOptions = {
     }
   }
 };
+
+/** Normalize to immutability-helper spec: plain object → $merge, otherwise use as-is. */
+const toUpdateSpec = obj => obj != null && typeof obj === 'object' && Object.keys(obj).some(k => k.startsWith('$')) ? obj : {
+  $merge: obj ?? {}
+};
 const unsubscriptions = [];
 /**
  *
@@ -25834,7 +25847,8 @@ const cornerstoneExtension = {
   id: id,
   onModeEnter: ({
     servicesManager,
-    commandsManager
+    commandsManager,
+    extensionManager
   }) => {
     const {
       cornerstoneViewportService,
@@ -25861,10 +25875,17 @@ const cornerstoneExtension = {
     // This interleaves images and replicates them for low-resolution depth volume
     // reconstruction, which progressively improves
     imageRetrieveMetadataProvider.add('volume', esm.ProgressiveRetrieveImages.interleavedRetrieveStages);
-    // The default stack loading option is to progressive load HTJ2K images
-    // There are other possible options, but these need more thought about
-    // how to define them.
-    imageRetrieveMetadataProvider.add('stack', stackRetrieveOptions);
+
+    /**
+     * Stack retrieve options: read from active data source configuration.
+     * Pass an immutability-helper spec (e.g. { $merge: {...} } or { $set: {...} }) in
+     * stackRetrieveOptions to customize. Plain object is treated as $merge for backward compat.
+     * Set streaming: false for uncompressed DICOM that requires full file before decode.
+     */
+    const sourceConfig = extensionManager?.getActiveDataSource?.()?.[0]?.getConfig?.() ?? {};
+    const config = sourceConfig.stackRetrieveOptions ?? {};
+    const stackOptions = immutability_helper_default()(DEFAULT_STACK_RETRIEVE_OPTIONS, toUpdateSpec(config));
+    imageRetrieveMetadataProvider.add('stack', stackOptions);
   },
   getPanelModule: src_getPanelModule,
   onModeExit: ({

package/dist/{4775.bundle.47f0c78a2fee3f9bd9ee.js → 4775.bundle.fa6427b611bbc5e9bf76.js}

@@ -511,7 +511,7 @@ function USAnnotationPanel() {
   /**
    * Render helpers so the JSX doesn’t become spaghetti.     */
   const renderWorkflowToggles = () => /*#__PURE__*/react.createElement(ui_next_src/* PanelSection */.aUM.Content, null, /*#__PURE__*/react.createElement("div", {
-    className: "space-y-3 p-2 text-sm text-white"
+    className: "text-foreground space-y-3 p-2 text-sm"
   }, /*#__PURE__*/react.createElement("div", {
     className: "flex items-center"
   }, /*#__PURE__*/react.createElement(ui_next_src/* Switch */.dOG, {
@@ -572,13 +572,12 @@ function USAnnotationPanel() {
   }, /*#__PURE__*/react.createElement(ui_next_src/* Switch */.dOG, {
     id: "show-overlay-switch",
     checked: showOverlay,
-    onCheckedChange: () => setShowOverlayCommand(!showOverlay),
-    className: "data-[state=checked]:bg-blue-500"
+    onCheckedChange: () => setShowOverlayCommand(!showOverlay)
   }), /*#__PURE__*/react.createElement("label", {
     htmlFor: "show-overlay-switch",
-    className: "cursor-pointer text-blue-300"
+    className: "text-muted-foreground cursor-pointer"
   }, t('Show Overlay'))), /*#__PURE__*/react.createElement("hr", {
-    className: "border-t border-gray-800"
+    className: "border-input/50 border-t"
   })));
   const renderAnnotatedFrames = () => /*#__PURE__*/react.createElement(ui_next_src/* ScrollArea */.FKN, {
     className: "h-full"
@@ -601,40 +600,40 @@ function USAnnotationPanel() {
   }, /*#__PURE__*/react.createElement("table", {
     className: "w-full border-collapse text-sm"
   }, /*#__PURE__*/react.createElement("thead", null, /*#__PURE__*/react.createElement("tr", {
-    className: "border-b border-blue-900 text-blue-300"
+    className: "text-muted-foreground border-input/50 border-b"
   }, /*#__PURE__*/react.createElement("th", null), /*#__PURE__*/react.createElement("th", {
-    className: "py-2 px-3 text-left"
+    className: "py-2 px-2 text-left font-normal"
   }, t('Frame')), /*#__PURE__*/react.createElement("th", {
-    className: "py-2 px-3 text-center"
+    className: "py-2 px-2 text-center font-normal"
   }, t('Pleura lines')), /*#__PURE__*/react.createElement("th", {
-    className: "py-2 px-3 text-center"
+    className: "py-2 px-2 text-center font-normal"
   }, t('B-lines')), /*#__PURE__*/react.createElement("th", {
     className: "w-10"
   }))), /*#__PURE__*/react.createElement("tbody", null, annotatedFrames.map(item => /*#__PURE__*/react.createElement("tr", {
     key: item.frame,
-    className: `border-b border-blue-900 ${item.frame === 5 ? 'bg-cyan-800 bg-opacity-30' : ''}`,
+    className: `border-input/50 border-b ${item.frame === 5 ? 'bg-cyan-800 bg-opacity-30' : ''}`,
     onClick: () => handleRowClick(item),
     style: {
       cursor: 'pointer'
     }
   }, /*#__PURE__*/react.createElement("td", {
-    className: "py-3 px-3"
+    className: "py-2 px-2"
   }, item.index), /*#__PURE__*/react.createElement("td", {
-    className: "py-3 px-3"
+    className: "py-2 px-2"
   }, item.frame + 1), /*#__PURE__*/react.createElement("td", {
-    className: "py-3 px-3 text-center"
+    className: "py-2 px-2 text-center"
   }, item.pleura), /*#__PURE__*/react.createElement("td", {
-    className: "py-3 px-3 text-center"
+    className: "py-2 px-2 text-center"
   }, item.bLine), /*#__PURE__*/react.createElement("td", {
-    className: "py-3 px-3 text-right"
+    className: "py-2 px-2 text-right"
   }, item.frame === 5 && /*#__PURE__*/react.createElement("div", {
     className: "flex items-center justify-end"
   }, /*#__PURE__*/react.createElement(ui_next_src/* Button */.$nd, {
     variant: "ghost",
-    className: "p-0 text-blue-300"
+    className: "p-0"
   }, /*#__PURE__*/react.createElement(ui_next_src/* Icons */.FI1.EyeVisible, null)), /*#__PURE__*/react.createElement(ui_next_src/* Button */.$nd, {
     variant: "ghost",
-    className: "ml-2 p-0 text-blue-300"
+    className: "ml-2 p-0"
   }, /*#__PURE__*/react.createElement(ui_next_src/* Icons */.FI1.More, null)))))))))));
   const updateAnnotatedFrames = () => {
     const activeViewportId = viewportGridService.getActiveViewportId();
@@ -699,7 +698,7 @@ function USAnnotationPanel() {
    * ──────────────────────────────────────────────────────
    *  🖼  Final Render                                      */
   return /*#__PURE__*/react.createElement("div", {
-    className: "h-full bg-black text-white",
+    className: "text-foreground h-full bg-black",
     style: {
       minWidth: 240,
       maxWidth: 480,

package/dist/{5802.bundle.3bf5e6b3ab330a594a47.js → 5802.bundle.783100f1bd99eab393c9.js}

@@ -153,10 +153,10 @@ const generateFromConfig = ({
     bottomLeft = [],
     bottomRight = []
   } = overlayData ?? {};
-  const topLeftClass = 'top-viewport left-viewport text-primary-light';
-  const topRightClass = 'top-viewport right-viewport-scrollbar text-primary-light';
-  const bottomRightClass = 'bottom-viewport right-viewport-scrollbar text-primary-light';
-  const bottomLeftClass = 'bottom-viewport left-viewport text-primary-light';
+  const topLeftClass = 'top-viewport left-viewport text-highlight';
+  const topRightClass = 'top-viewport right-viewport-scrollbar text-highlight';
+  const bottomRightClass = 'bottom-viewport right-viewport-scrollbar text-highlight';
+  const bottomLeftClass = 'bottom-viewport left-viewport text-highlight';
   const overlay = 'absolute pointer-events-none microscopy-viewport-overlay';
   return /*#__PURE__*/react.createElement(react.Fragment, null, topLeft && topLeft.length > 0 && /*#__PURE__*/react.createElement("div", {
     "data-cy": 'viewport-overlay-top-left',
@@ -241,14 +241,20 @@ var dcmjs_es = __webpack_require__(5842);
 
 
 
-function DicomMicroscopyViewport({
+
+// This component is wrapped with React.memo and uses a custom areEqual comparison
+// function to prevent unnecessary re-renders when props are semantically identical
+// (e.g. `displaySets` reference changes, but the content is the same).
+// Note: If this component starts depending on additional props,
+// update `areEqual` accordingly.
+const DicomMicroscopyViewport = /*#__PURE__*/react.memo(({
   activeViewportId,
   setViewportActive,
   displaySets,
   viewportId,
   dataSource,
   resizeRef
-}) {
+}) => {
   const {
     servicesManager,
     extensionManager
@@ -395,20 +401,23 @@ function DicomMicroscopyViewport({
     console.log('Loading viewer metadata', smDisplaySet);
     await loadViewer(smDisplaySet.others);
     if (displaySet.isOverlayDisplaySet && !displaySet.isLoaded && !displaySet.isLoading) {
-      displaySet.load(smDisplaySet);
+      const referencedDisplaySet = displaySet.getSourceDisplaySet();
+      displaySet.load(referencedDisplaySet);
     }
   }, [dataSource, extensionManager, microscopyService, servicesManager, viewportId]);
   (0,react.useEffect)(() => {
-    const displaySet = displaySets[0];
-    installOpenLayersRenderer(container.current, displaySet).then(() => {
-      setIsLoaded(true);
-    });
+    if (!viewer) {
+      const displaySet = displaySets[0];
+      installOpenLayersRenderer(container.current, displaySet).then(() => {
+        setIsLoaded(true);
+      });
+    }
     return () => {
       if (viewer) {
         microscopyService.removeViewer(viewer);
       }
     };
-  }, []);
+  }, [viewer]);
   (0,react.useEffect)(() => {
     const displaySet = displaySets[0];
     microscopyService.clearAnnotations();
@@ -464,7 +473,55 @@ function DicomMicroscopyViewport({
   }), isLoaded ? null : /*#__PURE__*/react.createElement(LoadingIndicatorProgress, {
     className: 'h-full w-full bg-black'
   }));
+}, areEqual);
+
+// Check if the props are the same
+function areEqual(prevProps, nextProps) {
+  if (prevProps.setViewportActive !== nextProps.setViewportActive) {
+    return false;
+  }
+  if (prevProps.resizeRef !== nextProps.resizeRef) {
+    return false;
+  }
+  if (prevProps.viewportId !== nextProps.viewportId) {
+    return false;
+  }
+  if (prevProps.activeViewportId !== nextProps.activeViewportId) {
+    return false;
+  }
+  if (prevProps.dataSource !== nextProps.dataSource) {
+    return false;
+  }
+  const prevDisplaySets = prevProps.displaySets;
+  const nextDisplaySets = nextProps.displaySets;
+  if (prevDisplaySets.length !== nextDisplaySets.length) {
+    return false;
+  }
+
+  // Check if the displaySets are the same
+  for (let i = 0; i < prevDisplaySets.length; i++) {
+    const prevDisplaySet = prevDisplaySets[i];
+    const foundDisplaySet = nextDisplaySets.find(nextDisplaySet => nextDisplaySet.displaySetInstanceUID === prevDisplaySet.displaySetInstanceUID);
+    if (!foundDisplaySet) {
+      return false;
+    }
+    // Check if the displaySet's images are the same
+    if (foundDisplaySet.images?.length !== prevDisplaySet.images?.length) {
+      return false;
+    }
+
+    // Check if the displaySet's imageIds are the same
+    if (foundDisplaySet.images?.length) {
+      for (let j = 0; j < foundDisplaySet.images.length; j++) {
+        if (foundDisplaySet.images[j].imageId !== prevDisplaySet.images[j].imageId) {
+          return false;
+        }
+      }
+    }
+  }
+  return true;
 }
+DicomMicroscopyViewport.displayName = 'DicomMicroscopyViewport';
 /* harmony default export */ const src_DicomMicroscopyViewport = (DicomMicroscopyViewport);
 
 /***/ })

package/dist/5802.css

@@ -1,2 +1,2 @@
 .DicomMicroscopyViewer{--ol-partial-background-color:#7f7f7fb3;--ol-foreground-color:#000;--ol-subtle-foreground-color:#000;--ol-subtle-background-color:#4e4e4e80;-webkit-user-select:none;-moz-user-select:none; -ms-user-select:none;     user-select:none}.DicomMicroscopyViewer .ol-box{background-color:var(--ol-partial-background-color);border:1.5px solid var(--ol-background-color);border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box}.DicomMicroscopyViewer .ol-mouse-position{position:absolute;right:8px;top:8px}.DicomMicroscopyViewer .ol-scale-line{background:var(--ol-partial-background-color);border-radius:4px;bottom:8px;left:8px;padding:2px;position:absolute}.DicomMicroscopyViewer .ol-scale-line-inner{border:1px solid var(--ol-subtle-foreground-color);border-top:none;color:var(--ol-foreground-color);font-size:10px;margin:1px;text-align:center;-webkit-transition:all .25s;transition:all .25s;will-change:contents,width}.DicomMicroscopyViewer .ol-scale-bar{bottom:8px;left:8px;position:absolute}.DicomMicroscopyViewer .ol-scale-bar-inner{display:-webkit-box;display:-ms-flexbox;display:flex}.DicomMicroscopyViewer .ol-scale-step-marker{background-color:var(--ol-foreground-color);float:right;height:15px;width:1px;z-index:10}.DicomMicroscopyViewer .ol-scale-step-text{bottom:-5px;font-size:10px;z-index:11}.DicomMicroscopyViewer .ol-scale-step-text,.DicomMicroscopyViewer .ol-scale-text{color:var(--ol-foreground-color);position:absolute;text-shadow:-1.5px 0 var(--ol-partial-background-color),0 1.5px var(--ol-partial-background-color),1.5px 0 var(--ol-partial-background-color),0 -1.5px var(--ol-partial-background-color)}.DicomMicroscopyViewer .ol-scale-text{bottom:25px;font-size:12px;text-align:center}.DicomMicroscopyViewer .ol-scale-singlebar{border:1px solid var(--ol-foreground-color);-webkit-box-sizing:border-box;box-sizing:border-box;height:10px;position:relative;z-index:9}.DicomMicroscopyViewer .ol-scale-singlebar-even{background-color:var(--ol-subtle-foreground-color)}.DicomMicroscopyViewer .ol-scale-singlebar-odd{background-color:var(--ol-background-color)}.DicomMicroscopyViewer .ol-unsupported{display:none}.DicomMicroscopyViewer .ol-unselectable,.DicomMicroscopyViewer .ol-viewport{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none; -ms-user-select:none;     user-select:none}.DicomMicroscopyViewer .ol-viewport canvas{all:unset}.DicomMicroscopyViewer .ol-selectable{-webkit-touch-callout:default;-webkit-user-select:text;-moz-user-select:text; -ms-user-select:text;     user-select:text}.DicomMicroscopyViewer .ol-grabbing{cursor:-webkit-grabbing;cursor:grabbing}.DicomMicroscopyViewer .ol-grab{cursor:move;cursor:-webkit-grab;cursor:grab}.DicomMicroscopyViewer .ol-control{background-color:var(--ol-subtle-background-color);border-radius:4px;position:absolute}.DicomMicroscopyViewer .ol-zoom{left:.5em;top:.5em}.DicomMicroscopyViewer .ol-rotate{right:.5em;top:.5em;-webkit-transition:opacity .25s linear,visibility 0s linear;transition:opacity .25s linear,visibility 0s linear}.DicomMicroscopyViewer .ol-rotate.ol-hidden{opacity:0;-webkit-transition:opacity .25s linear,visibility 0s linear .25s;transition:opacity .25s linear,visibility 0s linear .25s;visibility:hidden}.DicomMicroscopyViewer .ol-zoom-extent{left:.5em;top:4.643em}.DicomMicroscopyViewer .ol-full-screen{right:.5em;top:.5em}.DicomMicroscopyViewer .ol-control button{background-color:var(--ol-background-color);border:none;border-radius:2px;color:var(--ol-subtle-foreground-color);display:block;font-size:inherit;font-weight:700;height:1.375em;line-height:.4em;margin:1px;padding:0;text-align:center;text-decoration:none;width:1.375em}.DicomMicroscopyViewer .ol-control button::-moz-focus-inner{border:none;padding:0}.DicomMicroscopyViewer .ol-zoom-extent button{line-height:1.4em}.DicomMicroscopyViewer .ol-compass{display:block;font-weight:400;will-change:transform}.DicomMicroscopyViewer .ol-touch .ol-control button{font-size:1.5em}.DicomMicroscopyViewer .ol-touch .ol-zoom-extent{top:5.5em}.DicomMicroscopyViewer .ol-control button:focus,.DicomMicroscopyViewer .ol-control button:hover{color:var(--ol-foreground-color);outline:1px solid var(--ol-subtle-foreground-color);text-decoration:none}.DicomMicroscopyViewer .ol-zoom .ol-zoom-in{border-radius:2px 2px 0 0}.DicomMicroscopyViewer .ol-zoom .ol-zoom-out{border-radius:0 0 2px 2px}.DicomMicroscopyViewer .ol-attribution{-webkit-box-align:center;-ms-flex-align:center;align-items:center;bottom:.5em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-flow:row-reverse;flex-flow:row-reverse;max-width:calc(100% - 1.3em);right:.5em;text-align:right}.DicomMicroscopyViewer .ol-attribution a{color:var(--ol-subtle-foreground-color);text-decoration:none}.DicomMicroscopyViewer .ol-attribution ul{color:var(--ol-foreground-color);font-size:12px;margin:0;padding:1px .5em;text-shadow:0 0 2px var(--ol-background-color)}.DicomMicroscopyViewer .ol-attribution li{display:inline;list-style:none}.DicomMicroscopyViewer .ol-attribution li:not(:last-child):after{content:" "}.DicomMicroscopyViewer .ol-attribution img{max-height:2em;max-width:inherit;vertical-align:middle}.DicomMicroscopyViewer .ol-attribution button{-ms-flex-negative:0;flex-shrink:0}.DicomMicroscopyViewer .ol-attribution.ol-collapsed ul{display:none}.DicomMicroscopyViewer .ol-attribution:not(.ol-collapsed){background:var(--ol-partial-background-color)}.DicomMicroscopyViewer .ol-attribution.ol-uncollapsible{border-radius:4px 0 0;bottom:0;right:0}.DicomMicroscopyViewer .ol-attribution.ol-uncollapsible img{margin-top:-.2em;max-height:1.6em}.DicomMicroscopyViewer .ol-attribution.ol-uncollapsible button{display:none}.DicomMicroscopyViewer .ol-zoomslider{height:200px;left:.5em;top:4.5em}.DicomMicroscopyViewer .ol-zoomslider button{height:10px;position:relative}.DicomMicroscopyViewer .ol-touch .ol-zoomslider{top:5.5em}.DicomMicroscopyViewer .ol-overviewmap{bottom:.5em;left:.5em}.DicomMicroscopyViewer .ol-overviewmap.ol-uncollapsible{border-radius:0 4px 0 0;bottom:0;left:0}.DicomMicroscopyViewer .ol-overviewmap .ol-overviewmap-map,.DicomMicroscopyViewer .ol-overviewmap button{display:block}.DicomMicroscopyViewer .ol-overviewmap .ol-overviewmap-map{border:1px solid var(--ol-subtle-foreground-color);height:150px;width:150px}.DicomMicroscopyViewer .ol-overviewmap:not(.ol-collapsed) button{bottom:0;left:0;position:absolute}.DicomMicroscopyViewer .ol-overviewmap.ol-collapsed .ol-overviewmap-map,.DicomMicroscopyViewer .ol-overviewmap.ol-uncollapsible button{display:none}.DicomMicroscopyViewer .ol-overviewmap:not(.ol-collapsed){background:var(--ol-subtle-background-color)}.DicomMicroscopyViewer .ol-overviewmap-box{border:.5px dotted var(--ol-subtle-foreground-color)}.DicomMicroscopyViewer .ol-overviewmap .ol-overviewmap-box:hover{cursor:move}@layout-header-background: #007ea3;@primary-color: #007ea3;@processing-color: #8cb8c6;@success-color: #3f9c35;@warning-color: #eeaf30;@error-color: #96172e;@font-size-base: 14px;.DicomMicroscopyViewer .ol-tooltip{font-size:16px!important}
-.DicomMicroscopyViewer .OpenLayersOverlay{display:block!important;height:100%;pointer-events:none!important;width:100%}.DicomMicroscopyViewer .text-primary-light{color:#ff0;font-size:14px;font-weight:400}.DicomMicroscopyViewer .text-primary-light span{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.DicomMicroscopyViewer .absolute{position:absolute}.DicomMicroscopyViewer .flex{display:-webkit-box;display:-ms-flexbox;display:flex}.DicomMicroscopyViewer .flex-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.DicomMicroscopyViewer .flex-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.DicomMicroscopyViewer .pointer-events-none{pointer-events:none}.DicomMicroscopyViewer .left-viewport-scrollbar{left:.5rem}.DicomMicroscopyViewer .right-viewport-scrollbar{right:1.3rem}.DicomMicroscopyViewer .top-viewport{top:.5rem}.DicomMicroscopyViewer .bottom-viewport{bottom:.5rem}.DicomMicroscopyViewer .bottom-viewport.left-viewport{bottom:.5rem;left:calc(.5rem + 250px)}.DicomMicroscopyViewer .right-viewport-scrollbar .flex{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}.DicomMicroscopyViewer .microscopy-viewport-overlay{background:#00000080;max-width:40%;padding:.5rem 1rem}.DicomMicroscopyViewer .microscopy-viewport-overlay .flex{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.DicomMicroscopyViewer .top-viewport .flex span:not(.font-light){-ms-flex-negative:0;flex-shrink:0}
+.DicomMicroscopyViewer .OpenLayersOverlay{display:block!important;height:100%;pointer-events:none!important;width:100%}.DicomMicroscopyViewer .text-highlight{color:#ff0;font-size:14px;font-weight:400}.DicomMicroscopyViewer .text-highlight span{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.DicomMicroscopyViewer .absolute{position:absolute}.DicomMicroscopyViewer .flex{display:-webkit-box;display:-ms-flexbox;display:flex}.DicomMicroscopyViewer .flex-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.DicomMicroscopyViewer .flex-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.DicomMicroscopyViewer .pointer-events-none{pointer-events:none}.DicomMicroscopyViewer .left-viewport-scrollbar{left:.5rem}.DicomMicroscopyViewer .right-viewport-scrollbar{right:1.3rem}.DicomMicroscopyViewer .top-viewport{top:.5rem}.DicomMicroscopyViewer .bottom-viewport{bottom:.5rem}.DicomMicroscopyViewer .bottom-viewport.left-viewport{bottom:.5rem;left:calc(.5rem + 250px)}.DicomMicroscopyViewer .right-viewport-scrollbar .flex{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}.DicomMicroscopyViewer .microscopy-viewport-overlay{background:#00000080;max-width:40%;padding:.5rem 1rem}.DicomMicroscopyViewer .microscopy-viewport-overlay .flex{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.DicomMicroscopyViewer .top-viewport .flex span:not(.font-light){-ms-flex-negative:0;flex-shrink:0}

package/dist/{7159.bundle.a5991a5d4f0dd8f1c95f.js → 7159.bundle.fb9df255868960f69765.js}

@@ -61,11 +61,13 @@ function OHIFCornerstonePdfViewport({
     load();
   }, [renderedUrl]);
   return /*#__PURE__*/react.createElement("div", {
-    className: "bg-primary-black h-full w-full text-white",
+    className: "bg-primary-black text-foreground h-full w-full",
     onClick: makePdfScrollable,
     ref: el => {
       viewportElementRef.current = el;
-      if (el) viewportRef.register(el);
+      if (el) {
+        viewportRef.register(el);
+      }
     },
     "data-viewport-id": viewportId
   }, /*#__PURE__*/react.createElement("object", {

package/dist/{8305.bundle.a60669c0f354619dd27f.js → 8305.bundle.d89a671892e3a0f5ebac.js}

@@ -850,7 +850,7 @@ function LogicalContourOperationOptions() {
       name: icon
     }));
   }))), /*#__PURE__*/react.createElement("div", null, t(operation.label))), /*#__PURE__*/react.createElement("div", {
-    className: "bg-primary-dark flex h-[62px] w-[88px] items-center justify-center rounded-lg"
+    className: "bg-muted flex h-[62px] w-[88px] items-center justify-center rounded-lg"
   }, /*#__PURE__*/react.createElement(ui_next_src/* Icons */.FI1.ByName, {
     name: operation.helperIcon
   }))), /*#__PURE__*/react.createElement(SegmentSelector, {

package/dist/{8583.bundle.01ae8da221fd90cea8d9.js → 8583.bundle.4770c4dcdc8f97c28214.js}

@@ -900,7 +900,7 @@ function PanelPetSUV() {
   }, /*#__PURE__*/react.createElement(ui_next_src/* PanelSection */.aUM, {
     defaultOpen: true
   }, /*#__PURE__*/react.createElement(ui_next_src/* PanelSection */.aUM.Header, null, t('Patient Information')), /*#__PURE__*/react.createElement(ui_next_src/* PanelSection */.aUM.Content, null, /*#__PURE__*/react.createElement("div", {
-    className: "bg-primary-dark flex flex-col gap-3 p-2"
+    className: "bg-muted flex flex-col gap-3 p-2"
   }, /*#__PURE__*/react.createElement(InputRow, null, /*#__PURE__*/react.createElement(InputRow.Label, null, t('Patient Sex')), /*#__PURE__*/react.createElement(InputRow.Input, {
     value: metadata.PatientSex || '',
     onChange: e => {
@@ -1070,7 +1070,7 @@ function PanelRoiThresholdSegmentation() {
   }, /*#__PURE__*/react.createElement("div", {
     className: "invisible-scrollbar overflow-y-auto overflow-x-hidden"
   }, /*#__PURE__*/react.createElement("div", {
-    className: "bg-secondary-dark flex items-baseline justify-between px-2 py-1"
+    className: "bg-popover flex items-baseline justify-between px-2 py-1"
   }, /*#__PURE__*/react.createElement("div", {
     className: "py-1"
   }, /*#__PURE__*/react.createElement("span", {
@@ -1083,7 +1083,6 @@ function PanelRoiThresholdSegmentation() {
     dataCY: "exportTmtvCsvReport",
     size: "sm",
     variant: "ghost",
-    className: "text-blue-500",
     onClick: handleExportCSV
   }, /*#__PURE__*/react.createElement("span", {
     className: "pl-1"
@@ -1997,7 +1996,7 @@ function ROIThresholdConfiguration({
     });
   };
   return /*#__PURE__*/react.createElement("div", {
-    className: "bg-primary-dark flex flex-col space-y-4 p-px"
+    className: "bg-muted flex flex-col space-y-4 p-px"
   }, /*#__PURE__*/react.createElement("div", {
     className: "flex items-end space-x-3"
   }, /*#__PURE__*/react.createElement("div", {