@ohif/app 3.12.0-beta.100 → 3.12.0-beta.104

package/dist/{9195.bundle.e6597407d8dbd3e3f8fe.js → 9195.bundle.5f9be23bc1e8857cc478.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
@@ -8777,6 +8777,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 +8880,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 +9124,7 @@ const LMLOPrior = {
 
 ;// ../../../extensions/default/src/hangingprotocols/hpMammo.ts
 
+
 const rightDisplayArea = {
   storeAsInitialCamera: true,
   imageArea: [0.8, 0.8],
@@ -9142,7 +9144,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 +9882,6 @@ const {
 
 
 
-
 function ItemListComponent({
   itemLabel,
   itemList,
@@ -9902,36 +9903,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 +10083,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 +10109,7 @@ function DataSourceConfigurationComponent({
     show({
       content: Components_DataSourceConfigurationModalComponent,
       title: t('Configure Data Source'),
+      containerClassName: 'max-w-3xl',
       contentProps: {
         configurationAPI,
         configuredItems,
@@ -10393,23 +10397,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.100";
-  const commitHash = "c4e5a4616db87b39df5e16b75f1ba3c18407468f";
+  const versionNumber = "3.12.0-beta.104";
+  const commitHash = "d917e74e6888744c9a5f3fa2170993c23a9b9341";
   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 +10447,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 +10492,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 +10544,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 +10563,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 +10707,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 +10727,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 +10740,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 +10753,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 +10766,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 +10779,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 +10789,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 +10805,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 +10818,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 +10831,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 +10844,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 +10857,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 +10870,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 +10886,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();
           },

package/dist/{9845.bundle.31aec3fe7a5cdc247f4e.js → 9845.bundle.155759f5e8d8070ee16f.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,
@@ -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.bb6b5cab9e8eda1cc675.js}

@@ -11,7 +11,7 @@ __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_ui_next__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(12517);
 /* harmony import */ var _ohif_extension_cornerstone__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(71903);
 /* harmony import */ var _cornerstonejs_tools__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(4667);
 /* harmony import */ var _getContextModule__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(55844);

package/dist/{9927.bundle.d1a5055b026d298658c3.js → 9927.bundle.ca2f72f62468744559e4.js}

@@ -407,7 +407,7 @@ const toolbarButtons = [{
       radiusOptionId: 'brush-radius'
     }],
     options: [{
-      name: 'Radius (mm)',
+      name: i18next/* default */.A.t('Buttons:Radius (mm)'),
       id: 'brush-radius',
       type: 'range',
       explicitRunOnly: true,
@@ -422,16 +422,16 @@ const toolbarButtons = [{
         }
       }
     }, {
-      name: 'Shape',
+      name: i18next/* default */.A.t('Buttons:Shape'),
       type: 'radio',
       id: 'brush-mode',
       value: 'CircularBrush',
       values: [{
         value: 'CircularBrush',
-        label: 'Circle'
+        label: i18next/* default */.A.t('Buttons:Circle')
       }, {
         value: 'SphereBrush',
-        label: 'Sphere'
+        label: i18next/* default */.A.t('Buttons:Sphere')
       }],
       commands: 'setToolActiveToolbar'
     }]
@@ -450,7 +450,7 @@ const toolbarButtons = [{
       radiusOptionId: 'eraser-radius'
     }],
     options: [{
-      name: 'Radius (mm)',
+      name: i18next/* default */.A.t('Buttons:Radius (mm)'),
       id: 'eraser-radius',
       type: 'range',
       explicitRunOnly: true,
@@ -465,16 +465,16 @@ const toolbarButtons = [{
         }
       }
     }, {
-      name: 'Shape',
+      name: i18next/* default */.A.t('Buttons:Shape'),
       type: 'radio',
       id: 'eraser-mode',
       value: 'CircularEraser',
       values: [{
         value: 'CircularEraser',
-        label: 'Circle'
+        label: i18next/* default */.A.t('Buttons:Circle')
       }, {
         value: 'SphereEraser',
-        label: 'Sphere'
+        label: i18next/* default */.A.t('Buttons:Sphere')
       }],
       commands: 'setToolActiveToolbar'
     }]
@@ -493,7 +493,7 @@ const toolbarButtons = [{
       radiusOptionId: 'threshold-radius'
     }],
     options: [{
-      name: 'Radius (mm)',
+      name: i18next/* default */.A.t('Buttons:Radius (mm)'),
       id: 'threshold-radius',
       type: 'range',
       explicitRunOnly: true,
@@ -508,16 +508,16 @@ const toolbarButtons = [{
         }
       }
     }, {
-      name: 'Threshold',
+      name: i18next/* default */.A.t('Buttons:Threshold'),
       type: 'radio',
       id: 'dynamic-mode',
       value: 'ThresholdRange',
       values: [{
         value: 'ThresholdDynamic',
-        label: 'Dynamic'
+        label: i18next/* default */.A.t('Buttons:Dynamic')
       }, {
         value: 'ThresholdRange',
-        label: 'Range'
+        label: i18next/* default */.A.t('Buttons:Range')
       }],
       commands: ({
         value,
@@ -534,23 +534,23 @@ const toolbarButtons = [{
         }
       }
     }, {
-      name: 'Shape',
+      name: i18next/* default */.A.t('Buttons:Shape'),
       type: 'radio',
       id: 'eraser-mode',
       value: 'ThresholdCircularBrush',
       values: [{
         value: 'ThresholdCircularBrush',
-        label: 'Circle'
+        label: i18next/* default */.A.t('Buttons:Circle')
       }, {
         value: 'ThresholdSphereBrush',
-        label: 'Sphere'
+        label: i18next/* default */.A.t('Buttons:Sphere')
       }],
       condition: ({
         options
       }) => options.find(option => option.id === 'dynamic-mode').value === 'ThresholdRange',
       commands: 'setToolActiveToolbar'
     }, {
-      name: 'ThresholdRange',
+      name: i18next/* default */.A.t('ROIThresholdConfiguration:ThresholdRange'),
       type: 'double-range',
       id: 'threshold-range',
       min: 0,