@ohif/app 3.13.0-beta.2 → 3.13.0-beta.21

package/dist/{9195.bundle.5c13bd1aef828d802142.js → 9195.bundle.902ab556e8909fa878a1.js}

@@ -1,8 +1,8 @@
 "use strict";
 (globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[9195],{
 
-/***/ 52675:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+/***/ 52675
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   A: () => (/* binding */ MoreDropdownMenu)
@@ -110,10 +110,10 @@ function MoreDropdownMenu(bindProps) {
   return BoundMoreDropdownMenu;
 }
 
-/***/ }),
+/***/ },
 
-/***/ 40565:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+/***/ 40565
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 
 // EXPORTS
@@ -262,10 +262,6 @@ function PanelStudyBrowser({
       const qidoForStudyUID = await dataSource.query.studies.search({
         studyInstanceUid: StudyInstanceUID
       });
-      if (!qidoForStudyUID?.length) {
-        navigate('/notfoundstudy', '_self');
-        throw new Error('Invalid study URL');
-      }
       let qidoStudiesForPatient = qidoForStudyUID;
 
       // try to fetch the prior studies based on the patientID if the
@@ -495,7 +491,7 @@ function PanelStudyBrowser({
     updateActionIconValue: updateActionIconValue
   }), /*#__PURE__*/react.createElement(src/* Separator */.wvv, {
     orientation: "horizontal",
-    className: "bg-black",
+    className: "bg-background",
     thickness: "2px"
   })), /*#__PURE__*/react.createElement(src/* StudyBrowser */.M4o, {
     tabs: tabs,
@@ -613,10 +609,10 @@ function _findTabAndStudyOfDisplaySet(displaySetInstanceUID, tabs, currentTabNam
   }
 }
 
-/***/ }),
+/***/ },
 
-/***/ 3329:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+/***/ 3329
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   T: () => (/* binding */ PanelStudyBrowserHeader)
@@ -660,15 +656,15 @@ function PanelStudyBrowserHeader({
     key: index,
     "aria-label": viewPreset.id,
     value: viewPreset.id,
-    className: "text-actions-primary"
+    className: "text-primary"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ohif_ui_next__WEBPACK_IMPORTED_MODULE_1__/* .Icons */ .FI1[viewPreset.iconName] || _ohif_ui_next__WEBPACK_IMPORTED_MODULE_1__/* .Icons */ .FI1.MissingIcon)))))))));
 }
 
 
-/***/ }),
+/***/ },
 
-/***/ 20528:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+/***/ 20528
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   M: () => (/* binding */ Toolbar)
@@ -747,66 +743,41 @@ function Toolbar({
   }));
 }
 
-/***/ }),
+/***/ },
 
-/***/ 39195:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+/***/ 39195
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-  ContextMenuController: () => (/* reexport */ ContextMenuController),
-  CustomizableContextMenuTypes: () => (/* reexport */ types_namespaceObject),
-  MoreDropdownMenu: () => (/* reexport */ MoreDropdownMenu/* default */.A),
-  PanelStudyBrowserHeader: () => (/* reexport */ PanelStudyBrowserHeader/* PanelStudyBrowserHeader */.T),
-  StaticWadoClient: () => (/* reexport */ StaticWadoClient),
-  Toolbar: () => (/* reexport */ Toolbar/* Toolbar */.M),
-  Toolbox: () => (/* reexport */ Toolbox),
-  callInputDialog: () => (/* reexport */ callInputDialog),
-  callInputDialogAutoComplete: () => (/* reexport */ callInputDialogAutoComplete),
-  cleanDenaturalizedDataset: () => (/* reexport */ cleanDenaturalizedDataset),
-  colorPickerDialog: () => (/* reexport */ colorPickerDialog),
-  createReportAsync: () => (/* reexport */ Actions_createReportAsync),
-  createReportDialogPrompt: () => (/* reexport */ CreateReportDialogPrompt),
+  tm: () => (/* reexport */ StaticWadoClient),
+  M7: () => (/* reexport */ Toolbar/* Toolbar */.M),
+  OO: () => (/* reexport */ Toolbox),
+  l5: () => (/* reexport */ callInputDialog),
+  fq: () => (/* reexport */ callInputDialogAutoComplete),
+  wZ: () => (/* reexport */ cleanDenaturalizedDataset),
+  wS: () => (/* reexport */ colorPickerDialog),
+  Vy: () => (/* reexport */ Actions_createReportAsync),
+  tc: () => (/* reexport */ CreateReportDialogPrompt),
   "default": () => (/* binding */ default_src),
