@ohif/app 3.7.0-beta.7 → 3.7.0-beta.71

package/dist/{744.bundle.d07b9ad7b31de0ba4956.js → 30.bundle.c8dfb82c70ae9ff67f14.js}

@@ -1,7 +1,7 @@
 "use strict";
-(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[744],{
+(self["webpackChunk"] = self["webpackChunk"] || []).push([[30],{
 
-/***/ 43418:
+/***/ 1053:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 
@@ -12,16 +12,16 @@ __webpack_require__.d(__webpack_exports__, {
 });
 
 // EXTERNAL MODULE: ../../../node_modules/react/index.js
-var react = __webpack_require__(32735);
+var react = __webpack_require__(43001);
 // EXTERNAL MODULE: ../../../node_modules/prop-types/index.js
-var prop_types = __webpack_require__(60216);
+var prop_types = __webpack_require__(3827);
 var prop_types_default = /*#__PURE__*/__webpack_require__.n(prop_types);
 // EXTERNAL MODULE: ../../../node_modules/xstate/es/index.js + 22 modules
-var es = __webpack_require__(87519);
-// EXTERNAL MODULE: ../../../node_modules/@xstate/react/lib/index.js
-var lib = __webpack_require__(38531);
-// EXTERNAL MODULE: ../../ui/src/index.js + 452 modules
-var src = __webpack_require__(28619);
+var es = __webpack_require__(261);
+// EXTERNAL MODULE: ../../../node_modules/@xstate/react/es/index.js + 9 modules
+var react_es = __webpack_require__(59677);
+// EXTERNAL MODULE: ../../ui/src/index.js + 458 modules
+var src = __webpack_require__(88344);
 ;// CONCATENATED MODULE: ../../../extensions/measurement-tracking/src/contexts/TrackedMeasurementsContext/measurementTrackingMachine.js
 
 const RESPONSE = {
@@ -247,7 +247,7 @@ const defaultOptions = {
     showStructuredReportDisplaySetInActiveViewport: (ctx, evt) => {
       console.warn('showStructuredReportDisplaySetInActiveViewport: not implemented');
     },
-    clearContext: (0,es.assign)({
+    clearContext: (0,es/* assign */.f0)({
       trackedStudy: '',
       trackedSeries: [],
       ignoredSeries: [],
@@ -256,7 +256,7 @@ const defaultOptions = {
       prevIgnoredSeries: []
     }),
     // Promise resolves w/ `evt.data.*`
-    setTrackedStudyAndSeries: (0,es.assign)((ctx, evt) => ({
+    setTrackedStudyAndSeries: (0,es/* assign */.f0)((ctx, evt) => ({
       prevTrackedStudy: ctx.trackedStudy,
       prevTrackedSeries: ctx.trackedSeries.slice(),
       prevIgnoredSeries: ctx.ignoredSeries.slice(),
@@ -265,7 +265,7 @@ const defaultOptions = {
       trackedSeries: [evt.data.SeriesInstanceUID],
       ignoredSeries: []
     })),
-    setTrackedStudyAndMultipleSeries: (0,es.assign)((ctx, evt) => {
+    setTrackedStudyAndMultipleSeries: (0,es/* assign */.f0)((ctx, evt) => {
       const studyInstanceUID = evt.StudyInstanceUID || evt.data.StudyInstanceUID;
       const seriesInstanceUIDs = evt.SeriesInstanceUIDs || evt.data.SeriesInstanceUIDs;
       return {
@@ -278,24 +278,24 @@ const defaultOptions = {
         ignoredSeries: []
       };
     }),
-    setIsDirtyToClean: (0,es.assign)((ctx, evt) => ({
+    setIsDirtyToClean: (0,es/* assign */.f0)((ctx, evt) => ({
       isDirty: false
     })),
-    setIsDirty: (0,es.assign)((ctx, evt) => ({
+    setIsDirty: (0,es/* assign */.f0)((ctx, evt) => ({
       isDirty: true
     })),
-    ignoreSeries: (0,es.assign)((ctx, evt) => ({
+    ignoreSeries: (0,es/* assign */.f0)((ctx, evt) => ({
       prevIgnoredSeries: [...ctx.ignoredSeries],
       ignoredSeries: [...ctx.ignoredSeries, evt.data.SeriesInstanceUID]
     })),
-    ignoreHydrationForSRSeries: (0,es.assign)((ctx, evt) => ({
+    ignoreHydrationForSRSeries: (0,es/* assign */.f0)((ctx, evt) => ({
       ignoredSRSeriesForHydration: [...ctx.ignoredSRSeriesForHydration, evt.data.srSeriesInstanceUID]
     })),
-    addTrackedSeries: (0,es.assign)((ctx, evt) => ({
+    addTrackedSeries: (0,es/* assign */.f0)((ctx, evt) => ({
       prevTrackedSeries: [...ctx.trackedSeries],
       trackedSeries: [...ctx.trackedSeries, evt.data.SeriesInstanceUID]
     })),
-    removeTrackedSeries: (0,es.assign)((ctx, evt) => ({
+    removeTrackedSeries: (0,es/* assign */.f0)((ctx, evt) => ({
       prevTrackedSeries: ctx.trackedSeries.slice().filter(ser => ser !== evt.SeriesInstanceUID),
       trackedSeries: ctx.trackedSeries.slice().filter(ser => ser !== evt.SeriesInstanceUID)
     }))
@@ -362,21 +362,21 @@ function promptBeginTracking(_ref, ctx, evt) {
     uiViewportDialogService
   } = servicesManager.services;
   const {
-    viewportIndex,
+    viewportId,
     StudyInstanceUID,
     SeriesInstanceUID
   } = evt;
   return new Promise(async function (resolve, reject) {
-    let promptResult = await _askTrackMeasurements(uiViewportDialogService, viewportIndex);
+    let promptResult = await _askTrackMeasurements(uiViewportDialogService, viewportId);
     resolve({
       userResponse: promptResult,
       StudyInstanceUID,
       SeriesInstanceUID,
-      viewportIndex
+      viewportId
     });
   });
 }
-function _askTrackMeasurements(uiViewportDialogService, viewportIndex) {
+function _askTrackMeasurements(uiViewportDialogService, viewportId) {
   return new Promise(function (resolve, reject) {
     const message = 'Track measurements for this series?';
     const actions = [{
@@ -400,7 +400,7 @@ function _askTrackMeasurements(uiViewportDialogService, viewportIndex) {
       resolve(result);
     };
     uiViewportDialogService.show({
-      viewportIndex,
+      viewportId,
       id: 'measurement-tracking-prompt-begin-tracking',
       type: 'info',
       message,
@@ -433,25 +433,25 @@ function promptTrackNewSeries(_ref, ctx, evt) {
     UIViewportDialogService
   } = servicesManager.services;
   const {
-    viewportIndex,
+    viewportId,
     StudyInstanceUID,
     SeriesInstanceUID
   } = evt;
   return new Promise(async function (resolve, reject) {
-    let promptResult = await _askShouldAddMeasurements(UIViewportDialogService, viewportIndex);
+    let promptResult = await _askShouldAddMeasurements(UIViewportDialogService, viewportId);
     if (promptResult === promptTrackNewSeries_RESPONSE.CREATE_REPORT) {
-      promptResult = ctx.isDirty ? await _askSaveDiscardOrCancel(UIViewportDialogService, viewportIndex) : promptTrackNewSeries_RESPONSE.SET_STUDY_AND_SERIES;
+      promptResult = ctx.isDirty ? await _askSaveDiscardOrCancel(UIViewportDialogService, viewportId) : promptTrackNewSeries_RESPONSE.SET_STUDY_AND_SERIES;
     }
     resolve({
       userResponse: promptResult,
       StudyInstanceUID,
       SeriesInstanceUID,
-      viewportIndex,
+      viewportId,
       isBackupSave: false
     });
   });
 }
-function _askShouldAddMeasurements(uiViewportDialogService, viewportIndex) {
+function _askShouldAddMeasurements(uiViewportDialogService, viewportId) {
   return new Promise(function (resolve, reject) {
     const message = 'Do you want to add this measurement to the existing report?';
     const actions = [{
@@ -472,7 +472,7 @@ function _askShouldAddMeasurements(uiViewportDialogService, viewportIndex) {
       resolve(result);
     };
     uiViewportDialogService.show({
-      viewportIndex,
+      viewportId,
       type: 'info',
       message,
       actions,
@@ -484,7 +484,7 @@ function _askShouldAddMeasurements(uiViewportDialogService, viewportIndex) {
     });
   });
 }
-function _askSaveDiscardOrCancel(UIViewportDialogService, viewportIndex) {
+function _askSaveDiscardOrCancel(UIViewportDialogService, viewportId) {
   return new Promise(function (resolve, reject) {
     const message = 'You have existing tracked measurements. What would you like to do with your existing tracked measurements?';
     const actions = [{
@@ -505,7 +505,7 @@ function _askSaveDiscardOrCancel(UIViewportDialogService, viewportIndex) {
       resolve(result);
     };
     UIViewportDialogService.show({
-      viewportIndex,
+      viewportId,
       type: 'warning',
       message,
       actions,
@@ -536,25 +536,25 @@ function promptTrackNewStudy(_ref, ctx, evt) {
     UIViewportDialogService
   } = servicesManager.services;
   const {
-    viewportIndex,
+    viewportId,
     StudyInstanceUID,
     SeriesInstanceUID
   } = evt;
   return new Promise(async function (resolve, reject) {
-    let promptResult = await promptTrackNewStudy_askTrackMeasurements(UIViewportDialogService, viewportIndex);
+    let promptResult = await promptTrackNewStudy_askTrackMeasurements(UIViewportDialogService, viewportId);
     if (promptResult === promptTrackNewStudy_RESPONSE.SET_STUDY_AND_SERIES) {
-      promptResult = ctx.isDirty ? await promptTrackNewStudy_askSaveDiscardOrCancel(UIViewportDialogService, viewportIndex) : promptTrackNewStudy_RESPONSE.SET_STUDY_AND_SERIES;
+      promptResult = ctx.isDirty ? await promptTrackNewStudy_askSaveDiscardOrCancel(UIViewportDialogService, viewportId) : promptTrackNewStudy_RESPONSE.SET_STUDY_AND_SERIES;
     }
     resolve({
       userResponse: promptResult,
       StudyInstanceUID,
       SeriesInstanceUID,
-      viewportIndex,
+      viewportId,
       isBackupSave: false
     });
   });
 }
-function promptTrackNewStudy_askTrackMeasurements(UIViewportDialogService, viewportIndex) {
+function promptTrackNewStudy_askTrackMeasurements(UIViewportDialogService, viewportId) {
   return new Promise(function (resolve, reject) {
     const message = 'Track measurements for this series?';
     const actions = [{
@@ -575,7 +575,7 @@ function promptTrackNewStudy_askTrackMeasurements(UIViewportDialogService, viewp
       resolve(result);
     };
     UIViewportDialogService.show({
-      viewportIndex,
+      viewportId,
       type: 'info',
       message,
       actions,
@@ -587,7 +587,7 @@ function promptTrackNewStudy_askTrackMeasurements(UIViewportDialogService, viewp
     });
   });
 }
-function promptTrackNewStudy_askSaveDiscardOrCancel(UIViewportDialogService, viewportIndex) {
+function promptTrackNewStudy_askSaveDiscardOrCancel(UIViewportDialogService, viewportId) {
   return new Promise(function (resolve, reject) {
     const message = 'Measurements cannot span across multiple studies. Do you want to save your tracked measurements?';
     const actions = [{
@@ -608,7 +608,7 @@ function promptTrackNewStudy_askSaveDiscardOrCancel(UIViewportDialogService, vie
       resolve(result);
     };
     UIViewportDialogService.show({
-      viewportIndex,
+      viewportId,
       type: 'warning',
       message,
       actions,
@@ -621,8 +621,8 @@ function promptTrackNewStudy_askSaveDiscardOrCancel(UIViewportDialogService, vie
   });
 }
 /* harmony default export */ const TrackedMeasurementsContext_promptTrackNewStudy = (promptTrackNewStudy);
-// EXTERNAL MODULE: ../../core/src/index.ts + 101 modules
-var core_src = __webpack_require__(48501);
+// EXTERNAL MODULE: ../../core/src/index.ts + 75 modules
+var core_src = __webpack_require__(78695);
 ;// CONCATENATED MODULE: ../../../extensions/measurement-tracking/src/_shared/createReportAsync.tsx
 
 
@@ -725,17 +725,23 @@ function createReportDialogPrompt(uiDialogService) {
         action,
         value
       } = _ref;
-      uiDialogService.dismiss({
-        id: dialogId
-      });
       switch (action.id) {
         case 'save':
-          resolve({
-            action: PROMPT_RESPONSES.CREATE_REPORT,
-            value: value.label
-          });
+          // Only save if description is not blank otherwise ignore
+          if (value.label && value.label.trim() !== '') {
+            resolve({
+              action: PROMPT_RESPONSES.CREATE_REPORT,
+              value: value.label.trim()
+            });
+            uiDialogService.dismiss({
+              id: dialogId
+            });
+          }
           break;
         case 'cancel':
+          uiDialogService.dismiss({
+            id: dialogId
+          });
           resolve({
             action: PROMPT_RESPONSES.CANCEL,
             value: undefined
@@ -781,12 +787,12 @@ function createReportDialogPrompt(uiDialogService) {
           };
           const onKeyPressHandler = event => {
             if (event.key === 'Enter') {
-              uiDialogService.dismiss({
-                id: dialogId
-              });
-              resolve({
-                action: PROMPT_RESPONSES.CREATE_REPORT,
-                value: value.label
+              // Trigger form submit
+              _handleFormSubmit({
+                action: {
+                  id: 'save'
+                },
+                value
               });
             }
           };
@@ -796,7 +802,7 @@ function createReportDialogPrompt(uiDialogService) {
             label: "Enter the report name",
             labelClassName: "text-white grow leading-[1.2] text-[14px]",
             autoFocus: true,
-            className: "bg-black border-primary-main grow",
+            className: "border-primary-main grow bg-black",
             type: "text",
             value: value.label,
             onChange: onChangeHandler,
@@ -832,7 +838,7 @@ function promptSaveReport(_ref, ctx, evt) {
     measurementService,
     displaySetService
   } = servicesManager.services;
-  const viewportIndex = evt.viewportIndex === undefined ? evt.data.viewportIndex : evt.viewportIndex;
+  const viewportId = evt.viewportId === undefined ? evt.data.viewportId : evt.viewportId;
   const isBackupSave = evt.isBackupSave === undefined ? evt.data.isBackupSave : evt.isBackupSave;
   const StudyInstanceUID = evt?.data?.StudyInstanceUID;
   const SeriesInstanceUID = evt?.data?.SeriesInstanceUID;
@@ -867,14 +873,14 @@ function promptSaveReport(_ref, ctx, evt) {
       createdDisplaySetInstanceUIDs: displaySetInstanceUIDs,
       StudyInstanceUID,
       SeriesInstanceUID,
-      viewportIndex,
+      viewportId,
       isBackupSave
     });
   });
 }
 /* harmony default export */ const TrackedMeasurementsContext_promptSaveReport = (promptSaveReport);
 // EXTERNAL MODULE: ../../../extensions/cornerstone-dicom-sr/src/index.tsx + 15 modules
-var cornerstone_dicom_sr_src = __webpack_require__(65948);
+var cornerstone_dicom_sr_src = __webpack_require__(42170);
 ;// CONCATENATED MODULE: ../../../extensions/measurement-tracking/src/contexts/TrackedMeasurementsContext/promptHydrateStructuredReport.js
 
 
@@ -890,19 +896,20 @@ const promptHydrateStructuredReport_RESPONSE = {
 function promptHydrateStructuredReport(_ref, ctx, evt) {
   let {
     servicesManager,
-    extensionManager
+    extensionManager,
+    appConfig
   } = _ref;
   const {
     uiViewportDialogService,
     displaySetService
   } = servicesManager.services;
   const {
-    viewportIndex,
+    viewportId,
     displaySetInstanceUID
   } = evt;
   const srDisplaySet = displaySetService.getDisplaySetByUID(displaySetInstanceUID);
   return new Promise(async function (resolve, reject) {
-    const promptResult = await promptHydrateStructuredReport_askTrackMeasurements(uiViewportDialogService, viewportIndex);
+    const promptResult = await promptHydrateStructuredReport_askTrackMeasurements(uiViewportDialogService, viewportId);
 
     // Need to do action here... So we can set state...
     let StudyInstanceUID, SeriesInstanceUIDs;
@@ -910,7 +917,8 @@ function promptHydrateStructuredReport(_ref, ctx, evt) {
       console.warn('!! HYDRATING STRUCTURED REPORT');
       const hydrationResult = (0,cornerstone_dicom_sr_src.hydrateStructuredReport)({
         servicesManager,
-        extensionManager
+        extensionManager,
+        appConfig
       }, displaySetInstanceUID);
       StudyInstanceUID = hydrationResult.StudyInstanceUID;
       SeriesInstanceUIDs = hydrationResult.SeriesInstanceUIDs;
@@ -919,13 +927,13 @@ function promptHydrateStructuredReport(_ref, ctx, evt) {
       userResponse: promptResult,
       displaySetInstanceUID: evt.displaySetInstanceUID,
       srSeriesInstanceUID: srDisplaySet.SeriesInstanceUID,
-      viewportIndex,
+      viewportId,
       StudyInstanceUID,
       SeriesInstanceUIDs
     });
   });
 }
-function promptHydrateStructuredReport_askTrackMeasurements(uiViewportDialogService, viewportIndex) {
+function promptHydrateStructuredReport_askTrackMeasurements(uiViewportDialogService, viewportId) {
   return new Promise(function (resolve, reject) {
     const message = 'Do you want to continue tracking measurements for this study?';
     const actions = [{
@@ -942,7 +950,7 @@ function promptHydrateStructuredReport_askTrackMeasurements(uiViewportDialogServ
       resolve(result);
     };
     uiViewportDialogService.show({
-      viewportIndex,
+      viewportId,
       type: 'info',
       message,
       actions,
@@ -966,7 +974,7 @@ function hydrateStructuredReport(_ref, ctx, evt) {
     displaySetService
   } = servicesManager.services;
   const {
-    viewportIndex,
+    viewportId,
     displaySetInstanceUID
   } = evt;
   const srDisplaySet = displaySetService.getDisplaySetByUID(displaySetInstanceUID);
@@ -980,13 +988,15 @@ function hydrateStructuredReport(_ref, ctx, evt) {
     resolve({
       displaySetInstanceUID: evt.displaySetInstanceUID,
       srSeriesInstanceUID: srDisplaySet.SeriesInstanceUID,
-      viewportIndex,
+      viewportId,
       StudyInstanceUID,
       SeriesInstanceUIDs
     });
   });
 }
 /* harmony default export */ const TrackedMeasurementsContext_hydrateStructuredReport = (hydrateStructuredReport);
+// EXTERNAL MODULE: ./state/index.js + 1 modules
+var state = __webpack_require__(62657);
 ;// CONCATENATED MODULE: ../../../extensions/measurement-tracking/src/contexts/TrackedMeasurementsContext/TrackedMeasurementsContext.tsx
 
 
@@ -1000,6 +1010,7 @@ function hydrateStructuredReport(_ref, ctx, evt) {
 
 
 
+
 const TrackedMeasurementsContext = /*#__PURE__*/react.createContext();
 TrackedMeasurementsContext.displayName = 'TrackedMeasurementsContext';
 const useTrackedMeasurements = () => (0,react.useContext)(TrackedMeasurementsContext);
@@ -1020,9 +1031,10 @@ _ref2 // Component props
   let {
     children
   } = _ref2;
+  const [appConfig] = (0,state/* useAppConfig */.M)();
   const [viewportGrid, viewportGridService] = (0,src/* useViewportGrid */.O_)();
   const {
-    activeViewportIndex,
+    activeViewportId,
     viewports
   } = viewportGrid;
   const {
@@ -1038,7 +1050,7 @@ _ref2 // Component props
       } = ctx;
       const measurements = measurementService.getMeasurements();
       const trackedMeasurements = measurements.filter(m => trackedStudy === m.referenceStudyUID && trackedSeries.includes(m.referenceSeriesUID));
-      console.log('jumping to measurement reset viewport', viewportGrid.activeViewportIndex, trackedMeasurements[0]);
+      console.log('jumping to measurement reset viewport', viewportGrid.activeViewportId, trackedMeasurements[0]);
       const referencedDisplaySetUID = trackedMeasurements[0].displaySetInstanceUID;
       const referencedDisplaySet = displaySetService.getDisplaySetByUID(referencedDisplaySetUID);
       const referencedImages = referencedDisplaySet.images;
@@ -1058,7 +1070,7 @@ _ref2 // Component props
         }
       }
       viewportGridService.setDisplaySetsForViewport({
-        viewportIndex: viewportGrid.activeViewportIndex,
+        viewportId: viewportGrid.activeViewportId,
         displaySetInstanceUIDs: [referencedDisplaySetUID],
         viewportOptions: {
           initialImageOptions: {
@@ -1071,7 +1083,7 @@ _ref2 // Component props
       if (evt.data.createdDisplaySetInstanceUIDs.length > 0) {
         const StructuredReportDisplaySetInstanceUID = evt.data.createdDisplaySetInstanceUIDs[0].displaySetInstanceUID;
         viewportGridService.setDisplaySetsForViewport({
-          viewportIndex: evt.data.viewportIndex,
+          viewportId: evt.data.viewportId,
           displaySetInstanceUIDs: [StructuredReportDisplaySetInstanceUID]
         });
       }
@@ -1095,28 +1107,34 @@ _ref2 // Component props
   machineOptions.services = Object.assign({}, machineOptions.services, {
     promptBeginTracking: TrackedMeasurementsContext_promptBeginTracking.bind(null, {
       servicesManager,
-      extensionManager
+      extensionManager,
+      appConfig
     }),
     promptTrackNewSeries: TrackedMeasurementsContext_promptTrackNewSeries.bind(null, {
       servicesManager,
-      extensionManager
+      extensionManager,
+      appConfig
     }),
     promptTrackNewStudy: TrackedMeasurementsContext_promptTrackNewStudy.bind(null, {
       servicesManager,
-      extensionManager
+      extensionManager,
+      appConfig
     }),
     promptSaveReport: TrackedMeasurementsContext_promptSaveReport.bind(null, {
       servicesManager,
       commandsManager,
-      extensionManager
+      extensionManager,
+      appConfig
     }),
     promptHydrateStructuredReport: TrackedMeasurementsContext_promptHydrateStructuredReport.bind(null, {
       servicesManager,
-      extensionManager
+      extensionManager,
+      appConfig
     }),
     hydrateStructuredReport: TrackedMeasurementsContext_hydrateStructuredReport.bind(null, {
       servicesManager,
-      extensionManager
+      extensionManager,
+      appConfig
     })
   });
 
@@ -1129,13 +1147,13 @@ _ref2 // Component props
   // - Fix viewport border resize
   // - created/destroyed hooks for extensions (cornerstone measurement subscriptions in it's `init`)
 
-  const measurementTrackingMachine = (0,es.Machine)(machineConfiguration, machineOptions);
-  const [trackedMeasurements, sendTrackedMeasurementsEvent, trackedMeasurementsService] = (0,lib.useMachine)(measurementTrackingMachine);
+  const measurementTrackingMachine = (0,es/* Machine */.J)(machineConfiguration, machineOptions);
+  const [trackedMeasurements, sendTrackedMeasurementsEvent] = (0,react_es/* useMachine */.eO)(measurementTrackingMachine);
 
   // ~~ Listen for changes to ViewportGrid for potential SRs hung in panes when idle
   (0,react.useEffect)(() => {
-    if (viewports.length > 0) {
-      const activeViewport = viewports[activeViewportIndex];
+    if (viewports.size > 0) {
+      const activeViewport = viewports.get(activeViewportId);
       if (!activeViewport || !activeViewport?.displaySetInstanceUIDs?.length) {
         return;
       }
@@ -1174,11 +1192,11 @@ _ref2 // Component props
         sendTrackedMeasurementsEvent('PROMPT_HYDRATE_SR', {
           displaySetInstanceUID: displaySet.displaySetInstanceUID,
           SeriesInstanceUID: displaySet.SeriesInstanceUID,
-          viewportIndex: activeViewportIndex
+          viewportId: activeViewportId
         });
       }
     }
-  }, [activeViewportIndex, sendTrackedMeasurementsEvent, servicesManager.services, viewports]);
+  }, [activeViewportId, sendTrackedMeasurementsEvent, servicesManager.services, viewports]);
   return /*#__PURE__*/react.createElement(TrackedMeasurementsContext.Provider, {
     value: [trackedMeasurements, sendTrackedMeasurementsEvent]
   }, children);
@@ -1187,7 +1205,8 @@ TrackedMeasurementsContextProvider.propTypes = {
   children: prop_types_default().oneOf([(prop_types_default()).func, (prop_types_default()).node]),
   servicesManager: (prop_types_default()).object.isRequired,
   commandsManager: (prop_types_default()).object.isRequired,
-  extensionManager: (prop_types_default()).object.isRequired
+  extensionManager: (prop_types_default()).object.isRequired,
+  appConfig: (prop_types_default()).object
 };
 
 ;// CONCATENATED MODULE: ../../../extensions/measurement-tracking/src/contexts/TrackedMeasurementsContext/index.js
@@ -1218,7 +1237,7 @@ function getContextModule(_ref) {
 
 /***/ }),
 
-/***/ 43744:
+/***/ 28030:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG
@@ -1230,22 +1249,28 @@ __webpack_require__.d(__webpack_exports__, {
 });
 
 // EXTERNAL MODULE: ../../../extensions/measurement-tracking/src/getContextModule.tsx + 14 modules
-var getContextModule = __webpack_require__(43418);
+var getContextModule = __webpack_require__(1053);
 // EXTERNAL MODULE: ../../../node_modules/react/index.js
-var react = __webpack_require__(32735);
+var react = __webpack_require__(43001);
 // EXTERNAL MODULE: ../../../node_modules/prop-types/index.js
-var prop_types = __webpack_require__(60216);
+var prop_types = __webpack_require__(3827);
 var prop_types_default = /*#__PURE__*/__webpack_require__.n(prop_types);
-// EXTERNAL MODULE: ../../core/src/index.ts + 101 modules
-var src = __webpack_require__(48501);
-// EXTERNAL MODULE: ../../ui/src/index.js + 452 modules
-var ui_src = __webpack_require__(28619);
+// EXTERNAL MODULE: ../node_modules/react-router-dom/dist/index.js
+var dist = __webpack_require__(62474);
+// EXTERNAL MODULE: ../../../node_modules/react-i18next/dist/es/index.js + 15 modules
+var es = __webpack_require__(69190);
+// EXTERNAL MODULE: ../../core/src/index.ts + 75 modules
+var src = __webpack_require__(78695);
+// EXTERNAL MODULE: ../../ui/src/index.js + 458 modules
+var ui_src = __webpack_require__(88344);
 ;// CONCATENATED MODULE: ../../../extensions/measurement-tracking/src/panels/PanelStudyBrowserTracking/PanelStudyBrowserTracking.tsx
 
 
 
 
 
+
+
 const {
   formatDate
 } = src.utils;
@@ -1263,12 +1288,15 @@ function PanelStudyBrowserTracking(_ref) {
     dataSource
   } = _ref;
   const {
-    measurementService,
     displaySetService,
     uiDialogService,
     hangingProtocolService,
     uiNotificationService
   } = servicesManager.services;
+  const navigate = (0,dist/* useNavigate */.s0)();
+  const {
+    t
+  } = (0,es/* useTranslation */.$G)('Common');
 
   // Normally you nest the components so the tree isn't so deep, and the data
   // doesn't have to have such an intense shape. This works well enough for now.
@@ -1277,10 +1305,8 @@ function PanelStudyBrowserTracking(_ref) {
     StudyInstanceUIDs
   } = (0,ui_src/* useImageViewer */.zG)();
   const [{
-    activeViewportIndex,
-    viewports,
-    numCols,
-    numRows
+    activeViewportId,
+    viewports
   }, viewportGridService] = (0,ui_src/* useViewportGrid */.O_)();
   const [trackedMeasurements, sendTrackedMeasurementsEvent] = (0,getContextModule/* useTrackedMeasurements */.I)();
   const [activeTabName, setActiveTabName] = (0,react.useState)('primary');
@@ -1291,9 +1317,9 @@ function PanelStudyBrowserTracking(_ref) {
   const [jumpToDisplaySet, setJumpToDisplaySet] = (0,react.useState)(null);
   const onDoubleClickThumbnailHandler = displaySetInstanceUID => {
     let updatedViewports = [];
-    const viewportIndex = activeViewportIndex;
+    const viewportId = activeViewportId;
     try {
-      updatedViewports = hangingProtocolService.getViewportsRequireUpdate(viewportIndex, displaySetInstanceUID);
+      updatedViewports = hangingProtocolService.getViewportsRequireUpdate(viewportId, displaySetInstanceUID);
     } catch (error) {
       console.warn(error);
       uiNotificationService.show({
@@ -1305,37 +1331,7 @@ function PanelStudyBrowserTracking(_ref) {
     }
     viewportGridService.setDisplaySetsForViewports(updatedViewports);
   };
-  const activeViewportDisplaySetInstanceUIDs = viewports[activeViewportIndex]?.displaySetInstanceUIDs;
-  (0,react.useEffect)(() => {
-    const added = measurementService.EVENTS.MEASUREMENT_ADDED;
-    const addedRaw = measurementService.EVENTS.RAW_MEASUREMENT_ADDED;
-    const subscriptions = [];
-    [added, addedRaw].forEach(evt => {
-      subscriptions.push(measurementService.subscribe(evt, _ref2 => {
-        let {
-          source,
-          measurement
-        } = _ref2;
-        const {
-          referenceSeriesUID: SeriesInstanceUID,
-          referenceStudyUID: StudyInstanceUID
-        } = measurement;
-        sendTrackedMeasurementsEvent('SET_DIRTY', {
-          SeriesInstanceUID
-        });
-        sendTrackedMeasurementsEvent('TRACK_SERIES', {
-          viewportIndex: activeViewportIndex,
-          StudyInstanceUID,
-          SeriesInstanceUID
-        });
-      }).unsubscribe);
-    });
-    return () => {
-      subscriptions.forEach(unsub => {
-        unsub();
-      });
-    };
-  }, [measurementService, activeViewportIndex, sendTrackedMeasurementsEvent]);
+  const activeViewportDisplaySetInstanceUIDs = viewports.get(activeViewportId)?.displaySetInstanceUIDs;
   const {
     trackedSeries
   } = trackedMeasurements.context;
@@ -1348,6 +1344,10 @@ function PanelStudyBrowserTracking(_ref) {
       const qidoForStudyUID = await dataSource.query.studies.search({
         studyInstanceUid: StudyInstanceUID
       });
+      if (!qidoForStudyUID?.length) {
+        navigate('/notfoundstudy', '_self');
+        throw new Error('Invalid study URL');
+      }
       let qidoStudiesForPatient = qidoForStudyUID;
 
       // try to fetch the prior studies based on the patientID if the
@@ -1361,7 +1361,7 @@ function PanelStudyBrowserTracking(_ref) {
       const actuallyMappedStudies = mappedStudies.map(qidoStudy => {
         return {
           studyInstanceUid: qidoStudy.StudyInstanceUID,
-          date: formatDate(qidoStudy.StudyDate),
+          date: formatDate(qidoStudy.StudyDate) || t('NoStudyDate'),
           description: qidoStudy.StudyDescription,
           modalities: qidoStudy.ModalitiesInStudy,
           numInstances: qidoStudy.NumInstances
@@ -1394,7 +1394,7 @@ function PanelStudyBrowserTracking(_ref) {
       const imageId = imageIds[Math.floor(imageIds.length / 2)];
 
       // TODO: Is it okay that imageIds are not returned here for SR displaysets?
-      if (imageId) {
+      if (imageId && !displaySet?.unsupported) {
         // When the image arrives, render it and store the result in the thumbnailImgSrcMap
         newImageSrcEntry[dSet.displaySetInstanceUID] = await getImageSrc(imageId);
         setThumbnailImageSrcMap(prevState => {
@@ -1430,22 +1430,24 @@ function PanelStudyBrowserTracking(_ref) {
         const displaySetInstanceUID = dSet.displaySetInstanceUID;
         const newImageSrcEntry = {};
         const displaySet = displaySetService.getDisplaySetByUID(displaySetInstanceUID);
-        if (options.madeInClient) {
-          setJumpToDisplaySet(displaySetInstanceUID);
-        }
-        const imageIds = dataSource.getImageIdsForDisplaySet(displaySet);
-        const imageId = imageIds[Math.floor(imageIds.length / 2)];
-
-        // TODO: Is it okay that imageIds are not returned here for SR displaysets?
-        if (imageId) {
-          // When the image arrives, render it and store the result in the thumbnailImgSrcMap
-          newImageSrcEntry[displaySetInstanceUID] = await getImageSrc(imageId);
-          setThumbnailImageSrcMap(prevState => {
-            return {
-              ...prevState,
-              ...newImageSrcEntry
-            };
-          });
+        if (!displaySet?.unsupported) {
+          if (options.madeInClient) {
+            setJumpToDisplaySet(displaySetInstanceUID);
+          }
+          const imageIds = dataSource.getImageIdsForDisplaySet(displaySet);
+          const imageId = imageIds[Math.floor(imageIds.length / 2)];
+
+          // TODO: Is it okay that imageIds are not returned here for SR displaysets?
+          if (imageId) {
+            // When the image arrives, render it and store the result in the thumbnailImgSrcMap
+            newImageSrcEntry[displaySetInstanceUID] = await getImageSrc(imageId);
+            setThumbnailImageSrcMap(prevState => {
+              return {
+                ...prevState,
+                ...newImageSrcEntry
+              };
+            });
+          }
         }
       });
     });
@@ -1456,9 +1458,14 @@ function PanelStudyBrowserTracking(_ref) {
       const mappedDisplaySets = _mapDisplaySets(changedDisplaySets, thumbnailImageSrcMap, trackedSeries, viewports, viewportGridService, dataSource, displaySetService, uiDialogService, uiNotificationService);
       setDisplaySets(mappedDisplaySets);
     });
+    const SubscriptionDisplaySetMetaDataInvalidated = displaySetService.subscribe(displaySetService.EVENTS.DISPLAY_SET_SERIES_METADATA_INVALIDATED, () => {
+      const mappedDisplaySets = _mapDisplaySets(displaySetService.getActiveDisplaySets(), thumbnailImageSrcMap, trackedSeries, viewports, viewportGridService, dataSource, displaySetService, uiDialogService, uiNotificationService);
+      setDisplaySets(mappedDisplaySets);
+    });
     return () => {
       SubscriptionDisplaySetsAdded.unsubscribe();
       SubscriptionDisplaySetsChanged.unsubscribe();
+      SubscriptionDisplaySetMetaDataInvalidated.unsubscribe();
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [displaySetService, dataSource, getImageSrc, thumbnailImageSrcMap, trackedSeries, viewports]);
@@ -1571,14 +1578,16 @@ viewportGridService, dataSource, displaySetService, uiDialogService, uiNotificat
   const thumbnailNoImageDisplaySets = [];
   displaySets.filter(ds => !ds.excludeFromThumbnailBrowser).forEach(ds => {
     const imageSrc = thumbnailImageSrcMap[ds.displaySetInstanceUID];
-    const componentType = _getComponentType(ds.Modality);
+    const componentType = _getComponentType(ds);
     const numPanes = viewportGridService.getNumViewportPanes();
-    const viewportIdentificator = numPanes === 1 ? [] : viewports.reduce((acc, viewportData, index) => {
-      if (index < numPanes && viewportData?.displaySetInstanceUIDs?.includes(ds.displaySetInstanceUID)) {
-        acc.push(viewportData.viewportLabel);
-      }
-      return acc;
-    }, []);
+    const viewportIdentificator = [];
+    if (numPanes !== 1) {
+      viewports.forEach(viewportData => {
+        if (viewportData?.displaySetInstanceUIDs?.includes(ds.displaySetInstanceUID)) {
+          viewportIdentificator.push(viewportData.viewportLabel);
+        }
+      });
+    }
     const array = componentType === 'thumbnailTracked' ? thumbnailDisplaySets : thumbnailNoImageDisplaySets;
     const {
       displaySetInstanceUID
@@ -1591,6 +1600,7 @@ viewportGridService, dataSource, displaySetService, uiDialogService, uiNotificat
       seriesDate: formatDate(ds.SeriesDate),
       numInstances: ds.numImageFrames,
       countIcon: ds.countIcon,
+      messages: ds.messages,
       StudyInstanceUID: ds.StudyInstanceUID,
       componentType,
       imageSrc,
@@ -1601,11 +1611,12 @@ viewportGridService, dataSource, displaySetService, uiDialogService, uiNotificat
       },
 
       isTracked: trackedSeriesInstanceUIDs.includes(ds.SeriesInstanceUID),
+      isHydratedForDerivedDisplaySet: ds.isHydrated,
       viewportIdentificator
     };
     if (componentType === 'thumbnailNoImage') {
       if (dataSource.reject && dataSource.reject.series) {
-        thumbnailProps.canReject = true;
+        thumbnailProps.canReject = !ds?.unsupported;
         thumbnailProps.onReject = () => {
           uiDialogService.create({
             id: 'ds-reject-sr',
@@ -1616,7 +1627,7 @@ viewportGridService, dataSource, displaySetService, uiDialogService, uiNotificat
             contentProps: {
               title: 'Delete Report',
               body: () => /*#__PURE__*/react.createElement("div", {
-                className: "p-4 text-white bg-primary-dark"
+                className: "bg-primary-dark p-4 text-white"
               }, /*#__PURE__*/react.createElement("p", null, "Are you sure you want to delete this report?"), /*#__PURE__*/react.createElement("p", null, "This action cannot be undone.")),
               actions: [{
                 id: 'cancel',
@@ -1635,10 +1646,10 @@ viewportGridService, dataSource, displaySetService, uiDialogService, uiNotificat
                 const yesButton = document.querySelector('.reject-yes-button');
                 yesButton.focus();
               },
-              onSubmit: async _ref3 => {
+              onSubmit: async _ref2 => {
                 let {
                   action
-                } = _ref3;
+                } = _ref2;
                 switch (action.id) {
                   case 'yes':
                     try {
@@ -1682,8 +1693,8 @@ viewportGridService, dataSource, displaySetService, uiDialogService, uiNotificat
   return [...thumbnailDisplaySets, ...thumbnailNoImageDisplaySets];
 }
 const thumbnailNoImageModalities = ['SR', 'SEG', 'SM', 'RTSTRUCT', 'RTPLAN', 'RTDOSE', 'DOC', 'OT'];
-function _getComponentType(Modality) {
-  if (thumbnailNoImageModalities.includes(Modality)) {
+function _getComponentType(ds) {
+  if (thumbnailNoImageModalities.includes(ds.Modality) || ds?.unsupported) {
     return 'thumbnailNoImage';
   }
   return 'thumbnailTracked';
@@ -1880,10 +1891,8 @@ WrappedPanelStudyBrowserTracking.propTypes = {
   servicesManager: (prop_types_default()).object.isRequired
 };
 /* harmony default export */ const panels_PanelStudyBrowserTracking = (WrappedPanelStudyBrowserTracking);
-// EXTERNAL MODULE: ./hooks/index.js + 3 modules
-var hooks = __webpack_require__(39852);
-// EXTERNAL MODULE: ../../../node_modules/react-i18next/dist/es/index.js + 15 modules
-var es = __webpack_require__(21572);
+// EXTERNAL MODULE: ./hooks/index.js + 1 modules
+var hooks = __webpack_require__(10800);
 ;// CONCATENATED MODULE: ../../../extensions/measurement-tracking/src/panels/PanelMeasurementTableTracking/ActionButtons.tsx
 
 
@@ -1923,7 +1932,7 @@ ActionButtons.defaultProps = {
 };
 /* harmony default export */ const PanelMeasurementTableTracking_ActionButtons = (ActionButtons);
 // EXTERNAL MODULE: ../../../node_modules/lodash.debounce/index.js
-var lodash_debounce = __webpack_require__(40001);
+var lodash_debounce = __webpack_require__(8324);
 var lodash_debounce_default = /*#__PURE__*/__webpack_require__.n(lodash_debounce);
 ;// CONCATENATED MODULE: ../../../extensions/measurement-tracking/src/panels/PanelMeasurementTableTracking/index.tsx
 
@@ -1955,9 +1964,9 @@ function PanelMeasurementTableTracking(_ref) {
     servicesManager,
     extensionManager
   } = _ref;
-  const [viewportGrid, viewportGridService] = (0,ui_src/* useViewportGrid */.O_)();
+  const [viewportGrid] = (0,ui_src/* useViewportGrid */.O_)();
   const [measurementChangeTimestamp, setMeasurementsUpdated] = (0,react.useState)(Date.now().toString());
-  const debouncedMeasurementChangeTimestamp = (0,hooks/* useDebounce */.Nr)(measurementChangeTimestamp, 200);
+  const debouncedMeasurementChangeTimestamp = (0,hooks/* useDebounce */.N)(measurementChangeTimestamp, 200);
   const {
     measurementService,
     uiDialogService,
@@ -2051,7 +2060,7 @@ function PanelMeasurementTableTracking(_ref) {
       uid,
       isActive
     } = _ref2;
-    measurementService.jumpToMeasurement(viewportGrid.activeViewportIndex, uid);
+    measurementService.jumpToMeasurement(viewportGrid.activeViewportId, uid);
     onMeasurementItemClickHandler({
       uid,
       isActive
@@ -2124,7 +2133,7 @@ function PanelMeasurementTableTracking(_ref) {
             labelClassName: "text-white grow text-[14px] leading-[1.2]",
             autoFocus: true,
             id: "annotation",
-            className: "bg-black border-primary-main",
+            className: "border-primary-main bg-black",
             type: "text",
             value: value.label,
             onChange: onChangeHandler,
@@ -2160,7 +2169,7 @@ function PanelMeasurementTableTracking(_ref) {
   const displayMeasurementsWithoutFindings = displayMeasurements.filter(dm => dm.measurementType !== measurementService.VALUE_TYPES.POINT);
   const additionalFindings = displayMeasurements.filter(dm => dm.measurementType === measurementService.VALUE_TYPES.POINT);
   return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement("div", {
-    className: "overflow-x-hidden overflow-y-auto invisible-scrollbar",
+    className: "invisible-scrollbar overflow-y-auto overflow-x-hidden",
     ref: measurementsPanelRef,
     "data-cy": 'trackedMeasurements-panel'
   }, displayStudySummary.key && /*#__PURE__*/react.createElement(ui_src/* StudySummary */.YL, {
@@ -2185,7 +2194,7 @@ function PanelMeasurementTableTracking(_ref) {
     onExportClick: exportReport,
     onCreateReportClick: () => {
       sendTrackedMeasurementsEvent('SAVE_REPORT', {
-        viewportIndex: viewportGrid.activeViewportIndex,
+        viewportId: viewportGrid.activeViewportId,
         isBackupSave: true
       });
     },
@@ -2234,7 +2243,9 @@ function _mapMeasurementToDisplay(measurement, types, displaySetService) {
   if (findingSites) {
     const siteText = [];
     findingSites.forEach(site => {
-      if (site?.text !== label) siteText.push(site.text);
+      if (site?.text !== label) {
+        siteText.push(site.text);
+      }
     });
     displayText = [...siteText, ...displayText];
   }
@@ -2298,7 +2309,7 @@ function getPanelModule(_ref) {
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 const Component = /*#__PURE__*/react.lazy(() => {
-  return __webpack_require__.e(/* import() */ 799).then(__webpack_require__.bind(__webpack_require__, 91799));
+  return __webpack_require__.e(/* import() */ 822).then(__webpack_require__.bind(__webpack_require__, 86822));
 });
 const OHIFCornerstoneViewport = props => {
   return /*#__PURE__*/react.createElement(react.Suspense, {