@ohif/app 3.13.0-beta.106 → 3.13.0-beta.107

package/dist/{9415.bundle.9ff85569bf94fcd5.js → 9415.bundle.65b1f625994dcdeb.js}

@@ -19,8 +19,8 @@ const SOPClassHandlerId = `${id}.sopClassHandlerModule.${SOPClassHandlerName}`;
 var react = __webpack_require__(86326);
 // EXTERNAL MODULE: ../../core/src/index.ts + 69 modules
 var src = __webpack_require__(62901);
-// EXTERNAL MODULE: ../../i18n/src/index.js + 299 modules
-var i18n_src = __webpack_require__(40405);
+// EXTERNAL MODULE: ../../i18n/src/index.js + 300 modules
+var i18n_src = __webpack_require__(90119);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 1 modules
 var esm = __webpack_require__(70594);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/adapters/dist/esm/index.js + 79 modules

package/dist/{app.bundle.e21787617957146b.js → app.bundle.4bf8509cc48f40b9.js}

@@ -85360,8 +85360,8 @@ var react = __webpack_require__(86326);
 // 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: ../../i18n/src/index.js + 299 modules
-var i18n_src = __webpack_require__(40405);
+// EXTERNAL MODULE: ../../i18n/src/index.js + 300 modules
+var i18n_src = __webpack_require__(90119);
 // EXTERNAL MODULE: ../../../node_modules/react-i18next/dist/es/index.js + 29 modules
 var es = __webpack_require__(75258);
 // EXTERNAL MODULE: ../../../node_modules/react-router-dom/dist/index.js
@@ -85393,8 +85393,8 @@ Compose.propTypes = {
 };
 // EXTERNAL MODULE: ../../core/src/index.ts + 69 modules
 var core_src = __webpack_require__(62901);
-// EXTERNAL MODULE: ../../ui-next/src/index.ts + 3672 modules
-var ui_next_src = __webpack_require__(4849);
+// EXTERNAL MODULE: ../../ui-next/src/index.ts + 3682 modules
+var ui_next_src = __webpack_require__(39987);
 // EXTERNAL MODULE: ./state/index.js + 1 modules
 var state_0 = __webpack_require__(55461);
 ;// CONCATENATED MODULE: ./utils/preserveQueryParameters.ts
