@ohif/app 3.12.0-beta.99 → 3.12.0

package/dist/{9195.bundle.e2fd5c6b5830c0ee25a8.js → 9195.bundle.606ca286a0fed8a43f58.js}

@@ -8,7 +8,7 @@
 /* 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); }
 
@@ -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
@@ -622,7 +622,7 @@ function _findTabAndStudyOfDisplaySet(displaySetInstanceUID, tabs, currentTabNam
 /* 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);
 
 
 
@@ -3701,8 +3701,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 +4775,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 +4939,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 +5171,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 +5180,7 @@ const chartHandler = {
 
 
 
+
 const {
   isImage,
   sortStudyInstances,
@@ -5221,10 +5227,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);
@@ -6077,7 +6088,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 +6142,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 +6806,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 +8791,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 +8894,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 +9138,7 @@ const LMLOPrior = {
 
 ;// ../../../extensions/default/src/hangingprotocols/hpMammo.ts
 
+
 const rightDisplayArea = {
   storeAsInitialCamera: true,
   imageArea: [0.8, 0.8],
@@ -9142,7 +9158,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 +9896,6 @@ const {
 
 
 
-
 function ItemListComponent({
   itemLabel,
   itemList,
@@ -9902,36 +9917,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 +10097,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 +10123,7 @@ function DataSourceConfigurationComponent({
     show({
       content: Components_DataSourceConfigurationModalComponent,
       title: t('Configure Data Source'),
+      containerClassName: 'max-w-3xl',
       contentProps: {
         configurationAPI,
         configuredItems,
@@ -10393,23 +10411,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.0";
+  const commitHash = "27b1afe040061c6afc15bf131e28cdff3a5f0ec7";
   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 +10461,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 +10506,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 +10558,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 +10577,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 +10721,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 +10741,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 +10754,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 +10767,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 +10780,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 +10793,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 +10803,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 +10819,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 +10832,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 +10845,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 +10858,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 +10871,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 +10884,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 +10900,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 +11506,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);

package/dist/{9845.bundle.31aec3fe7a5cdc247f4e.js → 9845.bundle.255e7c7f7a88193b4e47.js}

@@ -14,8 +14,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);
 ;// ../../../extensions/cornerstone-dicom-seg/src/utils/initSEGToolGroup.ts
 function createSEGToolGroupAndAddTools({
   commandsManager,
@@ -30,8 +30,8 @@ function createSEGToolGroupAndAddTools({
   return toolGroupService.createToolGroupAndAddTools(toolGroupId, updatedTools);
 }
 /* harmony default export */ const initSEGToolGroup = (createSEGToolGroupAndAddTools);
-// EXTERNAL MODULE: ../../../extensions/cornerstone/src/index.tsx + 192 modules
-var cornerstone_src = __webpack_require__(71903);
+// EXTERNAL MODULE: ../../../extensions/cornerstone/src/index.tsx + 193 modules
+var cornerstone_src = __webpack_require__(63081);
 ;// ../../../extensions/cornerstone-dicom-seg/src/utils/promptHydrateSEG.ts
 
 function promptHydrateSEG({
@@ -121,12 +121,20 @@ function OHIFCornerstoneSEGViewport(props) {
   // In such cases, we attempt to handle this scenario gracefully by
   // invoking a custom handler. Ideally, if a user tries to launch a series that isn't viewable,
   // (eg.: we can prompt them with an explanation and provide a link to the full study).
+
+  // Additional guard: If no customization handler is registered for missing
+  // referenced display sets, skip SEG rendering to avoid a viewport crash.
   if (!referencedDisplaySetInstanceUID) {
     const missingReferenceDisplaySetHandler = customizationService.getCustomization('missingReferenceDisplaySetHandler');
-    const {
-      handled
-    } = missingReferenceDisplaySetHandler();
-    if (handled) {
+    if (typeof missingReferenceDisplaySetHandler === 'function') {
+      const {
+        handled
+      } = missingReferenceDisplaySetHandler();
+      if (handled) {
+        return;
+      }
+    } else {
+      console.log("No customization 'missingReferenceDisplaySetHandler' registered. Skipping SEG rendering.");
       return;
     }
   }

package/dist/{9862.bundle.3ca0ad5f54db87ccf91e.js → 9862.bundle.3a8958a82c572015d25d.js}

@@ -11,8 +11,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(86326);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(97598);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _ohif_ui_next__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1246);
-/* harmony import */ var _ohif_extension_cornerstone__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(71903);
+/* harmony import */ var _ohif_ui_next__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(12517);
+/* harmony import */ var _ohif_extension_cornerstone__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(63081);
 /* harmony import */ var _cornerstonejs_tools__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(4667);
 /* harmony import */ var _getContextModule__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(55844);
 /* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(15327);