@ohif/app 3.12.0-beta.99 → 3.12.1

package/dist/{9195.bundle.e2fd5c6b5830c0ee25a8.js → 2851.bundle.70227d013c1937e846be.js}

@@ -1,14 +1,14 @@
 "use strict";
-(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[9195],{
+(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[2851],{
 
-/***/ 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)
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(86326);
-/* harmony import */ var _ohif_ui_next__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1246);
+/* harmony import */ var _ohif_ui_next__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(12517);
 /* harmony import */ var _ohif_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(42356);
 function _extends() { return _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; }, _extends.apply(null, arguments); }
 
@@ -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
@@ -123,8 +123,8 @@ __webpack_require__.d(__webpack_exports__, {
 
 // EXTERNAL MODULE: ../../../node_modules/react/index.js
 var react = __webpack_require__(86326);
-// EXTERNAL MODULE: ../../ui-next/src/index.ts + 3073 modules
-var src = __webpack_require__(1246);
+// EXTERNAL MODULE: ../../ui-next/src/index.ts + 3075 modules
+var src = __webpack_require__(12517);
 // EXTERNAL MODULE: ../../core/src/index.ts + 69 modules
 var core_src = __webpack_require__(42356);
 // EXTERNAL MODULE: ../../../node_modules/react-router-dom/dist/index.js
@@ -613,16 +613,16 @@ 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)
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(86326);
-/* harmony import */ var _ohif_ui_next__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1246);
+/* harmony import */ var _ohif_ui_next__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(12517);
 
 
 
@@ -665,10 +665,10 @@ function PanelStudyBrowserHeader({
 }
 
 
-/***/ }),
+/***/ },
 
-/***/ 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 +747,41 @@ function Toolbar({
   }));
 }
 
-/***/ }),
+/***/ },
 