-  dicomWebUtils: () => (/* reexport */ utils_namespaceObject),
-  getStudiesForPatientByMRN: () => (/* reexport */ Panels_getStudiesForPatientByMRN),
-  promptLabelAnnotation: () => (/* reexport */ utils_promptLabelAnnotation),
-  promptSaveReport: () => (/* reexport */ utils_promptSaveReport),
-  requestDisplaySetCreationForStudy: () => (/* reexport */ Panels_requestDisplaySetCreationForStudy),
-  useDisplaySetSelectorStore: () => (/* reexport */ useDisplaySetSelectorStore),
-  useHangingProtocolStageIndexStore: () => (/* reexport */ useHangingProtocolStageIndexStore),
-  usePatientInfo: () => (/* reexport */ hooks_usePatientInfo),
-  useToggleHangingProtocolStore: () => (/* reexport */ useToggleHangingProtocolStore),
-  useToggleOneUpViewportGridStore: () => (/* reexport */ useToggleOneUpViewportGridStore),
-  useUIStateStore: () => (/* reexport */ useUIStateStore),
-  useViewportGridStore: () => (/* reexport */ useViewportGridStore),
-  useViewportsByPositionStore: () => (/* reexport */ useViewportsByPositionStore),
-  utils: () => (/* reexport */ src_utils_namespaceObject)
+  CA: () => (/* reexport */ utils_namespaceObject),
+  uR: () => (/* reexport */ utils_promptLabelAnnotation),
+  MP: () => (/* reexport */ utils_promptSaveReport),
+  Z: () => (/* reexport */ Panels_requestDisplaySetCreationForStudy),
+  Yd: () => (/* reexport */ useToggleOneUpViewportGridStore),
+  FS: () => (/* reexport */ useUIStateStore)
 });
 
-// NAMESPACE OBJECT: ../../../extensions/default/src/CustomizableContextMenu/types.ts
-var types_namespaceObject = {};
-__webpack_require__.r(types_namespaceObject);
+// UNUSED EXPORTS: ContextMenuController, CustomizableContextMenuTypes, MoreDropdownMenu, PanelStudyBrowserHeader, getStudiesForPatientByMRN, useDisplaySetSelectorStore, useHangingProtocolStageIndexStore, usePatientInfo, useToggleHangingProtocolStore, useViewportGridStore, useViewportsByPositionStore, utils
 
 // NAMESPACE OBJECT: ../../../extensions/default/src/DicomWebDataSource/utils/index.ts
 var utils_namespaceObject = {};
 __webpack_require__.r(utils_namespaceObject);
 __webpack_require__.d(utils_namespaceObject, {
-  cleanDenaturalizedDataset: () => (cleanDenaturalizedDataset),
-  fixBulkDataURI: () => (fixBulkDataURI),
-  fixMultiValueKeys: () => (fixMultiValueKeys),
-  transferDenaturalizedDataset: () => (transferDenaturalizedDataset)
-});
-
-// NAMESPACE OBJECT: ../../../extensions/default/src/utils/index.ts
-var src_utils_namespaceObject = {};
-__webpack_require__.r(src_utils_namespaceObject);
-__webpack_require__.d(src_utils_namespaceObject, {
-  Toolbox: () => (Toolbox),
-  addIcon: () => (addIcon)
+  wZ: () => (cleanDenaturalizedDataset),
+  Uk: () => (fixMultiValueKeys),
+  If: () => (transferDenaturalizedDataset)
 });
 
 // EXTERNAL MODULE: ../../../node_modules/dicomweb-client/build/dicomweb-client.es.js