@@ -86209,7 +86209,7 @@ function defaultSettingsMenuItems({
 }) {
   const items = [{
     id: 'about',
-    label: 'About OHIF Viewer',
+    label: t('Header:About'),
     onClick: () => {
       const AboutModal = customizationService.getCustomization('ohif.aboutModal');
       show({
@@ -86220,7 +86220,7 @@ function defaultSettingsMenuItems({
     }
   }, {
     id: 'userPreferences',
-    label: 'User Preferences',
+    label: t('Header:Preferences'),
     onClick: () => {
       const UserPreferencesModal = customizationService.getCustomization('ohif.userPreferencesModal');
       show({
@@ -86230,6 +86230,20 @@ function defaultSettingsMenuItems({
       });
     }
   }];
+  const AppearanceModal = customizationService.getCustomization('ohif.appearanceModal');
+  if (AppearanceModal) {
+    items.splice(1, 0, {
+      id: 'appearance',
+      label: AppearanceModal.menuTitle ?? t('Header:Appearance'),
+      onClick: () => {
+        show({
+          content: AppearanceModal,
+          title: AppearanceModal.title ?? t('AppearanceModal:Appearance'),
+          containerClassName: AppearanceModal.containerClassName ?? 'max-w-md'
+        });
+      }
+    });
+  }
   if (appConfig.oidc) {
     items.push({
       id: 'logout',
@@ -88097,35 +88111,35 @@ pluginImports_modes.push("@ohif/mode-ultrasound-pleura-bline");
 async function loadModule(module) {
   if (typeof module !== 'string') return module;
   if (module === "@ohif/extension-default") {
-    const imported = await Promise.all(/* import() */ [__webpack_require__.e(4456), __webpack_require__.e(8568), __webpack_require__.e(6577), __webpack_require__.e(5989), __webpack_require__.e(8432), __webpack_require__.e(7847), __webpack_require__.e(6214)]).then(__webpack_require__.bind(__webpack_require__, 6698));
+    const imported = await Promise.all(/* import() */ [__webpack_require__.e(4456), __webpack_require__.e(8568), __webpack_require__.e(6577), __webpack_require__.e(5989), __webpack_require__.e(8432), __webpack_require__.e(9358), __webpack_require__.e(6214)]).then(__webpack_require__.bind(__webpack_require__, 5213));
     return imported.default;
   }
   if (module === "@ohif/extension-cornerstone") {
-    const imported = await Promise.all(/* import() */ [__webpack_require__.e(4456), __webpack_require__.e(8568), __webpack_require__.e(6577), __webpack_require__.e(5989), __webpack_require__.e(8432), __webpack_require__.e(6650), __webpack_require__.e(7847), __webpack_require__.e(414), __webpack_require__.e(3833)]).then(__webpack_require__.bind(__webpack_require__, 84461));
+    const imported = await Promise.all(/* import() */ [__webpack_require__.e(4456), __webpack_require__.e(8568), __webpack_require__.e(6577), __webpack_require__.e(5989), __webpack_require__.e(8432), __webpack_require__.e(6650), __webpack_require__.e(9358), __webpack_require__.e(414), __webpack_require__.e(3833)]).then(__webpack_require__.bind(__webpack_require__, 84461));
     return imported.default;
   }
   if (module === "@ohif/extension-measurement-tracking") {
-    const imported = await Promise.all(/* import() */ [__webpack_require__.e(4456), __webpack_require__.e(8568), __webpack_require__.e(6577), __webpack_require__.e(5989), __webpack_require__.e(8432), __webpack_require__.e(6650), __webpack_require__.e(379), __webpack_require__.e(5406), __webpack_require__.e(7847), __webpack_require__.e(414), __webpack_require__.e(7248), __webpack_require__.e(3760)]).then(__webpack_require__.bind(__webpack_require__, 34879));
+    const imported = await Promise.all(/* import() */ [__webpack_require__.e(4456), __webpack_require__.e(8568), __webpack_require__.e(6577), __webpack_require__.e(5989), __webpack_require__.e(8432), __webpack_require__.e(6650), __webpack_require__.e(379), __webpack_require__.e(5406), __webpack_require__.e(9358), __webpack_require__.e(414), __webpack_require__.e(7248), __webpack_require__.e(3760)]).then(__webpack_require__.bind(__webpack_require__, 34879));
     return imported.default;
   }
   if (module === "@ohif/extension-cornerstone-dicom-sr") {
-    const imported = await Promise.all(/* import() */ [__webpack_require__.e(4456), __webpack_require__.e(8568), __webpack_require__.e(6577), __webpack_require__.e(5989), __webpack_require__.e(8432), __webpack_require__.e(6650), __webpack_require__.e(379), __webpack_require__.e(7847), __webpack_require__.e(414), __webpack_require__.e(7248), __webpack_require__.e(976)]).then(__webpack_require__.bind(__webpack_require__, 81107));
+    const imported = await Promise.all(/* import() */ [__webpack_require__.e(4456), __webpack_require__.e(8568), __webpack_require__.e(6577), __webpack_require__.e(5989), __webpack_require__.e(8432), __webpack_require__.e(6650), __webpack_require__.e(379), __webpack_require__.e(9358), __webpack_require__.e(414), __webpack_require__.e(7248), __webpack_require__.e(976)]).then(__webpack_require__.bind(__webpack_require__, 81107));
     return imported.default;
   }
   if (module === "@ohif/extension-cornerstone-dicom-seg") {
-    const imported = await Promise.all(/* import() */ [__webpack_require__.e(4456), __webpack_require__.e(8568), __webpack_require__.e(6577), __webpack_require__.e(5989), __webpack_require__.e(8432), __webpack_require__.e(6650), __webpack_require__.e(379), __webpack_require__.e(7847), __webpack_require__.e(414), __webpack_require__.e(5708)]).then(__webpack_require__.bind(__webpack_require__, 53451));
+    const imported = await Promise.all(/* import() */ [__webpack_require__.e(4456), __webpack_require__.e(8568), __webpack_require__.e(6577), __webpack_require__.e(5989), __webpack_require__.e(8432), __webpack_require__.e(6650), __webpack_require__.e(379), __webpack_require__.e(9358), __webpack_require__.e(414), __webpack_require__.e(5708)]).then(__webpack_require__.bind(__webpack_require__, 53451));
     return imported.default;
   }
   if (module === "@ohif/extension-cornerstone-dicom-pmap") {
-    const imported = await Promise.all(/* import() */ [__webpack_require__.e(4456), __webpack_require__.e(8568), __webpack_require__.e(6577), __webpack_require__.e(5989), __webpack_require__.e(8432), __webpack_require__.e(6650), __webpack_require__.e(379), __webpack_require__.e(7847), __webpack_require__.e(414), __webpack_require__.e(9415)]).then(__webpack_require__.bind(__webpack_require__, 76494));
+    const imported = await Promise.all(/* import() */ [__webpack_require__.e(4456), __webpack_require__.e(8568), __webpack_require__.e(6577), __webpack_require__.e(5989), __webpack_require__.e(8432), __webpack_require__.e(6650), __webpack_require__.e(379), __webpack_require__.e(9358), __webpack_require__.e(414), __webpack_require__.e(9415)]).then(__webpack_require__.bind(__webpack_require__, 76494));
     return imported.default;
   }
   if (module === "@ohif/extension-cornerstone-dynamic-volume") {
-    const imported = await Promise.all(/* import() */ [__webpack_require__.e(4456), __webpack_require__.e(8568), __webpack_require__.e(6577), __webpack_require__.e(5989), __webpack_require__.e(8432), __webpack_require__.e(6650), __webpack_require__.e(7847), __webpack_require__.e(414), __webpack_require__.e(1602)]).then(__webpack_require__.bind(__webpack_require__, 42061));
+    const imported = await Promise.all(/* import() */ [__webpack_require__.e(4456), __webpack_require__.e(8568), __webpack_require__.e(6577), __webpack_require__.e(5989), __webpack_require__.e(8432), __webpack_require__.e(6650), __webpack_require__.e(9358), __webpack_require__.e(414), __webpack_require__.e(1602)]).then(__webpack_require__.bind(__webpack_require__, 42061));
     return imported.default;
   }
   if (module === "@ohif/extension-dicom-microscopy") {
-    const imported = await Promise.all(/* import() */ [__webpack_require__.e(4456), __webpack_require__.e(8568), __webpack_require__.e(6577), __webpack_require__.e(5989), __webpack_require__.e(8432), __webpack_require__.e(5731), __webpack_require__.e(7847), __webpack_require__.e(8832)]).then(__webpack_require__.bind(__webpack_require__, 4671));
+    const imported = await Promise.all(/* import() */ [__webpack_require__.e(4456), __webpack_require__.e(8568), __webpack_require__.e(6577), __webpack_require__.e(5989), __webpack_require__.e(8432), __webpack_require__.e(5731), __webpack_require__.e(9358), __webpack_require__.e(8832)]).then(__webpack_require__.bind(__webpack_require__, 4671));
     return imported.default;
   }
   if (module === "@ohif/extension-dicom-pdf") {
@@ -88137,11 +88151,11 @@ async function loadModule(module) {
     return imported.default;
   }
   if (module === "@ohif/extension-tmtv") {
-    const imported = await Promise.all(/* import() */ [__webpack_require__.e(4456), __webpack_require__.e(8568), __webpack_require__.e(6577), __webpack_require__.e(5989), __webpack_require__.e(8432), __webpack_require__.e(6650), __webpack_require__.e(379), __webpack_require__.e(7847), __webpack_require__.e(414), __webpack_require__.e(7295)]).then(__webpack_require__.bind(__webpack_require__, 75366));
+    const imported = await Promise.all(/* import() */ [__webpack_require__.e(4456), __webpack_require__.e(8568), __webpack_require__.e(6577), __webpack_require__.e(5989), __webpack_require__.e(8432), __webpack_require__.e(6650), __webpack_require__.e(379), __webpack_require__.e(9358), __webpack_require__.e(414), __webpack_require__.e(7295)]).then(__webpack_require__.bind(__webpack_require__, 75366));
     return imported.default;
   }
   if (module === "@ohif/extension-test") {
-    const imported = await Promise.all(/* import() */ [__webpack_require__.e(4456), __webpack_require__.e(8568), __webpack_require__.e(6577), __webpack_require__.e(5989), __webpack_require__.e(8432), __webpack_require__.e(6650), __webpack_require__.e(7847), __webpack_require__.e(414), __webpack_require__.e(8423)]).then(__webpack_require__.bind(__webpack_require__, 49182));
+    const imported = await Promise.all(/* import() */ [__webpack_require__.e(4456), __webpack_require__.e(8568), __webpack_require__.e(6577), __webpack_require__.e(5989), __webpack_require__.e(8432), __webpack_require__.e(6650), __webpack_require__.e(9358), __webpack_require__.e(414), __webpack_require__.e(8423)]).then(__webpack_require__.bind(__webpack_require__, 49182));
     return imported.default;
   }
   if (module === "@ohif/extension-cornerstone-dicom-rt") {
@@ -107759,7 +107773,7 @@ function uuidv4() {
 }
 
 },
-40405(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+90119(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
 "use strict";
 
 // EXPORTS
@@ -108930,7 +108944,7 @@ const detectionOptions = {
   }
 });
 ;// CONCATENATED MODULE: ../../i18n/package.json
-var package_namespaceObject = JSON.parse('{"rE":"3.13.0-beta.105"}')
+var package_namespaceObject = JSON.parse('{"rE":"3.13.0-beta.106"}')
 ;// CONCATENATED MODULE: ../../i18n/src/utils.js
 const languagesMap = {
   ar: 'Arabic',
@@ -109206,6 +109220,8 @@ var de_ViewportDownloadForm_namespaceObject = JSON.parse('{"emptyFilenameError":
 });
 ;// CONCATENATED MODULE: ../../i18n/src/locales/en-US/AboutModal.json
 var en_US_AboutModal_namespaceObject = JSON.parse('{"About OHIF Viewer":"About OHIF Viewer","Browser":"Browser","Build number":"Build Number","Commit hash":"Commit hash","Commit Hash":"Commit Hash","Current Browser & OS":"Current Browser & OS","Data citation":"Data citation","Important links":"Important links","Last master commits":"Latest Master Commits","More details":"More details","Name":"Name","OS":"OS","Report an issue":"Report an issue","Repository URL":"Repository URL","Value":"Value","Version information":"Version Information","Version number":"Version number","Visit the forum":"Visit the forum"}')
+;// CONCATENATED MODULE: ../../i18n/src/locales/en-US/AppearanceModal.json
+var AppearanceModal_namespaceObject = JSON.parse('{"Appearance":"Appearance","Theme":"Theme","Default Theme":"Tonal: OHIF Blue","Custom":"Custom","Custom Theme":"Custom Theme","Hide":"Hide","Apply":"Apply","Clear":"Clear","No valid theme tokens found":"No valid theme tokens found. Expected lines like --primary: 220 90% 60%","Paste your custom theme color tokens here":"Paste your custom theme color tokens here"}')
 ;// CONCATENATED MODULE: ../../i18n/src/locales/en-US/Buttons.json
 var en_US_Buttons_namespaceObject = JSON.parse('{"Acquired":"Acquired","Angle":"Angle","Annotation":"Annotation","Axial":"Axial","Bidirectional":"Bidirectional","Brush":"Brush","Cine":"Cine","Cancel":"Cancel","Capture":"Capture","Circle":"Circle","Sphere":"Sphere","Clear":"Clear","Coronal":"Coronal","Crosshairs":"Crosshairs","Download":"Download","Ellipse":"Ellipse","Elliptical":"Elliptical","Flip H":"Flip H","Flip Horizontally":"Flip Horizontally","Flip V":"Flip V","Freehand":"Freehand","Grid Layout":"Grid Layout","Invert":"Invert","Layout":"$t(Common:Layout)","Length":"Length","Levels":"Levels","Magnify":"Magnify","Manual":"Manual","Measurements":"Measurements","More":"$t(Common:More)","More Tools":"More Tools","Next":"$t(Common:Next)","Pan":"Pan","Play":"$t(Common:Play)","Previous":"$t(Common:Previous)","Probe":"Probe","ROI Window":"ROI Window","Rectangle":"Rectangle","Reference Lines":"Reference Lines","Reset":"$t(Common:Reset)","Reset to defaults":"Reset to Defaults","Rotate Right":"Rotate Right","Sagittal":"Sagittal","Save":"Save","Stack Scroll":"Stack Scroll","Stack Image Sync":"Stack Image Sync","Stop":"$t(Common:Stop)","Themes":"Themes","Zoom":"Zoom","Adjust window/level presets and customize image contrast settings":"Adjust window/level presets and customize image contrast settings","Zoom-in":"Zoom-in","Cobb Angle":"Cobb Angle","Calibration":"Calibration","Dicom Tag Browser":"DICOM Tag Browser","Magnify Probe":"Magnify Probe","Ultrasound Directional":"Ultrasound Directional","Window Level Region":"Window Level Region","Image Overlay":"Image Overlay","Image Slice Sync":"Image Slice Sync","Freehand ROI":"Freehand ROI","Spline ROI":"Spline ROI","Livewire tool":"Livewire tool","Livewire Contour":"Livewire Contour","Segment Label Display":"Segment Label Display","Data Overlay":"Data Overlay","Configure data overlay options and manage foreground/background display sets":"Configure data overlay options and manage foreground/background display sets","Orientation":"Orientation","Change viewport orientation between axial, sagittal, coronal and reformat planes":"Change viewport orientation between axial, sagittal, coronal and reformat planes","Status":"Status","Navigation":"Navigation","Navigate between segments/measurements and manage their visibility":"Navigate between segments/measurements and manage their visibility","Tracking Status":"Tracking Status","View and manage tracking status of measurements and annotations":"View and manage tracking status of measurements and annotations","Advanced Window Level":"Advanced Window Level","Advanced window/level settings with manual controls and presets":"Advanced window/level settings with manual controls and presets","Threshold":"Threshold","Image threshold settings":"Image threshold settings","Opacity":"Opacity","Image opacity settings":"Image opacity settings","Colorbar":"Colorbar","Enable position synchronization on stack viewports":"Enable position synchronization on stack viewports","Show Reference Lines":"Show Reference Lines","Toggle Image Overlay":"Toggle Image Overlay","Calibration Line":"Calibration Line","Ellipse ROI":"Ellipse ROI","Rectangle ROI":"Rectangle ROI","Circle Tool":"Circle Tool","Click to show or hide segment labels when hovering with your mouse.":"Click to show or hide segment labels when hovering with your mouse.","Arrow Annotate":"Arrow Annotate","Bidirectional Tool":"Bidirectional Tool","Bone":"Bone","Brain":"Brain","Dismiss Aspect":"Dismiss Aspect","Ellipse Tool":"Ellipse Tool","Flip Horizontal":"Flip Horizontal","Invert Colors":"Invert Colors","Keep Aspect":"Keep Aspect","Length Tool":"Length Tool","Liver":"Liver","Lung":"Lung","More Measure Tools":"More Measure Tools","Reset View":"Reset View","Rotate +90":"Rotate +90","Soft tissue":"Soft tissue","W/L Presets":"W/L Presets","Window Level":"Window Level","Point":"Point","Point Tool":"Point Tool","Polygon":"Polygon","Polygon Tool":"Polygon Tool","Box":"Box","Box Tool":"Box Tool","Freehand Polygon":"Freehand Polygon","Freehand Polygon Tool":"Freehand Polygon Tool","Freehand Line":"Freehand Line","Freehand Line Tool":"Freehand Line Tool","Line":"Line","Line Tool":"Line Tool","3D Rotate":"3D Rotate","Shape":"Shape","MPR":"MPR","Rectangle ROI Threshold":"Rectangle ROI Threshold","Select the PT Axial to enable this tool":"Select the PT Axial to enable this tool","Create new segmentation to enable this tool.":"Create new segmentation to enable this tool.","Freehand Segmentation":"Freehand Segmentation","Spline Contour Segmentation Tool":"Spline Contour Segmentation Tool","Sculptor Tool":"Sculptor Tool","Interpolate Contours":"Interpolate Contours","Marker Mode":"Marker Mode","Include":"Include","Exclude":"Exclude","Clear Markers":"Clear Markers","Radius (mm)":"Radius (mm)","Dynamic":"Dynamic","Range":"Range","Spline Type":"Spline Type","Catmull Rom Spline":"Catmull Rom Spline","Linear Spline":"Linear Spline","B-Spline":"B-Spline","Simplified Spline":"Simplified Spline","Dynamic Cursor Size":"Dynamic Cursor Size","No segmentations available":"No segmentations available","Threshold Tool":"Threshold Tool","Threshold Tools":"Threshold Tools","Select a 3D viewport to enable this tool":"Select a 3D viewport to enable this tool","Not available on the current viewport":"Not available on the current viewport","Select an MPR viewport to enable this tool":"Select an MPR viewport to enable this tool","Interpolate Labelmap":"Interpolate Labelmap","Segment Bidirectional":"Segment Bidirectional","Tool not available for this modality":"Tool not available for this modality","One Click Segment":"One Click Segment","Labelmap Assist":"Labelmap Assist","Marker Guided Labelmap":"Marker Guided Labelmap","Eraser":"Eraser","Shapes":"Shapes","Create new segmentation to enable shapes tool.":"Create new segmentation to enable shapes tool.","US Pleura B-line Annotation":"US Pleura B-line Annotation","Arrow Annotate Tool":"Arrow Annotate Tool"}')
 ;// CONCATENATED MODULE: ../../i18n/src/locales/en-US/CineDialog.json
@@ -109221,7 +109237,7 @@ var en_US_DatePicker_namespaceObject = JSON.parse('{"Clear dates":"Clear dates",
 ;// CONCATENATED MODULE: ../../i18n/src/locales/en-US/ErrorBoundary.json
 var en_US_ErrorBoundary_namespaceObject = JSON.parse('{"Context":"Context","Error Message":"Error Message","Something went wrong":"Something went wrong","in":"in","Sorry, something went wrong there. Try again.":"Sorry, something went wrong there. Try again.","Stack Trace":"Stack Trace"}')
 ;// CONCATENATED MODULE: ../../i18n/src/locales/en-US/Header.json
-var en_US_Header_namespaceObject = JSON.parse('{"About":"About","Back to Viewer":"Back to Viewer","INVESTIGATIONAL USE ONLY":"INVESTIGATIONAL USE ONLY","Options":"Options","Preferences":"Preferences","Study list":"Study list","Logout":"Logout"}')
+var en_US_Header_namespaceObject = JSON.parse('{"About":"About","Appearance":"Appearance","Back to Viewer":"Back to Viewer","INVESTIGATIONAL USE ONLY":"INVESTIGATIONAL USE ONLY","Options":"Options","Preferences":"Preferences","Study list":"Study list","Logout":"Logout"}')
 ;// CONCATENATED MODULE: ../../i18n/src/locales/en-US/HotkeysValidators.json
 var en_US_HotkeysValidators_namespaceObject = JSON.parse('{"Field can\'t be empty":"Field can\'t be empty","Hotkey is already in use":"\\"{{action}}\\" is already using the  \\"{{pressedKeys}}\\" shortcut.","It\'s not possible to define only modifier keys (ctrl, alt and shift) as a shortcut":"It\'s not possible to define only modifier keys (ctrl, alt and shift) as a shortcut","Shortcut combination is not allowed":"{{pressedKeys}} shortcut combination is not allowed"}')
 ;// CONCATENATED MODULE: ../../i18n/src/locales/en-US/MeasurementTable.json
@@ -109305,11 +109321,13 @@ var USAnnotationPanel_namespaceObject = JSON.parse('{"Workflow":"Workflow","Dept
 
 
 
+
 
 
 /* export default */ const en_US = ({
   'en-US': {
     AboutModal: en_US_AboutModal_namespaceObject,
+    AppearanceModal: AppearanceModal_namespaceObject,
     Buttons: en_US_Buttons_namespaceObject,
     CineDialog: en_US_CineDialog_namespaceObject,
     Common: en_US_Common_namespaceObject,
@@ -110299,7 +110317,7 @@ esm_i18next/* ["default"].currentLanguage */.A.currentLanguage = () => ({
 /* export default */ const src = (esm_i18next/* ["default"] */.A);
 
 },
-4849(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+39987(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
 "use strict";
 
 // EXPORTS
@@ -110309,7 +110327,9 @@ __webpack_require__.d(__webpack_exports__, {
   ub_: () => (/* reexport */ Accordion_AccordionContent),
   AsP: () => (/* reexport */ Accordion_AccordionItem),
   $m7: () => (/* reexport */ Accordion_AccordionTrigger),
+  lsJ: () => (/* reexport */ ActiveThemeProvider),
   se: () => (/* reexport */ components_AllInOneMenu),
+  KU0: () => (/* reexport */ AppearanceModal),
   $nd: () => (/* reexport */ Button_Button),
   uR7: () => (/* reexport */ COLUMN_IDS),
   ZpM: () => (/* reexport */ Card),
@@ -110428,7 +110448,9 @@ __webpack_require__.d(__webpack_exports__, {
   yFj: () => (/* reexport */ formatDICOMDate),
   L2C: () => (/* reexport */ formatDICOMTime),
   n6V: () => (/* reexport */ parseStudyDateTimestamp),
+  sSB: () => (/* reexport */ themePresets),
   oRP: () => (/* reexport */ dist_ue),
+  zUl: () => (/* reexport */ useActiveTheme),
   Pcq: () => (/* reexport */ useByteArray),
   tqw: () => (/* reexport */ useCine),
   n1D: () => (/* reexport */ useIconPresentation),
@@ -270316,10 +270338,42 @@ AboutModal.ProductBeta = ProductBeta;
 AboutModal.Body = AboutModal_Body;
 AboutModal.DetailItem = DetailItem;
 AboutModal.SocialItem = SocialItem;
+;// CONCATENATED MODULE: ../../ui-next/src/components/OHIFModals/AppearanceModal.tsx
+
+
+function AppearanceModal({
+  children,
+  className
+}) {
+  return /*#__PURE__*/react.createElement("div", {
+    className: utils_cn('flex max-h-[80vh] w-full max-w-md flex-col overflow-hidden', className)
+  }, children);
+}
+function AppearanceModal_Body({
+  children,
+  className
+}) {
+  return /*#__PURE__*/react.createElement("div", {
+    className: utils_cn('flex-1 overflow-y-auto', className)
+  }, /*#__PURE__*/react.createElement("div", {
+    className: "mt-1 mb-4 flex flex-col space-y-4"
+  }, children));
+}
+function SectionLabel({
+  children,
+  className
+}) {
+  return /*#__PURE__*/react.createElement("span", {
+    className: utils_cn('text-muted-foreground text-lg', className)
+  }, children);
+}
+AppearanceModal.Body = AppearanceModal_Body;
+AppearanceModal.SectionLabel = SectionLabel;
 ;// CONCATENATED MODULE: ../../ui-next/src/components/OHIFModals/index.ts
 
 
 
+
 ;// CONCATENATED MODULE: ../../ui-next/src/components/Modal/Modal.tsx
 
 
@@ -275636,6 +275690,200 @@ const IconPresentationProvider = ({
   }, children);
 };
 const useIconPresentation = () => (0,react.useContext)(IconSizeContext);
+;// CONCATENATED MODULE: ../../ui-next/src/themes/themes.css
+// extracted by css-extract-rspack-plugin
+
+;// CONCATENATED MODULE: ../../ui-next/src/themes/orchid.json
+var orchid_namespaceObject = JSON.parse('{"name":"orchid","label":"Tonal: Orchid","cssVars":{"dark":{"highlight":"292 75% 62%","neutral":"270 18% 55%","neutral-light":"275 35% 75%","neutral-dark":"268 20% 24%","background":"270 45% 6%","foreground":"280 15% 96%","card":"268 40% 10%","card-foreground":"280 15% 96%","popover":"264 48% 13%","popover-foreground":"280 15% 96%","primary":"270 85% 65%","primary-foreground":"0 0% 98%","secondary":"268 45% 32%","secondary-foreground":"275 45% 88%","muted":"268 40% 10%","muted-foreground":"272 30% 60%","accent":"268 50% 20%","accent-foreground":"280 15% 96%","destructive":"0 65% 40%","destructive-foreground":"0 0% 98%","border":"268 30% 18%","input":"268 40% 25%","ring":"270 80% 60%"}}}')
+;// CONCATENATED MODULE: ../../ui-next/src/themes/arctic.json
+var arctic_namespaceObject = JSON.parse('{"name":"arctic","label":"Tonal: Arctic","cssVars":{"dark":{"highlight":"173 81% 52%","neutral":"185 20% 55%","neutral-light":"180 40% 78%","neutral-dark":"190 18% 22%","background":"0 0% 0%","foreground":"180 10% 97%","card":"203 39% 9%","card-foreground":"180 10% 97%","popover":"202 54% 11%","popover-foreground":"180 10% 97%","primary":"175 85% 42%","primary-foreground":"185 50% 8%","secondary":"180 45% 28%","secondary-foreground":"175 50% 88%","muted":"203 39% 9%","muted-foreground":"185 30% 60%","accent":"185 55% 18%","accent-foreground":"180 10% 97%","destructive":"0 65% 35%","destructive-foreground":"0 0% 98%","border":"190 25% 17%","input":"223 40% 24%","ring":"175 85% 42%"}}}')
+;// CONCATENATED MODULE: ../../ui-next/src/themes/verdant.json
+var verdant_namespaceObject = JSON.parse('{"name":"verdant","label":"Tonal: Verdant","cssVars":{"dark":{"highlight":"152 79% 52%","neutral":"150 15% 52%","neutral-light":"145 30% 72%","neutral-dark":"155 18% 24%","background":"155 40% 5%","foreground":"140 15% 95%","card":"152 35% 9%","card-foreground":"140 15% 95%","popover":"167 65% 10%","popover-foreground":"140 15% 95%","primary":"152 75% 40%","primary-foreground":"155 50% 8%","secondary":"150 40% 26%","secondary-foreground":"145 40% 85%","muted":"152 35% 9%","muted-foreground":"148 25% 55%","accent":"150 45% 16%","accent-foreground":"140 15% 95%","destructive":"0 65% 38%","destructive-foreground":"0 0% 98%","border":"150 25% 16%","input":"150 35% 22%","ring":"152 75% 40%"}}}')
+;// CONCATENATED MODULE: ../../ui-next/src/themes/midnight.json
+var midnight_namespaceObject = JSON.parse('{"name":"midnight","label":"Neutral: Midnight","cssVars":{"dark":{"highlight":"188 90% 58%","neutral":"213 22% 59%","neutral-light":"214 69% 81%","neutral-dark":"214 16% 21%","background":"240 15% 3%","foreground":"0 0% 99%","card":"240 12% 8%","card-foreground":"0 0% 99%","popover":"225 45% 13%","popover-foreground":"0 0% 99%","primary":"210 100% 62%","primary-foreground":"0 0% 99%","secondary":"215 55% 32%","secondary-foreground":"200 60% 88%","muted":"240 12% 8%","muted-foreground":"210 40% 70%","accent":"220 65% 20%","accent-foreground":"0 0% 99%","destructive":"0 70% 35%","destructive-foreground":"0 0% 99%","border":"240 10% 18%","input":"225 35% 24%","ring":"210 100% 62%"}}}')
+;// CONCATENATED MODULE: ../../ui-next/src/themes/slate.json
+var slate_namespaceObject = JSON.parse('{"name":"slate","label":"Neutral: Slate","cssVars":{"dark":{"highlight":"217 97% 52%","neutral":"0 0% 55%","neutral-light":"0 0% 75%","neutral-dark":"0 0% 25%","background":"0 0% 0%","foreground":"0 0% 96%","card":"0 0% 7%","card-foreground":"0 0% 96%","popover":"0 0% 9%","popover-foreground":"0 0% 96%","primary":"230 75% 55%","primary-foreground":"0 0% 98%","secondary":"0 0% 25%","secondary-foreground":"0 0% 85%","muted":"0 0% 7%","muted-foreground":"0 0% 60%","accent":"0 0% 18%","accent-foreground":"0 0% 96%","destructive":"0 65% 40%","destructive-foreground":"0 0% 98%","border":"0 0% 18%","input":"0 0% 22%","ring":"215 75% 55%"}}}')
+;// CONCATENATED MODULE: ../../ui-next/src/themes/deep.json
+var deep_namespaceObject = JSON.parse('{"name":"deep","label":"Neutral: Deep","cssVars":{"dark":{"highlight":"184 53% 54%","neutral":"215 15% 50%","neutral-light":"210 20% 68%","neutral-dark":"220 18% 22%","background":"0 0% 0%","foreground":"215 15% 82%","card":"218 25% 5%","card-foreground":"215 15% 82%","popover":"215 30% 8%","popover-foreground":"215 15% 82%","primary":"200 43% 48%","primary-foreground":"210 20% 92%","secondary":"218 30% 18%","secondary-foreground":"215 25% 75%","muted":"214 28% 5%","muted-foreground":"215 18% 48%","accent":"216 32% 12%","accent-foreground":"215 15% 82%","destructive":"0 50% 35%","destructive-foreground":"0 15% 90%","border":"218 22% 10%","input":"216 28% 15%","ring":"215 45% 42%"}}}')
+;// CONCATENATED MODULE: ../../ui-next/src/themes/index.ts
+
+
+
+
+
+
+const themePresets = [orchid_namespaceObject, arctic_namespaceObject, verdant_namespaceObject, midnight_namespaceObject, slate_namespaceObject, deep_namespaceObject];
+;// CONCATENATED MODULE: ../../ui-next/src/contextProviders/ActiveThemeProvider.tsx
+
+
+
+const STORAGE_KEY_THEME = 'ohif:theme';
+const STORAGE_KEY_CUSTOM_CSS = 'ohif:custom-theme-css';
+const CUSTOM_STYLE_ID = 'ohif-custom-theme';
+const VALID_THEMES = new Set(['default', 'custom', ...themePresets.map(p => p.name)]);
+// 'custom' is deliberately not URL-addressable: the CSS behind it lives only in
+// the visitor's own localStorage, so a ?theme=custom link cannot reproduce a look
+// and would only strand the app in a custom state with no CSS behind it.
+function isValidUrlTheme(theme) {
+  return !!theme && theme !== 'custom' && VALID_THEMES.has(theme);
+}
+const ActiveThemeContext = /*#__PURE__*/react.createContext(undefined);
+function removeThemeClasses() {
+  const classList = document.body.classList;
+  const toRemove = [];
+  classList.forEach(cls => {
+    if (cls.startsWith('theme-')) {
+      toRemove.push(cls);
+    }
+  });
+  toRemove.forEach(cls => classList.remove(cls));
+}
+function removeCustomStyleElement() {
+  const style = document.getElementById(CUSTOM_STYLE_ID);
+  if (style) {
+    style.remove();
+  }
+}
+function parseCssVars(cssText) {
+  const vars = [];
+
+  // Remove comment spans entirely (text included), then any unterminated tail,
+  // so comment contents never bleed into a variable value.
+  const stripped = cssText.replace(/\/\*[\s\S]*?\*\//g, '').replace(/\/\*[\s\S]*$/, '');
+
+  // Split on newlines AND semicolons so single-line/minified CSS parses too.
+  for (const raw of stripped.split(/[\n;]/)) {
+    let line = raw.trim();
+
+    // Tolerate a selector prefix on the same segment, e.g. ":root {" or ".dark{".
+    const braceIdx = line.lastIndexOf('{');
+    if (braceIdx !== -1) {
+      line = line.slice(braceIdx + 1).trim();
+    }
+    const colonIdx = line.indexOf(':');
+    if (colonIdx === -1) continue;
+    const name = line.slice(0, colonIdx).trim();
+    if (!/^--[a-zA-Z0-9-]+$/.test(name)) continue;
+    const value = line.slice(colonIdx + 1).replace(/[{}]/g, '').trim();
+    if (!value) continue;
+
+    // Token values are plain HSL triplets — parentheses are never legitimate,
+    // and rejecting them keeps url(...) out of the injected stylesheet even if
+    // a future rule ever consumes a token outside hsl().
+    if (value.includes('(') || value.includes(')')) continue;
+    vars.push(`  ${name}: ${value};`);
+  }
+  return vars;
+}
+function injectCustomStyles(vars) {
+  const block = vars.join('\n');
+  const css = `:root {\n${block}\n}\n.dark {\n${block}\n}`;
+  let style = document.getElementById(CUSTOM_STYLE_ID);
+  if (!style) {
+    style = document.createElement('style');
+    style.id = CUSTOM_STYLE_ID;
+    document.head.appendChild(style);
+  }
+  style.textContent = css;
+}
+function ActiveThemeProvider({
+  children
+}) {
+  const [activeTheme, setActiveThemeState] = react.useState(() => {
+    if (typeof window === 'undefined') return 'default';
+    const urlTheme = new URLSearchParams(window.location.search).get('theme');
+    if (isValidUrlTheme(urlTheme)) return urlTheme;
+
+    // Validate the stored value the same way the URL param is validated — a stale
+    // key (renamed preset, older build) must not become a theme-* body class.
+    const stored = localStorage.getItem(STORAGE_KEY_THEME);
+    if (!stored || !VALID_THEMES.has(stored)) return 'default';
+    if (stored === 'custom' && !localStorage.getItem(STORAGE_KEY_CUSTOM_CSS)) return 'default';
+    return stored;
+  });
+  const [customCss, setCustomCssState] = react.useState(() => {
+    if (typeof window === 'undefined') return '';
+    return localStorage.getItem(STORAGE_KEY_CUSTOM_CSS) || '';
+  });
+  const setActiveTheme = react.useCallback(theme => {
+    if (!VALID_THEMES.has(theme)) return;
+    setActiveThemeState(theme);
+    removeThemeClasses();
+    if (theme !== 'default' && theme !== 'custom') {
+      document.body.classList.add(`theme-${theme}`);
+    }
+    if (theme !== 'custom') {
+      removeCustomStyleElement();
+    }
+    if (theme === 'default') {
+      localStorage.removeItem(STORAGE_KEY_THEME);
+    } else {
+      localStorage.setItem(STORAGE_KEY_THEME, theme);
+    }
+  }, []);
+  const applyCustomTheme = react.useCallback(cssText => {
+    const vars = parseCssVars(cssText);
+    if (vars.length === 0) return false;
+    injectCustomStyles(vars);
+    setCustomCssState(cssText);
+    localStorage.setItem(STORAGE_KEY_CUSTOM_CSS, cssText);
+    setActiveThemeState('custom');
+    removeThemeClasses();
+    localStorage.setItem(STORAGE_KEY_THEME, 'custom');
+    return true;
+  }, []);
+  const clearCustomTheme = react.useCallback(() => {
+    removeCustomStyleElement();
+    setCustomCssState('');
+    localStorage.removeItem(STORAGE_KEY_CUSTOM_CSS);
+    setActiveThemeState('default');
+    removeThemeClasses();
+    localStorage.removeItem(STORAGE_KEY_THEME);
+  }, []);
+
+  // Persist URL param override to localStorage
+  react.useEffect(() => {
+    const urlTheme = new URLSearchParams(window.location.search).get('theme');
+    if (isValidUrlTheme(urlTheme)) {
+      if (urlTheme === 'default') {
+        localStorage.removeItem(STORAGE_KEY_THEME);
+      } else {
+        localStorage.setItem(STORAGE_KEY_THEME, urlTheme);
+      }
+    }
+  }, []);
+
+  // Apply initial theme on mount (including custom theme re-injection on reload)
+  react.useEffect(() => {
+    if (activeTheme === 'custom' && customCss) {
+      applyCustomTheme(customCss);
+    } else if (activeTheme !== 'default') {
+      document.body.classList.add(`theme-${activeTheme}`);
+    }
+    return () => {
+      removeThemeClasses();
+      removeCustomStyleElement();
+    };
+  }, []); // eslint-disable-line react-hooks/exhaustive-deps
+
+  const value = react.useMemo(() => ({
+    activeTheme,
+    setActiveTheme,
+    customCss,
+    applyCustomTheme,
+    clearCustomTheme
+  }), [activeTheme, setActiveTheme, customCss, applyCustomTheme, clearCustomTheme]);
+  return /*#__PURE__*/react.createElement(ActiveThemeContext.Provider, {
+    value: value
+  }, children);
+}
+function useActiveTheme() {
+  const context = react.useContext(ActiveThemeContext);
+  if (context === undefined) {
+    throw new Error('useActiveTheme must be used within an ActiveThemeProvider');
+  }
+  return context;
+}
 ;// CONCATENATED MODULE: ../../ui-next/src/contextProviders/index.ts
 
 
@@ -275656,6 +275904,8 @@ const useIconPresentation = () => (0,react.useContext)(IconSizeContext);
 
 
 
+
+
 
 
 
@@ -292271,8 +292521,8 @@ Typography.propTypes = {
 ;// CONCATENATED MODULE: ../../ui/src/components/Typography/index.js
 
 /* export default */ const components_Typography = (Typography_Typography);
-// EXTERNAL MODULE: ../../ui-next/src/index.ts + 3672 modules
-var src = __webpack_require__(4849);
+// EXTERNAL MODULE: ../../ui-next/src/index.ts + 3682 modules
+var src = __webpack_require__(39987);
 ;// CONCATENATED MODULE: ../../ui/src/components/EmptyStudies/EmptyStudies.tsx
 
 
@@ -441862,7 +442112,7 @@ __webpack_require__.u = (chunkId) => {
   // return url for filenames not based on template
   
   // return url for filenames based on template
-  return "" + ({1644: "interpolation",6915: "histogram-worker",8547: "compute",8781: "polySeg",}[chunkId] || chunkId) + ".bundle." + {100: "56df37048f18e8d6",115: "919ea3debae7de2f",1180: "2d084ec1b1aac6e9",1206: "b33445313bf69d18",1229: "f721ec472f3d61bf",1602: "5abf7d4e0dd3642d",1644: "9aea6a9ef4bd1f89",2195: "3045b375883a2e79",2666: "ad52c2a7dee5d2e1",2779: "79cd776285d6beb2",3500: "d335f7029fa62beb",3760: "21030c7f7d799dfe",379: "cacf70fcef530540",3856: "285a42d08540a74a",414: "b876112aa5b17ba6",4456: "2c6f4bb6de866b88",4556: "014a9ed62e01a08b",4683: "edef5d40d333ba9d",4834: "63009b7524d93dd3",5189: "55049ff3ee39ea66",5406: "4dcfa7c697973300",5448: "541ef1e88921f80c",5696: "e6dee5c933cf2d83",5708: "8e2f521ddeced690",5731: "a4e001a42e60e779",5910: "b9f4a4f1b60212be",5989: "6a8c5b7de30385c8",6001: "0e5a3fa0050f84ce",6577: "f614df8efd7562f4",6650: "29f772517a82ee09",6915: "11211bad02ea21bb",7231: "d915ae1cec94a9eb",7248: "9a36a0a365fc8222",7295: "743b3f030f71fcf2",7463: "c91424236bf63ca0",7847: "dcd1f26a407a8ed1",8423: "14bde19a189c2798",8432: "6df9d7dee19b3e77",8547: "11dbfc2d25ce8e89",8568: "73ae0a60200a13e0",8781: "485090724c5da16c",8832: "b2a8fd246769659c",899: "d0a255f4e353338f",9068: "30eec013c80cd484",9116: "4b256eb78332fe66",9290: "c6819531baa18703",9415: "9ff85569bf94fcd5",9437: "e40c0a63e67c24d7",}[chunkId] + ".js"
+  return "" + ({1644: "interpolation",6915: "histogram-worker",8547: "compute",8781: "polySeg",}[chunkId] || chunkId) + ".bundle." + {100: "e4a99d657ea0f5c5",115: "919ea3debae7de2f",1180: "9c2fb20ea8fd0a02",1206: "79ed23079c78f18d",1229: "f721ec472f3d61bf",1602: "b94123841d0be28c",1644: "9aea6a9ef4bd1f89",2195: "3045b375883a2e79",2666: "0d382ec9ac6a66e4",2779: "75035bef73785648",3500: "028ff02de8479e1f",3760: "d418d6de1fdf8ba1",379: "cacf70fcef530540",3856: "285a42d08540a74a",414: "173a6d43876f37df",4456: "2c6f4bb6de866b88",4556: "c26b805e6342df5a",4683: "dd3c4e497c45c79d",4834: "984efd9f19bd83a9",5189: "ef9d707c4c3f31aa",5406: "4dcfa7c697973300",5448: "8cda5b8e4baea275",5696: "7a0b7139a57852e8",5708: "cd752df2477f08e7",5731: "a4e001a42e60e779",5910: "c1199bd45e450735",5989: "6a8c5b7de30385c8",6001: "6a9b30e2c5049393",6577: "f614df8efd7562f4",6650: "29f772517a82ee09",6915: "11211bad02ea21bb",7231: "e80ae4c82e76f9aa",7248: "3c863bbe9838c22d",7295: "3e5952995b3991d8",7463: "c91424236bf63ca0",8423: "44870962c74d2272",8432: "6df9d7dee19b3e77",8547: "11dbfc2d25ce8e89",8568: "73ae0a60200a13e0",8781: "485090724c5da16c",8832: "80bef8516a5463fe",899: "6f855ae8df39327e",9068: "29adebcfccb4bc8e",9116: "1619bafaca4952a1",9290: "99e766acc8f04788",9358: "1b85858cf5d8b064",9415: "65b1f625994dcdeb",9437: "143bb2e03b76d043",}[chunkId] + ".js"
 }
 })();
 // webpack/runtime/get mini-css chunk filename
@@ -442222,7 +442472,7 @@ chunkLoadingGlobal.push = __rspack_jsonp.bind(null, chunkLoadingGlobal.push.bind
 })();
 // webpack/runtime/chunk_prefetch_trigger
 (() => {
-var chunkToChildrenMap = {"3833":[7231],"3760":[7231,9068,1206],"976":[7231,9068],"5708":[7231,899],"9415":[7231,5448],"1602":[7231],"9116":[7463],"100":[115],"7295":[7231],"8423":[7231],"3500":[8432,6650,7847,414,5910],"5910":[7231]};
+var chunkToChildrenMap = {"3833":[7231],"3760":[7231,9068,1206],"976":[7231,9068],"5708":[7231,899],"9415":[7231,5448],"1602":[7231],"9116":[7463],"100":[115],"7295":[7231],"8423":[7231],"3500":[8432,6650,9358,414,5910],"5910":[7231]};
 __webpack_require__.f.prefetch = (chunkId, promises) => {
   Promise.all(promises).then(() => {
     var chunks = chunkToChildrenMap[chunkId];