-/***/ 39195:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+/***/ 62851
+(__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
@@ -2739,12 +2714,97 @@ function retrieveBulkData(value, options = {}) {
 
 // EXTERNAL MODULE: ../../../node_modules/query-string/index.js
 var query_string = __webpack_require__(98985);
+;// ../../../extensions/default/src/utils/secureConfigFetch.js
+// @ts-nocheck
+
+function normalizeAllowedOrigins(allowedOrigins = []) {
+  if (!Array.isArray(allowedOrigins)) {
+    return [];
+  }
+  const configuredOrigins = allowedOrigins.filter(origin => typeof origin === 'string').map(origin => origin.trim()).filter(Boolean);
+  return configuredOrigins.map(origin => {
+    try {
+      const parsedOrigin = new URL(origin);
+      if (!['http:', 'https:'].includes(parsedOrigin.protocol)) {
+        console.error(`[secureConfigFetch] Ignoring misconfigured allowed origin "${origin}". ` + 'Entries must use http:// or https://.');
+        return null;
+      }
+      if (parsedOrigin.username || parsedOrigin.password || parsedOrigin.pathname !== '/' || parsedOrigin.search || parsedOrigin.hash) {
+        console.error(`[secureConfigFetch] Ignoring misconfigured allowed origin "${origin}". ` + 'Entries must be bare origins only (scheme + host + optional port), with no username/password, path, query, or hash.');
+        return null;
+      }
+      return parsedOrigin.origin;
+    } catch {
+      console.error(`[secureConfigFetch] Ignoring misconfigured allowed origin "${origin}". Entry is not a valid URL.`);
+      return null;
+    }
+  }).filter(Boolean);
+}
+function resolveConfigUrl(rawUrl) {
+  if (!rawUrl || typeof rawUrl !== 'string') {
+    throw new Error('Missing required "url" query parameter');
+  }
+  try {
+    return new URL(rawUrl, window.location.href);
+  } catch {
+    throw new Error('Invalid URL in "url" query parameter');
+  }
+}
+function resolveConfigFetchPolicy(rawUrl, policy = {}) {
+  const {
+    allowedOrigins = [],
+    userAuthenticationService
+  } = policy;
+  const parsedUrl = resolveConfigUrl(rawUrl);
+  const protocol = parsedUrl.protocol.toLowerCase();
+  const isSameOrigin = parsedUrl.origin === window.location.origin;
+  if (!['http:', 'https:'].includes(protocol)) {
+    throw new Error('Only HTTP(S) URLs are allowed for dynamic datasource configuration');
+  }
+  if (parsedUrl.hash) {
+    throw new Error('URL fragments are not allowed for dynamic datasource configuration');
+  }
+  if (parsedUrl.username || parsedUrl.password) {
+    throw new Error('URL userinfo is not allowed for dynamic datasource configuration');
+  }
+  const isAuthenticated = Boolean(userAuthenticationService?.getAuthorizationHeader?.()?.Authorization);
+  if (isAuthenticated && !isSameOrigin) {
+    const normalizedAllowedOrigins = normalizeAllowedOrigins(allowedOrigins);
+    if (!normalizedAllowedOrigins.length || !normalizedAllowedOrigins.includes(parsedUrl.origin)) {
+      throw new Error(`Blocked remote configuration origin "${parsedUrl.origin}" in authenticated environment`);
+    }
+  }
+  return {
+    parsedUrl,
+    normalizedUrl: parsedUrl.toString(),
+    isAuthenticated,
+    isSameOrigin
+  };
+}
+async function fetchConfigJson(normalizedPolicy) {
+  const {
+    normalizedUrl
+  } = normalizedPolicy;
+  const response = await fetch(normalizedUrl, {
+    method: 'GET',
+    mode: 'cors',
+    credentials: 'same-origin',
+    redirect: 'error',
+    referrerPolicy: 'no-referrer'
+  });
+  if (!response.ok) {
+    throw new Error(`Failed to fetch dynamic datasource configuration (${response.status})`);
+  }
+  return response.json();
+}
+
 ;// ../../../extensions/default/src/DicomJSONDataSource/index.js
 
 
 
 
 
+
 const DicomJSONDataSource_metadataProvider = src/* default.classes */.Ay.classes.MetadataProvider;
 const mappings = {
   studyInstanceUid: 'StudyInstanceUID',
@@ -2791,7 +2851,10 @@ const findStudies = (key, value) => {
   });
   return studies;
 };
-function createDicomJSONApi(dicomJsonConfig) {
+function createDicomJSONApi(dicomJsonConfig, servicesManager) {
+  const {
+    userAuthenticationService
+  } = servicesManager.services;
   const implementation = {
     initialize: async ({
       query,
@@ -2800,7 +2863,11 @@ function createDicomJSONApi(dicomJsonConfig) {
       if (!url) {
         url = query.get('url');
       }
-      let metaData = getMetaDataByURL(url);
+      const evaluatedUrl = resolveConfigFetchPolicy(url, {
+        allowedOrigins: dicomJsonConfig.dangerouslyAllowedOriginsForAuthenticatedEnvironments,
+        userAuthenticationService
+      });
+      let metaData = getMetaDataByURL(evaluatedUrl.normalizedUrl);
 
       // if we have already cached the data from this specific url
       // We are only handling one StudyInstanceUID to run; however,
@@ -2810,8 +2877,7 @@ function createDicomJSONApi(dicomJsonConfig) {
           return aStudy.StudyInstanceUID;
         });
       }
-      const response = await fetch(url);
-      const data = await response.json();
+      const data = await fetchConfigJson(evaluatedUrl);
       let StudyInstanceUID;
       let SeriesInstanceUID;
       data.studies.forEach(study => {
@@ -2841,10 +2907,10 @@ function createDicomJSONApi(dicomJsonConfig) {
         });
       });
       _store.urls.push({
-        url,
+        url: evaluatedUrl.normalizedUrl,
         studies: [...data.studies]
       });
-      _store.studyInstanceUIDMap.set(url, data.studies.map(study => study.StudyInstanceUID));
+      _store.studyInstanceUIDMap.set(evaluatedUrl.normalizedUrl, data.studies.map(study => study.StudyInstanceUID));
     },
     query: {
       studies: {
@@ -2979,6 +3045,8 @@ function createDicomJSONApi(dicomJsonConfig) {
         console.warn(' DICOMJson store dicom not implemented');
       }
     },
+    reject: {},
+    deleteStudyMetadataPromise: () => {},
     getImageIdsForDisplaySet(displaySet) {
       const images = displaySet.images;
       const imageIds = [];
@@ -3037,8 +3105,20 @@ function createDicomJSONApi(dicomJsonConfig) {
       query
     }) => {
       const url = query.get('url');
-      return _store.studyInstanceUIDMap.get(url);
-    }
+      if (!url) {
+        return;
+      }
+      try {
+        const evaluatedUrl = resolveConfigFetchPolicy(url, {
+          allowedOrigins: dicomJsonConfig.dangerouslyAllowedOriginsForAuthenticatedEnvironments,
+          userAuthenticationService
+        });
+        return _store.studyInstanceUIDMap.get(evaluatedUrl.normalizedUrl);
+      } catch {
+        return;
+      }
+    },
+    getConfig: () => dicomJsonConfig
   };
   return src/* IWebApiDataSource */.pt.create(implementation);
 }
@@ -3307,6 +3387,7 @@ function createDicomLocalApi(dicomLocalConfig) {
 
 
 
+
 /**
  * This datasource is initialized with a url that returns a JSON object with a
  * dicomWeb datasource configuration array present in a "servers" object.
@@ -3319,6 +3400,9 @@ function createDicomWebProxyApi(dicomWebProxyConfig, servicesManager) {
   const {
     name
   } = dicomWebProxyConfig;
+  const {
+    userAuthenticationService
+  } = servicesManager.services;
   let dicomWebDelegate = undefined;
   const implementation = {
     initialize: async ({
@@ -3329,8 +3413,11 @@ function createDicomWebProxyApi(dicomWebProxyConfig, servicesManager) {
       if (!url) {
         throw new Error(`No url for '${name}'`);
       } else {
-        const response = await fetch(url);
-        const data = await response.json();
+        const evaluatedUrl = resolveConfigFetchPolicy(url, {
+          allowedOrigins: dicomWebProxyConfig.dangerouslyAllowedOriginsForAuthenticatedEnvironments,
+          userAuthenticationService
+        });
+        const data = await fetchConfigJson(evaluatedUrl);
         if (!data.servers?.dicomWeb?.[0]) {
           throw new Error('Invalid configuration returned by url');
         }
@@ -3361,9 +3448,15 @@ function createDicomWebProxyApi(dicomWebProxyConfig, servicesManager) {
     store: {
       dicom: (...args) => dicomWebDelegate.store.dicom(...args)
     },
-    deleteStudyMetadataPromise: (...args) => dicomWebDelegate.deleteStudyMetadataPromise(...args),
-    getImageIdsForDisplaySet: (...args) => dicomWebDelegate.getImageIdsForDisplaySet(...args),
-    getImageIdsForInstance: (...args) => dicomWebDelegate.getImageIdsForInstance(...args),
+    reject: {
+      series: (...args) => dicomWebDelegate?.reject?.series?.(...args)
+    },
+    deleteStudyMetadataPromise: (...args) => dicomWebDelegate?.deleteStudyMetadataPromise?.(...args),
+    getImageIdsForDisplaySet: (...args) => dicomWebDelegate?.getImageIdsForDisplaySet?.(...args),
+    getImageIdsForInstance: (...args) => dicomWebDelegate?.getImageIdsForInstance?.(...args),
+    getConfig: (...args) => dicomWebDelegate?.getConfig?.(...args) ?? {
+      dicomUploadEnabled: false
+    },
     getStudyInstanceUIDs({
       params,
       query
@@ -3701,8 +3794,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: ../../ui-next/src/index.ts + 3073 modules
-var ui_next_src = __webpack_require__(1246);
+// EXTERNAL MODULE: ../../ui-next/src/index.ts + 3075 modules
+var ui_next_src = __webpack_require__(12517);
 // EXTERNAL MODULE: ./state/index.js + 1 modules
 var state = __webpack_require__(45981);
 // EXTERNAL MODULE: ../../../node_modules/react-router-dom/dist/index.js
@@ -4775,8 +4868,8 @@ function getPanelModule({
   }];
 }
 /* harmony default export */ const src_getPanelModule = (getPanelModule);
-// EXTERNAL MODULE: ../../i18n/src/index.js + 210 modules
-var i18n_src = __webpack_require__(68523);
+// EXTERNAL MODULE: ../../i18n/src/index.js + 286 modules
+var i18n_src = __webpack_require__(89010);
 ;// ../../../extensions/default/package.json
 const package_namespaceObject = /*#__PURE__*/JSON.parse('{"UU":"@ohif/extension-default"}');
 ;// ../../../extensions/default/src/id.js
@@ -4939,6 +5032,9 @@ function areAllImageSpacingEqual(instances, messages) {
     return;
   }
   const lastIpp = (0,utils_toNumber/* default */.A)(instances[instances.length - 1].ImagePositionPatient);
+  if (!lastIpp) {
+    return;
+  }
   const averageSpacingBetweenFrames = (0,isDisplaySetReconstructable/* _getPerpendicularDistance */.jj)(firstImagePositionPatient, lastIpp) / (instances.length - 1);
   let previousImagePositionPatient = firstImagePositionPatient;
   const issuesFound = [];
@@ -5168,6 +5264,8 @@ const chartHandler = {
   }
 };
 
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 1 modules
+var dist_esm = __webpack_require__(15327);
 ;// ../../../extensions/default/src/getSopClassHandlerModule.js
 
 
@@ -5175,6 +5273,7 @@ const chartHandler = {
 
 
 
+
 const {
   isImage,
   sortStudyInstances,
@@ -5221,10 +5320,15 @@ function getDisplaySetInfo(instances) {
   if (isDynamicVolume) {
     const timePoint = timePoints[0];
     const instancesMap = new Map();
-
-    // O(n) to convert it into a map and O(1) to find each instance
-    instances.forEach(instance => instancesMap.set(instance.imageId, instance));
-    const firstTimePointInstances = timePoint.map(imageId => instancesMap.get(imageId));
+    let firstTimePointInstances;
+    if (instances[0].NumberOfFrames > 1 && timePoints.length > 1) {
+      // handle multiframe dynamic volume
+      firstTimePointInstances = timePoints[0].map(imageId => dist_esm.metaData.get('instance', imageId));
+    } else {
+      // O(n) to convert it into a map and O(1) to find each instance
+      instances.forEach(instance => instancesMap.set(instance.imageId, instance));
+      firstTimePointInstances = timePoint.map(imageId => instancesMap.get(imageId));
+    }
     displaySetInfo = getSopClassHandlerModule_isDisplaySetReconstructable(firstTimePointInstances, appConfig);
   } else {
     displaySetInfo = getSopClassHandlerModule_isDisplaySetReconstructable(instances, appConfig);
@@ -5836,6 +5940,7 @@ function ToolButtonWrapper(props) {
 }
 
 ;// ../../../extensions/default/src/Toolbar/ToolbarDivider.tsx
+/* unused harmony import specifier */ var React;
 
 function ToolbarDivider() {
   return /*#__PURE__*/React.createElement("span", {
@@ -6077,7 +6182,7 @@ function adaptItem(item, subProps) {
   return newItem;
 }
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/index.js
-var dist_esm = __webpack_require__(4667);
+var tools_dist_esm = __webpack_require__(4667);
 ;// ../../../extensions/default/src/CustomizableContextMenu/ContextMenuController.tsx
 var _ContextMenuController;
 
@@ -6131,7 +6236,7 @@ class ContextMenuController {
     const {
       locking,
       visibility
-    } = dist_esm.annotation;
+    } = tools_dist_esm.annotation;
     const targetAnnotationId = selectorProps?.nearbyToolData?.annotationUID;
     if (targetAnnotationId) {
       const isLocked = locking.isAnnotationLocked(targetAnnotationId);
@@ -6795,6 +6900,9 @@ function getSortedTags(metadata) {
 function getRows(metadata, depth = 0) {
   // Tag, Type, Value, Keyword
 
+  if (!metadata) {
+    return [];
+  }
   const keywords = Object.keys(metadata);
   const rows = [];
   for (let i = 0; i < keywords.length; i++) {
@@ -8777,6 +8885,7 @@ const hpMN8 = {
 };
 /* harmony default export */ const hpMNGrid = ((/* unused pure expression or super */ null && (hpMN)));
 ;// ../../../extensions/default/src/hangingprotocols/hpCompare.ts
+
 const defaultDisplaySetSelector = {
   studyMatchingRules: [{
     // The priorInstance is a study counter that indicates what position this study is in
@@ -8879,8 +8988,8 @@ const priorViewport1 = {
  */
 const hpMNCompare = {
   id: '@ohif/hpCompare',
-  description: 'Compare two studies in various layouts',
-  name: 'Compare Two Studies',
+  description: i18next/* default */.A.t('Hps:Compare two studies in various layouts'),
+  name: i18next/* default */.A.t('Hps:Compare Two Studies'),
   numberOfPriorsReferenced: 1,
   protocolMatchingRules: [{
     id: 'Two Studies',
@@ -9123,6 +9232,7 @@ const LMLOPrior = {
 
 ;// ../../../extensions/default/src/hangingprotocols/hpMammo.ts
 
+
 const rightDisplayArea = {
   storeAsInitialCamera: true,
   imageArea: [0.8, 0.8],
@@ -9142,7 +9252,7 @@ const leftDisplayArea = {
 const hpMammography = {
   id: '@ohif/hpMammo',
   hasUpdatedPriorsInformation: false,
-  name: 'Mammography Breast Screening',
+  name: i18next/* default */.A.t('Hps:Mammography Breast Screening'),
   protocolMatchingRules: [{
     id: 'Mammography',
     weight: 150,
@@ -9880,7 +9990,6 @@ const {
 
 
 
-
 function ItemListComponent({
   itemLabel,
   itemList,
@@ -9902,36 +10011,42 @@ function ItemListComponent({
   }, /*#__PURE__*/react.createElement("div", {
     className: "flex items-center justify-between"
   }, /*#__PURE__*/react.createElement("div", {
-    className: "text-primary-light text-[20px]"
-  }, t(`Select ${itemLabel}`)), /*#__PURE__*/react.createElement(ui_src/* InputFilterText */.Cv, {
+    className: "text-highlight text-xl"
+  }, t(`Select ${itemLabel}`)), /*#__PURE__*/react.createElement(ui_next_src/* InputFilter */.zbB, {
     className: "max-w-[40%] grow",
-    value: filterValue,
-    onDebounceChange: setFilterValue,
-    placeholder: t(`Search ${itemLabel} list`)
-  })), /*#__PURE__*/react.createElement("div", {
+    onChange: setFilterValue
+  }, /*#__PURE__*/react.createElement(ui_next_src/* InputFilter */.zbB.SearchIcon, null), /*#__PURE__*/react.createElement(ui_next_src/* InputFilter */.zbB.Input, {
+    placeholder: t(`Search ${itemLabel} list`),
+    className: "pl-8 pr-9"
+  }), /*#__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]"
   }, itemList == null ? /*#__PURE__*/react.createElement(LoadingIndicatorProgress, {
     className: 'h-full w-full'
   }) : itemList.length === 0 ? /*#__PURE__*/react.createElement("div", {
-    className: "text-primary-light flex h-full flex-col items-center justify-center px-6 py-4"
+    className: "text-highlight flex h-full flex-col items-center justify-center px-6 py-4"
   }, /*#__PURE__*/react.createElement(ui_next_src/* Icons */.FI1.ToolMagnify, {
     className: "mb-4"
   }), /*#__PURE__*/react.createElement("span", null, t(`No ${itemLabel} available`))) : /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement("div", {
-    className: "bg-secondary-dark px-3 py-1.5 text-white"
+    className: "bg-popover text-foreground px-3 py-1.5"
   }, t(itemLabel)), /*#__PURE__*/react.createElement("div", {
     className: "ohif-scrollbar overflow-auto"
   }, itemList.filter(item => !filterValue || item.name.toLowerCase().includes(filterValue.toLowerCase())).map(item => {
-    const border = 'rounded border-transparent border-b-secondary-light border-[1px] hover:border-primary-light';
+    const border = 'rounded border-transparent border-b-input border-[1px]';
     return /*#__PURE__*/react.createElement("div", {
-      className: classnames_default()('hover:text-primary-light hover:bg-primary-dark group mx-2 flex items-center justify-between px-6 py-2', border),
+      className: classnames_default()('hover:text-highlight hover:bg-muted group mx-2 flex items-center justify-between px-6 py-2', border),
       key: item.id
-    }, /*#__PURE__*/react.createElement("div", null, item.name), /*#__PURE__*/react.createElement(ui_src/* Button */.$n, {
+    }, /*#__PURE__*/react.createElement("div", {
+      className: "text-muted-foreground"
+    }, item.name), /*#__PURE__*/react.createElement(ui_next_src/* Button */.$nd, {
       onClick: () => onItemClicked(item),
       className: "invisible group-hover:visible",
-      endIcon: /*#__PURE__*/react.createElement(ui_next_src/* Icons */.FI1.ByName, {
-        name: "arrow-left"
-      })
-    }, t('Select')));
+      variant: "default",
+      size: "sm"
+    }, t('Select'), /*#__PURE__*/react.createElement(ui_next_src/* Icons */.FI1.ChevronRight, {
+      className: "ml-2 h-3 w-3"
+    })));
   })))));
 }
 /* harmony default export */ const Components_ItemListComponent = (ItemListComponent);
@@ -10076,11 +10191,7 @@ function DataSourceConfigurationComponent({
       if (!activeDataSourceDef?.configuration?.configurationAPI) {
         return;
       }
-      const {
-        factory: configurationAPIFactory
-      } = customizationService.getCustomization(activeDataSourceDef.configuration.configurationAPI) ?? {
-        factory: () => null
-      };
+      const configurationAPIFactory = customizationService.getCustomization(activeDataSourceDef.configuration.configurationAPI) ?? (() => null);
       if (!configurationAPIFactory) {
         return;
       }
@@ -10106,6 +10217,7 @@ function DataSourceConfigurationComponent({
     show({
       content: Components_DataSourceConfigurationModalComponent,
       title: t('Configure Data Source'),
+      containerClassName: 'max-w-3xl',
       contentProps: {
         configurationAPI,
         configuredItems,
@@ -10393,23 +10505,27 @@ var browser_detect_es5 = __webpack_require__(88123);
 
 
 
+
 function AboutModalDefault() {
+  const {
+    t
+  } = (0,es/* useTranslation */.Bd)('AboutModal');
   const {
     os,
     version,
     name
   } = (0,browser_detect_es5/* default */.A)();
   const browser = `${name[0].toUpperCase()}${name.substr(1)} ${version}`;
-  const versionNumber = "3.12.0-beta.99";
-  const commitHash = "77f9f8e1c4af6b5d22ecf9332b5edf503cd5b848";
+  const versionNumber = "3.12.1";
+  const commitHash = "647fd025cf7212acc03b66807974f5d0f8ba0708";
   const [main, beta] = versionNumber.split('-');
   return /*#__PURE__*/react.createElement(ui_next_src/* AboutModal */.VTU, {
     className: "w-[400px]"
   }, /*#__PURE__*/react.createElement(ui_next_src/* AboutModal */.VTU.ProductName, null, "OHIF Viewer"), /*#__PURE__*/react.createElement(ui_next_src/* AboutModal */.VTU.ProductVersion, null, main), beta && /*#__PURE__*/react.createElement(ui_next_src/* AboutModal */.VTU.ProductBeta, null, beta), /*#__PURE__*/react.createElement(ui_next_src/* AboutModal */.VTU.Body, null, /*#__PURE__*/react.createElement(ui_next_src/* AboutModal */.VTU.DetailItem, {
-    label: "Commit Hash",
+    label: t('Commit Hash'),
     value: commitHash
   }), /*#__PURE__*/react.createElement(ui_next_src/* AboutModal */.VTU.DetailItem, {
-    label: "Current Browser & OS",
+    label: t('Current Browser & OS'),
     value: `${browser}, ${os}`
   }), /*#__PURE__*/react.createElement(ui_next_src/* AboutModal */.VTU.SocialItem, {
     icon: "SocialGithub",
@@ -10439,15 +10555,27 @@ function UserPreferencesModalDefault({
     hotkeysManager
   } = (0,src/* useSystem */.Jg)();
   const {
-    t
+    t,
+    i18n: i18nextInstance
   } = (0,es/* useTranslation */.Bd)('UserPreferencesModal');
   const {
     hotkeyDefinitions = {},
     hotkeyDefaults = {}
   } = hotkeysManager;
+  const fallbackHotkeyDefinitions = (0,react.useMemo)(() => hotkeysManager.getValidHotkeyDefinitions(src/* hotkeys */.ot.defaults.hotkeyBindings), [hotkeysManager]);
+  (0,react.useEffect)(() => {
+    if (!Object.keys(hotkeyDefaults).length) {
+      hotkeysManager.setDefaultHotKeys(src/* hotkeys */.ot.defaults.hotkeyBindings);
+    }
+    if (!Object.keys(hotkeyDefinitions).length) {
+      hotkeysManager.setHotkeys(fallbackHotkeyDefinitions);
+    }
+  }, [hotkeysManager, hotkeyDefaults, hotkeyDefinitions, fallbackHotkeyDefinitions]);
+  const resolvedHotkeyDefaults = Object.keys(hotkeyDefaults).length ? hotkeyDefaults : fallbackHotkeyDefinitions;
+  const initialHotkeyDefinitions = Object.keys(hotkeyDefinitions).length ? hotkeyDefinitions : resolvedHotkeyDefaults;
   const currentLanguage = currentLanguageFn();
   const [state, setState] = (0,react.useState)({
-    hotkeyDefinitions: hotkeyDefinitions,
+    hotkeyDefinitions: initialHotkeyDefinitions,
     languageValue: currentLanguage.value
   });
   const onLanguageChangeHandler = value => {
@@ -10472,10 +10600,45 @@ function UserPreferencesModalDefault({
     setState(state => ({
       ...state,
       languageValue: defaultLanguage.value,
-      hotkeyDefinitions: hotkeyDefaults
+      hotkeyDefinitions: resolvedHotkeyDefaults
     }));
     hotkeysManager.restoreDefaultBindings();
   };
+  const displayNames = react.useMemo(() => {
+    if (typeof Intl === 'undefined' || typeof Intl.DisplayNames !== 'function') {
+      return null;
+    }
+    const locales = [state.languageValue, currentLanguage.value, i18nextInstance.language, 'en'];
+    const uniqueLocales = Array.from(new Set(locales.filter(Boolean)));
+    try {
+      return new Intl.DisplayNames(uniqueLocales, {
+        type: 'language',
+        fallback: 'none'
+      });
+    } catch (error) {
+      console.warn('Intl.DisplayNames not supported for locales', uniqueLocales, error);
+    }
+    return null;
+  }, [state.languageValue, currentLanguage.value, i18nextInstance.language]);
+  const getLanguageLabel = react.useCallback((languageValue, fallbackLabel) => {
+    const translationKey = `LanguageName.${languageValue}`;
+    if (i18nextInstance.exists(translationKey, {
+      ns: 'UserPreferencesModal'
+    })) {
+      return t(translationKey);
+    }
+    if (displayNames) {
+      try {
+        const localized = displayNames.of(languageValue);
+        if (localized && localized.toLowerCase() !== languageValue.toLowerCase()) {
+          return localized.charAt(0).toUpperCase() + localized.slice(1);
+        }
+      } catch (error) {
+        console.debug(`Unable to resolve display name for ${languageValue}`, error);
+      }
+    }
+    return fallbackLabel;
+  }, [displayNames, i18nextInstance, t]);
   return /*#__PURE__*/react.createElement(ui_next_src/* UserPreferencesModal */.xMy, null, /*#__PURE__*/react.createElement(ui_next_src/* UserPreferencesModal */.xMy.Body, null, /*#__PURE__*/react.createElement("div", {
     className: "mb-3 flex items-center space-x-14"
   }, /*#__PURE__*/react.createElement(ui_next_src/* UserPreferencesModal */.xMy.SubHeading, null, t('Language')), /*#__PURE__*/react.createElement(ui_next_src/* Select */.l6P, {
@@ -10489,7 +10652,7 @@ function UserPreferencesModalDefault({
   })), /*#__PURE__*/react.createElement(ui_next_src/* SelectContent */.gCo, null, availableLanguages.map(lang => /*#__PURE__*/react.createElement(ui_next_src/* SelectItem */.ebT, {
     key: lang.value,
     value: lang.value
-  }, lang.label))))), /*#__PURE__*/react.createElement(ui_next_src/* UserPreferencesModal */.xMy.SubHeading, null, t('Hotkeys')), /*#__PURE__*/react.createElement(ui_next_src/* UserPreferencesModal */.xMy.HotkeysGrid, null, Object.entries(state.hotkeyDefinitions).map(([id, definition]) => /*#__PURE__*/react.createElement(ui_next_src/* UserPreferencesModal */.xMy.Hotkey, {
+  }, getLanguageLabel(lang.value, lang.label)))))), /*#__PURE__*/react.createElement(ui_next_src/* UserPreferencesModal */.xMy.SubHeading, null, t('Hotkeys')), /*#__PURE__*/react.createElement(ui_next_src/* UserPreferencesModal */.xMy.HotkeysGrid, null, Object.entries(state.hotkeyDefinitions).map(([id, definition]) => /*#__PURE__*/react.createElement(ui_next_src/* UserPreferencesModal */.xMy.Hotkey, {
     key: id,
     label: t(definition.label),
     value: definition.keys,
@@ -10508,6 +10671,9 @@ function UserPreferencesModalDefault({
     onClick: () => {
       if (state.languageValue !== currentLanguage.value) {
         i18n_src/* default */.A.changeLanguage(state.languageValue);
+        // Force page reload after language change to ensure all translations are applied
+        window.location.reload();
+        return; // Exit early since we're reloading
       }
       hotkeysManager.setHotkeys(state.hotkeyDefinitions);
       src/* hotkeys */.ot.stopRecord();
@@ -10649,6 +10815,7 @@ function ReportDialog({
   'ohif.hotkeyBindings': src/* defaults */.NT.hotkeyBindings
 });
 ;// ../../../extensions/default/src/customizations/onboardingCustomization.ts
+
 function waitForElement(selector, maxAttempts = 20, interval = 25) {
   return new Promise(resolve => {
     let attempts = 0;
@@ -10668,8 +10835,8 @@ function waitForElement(selector, maxAttempts = 20, interval = 25) {
     route: '/viewer',
     steps: [{
       id: 'scroll',
-      title: 'Scrolling Through Images',
-      text: 'You can scroll through the images using the mouse wheel or scrollbar.',
+      title: i18n_src/* default */.A.t('Onboarding:Scrolling Through Images'),
+      text: i18n_src/* default */.A.t('Onboarding:You can scroll through the images using the mouse wheel or scrollbar.'),
       attachTo: {
         element: '.viewport-element',
         on: 'top'
@@ -10681,8 +10848,8 @@ function waitForElement(selector, maxAttempts = 20, interval = 25) {
       beforeShowPromise: () => waitForElement('.viewport-element')
     }, {
       id: 'zoom',
-      title: 'Zooming In and Out',
-      text: 'You can zoom the images using the right click.',
+      title: i18n_src/* default */.A.t('Onboarding:Zooming In and Out'),
+      text: i18n_src/* default */.A.t('Onboarding:You can zoom the images using the right click.'),
       attachTo: {
         element: '.viewport-element',
         on: 'left'
@@ -10694,8 +10861,8 @@ function waitForElement(selector, maxAttempts = 20, interval = 25) {
       beforeShowPromise: () => waitForElement('.viewport-element')
     }, {
       id: 'pan',
-      title: 'Panning the Image',
-      text: 'You can pan the images using the middle click.',
+      title: i18n_src/* default */.A.t('Onboarding:Panning the Image'),
+      text: i18n_src/* default */.A.t('Onboarding:You can pan the images using the middle click.'),
       attachTo: {
         element: '.viewport-element',
         on: 'top'
@@ -10707,8 +10874,8 @@ function waitForElement(selector, maxAttempts = 20, interval = 25) {
       beforeShowPromise: () => waitForElement('.viewport-element')
     }, {
       id: 'windowing',
-      title: 'Adjusting Window Level',
-      text: 'You can modify the window level using the left click.',
+      title: i18n_src/* default */.A.t('Onboarding:Adjusting Window Level'),
+      text: i18n_src/* default */.A.t('Onboarding:You can modify the window level using the left click.'),
       attachTo: {
         element: '.viewport-element',
         on: 'left'
@@ -10720,8 +10887,8 @@ function waitForElement(selector, maxAttempts = 20, interval = 25) {
       beforeShowPromise: () => waitForElement('.viewport-element')
     }, {
       id: 'length',
-      title: 'Using the Measurement Tools',
-      text: 'You can measure the length of a region using the Length tool.',
+      title: i18n_src/* default */.A.t('Onboarding:Using the Measurement Tools'),
+      text: i18n_src/* default */.A.t('Onboarding:You can measure the length of a region using the Length tool.'),
       attachTo: {
         element: '[data-cy="MeasurementTools-split-button-primary"]',
         on: 'bottom'
@@ -10730,11 +10897,11 @@ function waitForElement(selector, maxAttempts = 20, interval = 25) {
         selector: '[data-cy="MeasurementTools-split-button-primary"]',
         event: 'click'
       },
-      beforeShowPromise: () => waitForElement('[data-cy="MeasurementTools-split-button-primary]')
+      beforeShowPromise: () => waitForElement('[data-cy="MeasurementTools-split-button-primary"]')
     }, {
       id: 'drawAnnotation',
-      title: 'Drawing Length Annotations',
-      text: 'Use the length tool on the viewport to measure the length of a region.',
+      title: i18n_src/* default */.A.t('Onboarding:Drawing Length Annotations'),
+      text: i18n_src/* default */.A.t('Onboarding:Use the length tool on the viewport to measure the length of a region.'),
       attachTo: {
         element: '.viewport-element',
         on: 'right'
@@ -10746,8 +10913,8 @@ function waitForElement(selector, maxAttempts = 20, interval = 25) {
       beforeShowPromise: () => waitForElement('.viewport-element')
     }, {
       id: 'trackMeasurement',
-      title: 'Tracking Measurements in the Panel',
-      text: 'Click yes to track the measurements in the measurement panel.',
+      title: i18n_src/* default */.A.t('Onboarding:Tracking Measurements in the Panel'),
+      text: i18n_src/* default */.A.t('Onboarding:Click yes to track the measurements in the measurement panel.'),
       attachTo: {
         element: '[data-cy="prompt-begin-tracking-yes-btn"]',
         on: 'bottom'
@@ -10759,8 +10926,8 @@ function waitForElement(selector, maxAttempts = 20, interval = 25) {
       beforeShowPromise: () => waitForElement('[data-cy="prompt-begin-tracking-yes-btn"]')
     }, {
       id: 'openMeasurementPanel',
-      title: 'Opening the Measurements Panel',
-      text: 'Click the measurements button to open the measurements panel.',
+      title: i18n_src/* default */.A.t('Onboarding:Opening the Measurements Panel'),
+      text: i18n_src/* default */.A.t('Onboarding:Click the measurements button to open the measurements panel.'),
       attachTo: {
         element: '#trackedMeasurements-btn',
         on: 'left-start'
@@ -10772,8 +10939,8 @@ function waitForElement(selector, maxAttempts = 20, interval = 25) {
       beforeShowPromise: () => waitForElement('#trackedMeasurements-btn')
     }, {
       id: 'scrollAwayFromMeasurement',
-      title: 'Scrolling Away from a Measurement',
-      text: 'Scroll the images using the mouse wheel away from the measurement.',
+      title: i18n_src/* default */.A.t('Onboarding:Scrolling Away from a Measurement'),
+      text: i18n_src/* default */.A.t('Onboarding:Scroll the images using the mouse wheel away from the measurement.'),
       attachTo: {
         element: '.viewport-element',
         on: 'left'
@@ -10785,8 +10952,8 @@ function waitForElement(selector, maxAttempts = 20, interval = 25) {
       beforeShowPromise: () => waitForElement('.viewport-element')
     }, {
       id: 'jumpToMeasurement',
-      title: 'Jumping to Measurements in the Panel',
-      text: 'Click the measurement in the measurement panel to jump to it.',
+      title: i18n_src/* default */.A.t('Onboarding:Jumping to Measurements in the Panel'),
+      text: i18n_src/* default */.A.t('Onboarding:Click the measurement in the measurement panel to jump to it.'),
       attachTo: {
         element: '[data-cy="data-row"]',
         on: 'left-start'
@@ -10798,8 +10965,8 @@ function waitForElement(selector, maxAttempts = 20, interval = 25) {
       beforeShowPromise: () => waitForElement('[data-cy="data-row"]')
     }, {
       id: 'changeLayout',
-      title: 'Changing Layout',
-      text: 'You can change the layout of the viewer using the layout button.',
+      title: i18n_src/* default */.A.t('Onboarding:Changing Layout'),
+      text: i18n_src/* default */.A.t('Onboarding:You can change the layout of the viewer using the layout button.'),
       attachTo: {
         element: '[data-cy="Layout"]',
         on: 'bottom'
@@ -10811,8 +10978,8 @@ function waitForElement(selector, maxAttempts = 20, interval = 25) {
       beforeShowPromise: () => waitForElement('[data-cy="Layout"]')
     }, {
       id: 'selectLayout',
-      title: 'Selecting the MPR Layout',
-      text: 'Select the MPR layout to view the images in MPR mode.',
+      title: i18n_src/* default */.A.t('Onboarding:Selecting the MPR Layout'),
+      text: i18n_src/* default */.A.t('Onboarding:Select the MPR layout to view the images in MPR mode.'),
       attachTo: {
         element: '[data-cy="MPR"]',
         on: 'left-start'
@@ -10827,7 +10994,7 @@ function waitForElement(selector, maxAttempts = 20, interval = 25) {
       useModalOverlay: true,
       defaultStepOptions: {
         buttons: [{
-          text: 'Skip all',
+          text: i18n_src/* default */.A.t('Onboarding:Skip all'),
           action() {
             this.complete();
           },
@@ -11433,7 +11600,7 @@ async function callInputDialogAutoComplete({
     const labellingDoneCallback = newValue => {
       uiDialogService.hide('select-annotation');
       if (measurement && typeof newValue === 'string') {
-        const sourceAnnotation = dist_esm.annotation.state.getAnnotation(measurement.uid);
+        const sourceAnnotation = tools_dist_esm.annotation.state.getAnnotation(measurement.uid);
         (0,utilities.setAnnotationLabel)(sourceAnnotation, element, newValue);
       }
       resolve(newValue);
@@ -11542,11 +11709,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); }
@@ -11738,10 +11906,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__)
@@ -11756,6 +11924,6 @@ const RESPONSE = {
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (RESPONSE);
 
-/***/ })
+/***/ }
 
 }]);