@@ -3815,7 +3786,7 @@ function HeaderPatientInfo({
   const formattedPatientName = formatWithEllipsis(patientInfo.PatientName, 27);
   const formattedPatientID = formatWithEllipsis(patientInfo.PatientID, 15);
   return /*#__PURE__*/react.createElement("div", {
-    className: "hover:bg-primary-dark flex cursor-pointer items-center justify-center gap-1 rounded-lg",
+    className: "hover:bg-muted flex cursor-pointer items-center justify-center gap-1 rounded-lg",
     onClick: handleOnClick
   }, isMixedPatients ? /*#__PURE__*/react.createElement(ui_next_src/* Icons */.FI1.MultiplePatients, {
     className: "text-primary"
@@ -3824,9 +3795,9 @@ function HeaderPatientInfo({
   }), /*#__PURE__*/react.createElement("div", {
     className: "flex flex-col justify-center"
   }, expanded ? /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement("div", {
-    className: "self-start text-[13px] font-bold text-white"
+    className: "text-foreground self-start text-[13px] font-bold"
   }, formattedPatientName), /*#__PURE__*/react.createElement("div", {
-    className: "text-aqua-pale flex gap-2 text-[11px]"
+    className: "text-muted-foreground flex gap-2 text-[11px]"
   }, /*#__PURE__*/react.createElement("div", null, formattedPatientID), /*#__PURE__*/react.createElement("div", null, patientInfo.PatientSex), /*#__PURE__*/react.createElement("div", null, patientInfo.PatientDOB))) : /*#__PURE__*/react.createElement("div", {
     className: "text-primary self-center text-[13px]"
   }, isMixedPatients ? 'Multiple Patients' : 'Patient')), /*#__PURE__*/react.createElement(ui_next_src/* Icons */.FI1.ArrowLeft, {
@@ -3929,7 +3900,7 @@ function ViewerHeader({
       className: "text-primary flex cursor-pointer items-center"
     }, /*#__PURE__*/react.createElement(ui_next_src/* Button */.$nd, {
       variant: "ghost",
-      className: "hover:bg-primary-dark",
+      className: "hover:bg-muted",
       onClick: () => {
         commandsManager.run('undo');
       }
@@ -3937,7 +3908,7 @@ function ViewerHeader({
       className: ""
     })), /*#__PURE__*/react.createElement(ui_next_src/* Button */.$nd, {
       variant: "ghost",
-      className: "hover:bg-primary-dark",
+      className: "hover:bg-muted",
       onClick: () => {
         commandsManager.run('redo');
       }
@@ -4359,7 +4330,7 @@ function ViewerLayout_extends() { return ViewerLayout_extends = Object.assign ?
 
 
 
-const resizableHandleClassName = 'mt-[1px] bg-black';
+const resizableHandleClassName = 'mt-[1px] bg-background';
 function ViewerLayout({
   // From Extension Module Params
   extensionManager,
@@ -4402,10 +4373,10 @@ function ViewerLayout({
    * is sized to our viewport.
    */
   (0,react.useEffect)(() => {
-    document.body.classList.add('bg-black');
+    document.body.classList.add('bg-background');
     document.body.classList.add('overflow-hidden');
     return () => {
-      document.body.classList.remove('bg-black');
+      document.body.classList.remove('bg-background');
       document.body.classList.remove('overflow-hidden');
     };
   }, []);
@@ -4468,12 +4439,12 @@ function ViewerLayout({
     servicesManager: servicesManager,
     appConfig: appConfig
   }), /*#__PURE__*/react.createElement("div", {
-    className: "relative flex w-full flex-row flex-nowrap items-stretch overflow-hidden bg-black",
+    className: "relative flex w-full flex-row flex-nowrap items-stretch overflow-hidden bg-background",
     style: {
       height: 'calc(100vh - 52px'
     }
   }, /*#__PURE__*/react.createElement(react.Fragment, null, showLoadingIndicator && /*#__PURE__*/react.createElement(LoadingIndicatorProgress, {
-    className: "h-full w-full bg-black"
+    className: "h-full w-full bg-background"
   }), /*#__PURE__*/react.createElement(ui_next_src/* ResizablePanelGroup */.HKS, resizablePanelGroupProps, hasLeftPanels ? /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(ui_next_src/* ResizablePanel */.wVo, resizableLeftPanelProps, /*#__PURE__*/react.createElement(Components_SidePanelWithServices, ViewerLayout_extends({
     side: "left",
     isExpanded: !leftPanelClosedState,
@@ -4485,7 +4456,7 @@ function ViewerLayout({
   })) : null, /*#__PURE__*/react.createElement(ui_next_src/* ResizablePanel */.wVo, resizableViewportGridPanelProps, /*#__PURE__*/react.createElement("div", {
     className: "flex h-full flex-1 flex-col"
   }, /*#__PURE__*/react.createElement("div", {
-    className: "relative flex h-full flex-1 items-center justify-center overflow-hidden bg-black",
+    className: "relative flex h-full flex-1 items-center justify-center overflow-hidden bg-background",
     onMouseEnter: handleMouseEnter
   }, /*#__PURE__*/react.createElement(ViewportGridComp, {
     servicesManager: servicesManager,
@@ -5559,7 +5530,7 @@ function ToolbarLayoutSelectorWithServices({
     disabled: preset.disabled,
     isPreset: true
   })))), /*#__PURE__*/react.createElement("div", {
-    className: "bg-muted flex flex-col gap-2.5 border-l-2 border-solid border-black p-2"
+    className: "bg-muted flex flex-col gap-2.5 border-l-2 border-solid border-background p-2"
   }, /*#__PURE__*/react.createElement("div", {
     className: "text-muted-foreground text-xs"
   }, t('Custom')), /*#__PURE__*/react.createElement(ui_next_src/* LayoutSelector */.sG4.GridSelector, {
@@ -5847,6 +5818,7 @@ function ToolButtonWrapper(props) {
 }
 
 ;// ../../../extensions/default/src/Toolbar/ToolbarDivider.tsx
+/* unused harmony import specifier */ var React;
 
 function ToolbarDivider() {
   return /*#__PURE__*/React.createElement("span", {
@@ -6319,7 +6291,7 @@ const RowComponent = ({
       ...style,
       ...rowStyle
     },
-    className: classnames_default()('hover:bg-secondary-main border-secondary-light text-foreground flex w-full flex-row items-center break-all bg-black text-base transition duration-300', lineHeightClassName),
+    className: classnames_default()('hover:bg-primary/25 border-input text-foreground flex w-full flex-row items-center break-all bg-background text-base', lineHeightClassName),
     key: keyPrefix
   }, isChildOrParent && /*#__PURE__*/react.createElement("div", {
     style: {
@@ -6349,34 +6321,34 @@ function ColumnHeaders({
   valueRef
 }) {
   return /*#__PURE__*/react.createElement("div", {
-    className: classnames_default()('bg-secondary-dark ohif-scrollbar flex w-full flex-row overflow-y-scroll'),
+    className: classnames_default()('bg-popover ohif-scrollbar flex w-full flex-row overflow-y-scroll'),
     style: rowVerticalPaddingStyle
   }, /*#__PURE__*/react.createElement("div", {
     className: "w-4/24 px-3"
   }, /*#__PURE__*/react.createElement("label", {
     ref: tagRef,
-    className: "flex flex-1 select-none flex-col pl-1 text-lg text-white"
+    className: "text-foreground flex flex-1 select-none flex-col pl-1 text-lg"
   }, /*#__PURE__*/react.createElement("span", {
     className: "flex flex-row items-center focus:outline-none"
   }, "Tag"))), /*#__PURE__*/react.createElement("div", {
     className: "w-2/24 px-3"
   }, /*#__PURE__*/react.createElement("label", {
     ref: vrRef,
-    className: "flex flex-1 select-none flex-col pl-1 text-lg text-white"
+    className: "text-foreground flex flex-1 select-none flex-col pl-1 text-lg"
   }, /*#__PURE__*/react.createElement("span", {
     className: "flex flex-row items-center focus:outline-none"
   }, "VR"))), /*#__PURE__*/react.createElement("div", {
     className: "w-6/24 px-3"
   }, /*#__PURE__*/react.createElement("label", {
     ref: keywordRef,
-    className: "flex flex-1 select-none flex-col pl-1 text-lg text-white"
+    className: "text-foreground flex flex-1 select-none flex-col pl-1 text-lg"
   }, /*#__PURE__*/react.createElement("span", {
     className: "flex flex-row items-center focus:outline-none"
   }, "Keyword"))), /*#__PURE__*/react.createElement("div", {
     className: "w-5/24 grow px-3"
   }, /*#__PURE__*/react.createElement("label", {
     ref: valueRef,
-    className: "flex flex-1 select-none flex-col pl-1 text-lg text-white"
+    className: "text-foreground flex flex-1 select-none flex-col pl-1 text-lg"
   }, /*#__PURE__*/react.createElement("span", {
     className: "flex flex-row items-center focus:outline-none"
   }, "Value"))));
@@ -6524,7 +6496,7 @@ function DicomTagTable({
     keywordRef: keywordRef,
     valueRef: valueRef
   }), /*#__PURE__*/react.createElement("div", {
-    className: "relative m-auto border-2 border-black bg-black",
+    className: "relative m-auto border-2 border-background bg-background",
     style: {
       height: '32rem'
     }
@@ -6639,7 +6611,7 @@ const DicomTagBrowser = ({
   }, /*#__PURE__*/react.createElement("div", {
     className: "mb-6 flex flex-row items-start pl-1"
   }, /*#__PURE__*/react.createElement("div", {
-    className: "flex w-full flex-row items-start gap-4"
+    className: "flex w-full flex-row items-start gap-6"
   }, /*#__PURE__*/react.createElement("div", {
     className: "flex w-1/3 flex-col"
   }, /*#__PURE__*/react.createElement("span", {
@@ -6649,7 +6621,11 @@ const DicomTagBrowser = ({
     onValueChange: value => onSelectChange({
       value
     })
-  }, /*#__PURE__*/react.createElement(ui_next_src/* SelectTrigger */.bqE, null, displaySetList.find(ds => ds.value === selectedDisplaySetInstanceUID)?.label || 'Select Series'), /*#__PURE__*/react.createElement(ui_next_src/* SelectContent */.gCo, null, displaySetList.map(item => {
+  }, /*#__PURE__*/react.createElement(ui_next_src/* SelectTrigger */.bqE, {
+    "data-cy": "dicom-tag-series-select-trigger"
+  }, /*#__PURE__*/react.createElement(ui_next_src/* SelectValue */.yvm, {
+    "data-cy": "dicom-tag-series-select-value"
+  }, displaySetList.find(ds => ds.value === selectedDisplaySetInstanceUID)?.label || 'Select Series')), /*#__PURE__*/react.createElement(ui_next_src/* SelectContent */.gCo, null, displaySetList.map(item => {
     return /*#__PURE__*/react.createElement(ui_next_src/* SelectItem */.ebT, {
       key: item.value,
       value: item.value
@@ -6668,7 +6644,7 @@ const DicomTagBrowser = ({
     min: 1,
     max: activeDisplaySet?.images?.length,
     step: 1,
-    className: "pt-4"
+    className: "pt-3"
   })), /*#__PURE__*/react.createElement("div", {
     className: "ml-auto mr-1 flex w-1/3 flex-col"
   }, /*#__PURE__*/react.createElement("span", {
@@ -7815,6 +7791,19 @@ const commandsModule = ({
         return;
       }
 
+      // Check if it's a segmentation and handle accordingly.
+      // Note that for the sake of hydrated segmentations, we remove the
+      // segmentation before checking if the display set is indeed in the viewport.
+      // This is because hydrated segmentations are not in the viewport per se
+      // {i.e. they are not layered) but are simply referenced by the display
+      // set in the viewport.
+      const isSegmentation = DERIVED_OVERLAY_MODALITIES.includes(displaySet.Modality);
+      if (isSegmentation) {
+        segmentationService.removeRepresentationsFromViewport(viewportId, {
+          segmentationId: displaySetInstanceUID
+        });
+      }
+
       // Get current display sets for the viewport
       const currentDisplaySetUIDs = viewportGridService.getDisplaySetsUIDsForViewport(viewportId);
 
@@ -7822,14 +7811,6 @@ const commandsModule = ({
       if (!currentDisplaySetUIDs.includes(displaySetInstanceUID)) {
         return;
       }
-
-      // Check if it's a segmentation and handle accordingly
-      const isSegmentation = DERIVED_OVERLAY_MODALITIES.includes(displaySet.Modality);
-      if (isSegmentation) {
-        segmentationService.removeSegmentationRepresentations(viewportId, {
-          segmentationId: displaySetInstanceUID
-        });
-      }
       const updatedViewports = hangingProtocolService.getViewportsRequireUpdate(viewportId, displaySetInstanceUID);
 
       // Configure each viewport for layer removal
@@ -9609,7 +9590,7 @@ function DataSourceSelector() {
   }, /*#__PURE__*/react.createElement("div", {
     className: "flex h-screen w-screen items-center justify-center"
   }, /*#__PURE__*/react.createElement("div", {
-    className: "bg-secondary-dark mx-auto space-y-2 rounded-lg py-8 px-8 drop-shadow-md"
+    className: "bg-popover mx-auto space-y-2 rounded-lg py-8 px-8 drop-shadow-md"
   }, /*#__PURE__*/react.createElement("img", {
     className: "mx-auto block h-14",
     src: "./ohif-logo.svg",
@@ -9619,7 +9600,7 @@ function DataSourceSelector() {
   }, dsConfigs.filter(it => it.sourceName !== 'dicomjson' && it.sourceName !== 'dicomlocal').map(ds => /*#__PURE__*/react.createElement("div", {
     key: ds.sourceName
   }, /*#__PURE__*/react.createElement("h1", {
-    className: "text-white"
+    className: "text-foreground"
   }, ds.configuration?.friendlyName || ds.friendlyName), /*#__PURE__*/react.createElement(ui_src/* Button */.$n, {
     type: ui_src/* ButtonEnums.type */.Ny.NW.primary,
     className: classnames_default()('ml-2'),
@@ -9927,7 +9908,7 @@ function ItemListComponent({
   }), /*#__PURE__*/react.createElement(ui_next_src/* InputFilter */.zbB.ClearButton, {
     className: "text-primary mr-0.5 p-0.5"
   }))), /*#__PURE__*/react.createElement("div", {
-    className: "relative flex min-h-[1px] grow flex-col bg-black text-[14px]"
+    className: "relative flex min-h-[1px] grow flex-col bg-background text-[14px]"
   }, itemList == null ? /*#__PURE__*/react.createElement(LoadingIndicatorProgress, {
     className: 'h-full w-full'
   }) : itemList.length === 0 ? /*#__PURE__*/react.createElement("div", {
@@ -10019,16 +10000,16 @@ function DataSourceConfigurationModalComponent({
     };
   }, [selectedItems, configurationAPI, onHide, itemLabels, showFullConfig, currentSelectedItemIndex]);
   const getSelectedItemCursorClasses = itemIndex => itemIndex !== itemLabels.length - 1 && itemIndex < selectedItems.length ? 'cursor-pointer' : 'cursor-auto';
-  const getSelectedItemBackgroundClasses = itemIndex => itemIndex < selectedItems.length ? classnames_default()('bg-black/[.4]', itemIndex !== itemLabels.length - 1 ? 'hover:bg-transparent active:bg-secondary-dark' : '') : 'bg-transparent';
-  const getSelectedItemBorderClasses = itemIndex => itemIndex === currentSelectedItemIndex + 1 ? classnames_default()('border-2', 'border-solid', 'border-primary-light') : itemIndex < selectedItems.length ? 'border border-solid border-primary-active hover:border-primary-light active:border-white' : 'border border-dashed border-secondary-light';
-  const getSelectedItemTextClasses = itemIndex => itemIndex <= selectedItems.length ? 'text-primary-light' : 'text-primary';
+  const getSelectedItemBackgroundClasses = itemIndex => itemIndex < selectedItems.length ? classnames_default()('bg-background/[.4]', itemIndex !== itemLabels.length - 1 ? 'hover:bg-transparent active:bg-popover' : '') : 'bg-transparent';
+  const getSelectedItemBorderClasses = itemIndex => itemIndex === currentSelectedItemIndex + 1 ? classnames_default()('border-2', 'border-solid', 'border-highlight') : itemIndex < selectedItems.length ? 'border border-solid border-primary hover:border-highlight active:border-white' : 'border border-dashed border-input';
+  const getSelectedItemTextClasses = itemIndex => itemIndex <= selectedItems.length ? 'text-highlight' : 'text-primary';
   const getErrorComponent = () => {
     return /*#__PURE__*/react.createElement("div", {
       className: "flex min-h-[1px] grow flex-col gap-4"
     }, /*#__PURE__*/react.createElement("div", {
-      className: "text-primary-light text-[20px]"
+      className: "text-highlight text-[20px]"
     }, t(`Error fetching ${itemLabels[selectedItems.length]} list`)), /*#__PURE__*/react.createElement("div", {
-      className: "grow bg-black p-4 text-[14px]"
+      className: "grow bg-background p-4 text-[14px]"
     }, errorMessage));
   };
   const getSelectedItemsComponent = () => {
@@ -10051,14 +10032,14 @@ function DataSourceConfigurationModalComponent({
       }), /*#__PURE__*/react.createElement("div", {
         className: classnames_default()(NO_WRAP_ELLIPSIS_CLASS_NAMES)
       }, t(itemLabel))), itemLabelIndex < selectedItems.length ? /*#__PURE__*/react.createElement("div", {
-        className: classnames_default()('text-[14px] text-white', NO_WRAP_ELLIPSIS_CLASS_NAMES)
+        className: classnames_default()('text-foreground text-[14px]', NO_WRAP_ELLIPSIS_CLASS_NAMES)
       }, selectedItems[itemLabelIndex].name) : /*#__PURE__*/react.createElement("br", null));
     }));
   };
   return /*#__PURE__*/react.createElement("div", {
     className: "flex h-[calc(100vh-300px)] select-none flex-col gap-4 pt-0.5"
   }, getSelectedItemsComponent(), /*#__PURE__*/react.createElement("div", {
-    className: "h-0.5 w-full shrink-0 bg-black"
+    className: "h-0.5 w-full shrink-0 bg-background"
   }), errorMessage ? getErrorComponent() : /*#__PURE__*/react.createElement(Components_ItemListComponent, {
     itemLabel: itemLabels[currentSelectedItemIndex + 1],
     itemList: itemList,
@@ -10141,7 +10122,7 @@ function DataSourceConfigurationComponent({
     }
   }, [configurationAPI, configuredItems, showConfigurationModal]);
   return configuredItems ? /*#__PURE__*/react.createElement("div", {
-    className: "text-aqua-pale flex items-center overflow-hidden"
+    className: "text-muted-foreground flex items-center overflow-hidden"
   }, /*#__PURE__*/react.createElement(ui_next_src/* Icons */.FI1.Settings, {
     className: "mr-2.5 h-3.5 w-3.5 shrink-0 cursor-pointer",
     onClick: showConfigurationModal
@@ -10422,8 +10403,8 @@ function AboutModalDefault() {
     name
   } = (0,browser_detect_es5/* default */.A)();
   const browser = `${name[0].toUpperCase()}${name.substr(1)} ${version}`;
-  const versionNumber = "3.13.0-beta.2";
-  const commitHash = "f70c9b932db2bb14173acae675d38ce250d244fa";
+  const versionNumber = "3.13.0-beta.21";
+  const commitHash = "b5573caaa65d0d7ff3e83df0ec70b4aa7ea898ca";
   const [main, beta] = versionNumber.split('-');
   return /*#__PURE__*/react.createElement(ui_next_src/* AboutModal */.VTU, {
     className: "w-[400px]"
@@ -11615,11 +11596,12 @@ function promptLabelAnnotation({
 // EXTERNAL MODULE: ../../../extensions/default/src/Panels/StudyBrowser/PanelStudyBrowserHeader.tsx
 var PanelStudyBrowserHeader = __webpack_require__(3329);
 ;// ../../../extensions/default/src/utils/addIcon.ts
+/* unused harmony import specifier */ var Icons;
 
 
 /** Adds the icon to both ui and ui-next */
 function addIcon(name, icon) {
-  ui_next_src/* Icons */.FI1.addIcon(name, icon);
+  Icons.addIcon(name, icon);
 }
 ;// ../../../extensions/default/src/utils/Toolbox.tsx
 function Toolbox_extends() { return Toolbox_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; }, Toolbox_extends.apply(null, arguments); }
@@ -11727,7 +11709,7 @@ function Toolbox({
       })));
     }));
   }), activeToolOptions && /*#__PURE__*/react.createElement("div", {
-    className: "bg-primary-dark mt-1 h-auto px-2"
+    className: "bg-muted mt-1 h-auto px-2"
   }, /*#__PURE__*/react.createElement(ui_next_src/* ToolSettings */.k_3, {
     options: activeToolOptions
   }))));
@@ -11811,10 +11793,10 @@ const defaultExtension = {
 /* harmony default export */ const default_src = (defaultExtension);
 
 
-/***/ }),
+/***/ },
 
-/***/ 96357:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+/***/ 96357
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
@@ -11829,6 +11811,6 @@ const RESPONSE = {
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (RESPONSE);
 
-/***/ })
+/***/ }
 
 }]);