@ohif/app 3.10.1 → 3.10.2

package/dist/{app.bundle.d09601053966ecdcfe4b.js → app.bundle.223c009cd6f636320f76.js}

@@ -3686,7 +3686,7 @@ else {}
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var _kitware_vtk_js_Rendering_Core_ColorTransferFunction__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(33739);
+/* harmony import */ var _kitware_vtk_js_Rendering_Core_ColorTransferFunction__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(642);
 /* harmony import */ var _kitware_vtk_js_Rendering_Core_ColorTransferFunction_ColorMaps__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(660);
 /* harmony import */ var _kitware_vtk_js_Common_DataModel_PiecewiseFunction__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(99341);
 /* harmony import */ var gl_matrix__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(3823);
@@ -4051,19 +4051,14 @@ class BaseVolumeViewport extends _Viewport__WEBPACK_IMPORTED_MODULE_18__/* ["def
         const { volumeActor } = applicableVolumeActorInfo;
         const ofun = _kitware_vtk_js_Common_DataModel_PiecewiseFunction__WEBPACK_IMPORTED_MODULE_2__/* ["default"].newInstance */ .Ay.newInstance();
         if (typeof colormap.opacity === 'number') {
-            const range = volumeActor
-                .getProperty()
-                .getRGBTransferFunction(0)
-                .getRange();
-            ofun.addPoint(range[0], colormap.opacity);
-            ofun.addPoint(range[1], colormap.opacity);
+            (0,_utilities_colormap__WEBPACK_IMPORTED_MODULE_11__.updateOpacity)(volumeActor, colormap.opacity);
         }
         else {
             colormap.opacity.forEach(({ opacity, value }) => {
                 ofun.addPoint(value, opacity);
             });
+            volumeActor.getProperty().setScalarOpacity(0, ofun);
         }
-        volumeActor.getProperty().setScalarOpacity(0, ofun);
         if (!this.viewportProperties.colormap) {
             this.viewportProperties.colormap = {};
         }
@@ -4250,6 +4245,7 @@ class BaseVolumeViewport extends _Viewport__WEBPACK_IMPORTED_MODULE_18__/* ["def
         const isNegativeNormal = (0,_utilities_isEqual__WEBPACK_IMPORTED_MODULE_24__/* .isEqualNegative */ .WC)(viewPlaneNormal, refViewPlaneNormal);
         const isSameNormal = (0,_utilities_isEqual__WEBPACK_IMPORTED_MODULE_24__/* ["default"] */ .Ay)(viewPlaneNormal, refViewPlaneNormal);
         if (typeof sliceIndex === 'number' &&
+            volumeId !== undefined &&
             viewRef.volumeId === volumeId &&
             (isNegativeNormal || isSameNormal)) {
             const { currentStepIndex, sliceRangeInfo, numScrollSteps } = (0,_utilities_getVolumeViewportScrollInfo__WEBPACK_IMPORTED_MODULE_20__/* ["default"] */ .A)(this, volumeId, true);
@@ -4267,17 +4263,6 @@ class BaseVolumeViewport extends _Viewport__WEBPACK_IMPORTED_MODULE_18__/* ["def
                 this.setViewReference(viewRef);
                 return;
             }
-            if (cameraFocalPoint) {
-                const focalDelta = gl_matrix__WEBPACK_IMPORTED_MODULE_3__/* .vec3.subtract */ .eR.subtract([0, 0, 0], cameraFocalPoint, focalPoint);
-                const useNormal = refViewPlaneNormal ?? viewPlaneNormal;
-                const normalDot = gl_matrix__WEBPACK_IMPORTED_MODULE_3__/* .vec3.dot */ .eR.dot(focalDelta, useNormal);
-                if (!(0,_utilities_isEqual__WEBPACK_IMPORTED_MODULE_24__/* ["default"] */ .Ay)(normalDot, 0)) {
-                    gl_matrix__WEBPACK_IMPORTED_MODULE_3__/* .vec3.scale */ .eR.scale(focalDelta, useNormal, normalDot);
-                }
-                const newFocal = gl_matrix__WEBPACK_IMPORTED_MODULE_3__/* .vec3.add */ .eR.add([0, 0, 0], focalPoint, focalDelta);
-                const newPosition = gl_matrix__WEBPACK_IMPORTED_MODULE_3__/* .vec3.add */ .eR.add([0, 0, 0], position, focalDelta);
-                this.setCamera({ focalPoint: newFocal, position: newPosition });
-            }
             if (referencedImageId && this.isInAcquisitionPlane()) {
                 const imagePlaneModule = _metaData__WEBPACK_IMPORTED_MODULE_28__.get(_enums__WEBPACK_IMPORTED_MODULE_6__.MetadataModules.IMAGE_PLANE, referencedImageId);
                 const { imagePositionPatient } = imagePlaneModule;
@@ -4289,12 +4274,36 @@ class BaseVolumeViewport extends _Viewport__WEBPACK_IMPORTED_MODULE_18__/* ["def
                     focalPoint: newImagePositionPatient,
                 });
                 this.render();
+                return;
+            }
+            if (cameraFocalPoint) {
+                const focalDelta = gl_matrix__WEBPACK_IMPORTED_MODULE_3__/* .vec3.subtract */ .eR.subtract([0, 0, 0], cameraFocalPoint, focalPoint);
+                const useNormal = refViewPlaneNormal ?? viewPlaneNormal;
+                const normalDot = gl_matrix__WEBPACK_IMPORTED_MODULE_3__/* .vec3.dot */ .eR.dot(focalDelta, useNormal);
+                if (!(0,_utilities_isEqual__WEBPACK_IMPORTED_MODULE_24__/* ["default"] */ .Ay)(normalDot, 0)) {
+                    gl_matrix__WEBPACK_IMPORTED_MODULE_3__/* .vec3.scale */ .eR.scale(focalDelta, useNormal, normalDot);
+                }
+                const newFocal = gl_matrix__WEBPACK_IMPORTED_MODULE_3__/* .vec3.add */ .eR.add([0, 0, 0], focalPoint, focalDelta);
+                const newPosition = gl_matrix__WEBPACK_IMPORTED_MODULE_3__/* .vec3.add */ .eR.add([0, 0, 0], position, focalDelta);
+                this.setCamera({ focalPoint: newFocal, position: newPosition });
             }
         }
         else {
             throw new Error(`Incompatible view refs: ${refFrameOfReference}!==${this.getFrameOfReferenceUID()}`);
         }
     }
+    setThreshold(colormap, volumeId) {
+        const applicableVolumeActorInfo = this._getApplicableVolumeActor(volumeId);
+        if (!applicableVolumeActorInfo) {
+            return;
+        }
+        const { volumeActor } = applicableVolumeActorInfo;
+        (0,_utilities_colormap__WEBPACK_IMPORTED_MODULE_11__.updateThreshold)(volumeActor, colormap.threshold);
+        if (!this.viewportProperties.colormap) {
+            this.viewportProperties.colormap = {};
+        }
+        this.viewportProperties.colormap.threshold = colormap.threshold;
+    }
     setProperties({ voiRange, VOILUTFunction, invert, colormap, preset, interpolationType, slabThickness, } = {}, volumeId, suppressEvents = false) {
         if (this.globalDefaultProperties == null) {
             this.setDefaultProperties({
@@ -4315,6 +4324,9 @@ class BaseVolumeViewport extends _Viewport__WEBPACK_IMPORTED_MODULE_18__/* ["def
         if (colormap?.opacity != null) {
             this.setOpacity(colormap, volumeId);
         }
+        if (colormap?.threshold != null) {
+            this.setThreshold(colormap, volumeId);
+        }
         if (voiRange !== undefined) {
             this.setVOI(voiRange, volumeId, suppressEvents);
         }
@@ -4577,14 +4589,34 @@ class BaseVolumeViewport extends _Viewport__WEBPACK_IMPORTED_MODULE_18__/* ["def
                 throw new Error('Invalid orientation object. It must contain viewPlaneNormal and viewUp');
             }
         }
-        else if (typeof orientation === 'string' &&
-            _constants__WEBPACK_IMPORTED_MODULE_5__.MPR_CAMERA_VALUES[orientation]) {
-            this.viewportProperties.orientation = orientation;
-            return _constants__WEBPACK_IMPORTED_MODULE_5__.MPR_CAMERA_VALUES[orientation];
+        else if (typeof orientation === 'string') {
+            if (orientation === 'acquisition') {
+                return this._getAcquisitionPlaneOrientation();
+            }
+            else if (_constants__WEBPACK_IMPORTED_MODULE_5__.MPR_CAMERA_VALUES[orientation]) {
+                this.viewportProperties.orientation = orientation;
+                return _constants__WEBPACK_IMPORTED_MODULE_5__.MPR_CAMERA_VALUES[orientation];
+            }
         }
-        else {
-            throw new Error(`Invalid orientation: ${orientation}. Valid orientations are: ${Object.keys(_constants__WEBPACK_IMPORTED_MODULE_5__.MPR_CAMERA_VALUES).join(', ')}`);
+        throw new Error(`Invalid orientation: ${orientation}. Valid orientations are: ${Object.keys(_constants__WEBPACK_IMPORTED_MODULE_5__.MPR_CAMERA_VALUES).join(', ')}`);
+    }
+    _getAcquisitionPlaneOrientation() {
+        const actorEntry = this.getDefaultActor();
+        if (!actorEntry) {
+            return;
+        }
+        const volumeId = this.getVolumeId();
+        const imageVolume = _cache_cache__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Ay.getVolume(volumeId);
+        if (!imageVolume) {
+            throw new Error(`imageVolume with id: ${volumeId} does not exist in cache`);
         }
+        const { direction } = imageVolume;
+        const viewPlaneNormal = direction.slice(6, 9).map((x) => -x);
+        const viewUp = direction.slice(3, 6).map((x) => -x);
+        return {
+            viewPlaneNormal,
+            viewUp,
+        };
     }
     getSlabThickness() {
         const actors = this.getActors();
@@ -4663,8 +4695,8 @@ var DataArray = __webpack_require__(42008);
 var ImageData = __webpack_require__(58498);
 // EXTERNAL MODULE: ../../../node_modules/@kitware/vtk.js/Rendering/Core/Camera.js
 var Camera = __webpack_require__(26719);
-// EXTERNAL MODULE: ../../../node_modules/@kitware/vtk.js/Rendering/Core/ColorTransferFunction.js + 1 modules
-var ColorTransferFunction = __webpack_require__(33739);
+// EXTERNAL MODULE: ../../../node_modules/@kitware/vtk.js/Rendering/Core/ColorTransferFunction.js
+var ColorTransferFunction = __webpack_require__(642);
 // EXTERNAL MODULE: ../../../node_modules/@kitware/vtk.js/Rendering/Core/ColorTransferFunction/ColorMaps.js + 1 modules
 var ColorMaps = __webpack_require__(660);
 // EXTERNAL MODULE: ../../../node_modules/@kitware/vtk.js/Rendering/Core/ImageMapper/Constants.js
@@ -6939,6 +6971,10 @@ class StackViewport extends Viewport/* default */.A {
             origin = [0, 0, 0];
         }
         this._imageData.setOrigin(origin);
+        const actor = this.getActor(this.id);
+        if (actor) {
+            actor.referencedId = image.imageId;
+        }
         (0,updateVTKImageDataWithCornerstoneImage/* updateVTKImageDataWithCornerstoneImage */.J)(this._imageData, image);
     }
     _loadAndDisplayImage(imageId, imageIdIndex) {
@@ -7206,7 +7242,7 @@ class StackViewport extends Viewport/* default */.A {
             oldActors[0].actor = actor;
         }
         else {
-            oldActors.unshift({ uid: this.id, actor });
+            oldActors.unshift({ uid: this.id, actor, referencedId: image.imageId });
         }
         this.setActors(oldActors);
         const { viewPlaneNormal, viewUp } = this._getCameraOrientation(direction);
@@ -7356,6 +7392,7 @@ class StackViewport extends Viewport/* default */.A {
             return Promise.resolve(this.getCurrentImageId());
         }
         const imageIdPromise = this._setImageIdIndex(imageIdIndex);
+        this.targetImageIdIndex = imageIdIndex;
         return imageIdPromise;
     }
     calibrateSpacing(imageId) {
@@ -8847,22 +8884,41 @@ class Viewport {
         return this.getActors()[index];
     }
     setActors(actors) {
+        const currentActors = this.getActors();
         this.removeAllActors();
         this.addActors(actors, { resetCamera: true });
+        (0,_utilities_triggerEvent__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .A)(this.element, _enums_Events__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .A.ACTORS_CHANGED, {
+            viewportId: this.id,
+            removedActors: currentActors,
+            addedActors: actors,
+            currentActors: actors,
+        });
     }
     _removeActor(actorUID) {
         const actorEntry = this.getActor(actorUID);
         if (!actorEntry) {
-            console.warn(`Actor ${actorUID} does not exist for this viewport`);
+            console.warn(`Actor ${actorUID} does not exist in ${this.id}, can't remove`);
             return;
         }
         const renderer = this.getRenderer();
-        renderer.removeViewProp(actorEntry.actor);
+        renderer.removeActor(actorEntry.actor);
         this._actors.delete(actorUID);
+        return actorEntry;
     }
     removeActors(actorUIDs) {
+        const removedActors = [];
         actorUIDs.forEach((actorUID) => {
-            this._removeActor(actorUID);
+            const removedActor = this._removeActor(actorUID);
+            if (removedActor) {
+                removedActors.push(removedActor);
+            }
+        });
+        const currentActors = this.getActors();
+        (0,_utilities_triggerEvent__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .A)(this.element, _enums_Events__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .A.ACTORS_CHANGED, {
+            viewportId: this.id,
+            removedActors,
+            addedActors: [],
+            currentActors,
         });
     }
     addActors(actors, options = {}) {
@@ -8882,6 +8938,12 @@ class Viewport {
             this.setViewReference(prevViewRef);
             this.setViewPresentation(prevViewPresentation);
         }
+        (0,_utilities_triggerEvent__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .A)(this.element, _enums_Events__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .A.ACTORS_CHANGED, {
+            viewportId: this.id,
+            removedActors: [],
+            addedActors: actors,
+            currentActors: this.getActors(),
+        });
     }
     addActor(actorEntry) {
         const { uid: actorUID, actor } = actorEntry;
@@ -8901,10 +8963,23 @@ class Viewport {
         renderer?.addActor(actor);
         this._actors.set(actorUID, Object.assign({}, actorEntry));
         this.updateCameraClippingPlanesAndRange();
+        (0,_utilities_triggerEvent__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .A)(this.element, _enums_Events__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .A.ACTORS_CHANGED, {
+            viewportId: this.id,
+            removedActors: [],
+            addedActors: [actorEntry],
+            currentActors: this.getActors(),
+        });
     }
     removeAllActors() {
+        const currentActors = this.getActors();
         this.getRenderer()?.removeAllViewProps();
         this._actors = new Map();
+        (0,_utilities_triggerEvent__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .A)(this.element, _enums_Events__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .A.ACTORS_CHANGED, {
+            viewportId: this.id,
+            removedActors: currentActors,
+            addedActors: [],
+            currentActors: [],
+        });
         return;
     }
     resetCameraNoEvent() {
@@ -9064,7 +9139,15 @@ class Viewport {
             flipVertical: false,
         });
         const previousCamera = this.getCamera();
-        const bounds = renderer.computeVisiblePropBounds();
+        let bounds;
+        const defaultActor = this.getDefaultActor();
+        if (defaultActor && (0,_utilities_actorCheck__WEBPACK_IMPORTED_MODULE_8__/* .isImageActor */ .e)(defaultActor)) {
+            const imageData = defaultActor.actor.getMapper().getInputData();
+            bounds = imageData.getBounds();
+        }
+        else {
+            bounds = renderer.computeVisiblePropBounds();
+        }
         const focalPoint = [0, 0, 0];
         const imageData = this.getDefaultImageData();
         if (imageData) {
@@ -9815,11 +9898,11 @@ class VolumeViewport extends BaseVolumeViewport/* default */.A {
     setOrientation(orientation, immediate = true) {
         let viewPlaneNormal, viewUp;
         if (typeof orientation === 'string') {
-            if (constants.MPR_CAMERA_VALUES[orientation]) {
-                ({ viewPlaneNormal, viewUp } = constants.MPR_CAMERA_VALUES[orientation]);
+            if (orientation === enums.OrientationAxis.ACQUISITION) {
+                ({ viewPlaneNormal, viewUp } = super._getAcquisitionPlaneOrientation());
             }
-            else if (orientation === 'acquisition') {
-                ({ viewPlaneNormal, viewUp } = this._getAcquisitionPlaneOrientation());
+            else if (constants.MPR_CAMERA_VALUES[orientation]) {
+                ({ viewPlaneNormal, viewUp } = constants.MPR_CAMERA_VALUES[orientation]);
             }
             else {
                 throw new Error(`Invalid orientation: ${orientation}. Use Enums.OrientationAxis instead.`);
@@ -9852,24 +9935,6 @@ class VolumeViewport extends BaseVolumeViewport/* default */.A {
             activeCamera.setClippingRange(constants.RENDERING_DEFAULTS.MINIMUM_SLAB_THICKNESS, constants.RENDERING_DEFAULTS.MAXIMUM_RAY_DISTANCE);
         }
     }
-    _getAcquisitionPlaneOrientation() {
-        const actorEntry = this.getDefaultActor();
-        if (!actorEntry) {
-            return;
-        }
-        const volumeId = this.getVolumeId();
-        const imageVolume = cache/* default */.Ay.getVolume(volumeId);
-        if (!imageVolume) {
-            throw new Error(`imageVolume with id: ${volumeId} does not exist in cache`);
-        }
-        const { direction } = imageVolume;
-        const viewPlaneNormal = direction.slice(6, 9).map((x) => -x);
-        const viewUp = direction.slice(3, 6).map((x) => -x);
-        return {
-            viewPlaneNormal,
-            viewUp,
-        };
-    }
     _setViewPlaneToAcquisitionPlane(imageVolume) {
         let viewPlaneNormal, viewUp;
         if (imageVolume) {
@@ -13083,8 +13148,8 @@ var macros2 = __webpack_require__(28906);
 var BoundingBox = __webpack_require__(21734);
 // EXTERNAL MODULE: ../../../node_modules/@kitware/vtk.js/Rendering/Core/Prop3D.js
 var Prop3D = __webpack_require__(62502);
-// EXTERNAL MODULE: ../../../node_modules/@kitware/vtk.js/Rendering/Core/ColorTransferFunction.js + 1 modules
-var ColorTransferFunction = __webpack_require__(33739);
+// EXTERNAL MODULE: ../../../node_modules/@kitware/vtk.js/Rendering/Core/ColorTransferFunction.js
+var ColorTransferFunction = __webpack_require__(642);
 // EXTERNAL MODULE: ../../../node_modules/@kitware/vtk.js/Common/DataModel/PiecewiseFunction.js
 var PiecewiseFunction = __webpack_require__(99341);
 // EXTERNAL MODULE: ../../../node_modules/@kitware/vtk.js/Rendering/Core/VolumeProperty/Constants.js
@@ -21672,11 +21737,12 @@ class BaseStreamingImageVolume extends _ImageVolume__WEBPACK_IMPORTED_MODULE_9__
             rescaleIntercept: modalityLutModule.rescaleIntercept,
             modality: generalSeriesModule.modality,
         };
-        if (scalingParameters.modality === 'PT') {
-            const suvFactor = _metaData__WEBPACK_IMPORTED_MODULE_0__.get('scalingModule', imageId);
-            if (suvFactor) {
-                this._addScalingToVolume(suvFactor);
-                scalingParameters.suvbw = suvFactor.suvbw;
+        const modality = scalingParameters.modality;
+        if (modality === 'PT' || modality === 'RTDOSE') {
+            const scalingFactor = _metaData__WEBPACK_IMPORTED_MODULE_0__.get('scalingModule', imageId);
+            if (scalingFactor) {
+                this._addScalingToVolume(scalingFactor);
+                Object.assign(scalingParameters, scalingFactor);
             }
         }
         const floatAfterScale = (0,_utilities_hasFloatScalingParameters__WEBPACK_IMPORTED_MODULE_6__/* .hasFloatScalingParameters */ .a)(scalingParameters);
@@ -25953,6 +26019,7 @@ var Events;
     Events["GEOMETRY_LOADED"] = "GEOMETRY_LOADED";
     Events["GEOMETRY_LOAD_PROGRESS"] = "GEOMETRY_LOAD_PROGRESS";
     Events["GEOMETRY_LOADED_FAILED"] = "GEOMETRY_LOADED_FAILED";
+    Events["ACTORS_CHANGED"] = "CORNERSTONE_ACTORS_CHANGED";
 })(Events || (Events = {}));
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Events);
 
@@ -38102,7 +38169,7 @@ function actorIsA(actorEntry, actorType) {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   A: () => (/* binding */ applyPreset)
 /* harmony export */ });
-/* harmony import */ var _kitware_vtk_js_Rendering_Core_ColorTransferFunction__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(33739);
+/* harmony import */ var _kitware_vtk_js_Rendering_Core_ColorTransferFunction__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(642);
 /* harmony import */ var _kitware_vtk_js_Common_DataModel_PiecewiseFunction__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(99341);
 
 
@@ -38445,11 +38512,18 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   findMatchingColormap: () => (/* binding */ findMatchingColormap),
 /* harmony export */   getColormap: () => (/* binding */ getColormap),
 /* harmony export */   getColormapNames: () => (/* binding */ getColormapNames),
-/* harmony export */   registerColormap: () => (/* binding */ registerColormap)
+/* harmony export */   registerColormap: () => (/* binding */ registerColormap),
+/* harmony export */   setColorMapTransferFunctionForVolumeActor: () => (/* binding */ setColorMapTransferFunctionForVolumeActor),
+/* harmony export */   updateOpacity: () => (/* binding */ updateOpacity),
+/* harmony export */   updateThreshold: () => (/* binding */ updateThreshold)
 /* harmony export */ });
 /* harmony import */ var _kitware_vtk_js_Rendering_Core_ColorTransferFunction_ColorMaps__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(660);
-/* harmony import */ var _isEqual__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(74638);
-/* harmony import */ var _actorCheck__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(98039);
+/* harmony import */ var _kitware_vtk_js_Rendering_Core_ColorTransferFunction__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(642);
+/* harmony import */ var _kitware_vtk_js_Common_DataModel_PiecewiseFunction__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(99341);
+/* harmony import */ var _isEqual__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(74638);
+/* harmony import */ var _actorCheck__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(98039);
+
+
 
 
 
@@ -38474,7 +38548,7 @@ function findMatchingColormap(rgbPoints, actor) {
             return false;
         }
         for (let i = 0; i < presetRGBPoints.length; i += 4) {
-            if (!(0,_isEqual__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Ay)(presetRGBPoints.slice(i + 1, i + 4), rgbPoints.slice(i + 1, i + 4))) {
+            if (!(0,_isEqual__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Ay)(presetRGBPoints.slice(i + 1, i + 4), rgbPoints.slice(i + 1, i + 4))) {
                 return false;
             }
         }
@@ -38484,7 +38558,7 @@ function findMatchingColormap(rgbPoints, actor) {
         return null;
     }
     const opacity = [];
-    if ((0,_actorCheck__WEBPACK_IMPORTED_MODULE_2__/* .actorIsA */ .N)(actor, 'vtkVolume')) {
+    if ((0,_actorCheck__WEBPACK_IMPORTED_MODULE_4__/* .actorIsA */ .N)(actor, 'vtkVolume')) {
         const opacityPoints = actor
             .getProperty()
             .getScalarOpacity(0)
@@ -38506,6 +38580,80 @@ function findMatchingColormap(rgbPoints, actor) {
         opacity,
     };
 }
+function setColorMapTransferFunctionForVolumeActor(volumeInfo) {
+    const { volumeActor, preset, opacity = 0.9, threshold = null, colorRange = [0, 5], } = volumeInfo;
+    const mapper = volumeActor.getMapper();
+    mapper.setSampleDistance(1.0);
+    const cfun = _kitware_vtk_js_Rendering_Core_ColorTransferFunction__WEBPACK_IMPORTED_MODULE_1__/* ["default"].newInstance */ .Ay.newInstance();
+    const presetToUse = preset || _kitware_vtk_js_Rendering_Core_ColorTransferFunction_ColorMaps__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.getPresetByName('hsv');
+    cfun.applyColorMap(presetToUse);
+    cfun.setMappingRange(colorRange[0], colorRange[1]);
+    volumeActor.getProperty().setRGBTransferFunction(0, cfun);
+    updateOpacityWithThreshold(volumeActor, opacity, threshold);
+}
+function updateOpacity(volumeActor, newOpacity) {
+    const currentThreshold = getThresholdValue(volumeActor);
+    updateOpacityWithThreshold(volumeActor, newOpacity, currentThreshold);
+}
+function updateThreshold(volumeActor, newThreshold) {
+    const currentOpacity = getMaxOpacity(volumeActor);
+    updateOpacityWithThreshold(volumeActor, currentOpacity, newThreshold);
+}
+function updateOpacityWithThreshold(volumeActor, opacity, threshold) {
+    const transferFunction = volumeActor.getProperty().getRGBTransferFunction(0);
+    const range = transferFunction.getRange();
+    const ofun = _kitware_vtk_js_Common_DataModel_PiecewiseFunction__WEBPACK_IMPORTED_MODULE_2__/* ["default"].newInstance */ .Ay.newInstance();
+    if (threshold !== null) {
+        const delta = Math.abs(range[1] - range[0]) * 0.001;
+        const thresholdValue = Math.max(range[0], Math.min(range[1], threshold));
+        ofun.addPoint(range[0], 0);
+        ofun.addPoint(thresholdValue - delta, 0);
+        ofun.addPoint(thresholdValue, opacity);
+        ofun.addPoint(range[1], opacity);
+    }
+    else {
+        ofun.addPoint(range[0], opacity);
+        ofun.addPoint(range[1], opacity);
+    }
+    volumeActor.getProperty().setScalarOpacity(0, ofun);
+}
+function getThresholdValue(volumeActor) {
+    const opacityFunction = volumeActor.getProperty().getScalarOpacity(0);
+    if (!opacityFunction) {
+        return null;
+    }
+    const dataArray = opacityFunction.getDataPointer();
+    if (!dataArray || dataArray.length <= 4) {
+        return null;
+    }
+    for (let i = 0; i < dataArray.length - 2; i += 2) {
+        const x1 = dataArray[i];
+        const y1 = dataArray[i + 1];
+        const x2 = dataArray[i + 2];
+        const y2 = dataArray[i + 3];
+        if (y1 === 0 && y2 > 0) {
+            return x2;
+        }
+    }
+    return null;
+}
+function getMaxOpacity(volumeActor) {
+    const opacityFunction = volumeActor.getProperty().getScalarOpacity(0);
+    if (!opacityFunction) {
+        return 1.0;
+    }
+    const dataArray = opacityFunction.getDataPointer();
+    if (!dataArray || dataArray.length === 0) {
+        return 1.0;
+    }
+    let maxOpacity = 0;
+    for (let i = 1; i < dataArray.length; i += 2) {
+        if (dataArray[i] > maxOpacity) {
+            maxOpacity = dataArray[i];
+        }
+    }
+    return maxOpacity;
+}
 
 
 
@@ -38518,7 +38666,7 @@ function findMatchingColormap(rgbPoints, actor) {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   A: () => (/* binding */ createLinearRGBTransferFunction)
 /* harmony export */ });
-/* harmony import */ var _kitware_vtk_js_Rendering_Core_ColorTransferFunction__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(33739);
+/* harmony import */ var _kitware_vtk_js_Rendering_Core_ColorTransferFunction__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(642);
 
 function createLinearRGBTransferFunction(voiRange) {
     const cfun = _kitware_vtk_js_Rendering_Core_ColorTransferFunction__WEBPACK_IMPORTED_MODULE_0__/* ["default"].newInstance */ .Ay.newInstance();
@@ -38598,7 +38746,7 @@ function createPositionCallback(imageData) {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   A: () => (/* binding */ createSigmoidRGBTransferFunction)
 /* harmony export */ });
-/* harmony import */ var _kitware_vtk_js_Rendering_Core_ColorTransferFunction__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(33739);
+/* harmony import */ var _kitware_vtk_js_Rendering_Core_ColorTransferFunction__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(642);
 /* harmony import */ var _kitware_vtk_js_Common_Core_DataArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(42008);
 /* harmony import */ var _windowLevel__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(68136);
 /* harmony import */ var _logit__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(58977);
@@ -38930,6 +39078,8 @@ function getConstructorFromType(bufferType, isVolumeBuffer) {
             return Float32Array;
         case 'Uint8Array':
             return Uint8Array;
+        case 'Uint32Array':
+            return Uint32Array;
         case 'Uint16Array':
         case 'Int16Array':
             if (!isVolumeBuffer) {
@@ -38941,7 +39091,7 @@ function getConstructorFromType(bufferType, isVolumeBuffer) {
             }
         default:
             if (bufferType) {
-                throw new Error('TargetBuffer should be Float32Array, Uint8Array, Uint16Array, or Int16Array');
+                throw new Error('TargetBuffer should be Float32Array, Uint8Array, Uint16Array, Int16Array, or Uint32Array');
             }
             else {
                 return Float32Array;
@@ -38969,12 +39119,15 @@ function getBufferConfiguration(targetBufferType, length, options = {}) {
 /* harmony export */ });
 /* harmony import */ var gl_matrix__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3823);
 /* harmony import */ var _metaData__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(74876);
-/* harmony import */ var _getSpacingInNormalDirection__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(85008);
-/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(19325);
+/* harmony import */ var _logger__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7608);
+/* harmony import */ var _getSpacingInNormalDirection__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(85008);
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(19325);
 
 
 
 
+
+const log = _logger__WEBPACK_IMPORTED_MODULE_2__.coreLog.getLogger('utilities', 'getClosestImageId');
 function getClosestImageId(imageVolume, worldPos, viewPlaneNormal, options) {
     const { direction, spacing, imageIds } = imageVolume;
     const { ignoreSpacing = false } = options || {};
@@ -38983,13 +39136,12 @@ function getClosestImageId(imageVolume, worldPos, viewPlaneNormal, options) {
     }
     const kVector = direction.slice(6, 9);
     const dotProduct = gl_matrix__WEBPACK_IMPORTED_MODULE_0__/* .vec3.dot */ .eR.dot(kVector, viewPlaneNormal);
-    if (Math.abs(dotProduct) < 1 - _constants__WEBPACK_IMPORTED_MODULE_3__.EPSILON) {
-        console.debug('View plane normal is not parallel to the image scan axis. Unable to find closest imageId.');
+    if (Math.abs(dotProduct) < 1 - _constants__WEBPACK_IMPORTED_MODULE_4__.EPSILON) {
         return;
     }
     let halfSpacingInNormalDirection;
     if (!ignoreSpacing) {
-        const spacingInNormalDirection = (0,_getSpacingInNormalDirection__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .A)({ direction, spacing }, viewPlaneNormal);
+        const spacingInNormalDirection = (0,_getSpacingInNormalDirection__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .A)({ direction, spacing }, viewPlaneNormal);
         halfSpacingInNormalDirection = spacingInNormalDirection / 2;
     }
     let closestImageId;
@@ -38998,7 +39150,7 @@ function getClosestImageId(imageVolume, worldPos, viewPlaneNormal, options) {
         const imageId = imageIds[i];
         const imagePlaneModule = _metaData__WEBPACK_IMPORTED_MODULE_1__.get('imagePlaneModule', imageId);
         if (!imagePlaneModule?.imagePositionPatient) {
-            console.warn(`Missing imagePositionPatient for imageId: ${imageId}`);
+            log.warn(`Missing imagePositionPatient for imageId: ${imageId}`);
             continue;
         }
         const { imagePositionPatient } = imagePlaneModule;
@@ -39019,7 +39171,7 @@ function getClosestImageId(imageVolume, worldPos, viewPlaneNormal, options) {
         }
     }
     if (closestImageId === undefined) {
-        console.debug('No imageId found within the specified criteria (half spacing or absolute closest).');
+        log.warn('No imageId found within the specified criteria (half spacing or absolute closest).');
     }
     return closestImageId;
 }
@@ -39158,13 +39310,19 @@ function getScalingParameters(imageId) {
         rescaleIntercept: modalityLutModule.rescaleIntercept ?? 0,
         modality,
     };
-    const suvFactor = _metaData__WEBPACK_IMPORTED_MODULE_0__.get('scalingModule', imageId) || {};
+    const scalingModules = _metaData__WEBPACK_IMPORTED_MODULE_0__.get('scalingModule', imageId) || {};
     return {
         ...scalingParameters,
         ...(modality === 'PT' && {
-            suvbw: suvFactor.suvbw,
-            suvbsa: suvFactor.suvbsa,
-            suvlbm: suvFactor.suvlbm,
+            suvbw: scalingModules.suvbw,
+            suvbsa: scalingModules.suvbsa,
+            suvlbm: scalingModules.suvlbm,
+        }),
+        ...(modality === 'RTDOSE' && {
+            doseGridScaling: scalingModules.DoseGridScaling,
+            doseSummation: scalingModules.DoseSummation,
+            doseType: scalingModules.DoseType,
+            doseUnit: scalingModules.DoseUnit,
         }),
     };
 }
@@ -42571,7 +42729,18 @@ async function decodeLittleEndian(imageFrame, pixelData) {
             arrayBuffer = arrayBuffer.slice(offset);
             offset = 0;
         }
-        imageFrame.pixelData = new Float32Array(arrayBuffer, offset, length / 4);
+        if (imageFrame.floatPixelData || imageFrame.doubleFloatPixelData) {
+            throw new Error('Float pixel data is not supported for parsing into ImageFrame');
+        }
+        if (imageFrame.pixelRepresentation === 0) {
+            imageFrame.pixelData = new Uint32Array(arrayBuffer, offset, length / 4);
+        }
+        else if (imageFrame.pixelRepresentation === 1) {
+            imageFrame.pixelData = new Int32Array(arrayBuffer, offset, length / 4);
+        }
+        else {
+            imageFrame.pixelData = new Float32Array(arrayBuffer, offset, length / 4);
+        }
     }
     return imageFrame;
 }
@@ -43185,7 +43354,7 @@ function decodeHTJ2K_getPixelData(frameInfo, decodedBuffer) {
 ;// CONCATENATED MODULE: ../../../node_modules/@cornerstonejs/dicom-image-loader/dist/esm/shared/scaling/scaleArray.js
 function scaleArray(array, scalingParameters) {
     const arrayLength = array.length;
-    const { rescaleSlope, rescaleIntercept, suvbw } = scalingParameters;
+    const { rescaleSlope, rescaleIntercept, suvbw, doseGridScaling } = scalingParameters;
     if (scalingParameters.modality === 'PT' &&
         typeof suvbw === 'number' &&
         !isNaN(suvbw)) {
@@ -43193,6 +43362,13 @@ function scaleArray(array, scalingParameters) {
             array[i] = suvbw * (array[i] * rescaleSlope + rescaleIntercept);
         }
     }
+    else if (scalingParameters.modality === 'RTDOSE' &&
+        typeof doseGridScaling === 'number' &&
+        !isNaN(doseGridScaling)) {
+        for (let i = 0; i < arrayLength; i++) {
+            array[i] = array[i] * doseGridScaling;
+        }
+    }
     else {
         for (let i = 0; i < arrayLength; i++) {
             array[i] = array[i] * rescaleSlope + rescaleIntercept;
@@ -43233,6 +43409,7 @@ const typedArrayConstructors = {
     Uint16Array,
     Int16Array,
     Float32Array,
+    Uint32Array,
 };
 function postProcessDecodedPixels(imageFrame, options, start, decodeConfig) {
     const shouldShift = imageFrame.pixelRepresentation !== undefined &&
@@ -43279,8 +43456,8 @@ function postProcessDecodedPixels(imageFrame, options, start, decodeConfig) {
         const scalingParameters = options.preScale.scalingParameters;
         _validateScalingParameters(scalingParameters);
         const { rescaleSlope, rescaleIntercept } = scalingParameters;
-        const isSlopeAndInterceptNumbers = typeof rescaleSlope === 'number' && typeof rescaleIntercept === 'number';
-        if (isSlopeAndInterceptNumbers) {
+        const isRequiredScaling = _isRequiredScaling(scalingParameters);
+        if (isRequiredScaling) {
             scaleArray(pixelDataArray, scalingParameters);
             imageFrame.preScale = {
                 ...options.preScale,
@@ -43310,6 +43487,13 @@ function postProcessDecodedPixels(imageFrame, options, start, decodeConfig) {
     imageFrame.decodeTimeInMS = end - start;
     return imageFrame;
 }
+function _isRequiredScaling(scalingParameters) {
+    const { rescaleSlope, rescaleIntercept, modality, doseGridScaling, suvbw } = scalingParameters;
+    const hasRescaleValues = typeof rescaleSlope === 'number' && typeof rescaleIntercept === 'number';
+    const isRTDOSEWithScaling = modality === 'RTDOSE' && typeof doseGridScaling === 'number';
+    const isPTWithSUV = modality === 'PT' && typeof suvbw === 'number';
+    return hasRescaleValues || isRTDOSEWithScaling || isPTWithSUV;
+}
 function _handleTargetBuffer(options, imageFrame, typedArrayConstructors, pixelDataArray) {
     const { arrayBuffer, type, offset: rawOffset = 0, length: rawLength, rows, } = options.targetBuffer;
     const TypedArrayConstructor = typedArrayConstructors[type];
@@ -45500,10 +45684,16 @@ function getScalingParameters(metaData, imageId) {
         rescaleIntercept: modalityLutModule.rescaleIntercept,
         modality,
     };
-    const suvFactor = metaData.get('scalingModule', imageId) || {};
+    const scalingModules = metaData.get('scalingModule', imageId) || {};
     return {
         ...scalingParameters,
-        ...(modality === 'PT' && { suvbw: suvFactor.suvbw }),
+        ...(modality === 'PT' && { suvbw: scalingModules.suvbw }),
+        ...(modality === 'RTDOSE' && {
+            doseGridScaling: scalingModules.DoseGridScaling,
+            doseSummation: scalingModules.DoseSummation,
+            doseType: scalingModules.DoseType,
+            doseUnit: scalingModules.DoseUnit,
+        }),
     };
 }
 
@@ -45613,6 +45803,7 @@ function createImage(imageId, pixelData, transferSyntax, options = {}) {
                     Uint16Array,
                     Int16Array,
                     Float32Array,
+                    Uint32Array,
                 };
                 if (length !== imageFrame.pixelDataLength) {
                     throw new Error(`target array for image does not have the same length (${length}) as the decoded image length (${imageFrame.pixelDataLength}).`);
@@ -46050,12 +46241,12 @@ function combineFrameInstance_getFrameInformation(PerFrameFunctionalGroupsSequen
     const shared = (SharedFunctionalGroupsSequence
         ? Object.values(SharedFunctionalGroupsSequence[0])
         : [])
-        .map((it) => it[0])
+        .map((it) => it['Value']?.[0])
         .filter((it) => it !== undefined && typeof it === 'object');
     const perFrame = (PerFrameFunctionalGroupsSequence
         ? Object.values(PerFrameFunctionalGroupsSequence[frameNumber - 1])
         : [])
-        .map((it) => it.Value[0])
+        .map((it) => it['Value']?.[0])
         .filter((it) => it !== undefined && typeof it === 'object');
     return {
         shared,
@@ -47091,6 +47282,9 @@ function getPixelDataTypeFromMinMax(min, max) {
             else if (max <= 65535) {
                 pixelDataType = Uint16Array;
             }
+            else if (max <= 4294967295) {
+                pixelDataType = Uint32Array;
+            }
         }
         else {
             if (min >= -128 && max <= 127) {
@@ -61938,60 +62132,35 @@ var vtkCamera$1 = {
 
 /***/ }),
 
-/***/ 33739:
+/***/ 642:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  Ay: () => (/* binding */ vtkColorTransferFunction$1)
-});
-
-// UNUSED EXPORTS: extend, newInstance
-
-// EXTERNAL MODULE: ../../../node_modules/@kitware/vtk.js/macros2.js
-var macros2 = __webpack_require__(28906);
-// EXTERNAL MODULE: ../../../node_modules/@kitware/vtk.js/Common/Core/Math/index.js
-var Core_Math = __webpack_require__(16632);
-// EXTERNAL MODULE: ../../../node_modules/@kitware/vtk.js/Common/Core/ScalarsToColors.js
-var ScalarsToColors = __webpack_require__(80993);
-;// CONCATENATED MODULE: ../../../node_modules/@kitware/vtk.js/Rendering/Core/ColorTransferFunction/Constants.js
-const ColorSpace = {
-  RGB: 0,
-  HSV: 1,
-  LAB: 2,
-  DIVERGING: 3
-};
-const Scale = {
-  LINEAR: 0,
-  LOG10: 1
-};
-var Constants = {
-  ColorSpace,
-  Scale
-};
-
-
-
-;// CONCATENATED MODULE: ../../../node_modules/@kitware/vtk.js/Rendering/Core/ColorTransferFunction.js
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   Ay: () => (/* binding */ vtkColorTransferFunction$1)
+/* harmony export */ });
+/* unused harmony exports extend, newInstance */
+/* harmony import */ var _macros2_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(28906);
+/* harmony import */ var _Common_Core_Math_index_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(16632);
+/* harmony import */ var _Common_Core_ScalarsToColors_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(80993);
+/* harmony import */ var _ColorTransferFunction_Constants_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(25128);
 
 
 
 
 
 const {
-  ColorSpace: ColorTransferFunction_ColorSpace,
-  Scale: ColorTransferFunction_Scale
-} = Constants;
+  ColorSpace,
+  Scale
+} = _ColorTransferFunction_Constants_js__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Ay;
 const {
   ScalarMappingTarget
-} = ScalarsToColors/* default */.Ay;
+} = _Common_Core_ScalarsToColors_js__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Ay;
 const {
   vtkDebugMacro,
   vtkErrorMacro,
   vtkWarningMacro
-} = macros2.m;
+} = _macros2_js__WEBPACK_IMPORTED_MODULE_0__.m;
 
 // ----------------------------------------------------------------------------
 // Global methods
@@ -62055,8 +62224,8 @@ function vtkColorTransferFunctionAngleDiff(a1, a2) {
 function vtkColorTransferFunctionInterpolateDiverging(s, rgb1, rgb2, result) {
   const lab1 = [];
   const lab2 = [];
-  (0,Core_Math.N)(rgb1, lab1);
-  (0,Core_Math.N)(rgb2, lab2);
+  (0,_Common_Core_Math_index_js__WEBPACK_IMPORTED_MODULE_1__.N)(rgb1, lab1);
+  (0,_Common_Core_Math_index_js__WEBPACK_IMPORTED_MODULE_1__.N)(rgb2, lab2);
   const msh1 = [];
   const msh2 = [];
   vtkColorTransferFunctionLabToMsh(lab1, msh1);
@@ -62099,7 +62268,7 @@ function vtkColorTransferFunctionInterpolateDiverging(s, rgb1, rgb2, result) {
   // Now convert back to RGB
   const labTmp = [];
   vtkColorTransferFunctionMshToLab(mshTmp, labTmp);
-  (0,Core_Math.O)(labTmp, result);
+  (0,_Common_Core_Math_index_js__WEBPACK_IMPORTED_MODULE_1__.O)(labTmp, result);
 }
 
 // ----------------------------------------------------------------------------
@@ -62179,7 +62348,7 @@ function vtkColorTransferFunction(publicAPI, model) {
     let sharpness = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 0.0;
     const rgb = [];
     const hsv = [h, s, v];
-    (0,Core_Math.h)(hsv, rgb);
+    (0,_Common_Core_Math_index_js__WEBPACK_IMPORTED_MODULE_1__.h)(hsv, rgb);
     return publicAPI.addRGBPoint(x, rgb[0], rgb[1], rgb[2], midpoint, sharpness);
   };
 
@@ -62316,8 +62485,8 @@ function vtkColorTransferFunction(publicAPI, model) {
     const hsv2 = [h2, s2, v2];
     const rgb1 = [];
     const rgb2 = [];
-    (0,Core_Math.h)(hsv1, rgb1);
-    (0,Core_Math.h)(hsv2, rgb2);
+    (0,_Common_Core_Math_index_js__WEBPACK_IMPORTED_MODULE_1__.h)(hsv1, rgb1);
+    (0,_Common_Core_Math_index_js__WEBPACK_IMPORTED_MODULE_1__.h)(hsv2, rgb2);
     publicAPI.addRGBSegment(x1, rgb1[0], rgb1[1], rgb1[2], x2, rgb2[0], rgb2[1], rgb2[2]);
   };
 
@@ -62388,7 +62557,7 @@ function vtkColorTransferFunction(publicAPI, model) {
     // Special case: If either the start or end is a NaN, then all any
     // interpolation done on them is also a NaN.  Therefore, fill the table with
     // the NaN color.
-    if ((0,Core_Math.i)(xStart) || (0,Core_Math.i)(xEnd)) {
+    if ((0,_Common_Core_Math_index_js__WEBPACK_IMPORTED_MODULE_1__.i)(xStart) || (0,_Common_Core_Math_index_js__WEBPACK_IMPORTED_MODULE_1__.i)(xEnd)) {
       for (let i = 0; i < size; i++) {
         table[i * 3 + 0] = model.nanColor[0];
         table[i * 3 + 1] = model.nanColor[1];
@@ -62420,7 +62589,7 @@ function vtkColorTransferFunction(publicAPI, model) {
     const tmpVec = [];
 
     // If the scale is logarithmic, make sure the range is valid.
-    let usingLogScale = model.scale === ColorTransferFunction_Scale.LOG10;
+    let usingLogScale = model.scale === Scale.LOG10;
     if (usingLogScale) {
       // Note: This requires range[0] <= range[1].
       usingLogScale = model.mappingRange[0] > 0.0;
@@ -62469,7 +62638,7 @@ function vtkColorTransferFunction(publicAPI, model) {
             // normalize x
             const xn = (x - range[0]) / deltaRange;
             // discretize
-            const discretizeIndex = (0,Core_Math.K)(numberOfValues * xn);
+            const discretizeIndex = (0,_Common_Core_Math_index_js__WEBPACK_IMPORTED_MODULE_1__.K)(numberOfValues * xn);
             // get discretized x
             x = range[0] + discretizeIndex / (numberOfValues - 1) * deltaRange;
           }
@@ -62529,7 +62698,7 @@ function vtkColorTransferFunction(publicAPI, model) {
             table[tidx + 2] = lastB;
           }
         }
-      } else if (x < model.mappingRange[0] || (0,Core_Math.L)(x) && x < 0) {
+      } else if (x < model.mappingRange[0] || (0,_Common_Core_Math_index_js__WEBPACK_IMPORTED_MODULE_1__.L)(x) && x < 0) {
         // we are before the first node? If so, duplicate this node's values.
         // We have to deal with -inf here
         table[tidx] = 0.0;
@@ -62598,15 +62767,15 @@ function vtkColorTransferFunction(publicAPI, model) {
         // In this case we want piecewise linear
         if (sharpness < 0.01) {
           // Simple linear interpolation
-          if (model.colorSpace === ColorTransferFunction_ColorSpace.RGB) {
+          if (model.colorSpace === ColorSpace.RGB) {
             table[tidx] = (1 - s) * rgb1[0] + s * rgb2[0];
             table[tidx + 1] = (1 - s) * rgb1[1] + s * rgb2[1];
             table[tidx + 2] = (1 - s) * rgb1[2] + s * rgb2[2];
-          } else if (model.colorSpace === ColorTransferFunction_ColorSpace.HSV) {
+          } else if (model.colorSpace === ColorSpace.HSV) {
             const hsv1 = [];
             const hsv2 = [];
-            (0,Core_Math.M)(rgb1, hsv1);
-            (0,Core_Math.M)(rgb2, hsv2);
+            (0,_Common_Core_Math_index_js__WEBPACK_IMPORTED_MODULE_1__.M)(rgb1, hsv1);
+            (0,_Common_Core_Math_index_js__WEBPACK_IMPORTED_MODULE_1__.M)(rgb2, hsv2);
             if (model.hSVWrap && (hsv1[0] - hsv2[0] > 0.5 || hsv2[0] - hsv1[0] > 0.5)) {
               if (hsv1[0] > hsv2[0]) {
                 hsv1[0] -= 1.0;
@@ -62623,26 +62792,26 @@ function vtkColorTransferFunction(publicAPI, model) {
             hsvTmp[2] = (1.0 - s) * hsv1[2] + s * hsv2[2];
 
             // Now convert this back to RGB
-            (0,Core_Math.h)(hsvTmp, tmpVec);
+            (0,_Common_Core_Math_index_js__WEBPACK_IMPORTED_MODULE_1__.h)(hsvTmp, tmpVec);
             table[tidx] = tmpVec[0];
             table[tidx + 1] = tmpVec[1];
             table[tidx + 2] = tmpVec[2];
-          } else if (model.colorSpace === ColorTransferFunction_ColorSpace.LAB) {
+          } else if (model.colorSpace === ColorSpace.LAB) {
             const lab1 = [];
             const lab2 = [];
-            (0,Core_Math.N)(rgb1, lab1);
-            (0,Core_Math.N)(rgb2, lab2);
+            (0,_Common_Core_Math_index_js__WEBPACK_IMPORTED_MODULE_1__.N)(rgb1, lab1);
+            (0,_Common_Core_Math_index_js__WEBPACK_IMPORTED_MODULE_1__.N)(rgb2, lab2);
             const labTmp = [];
             labTmp[0] = (1 - s) * lab1[0] + s * lab2[0];
             labTmp[1] = (1 - s) * lab1[1] + s * lab2[1];
             labTmp[2] = (1 - s) * lab1[2] + s * lab2[2];
 
             // Now convert back to RGB
-            (0,Core_Math.O)(labTmp, tmpVec);
+            (0,_Common_Core_Math_index_js__WEBPACK_IMPORTED_MODULE_1__.O)(labTmp, tmpVec);
             table[tidx] = tmpVec[0];
             table[tidx + 1] = tmpVec[1];
             table[tidx + 2] = tmpVec[2];
-          } else if (model.colorSpace === ColorTransferFunction_ColorSpace.DIVERGING) {
+          } else if (model.colorSpace === ColorSpace.DIVERGING) {
             vtkColorTransferFunctionInterpolateDiverging(s, rgb1, rgb2, tmpVec);
             table[tidx] = tmpVec[0];
             table[tidx + 1] = tmpVec[1];
@@ -62675,7 +62844,7 @@ function vtkColorTransferFunction(publicAPI, model) {
         const h4 = sss - ss;
         let slope;
         let t;
-        if (model.colorSpace === ColorTransferFunction_ColorSpace.RGB) {
+        if (model.colorSpace === ColorSpace.RGB) {
           for (let j = 0; j < 3; j++) {
             // Use one slope for both end points
             slope = rgb2[j] - rgb1[j];
@@ -62684,11 +62853,11 @@ function vtkColorTransferFunction(publicAPI, model) {
             // Compute the value
             table[tidx + j] = h1 * rgb1[j] + h2 * rgb2[j] + h3 * t + h4 * t;
           }
-        } else if (model.colorSpace === ColorTransferFunction_ColorSpace.HSV) {
+        } else if (model.colorSpace === ColorSpace.HSV) {
           const hsv1 = [];
           const hsv2 = [];
-          (0,Core_Math.M)(rgb1, hsv1);
-          (0,Core_Math.M)(rgb2, hsv2);
+          (0,_Common_Core_Math_index_js__WEBPACK_IMPORTED_MODULE_1__.M)(rgb1, hsv1);
+          (0,_Common_Core_Math_index_js__WEBPACK_IMPORTED_MODULE_1__.M)(rgb2, hsv2);
           if (model.hSVWrap && (hsv1[0] - hsv2[0] > 0.5 || hsv2[0] - hsv1[0] > 0.5)) {
             if (hsv1[0] > hsv2[0]) {
               hsv1[0] -= 1.0;
@@ -62709,15 +62878,15 @@ function vtkColorTransferFunction(publicAPI, model) {
             }
           }
           // Now convert this back to RGB
-          (0,Core_Math.h)(hsvTmp, tmpVec);
+          (0,_Common_Core_Math_index_js__WEBPACK_IMPORTED_MODULE_1__.h)(hsvTmp, tmpVec);
           table[tidx] = tmpVec[0];
           table[tidx + 1] = tmpVec[1];
           table[tidx + 2] = tmpVec[2];
-        } else if (model.colorSpace === ColorTransferFunction_ColorSpace.LAB) {
+        } else if (model.colorSpace === ColorSpace.LAB) {
           const lab1 = [];
           const lab2 = [];
-          (0,Core_Math.N)(rgb1, lab1);
-          (0,Core_Math.N)(rgb2, lab2);
+          (0,_Common_Core_Math_index_js__WEBPACK_IMPORTED_MODULE_1__.N)(rgb1, lab1);
+          (0,_Common_Core_Math_index_js__WEBPACK_IMPORTED_MODULE_1__.N)(rgb2, lab2);
           const labTmp = [];
           for (let j = 0; j < 3; j++) {
             // Use one slope for both end points
@@ -62728,11 +62897,11 @@ function vtkColorTransferFunction(publicAPI, model) {
             labTmp[j] = h1 * lab1[j] + h2 * lab2[j] + h3 * t + h4 * t;
           }
           // Now convert this back to RGB
-          (0,Core_Math.O)(labTmp, tmpVec);
+          (0,_Common_Core_Math_index_js__WEBPACK_IMPORTED_MODULE_1__.O)(labTmp, tmpVec);
           table[tidx] = tmpVec[0];
           table[tidx + 1] = tmpVec[1];
           table[tidx + 2] = tmpVec[2];
-        } else if (model.colorSpace === ColorTransferFunction_ColorSpace.DIVERGING) {
+        } else if (model.colorSpace === ColorSpace.DIVERGING) {
           // I have not implemented proper interpolation by a hermite curve for
           // the diverging color map, but I cannot think of a good use case for
           // that anyway.
@@ -63087,10 +63256,10 @@ function vtkColorTransferFunction(publicAPI, model) {
   publicAPI.applyColorMap = colorMap => {
     const oldColorSpace = JSON.stringify(model.colorSpace);
     if (colorMap.ColorSpace) {
-      model.colorSpace = ColorTransferFunction_ColorSpace[colorMap.ColorSpace.toUpperCase()];
+      model.colorSpace = ColorSpace[colorMap.ColorSpace.toUpperCase()];
       if (model.colorSpace === undefined) {
         vtkErrorMacro(`ColorSpace ${colorMap.ColorSpace} not supported, using RGB instead`);
-        model.colorSpace = ColorTransferFunction_ColorSpace.RGB;
+        model.colorSpace = ColorSpace.RGB;
       }
     }
     let isModified = oldColorSpace !== JSON.stringify(model.colorSpace);
@@ -63132,9 +63301,9 @@ function vtkColorTransferFunction(publicAPI, model) {
 
 const DEFAULT_VALUES = {
   clamping: true,
-  colorSpace: ColorTransferFunction_ColorSpace.RGB,
+  colorSpace: ColorSpace.RGB,
   hSVWrap: true,
-  scale: ColorTransferFunction_Scale.LINEAR,
+  scale: Scale.LINEAR,
   nanColor: null,
   belowRangeColor: null,
   aboveRangeColor: null,
@@ -63156,7 +63325,7 @@ function extend(publicAPI, model) {
   Object.assign(model, DEFAULT_VALUES, initialValues);
 
   // Inheritance
-  ScalarsToColors/* default.extend */.Ay.extend(publicAPI, model, initialValues);
+  _Common_Core_ScalarsToColors_js__WEBPACK_IMPORTED_MODULE_2__/* ["default"].extend */ .Ay.extend(publicAPI, model, initialValues);
 
   // Internal objects initialization
   model.table = [];
@@ -63165,25 +63334,25 @@ function extend(publicAPI, model) {
   model.belowRangeColor = [0.0, 0.0, 0.0, 1.0];
   model.aboveRangeColor = [1.0, 1.0, 1.0, 1.0];
   model.buildTime = {};
-  macros2.m.obj(model.buildTime);
+  _macros2_js__WEBPACK_IMPORTED_MODULE_0__.m.obj(model.buildTime);
 
   // Create get-only macros
-  macros2.m.get(publicAPI, model, ['buildTime', 'mappingRange']);
+  _macros2_js__WEBPACK_IMPORTED_MODULE_0__.m.get(publicAPI, model, ['buildTime', 'mappingRange']);
 
   // Create get-set macros
-  macros2.m.setGet(publicAPI, model, ['useAboveRangeColor', 'useBelowRangeColor', 'discretize', 'numberOfValues', {
+  _macros2_js__WEBPACK_IMPORTED_MODULE_0__.m.setGet(publicAPI, model, ['useAboveRangeColor', 'useBelowRangeColor', 'discretize', 'numberOfValues', {
     type: 'enum',
     name: 'colorSpace',
-    enum: ColorTransferFunction_ColorSpace
+    enum: ColorSpace
   }, {
     type: 'enum',
     name: 'scale',
-    enum: ColorTransferFunction_Scale
+    enum: Scale
   }]);
-  macros2.m.setArray(publicAPI, model, ['nanColor', 'belowRangeColor', 'aboveRangeColor'], 4);
+  _macros2_js__WEBPACK_IMPORTED_MODULE_0__.m.setArray(publicAPI, model, ['nanColor', 'belowRangeColor', 'aboveRangeColor'], 4);
 
   // Create get macros for array
-  macros2.m.getArray(publicAPI, model, ['nanColor', 'belowRangeColor', 'aboveRangeColor']);
+  _macros2_js__WEBPACK_IMPORTED_MODULE_0__.m.getArray(publicAPI, model, ['nanColor', 'belowRangeColor', 'aboveRangeColor']);
 
   // For more macro methods, see "Sources/macros.js"
 
@@ -63193,14 +63362,14 @@ function extend(publicAPI, model) {
 
 // ----------------------------------------------------------------------------
 
-const newInstance = macros2.m.newInstance(extend, 'vtkColorTransferFunction');
+const newInstance = _macros2_js__WEBPACK_IMPORTED_MODULE_0__.m.newInstance(extend, 'vtkColorTransferFunction');
 
 // ----------------------------------------------------------------------------
 
 var vtkColorTransferFunction$1 = {
   newInstance,
   extend,
-  ...Constants
+  ..._ColorTransferFunction_Constants_js__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Ay
 };
 
 
@@ -77746,6 +77915,34 @@ var ColorMaps_vtkColorMaps = {
 
 
 
+/***/ }),
+
+/***/ 25128:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   Ay: () => (/* binding */ Constants)
+/* harmony export */ });
+/* unused harmony exports ColorSpace, Scale */
+const ColorSpace = {
+  RGB: 0,
+  HSV: 1,
+  LAB: 2,
+  DIVERGING: 3
+};
+const Scale = {
+  LINEAR: 0,
+  LOG10: 1
+};
+var Constants = {
+  ColorSpace,
+  Scale
+};
+
+
+
+
 /***/ }),
 
 /***/ 94520:
@@ -119713,27 +119910,27 @@ async function loadModule(module) {
     return imported.default;
   }
   if (module === "@ohif/extension-cornerstone") {
-    const imported = await Promise.all(/* import() */[__webpack_require__.e(2914), __webpack_require__.e(3075), __webpack_require__.e(9977), __webpack_require__.e(6029), __webpack_require__.e(8185), __webpack_require__.e(3984), __webpack_require__.e(7241), __webpack_require__.e(5674)]).then(__webpack_require__.bind(__webpack_require__, 7241));
+    const imported = await Promise.all(/* import() */[__webpack_require__.e(2914), __webpack_require__.e(3075), __webpack_require__.e(9977), __webpack_require__.e(6029), __webpack_require__.e(8185), __webpack_require__.e(3984), __webpack_require__.e(8572), __webpack_require__.e(5674)]).then(__webpack_require__.bind(__webpack_require__, 78572));
     return imported.default;
   }
   if (module === "@ohif/extension-measurement-tracking") {
-    const imported = await Promise.all(/* import() */[__webpack_require__.e(2914), __webpack_require__.e(3075), __webpack_require__.e(9977), __webpack_require__.e(6029), __webpack_require__.e(8185), __webpack_require__.e(3166), __webpack_require__.e(5261), __webpack_require__.e(3984), __webpack_require__.e(7241), __webpack_require__.e(4113), __webpack_require__.e(2932)]).then(__webpack_require__.bind(__webpack_require__, 3427));
+    const imported = await Promise.all(/* import() */[__webpack_require__.e(2914), __webpack_require__.e(3075), __webpack_require__.e(9977), __webpack_require__.e(6029), __webpack_require__.e(8185), __webpack_require__.e(908), __webpack_require__.e(5261), __webpack_require__.e(3984), __webpack_require__.e(8572), __webpack_require__.e(4113), __webpack_require__.e(2932)]).then(__webpack_require__.bind(__webpack_require__, 3427));
     return imported.default;
   }
   if (module === "@ohif/extension-cornerstone-dicom-sr") {
-    const imported = await Promise.all(/* import() */[__webpack_require__.e(2914), __webpack_require__.e(3075), __webpack_require__.e(9977), __webpack_require__.e(6029), __webpack_require__.e(8185), __webpack_require__.e(3166), __webpack_require__.e(3984), __webpack_require__.e(7241), __webpack_require__.e(4113), __webpack_require__.e(8402)]).then(__webpack_require__.bind(__webpack_require__, 34113));
+    const imported = await Promise.all(/* import() */[__webpack_require__.e(2914), __webpack_require__.e(3075), __webpack_require__.e(9977), __webpack_require__.e(6029), __webpack_require__.e(8185), __webpack_require__.e(908), __webpack_require__.e(3984), __webpack_require__.e(8572), __webpack_require__.e(4113), __webpack_require__.e(8402)]).then(__webpack_require__.bind(__webpack_require__, 34113));
     return imported.default;
   }
   if (module === "@ohif/extension-cornerstone-dicom-seg") {
-    const imported = await Promise.all(/* import() */[__webpack_require__.e(2914), __webpack_require__.e(3075), __webpack_require__.e(9977), __webpack_require__.e(6029), __webpack_require__.e(3166), __webpack_require__.e(3984), __webpack_require__.e(7197)]).then(__webpack_require__.bind(__webpack_require__, 96975));
+    const imported = await Promise.all(/* import() */[__webpack_require__.e(2914), __webpack_require__.e(3075), __webpack_require__.e(9977), __webpack_require__.e(6029), __webpack_require__.e(908), __webpack_require__.e(3984), __webpack_require__.e(7197)]).then(__webpack_require__.bind(__webpack_require__, 96975));
     return imported.default;
   }
   if (module === "@ohif/extension-cornerstone-dicom-pmap") {
-    const imported = await Promise.all(/* import() */[__webpack_require__.e(2914), __webpack_require__.e(3075), __webpack_require__.e(9977), __webpack_require__.e(6029), __webpack_require__.e(8185), __webpack_require__.e(3166), __webpack_require__.e(3984), __webpack_require__.e(7241), __webpack_require__.e(6201)]).then(__webpack_require__.bind(__webpack_require__, 82098));
+    const imported = await Promise.all(/* import() */[__webpack_require__.e(2914), __webpack_require__.e(3075), __webpack_require__.e(9977), __webpack_require__.e(6029), __webpack_require__.e(8185), __webpack_require__.e(908), __webpack_require__.e(3984), __webpack_require__.e(8572), __webpack_require__.e(6201)]).then(__webpack_require__.bind(__webpack_require__, 82098));
     return imported.default;
   }
   if (module === "@ohif/extension-cornerstone-dynamic-volume") {
-    const imported = await Promise.all(/* import() */[__webpack_require__.e(2914), __webpack_require__.e(3075), __webpack_require__.e(9977), __webpack_require__.e(6029), __webpack_require__.e(8185), __webpack_require__.e(3984), __webpack_require__.e(7241), __webpack_require__.e(1919)]).then(__webpack_require__.bind(__webpack_require__, 14696));
+    const imported = await Promise.all(/* import() */[__webpack_require__.e(2914), __webpack_require__.e(3075), __webpack_require__.e(9977), __webpack_require__.e(6029), __webpack_require__.e(8185), __webpack_require__.e(3984), __webpack_require__.e(8572), __webpack_require__.e(1919)]).then(__webpack_require__.bind(__webpack_require__, 14696));
     return imported.default;
   }
   if (module === "@ohif/extension-dicom-microscopy") {
@@ -119749,11 +119946,11 @@ async function loadModule(module) {
     return imported.default;
   }
   if (module === "@ohif/extension-tmtv") {
-    const imported = await Promise.all(/* import() */[__webpack_require__.e(2914), __webpack_require__.e(3075), __webpack_require__.e(9977), __webpack_require__.e(6029), __webpack_require__.e(8185), __webpack_require__.e(3166), __webpack_require__.e(3984), __webpack_require__.e(7241), __webpack_require__.e(810)]).then(__webpack_require__.bind(__webpack_require__, 57289));
+    const imported = await Promise.all(/* import() */[__webpack_require__.e(2914), __webpack_require__.e(3075), __webpack_require__.e(9977), __webpack_require__.e(6029), __webpack_require__.e(8185), __webpack_require__.e(908), __webpack_require__.e(3984), __webpack_require__.e(8572), __webpack_require__.e(810)]).then(__webpack_require__.bind(__webpack_require__, 57289));
     return imported.default;
   }
   if (module === "@ohif/extension-test") {
-    const imported = await Promise.all(/* import() */[__webpack_require__.e(2914), __webpack_require__.e(3075), __webpack_require__.e(9977), __webpack_require__.e(6029), __webpack_require__.e(8185), __webpack_require__.e(3984), __webpack_require__.e(7241), __webpack_require__.e(934)]).then(__webpack_require__.bind(__webpack_require__, 94285));
+    const imported = await Promise.all(/* import() */[__webpack_require__.e(2914), __webpack_require__.e(3075), __webpack_require__.e(9977), __webpack_require__.e(6029), __webpack_require__.e(8185), __webpack_require__.e(3984), __webpack_require__.e(8572), __webpack_require__.e(934)]).then(__webpack_require__.bind(__webpack_require__, 94285));
     return imported.default;
   }
   if (module === "@ohif/extension-cornerstone-dicom-rt") {
@@ -119761,7 +119958,7 @@ async function loadModule(module) {
     return imported.default;
   }
   if (module === "@ohif/mode-longitudinal") {
-    const imported = await Promise.all(/* import() */[__webpack_require__.e(2914), __webpack_require__.e(3075), __webpack_require__.e(9977), __webpack_require__.e(6029), __webpack_require__.e(8185), __webpack_require__.e(3166), __webpack_require__.e(3984), __webpack_require__.e(7241), __webpack_require__.e(4113), __webpack_require__.e(963)]).then(__webpack_require__.bind(__webpack_require__, 6980));
+    const imported = await Promise.all(/* import() */[__webpack_require__.e(2914), __webpack_require__.e(3075), __webpack_require__.e(9977), __webpack_require__.e(6029), __webpack_require__.e(8185), __webpack_require__.e(908), __webpack_require__.e(3984), __webpack_require__.e(8572), __webpack_require__.e(4113), __webpack_require__.e(963)]).then(__webpack_require__.bind(__webpack_require__, 6980));
     return imported.default;
   }
   if (module === "@ohif/mode-segmentation") {
@@ -125375,6 +125572,7 @@ const serviceImplementation = {
     console.warn('isEmpty() NOT IMPLEMENTED');
     return true;
   },
+  _updatePosition: (id, position) => console.warn('updatePosition() NOT IMPLEMENTED'),
   _customComponent: null
 };
 class UIDialogService {
@@ -125416,6 +125614,16 @@ class UIDialogService {
     return serviceImplementation._isEmpty();
   }
 
+  /**
+   * Update the position of a specific dialog by id
+   *
+   * @param {string} id - The dialog id to update
+   * @param {{ x: number; y: number }} position - The new position
+   */
+  updatePosition(id, position) {
+    return serviceImplementation._updatePosition(id, position);
+  }
+
   /**
    * This provides flexibility in customizing the Modal's default component
    *
@@ -125433,6 +125641,7 @@ class UIDialogService {
     hide,
     hideAll,
     isEmpty,
+    updatePosition,
     customComponent
   }) {
     if (show) {
@@ -125447,6 +125656,9 @@ class UIDialogService {
     if (isEmpty) {
       serviceImplementation._isEmpty = isEmpty;
     }
+    if (updatePosition) {
+      serviceImplementation._updatePosition = updatePosition;
+    }
     if (customComponent) {
       serviceImplementation._customComponent = customComponent;
     }
@@ -125608,17 +125820,24 @@ class UINotificationService {
    * @param {string} [notification.promiseMessages.loading] - Message to show while promise is pending
    * @param {string | function} [notification.promiseMessages.success] - Message to show when promise resolves
    * @param {string | function} [notification.promiseMessages.error] - Message to show when promise rejects
+   * @param {object} [notification.action] - Action button configuration
+   * @param {string} notification.action.label - The label for the action button
+   * @param {function} notification.action.onClick - The function to call when the action button is clicked
    * @returns {string} id - The ID of the created notification
    */
   show({
     title,
     message,
-    duration = 5000,
+    duration = 2000,
     position = 'bottom-right',
     type = 'info',
     autoClose = true,
     promise,
-    promiseMessages
+    promiseMessages,
+    id,
+    allowDuplicates = false,
+    deduplicationInterval = 30000,
+    action
   }) {
     if (promise && promiseMessages) {
       const loadingId = UINotificationService_serviceImplementation._show({
@@ -125626,7 +125845,10 @@ class UINotificationService {
         message: promiseMessages.loading || 'Loading...',
         type: 'loading',
         autoClose: false,
-        position
+        position,
+        id: id ? `${id}-loading` : undefined,
+        allowDuplicates,
+        deduplicationInterval
       });
       promise.then(data => {
         const successMessage = typeof promiseMessages.success === 'function' ? promiseMessages.success(data) : promiseMessages.success || 'Success';
@@ -125636,7 +125858,11 @@ class UINotificationService {
           type: 'success',
           duration,
           position,
-          autoClose
+          autoClose,
+          id: id ? `${id}-success` : undefined,
+          allowDuplicates,
+          deduplicationInterval,
+          action
         });
         this.hide(loadingId);
       }, error => {
@@ -125647,7 +125873,11 @@ class UINotificationService {
           type: 'error',
           duration,
           position,
-          autoClose
+          autoClose,
+          id: id ? `${id}-error` : undefined,
+          allowDuplicates,
+          deduplicationInterval,
+          action
         });
         this.hide(loadingId);
       });
@@ -125659,7 +125889,11 @@ class UINotificationService {
       duration,
       position,
       type,
-      autoClose
+      autoClose,
+      id,
+      allowDuplicates,
+      deduplicationInterval,
+      action
     });
   }
 }
@@ -133073,7 +133307,10 @@ class MetadataProvider {
           RescaleIntercept,
           RescaleSlope
         } = instance;
-        if (RescaleIntercept === undefined || RescaleSlope === undefined) {
+        // Early return if RescaleIntercept or RescaleSlope are not
+        // present (undefined) or explicitly set to null. We use loose
+        // equality in this case to check for *null* or *undefined*.
+        if (RescaleIntercept == null || RescaleSlope == null) {
           return;
         }
         metadata = {
@@ -138924,7 +139161,7 @@ const detectionOptions = {
   }
 });
 ;// CONCATENATED MODULE: ../../i18n/package.json
-const package_namespaceObject = {"rE":"3.10.0"};
+const package_namespaceObject = {"rE":"3.10.1"};
 ;// CONCATENATED MODULE: ../../i18n/src/utils.js
 const languagesMap = {
   ar: 'Arabic',
@@ -141336,8 +141573,8 @@ const PowerOff = props => /*#__PURE__*/react.createElement("svg", PowerOff_exten
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 28",
   "aria-labelledby": "title",
-  width: "1em",
-  height: "1em",
+  width: "28px",
+  height: "28px",
   fill: "currentColor"
 }, props), /*#__PURE__*/react.createElement("title", {
   id: "title"
@@ -145685,7 +145922,7 @@ const Clear = props => /*#__PURE__*/react.createElement("svg", Clear_extends({
   fill: "none",
   fillRule: "evenodd"
 }, /*#__PURE__*/react.createElement("circle", {
-  fill: "#0944B3",
+  fill: "currentColor",
   cx: "9.5",
   cy: "9.5",
   r: "9.5"
@@ -226503,463 +226740,1729 @@ const StudySummary = ({
 
 // EXTERNAL MODULE: ../../../node_modules/react-error-boundary/dist/react-error-boundary.esm.js
 var react_error_boundary_esm = __webpack_require__(31523);
-;// CONCATENATED MODULE: ../../ui-next/src/components/Errorboundary/ErrorBoundary.tsx
+;// CONCATENATED MODULE: ../../ui-next/src/contextProviders/NotificationProvider.tsx
+function NotificationProvider_extends() { return NotificationProvider_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; }, NotificationProvider_extends.apply(null, arguments); }
 
 
 
+const NotificationContext = /*#__PURE__*/(0,react.createContext)(null);
+const useNotification = () => (0,react.useContext)(NotificationContext);
 
+// Notification deduplication cache
 
+const NotificationProvider = ({
+  children,
+  service,
+  deduplicationInterval = 10000 // Default to 10 seconds
+}) => {
+  const DEFAULT_OPTIONS = {
+    title: '',
+    message: '',
+    duration: 5000,
+    position: 'bottom-right',
+    // Aligning to Sonner's positioning system
+    type: 'info' // info, success, error
+  };
 
+  // Cache for recent notifications to prevent duplicates
+  // Structure: { [title_message_type]: { timestamp, id } }
+  const recentNotificationsRef = (0,react.useRef)({});
 
-const isProduction = "production" === 'production';
+  // Use the configurable deduplication interval from props
 
-/**
- * Parses an error stack trace to extract important information
- * Extracts the first function name from the stack trace
- */
-const parseErrorStack = error => {
-  if (!error.stack) {
-    return {
-      filePath: null,
-      errorTitle: null,
-      code: null,
-      firstFilename: null
+  const show = (0,react.useCallback)(options => {
+    const {
+      title,
+      message,
+      duration,
+      position,
+      type,
+      promise,
+      allowDuplicates = false,
+      deduplicationInterval: optionsDeduplicationInterval,
+      action
+    } = {
+      ...DEFAULT_OPTIONS,
+      ...options
     };
-  }
-  const stack = error.stack;
-  const stackLines = stack.split('\n');
-
-  // Extract error message from first line
-  const errorMessage = stackLines[0].trim();
-
-  // Extract first function name from the stack trace
-  let firstFilename = null;
 
-  // Find the first stack line (starts with " at ")
-  for (let i = 1; i < stackLines.length; i++) {
-    const line = stackLines[i].trim();
-    if (line.startsWith('at ')) {
-      // Extract function name pattern
-      const match = line.match(/at\s+([^\s(]+)[\s(]/);
-      if (match && match[1]) {
-        firstFilename = match[1];
-        break;
-      }
+    // Use the provider's deduplicationInterval by default, but allow it to be overridden per notification
+    const notificationDeduplicationInterval = optionsDeduplicationInterval || deduplicationInterval;
+    if (promise) {
+      return dist_ue.promise(promise, {
+        loading: title || 'Loading...',
+        success: data => {
+          const description = typeof message === 'function' ? message(data) : message;
+          return {
+            title: title || 'Success',
+            description
+          };
+        },
+        error: err => {
+          const description = typeof message === 'function' ? message(err) : message;
+          return {
+            title: title || 'Error',
+            description
+          };
+        }
+      });
     }
-  }
 
-  // Sanitize stack trace for display - safer approach to avoid ReDoS
-  const sanitizedStack = stackLines.map(line => {
-    // Limit line length to prevent excessive processing
-    const limitedLine = line.substring(0, 2000);
+    // Create a cache key from notification properties
+    const messageStr = typeof message === 'function' ? 'function' : message;
+    const cacheKey = `${title}_${messageStr}_${type}`;
 
-    // Process each part separately to avoid complex regex patterns
-    if (limitedLine.includes('(')) {
-      // Extract filename from paths in parentheses
-      const openParenIndex = limitedLine.indexOf('(');
-      const closeParenIndex = limitedLine.indexOf(')', openParenIndex);
-      if (openParenIndex >= 0 && closeParenIndex > openParenIndex) {
-        const pathInParens = limitedLine.substring(openParenIndex + 1, closeParenIndex);
+    // Handle deduplication
+    if (!allowDuplicates && type === 'error') {
+      const now = Date.now();
+      const cachedNotification = recentNotificationsRef.current[cacheKey];
 
-        // Find the last segment after slash or backslash
-        const lastSlashIndex = Math.max(pathInParens.lastIndexOf('/'), pathInParens.lastIndexOf('\\'));
-        if (lastSlashIndex >= 0) {
-          const filename = pathInParens.substring(lastSlashIndex + 1);
-          return limitedLine.substring(0, openParenIndex + 1) + filename + limitedLine.substring(closeParenIndex);
+      // First check if we've shown this notification recently
+      if (cachedNotification) {
+        const timeSinceLastShown = now - cachedNotification.timestamp;
+
+        // If it's been shown recently and within the deduplication interval,
+        // don't show it again
+        if (timeSinceLastShown < notificationDeduplicationInterval) {
+          console.debug(`Prevented duplicate notification: "${title}" (${timeSinceLastShown}ms < ${notificationDeduplicationInterval}ms)`);
+          // Return the existing notification ID
+          return cachedNotification.id;
         }
+
+        // If it's been shown before but outside the deduplication interval,
+        // dismiss the old notification first and allow showing a new one
+        console.debug(`Showing notification again after interval: "${title}" (${timeSinceLastShown}ms >= ${notificationDeduplicationInterval}ms)`);
+        dist_ue.dismiss(cachedNotification.id);
       }
     }
 
-    // Handle the "at Function path:line:column" format
-    if (limitedLine.includes(' at ')) {
-      const atIndex = limitedLine.indexOf(' at ');
-      const afterAt = limitedLine.substring(atIndex + 4).trim();
+    // Show the notification with action if provided
+    const toastOptions = {
+      duration,
+      position,
+      description: message,
+      id: options.id // Use provided ID if available
+    };
 
-      // Split by whitespace to separate function and path
-      const spaceAfterFunc = afterAt.indexOf(' ');
-      if (spaceAfterFunc > 0) {
-        const funcName = afterAt.substring(0, spaceAfterFunc);
-        const path = afterAt.substring(spaceAfterFunc + 1);
+    // Add action button if provided
+    if (action && action.label && typeof action.onClick === 'function') {
+      toastOptions.action = {
+        label: action.label,
+        onClick: action.onClick
+      };
+    }
+    const id = dist_ue[type](title, toastOptions);
 
-        // Check if this is a path with line/column numbers
-        if (path.includes(':') && /.*:[0-9]+:[0-9]+/.test(path)) {
-          // Find the last segment after slash or backslash
-          const lastSlashIndex = Math.max(path.lastIndexOf('/'), path.lastIndexOf('\\'));
-          if (lastSlashIndex >= 0) {
-            const filename = path.substring(lastSlashIndex + 1);
-            return limitedLine.substring(0, atIndex + 4) + funcName + ' ' + filename;
-          }
-        }
-      }
+    // Cache this notification for deduplication if it's an error
+    if (type === 'error') {
+      const timestamp = Date.now();
+      recentNotificationsRef.current[cacheKey] = {
+        timestamp,
+        id
+      };
+      console.debug(`Stored notification in cache: "${title}" (id: ${id}, timestamp: ${timestamp})`);
+
+      // We no longer auto-delete the cache entry after duration
+      // Instead, we keep it to track when the notification was last shown
+      // The entry will be checked against the deduplication interval
     }
-    return limitedLine;
-  }).join('\n');
-  return {
-    errorTitle: errorMessage,
-    code: sanitizedStack,
-    firstFilename: firstFilename
-  };
-};
-const DefaultFallback = ({
-  error,
-  context,
-  resetErrorBoundary = () => {}
-}) => {
-  const {
-    t
-  } = (0,dist_es/* useTranslation */.Bd)('ErrorBoundary');
-  const [showDetails, setShowDetails] = (0,react.useState)(false);
-  const title = `${t('Something went wrong')}${!isProduction && ` ${t('in')} ${context}`}.`;
-  const subtitle = t('Sorry, something went wrong there. Try again.');
-  const {
-    errorTitle,
-    code,
-    firstFilename
-  } = parseErrorStack(error);
-  const copyErrorToClipboard = () => {
-    if (code) {
-      navigator.clipboard.writeText(code);
-      dist_ue.success(t('Error copied to clipboard'));
+    return id;
+  }, []);
+  const hide = (0,react.useCallback)(id => {
+    dist_ue.dismiss(id);
+
+    // Remove from cache if present
+    const cacheEntries = Object.entries(recentNotificationsRef.current);
+    for (const [key, entry] of cacheEntries) {
+      if (entry.id === id) {
+        delete recentNotificationsRef.current[key];
+        break;
+      }
     }
-  };
-  (0,react.useEffect)(() => {
-    dist_ue.error(title, {
-      description: subtitle,
-      action: {
-        label: t('Show Details'),
-        onClick: () => setShowDetails(true)
-      },
-      duration: 0
-    });
-  }, [error, subtitle, t, title]);
-  if (isProduction) {
-    return null;
-  }
-  return /*#__PURE__*/react.createElement(Dialog_Dialog, {
-    open: showDetails,
-    onOpenChange: setShowDetails
-  }, /*#__PURE__*/react.createElement(Dialog_DialogContent, {
-    className: "bg-muted max-w-3xl overflow-hidden border-0 p-0",
-    onInteractOutside: e => e.preventDefault()
-  }, /*#__PURE__*/react.createElement("div", {
-    className: "p-5 pb-4"
-  }, /*#__PURE__*/react.createElement("div", {
-    className: "flex items-center justify-between"
-  }, /*#__PURE__*/react.createElement("h2", {
-    className: "text-highlight text-xl font-normal"
-  }, errorTitle || error.message || title))), code && /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(ScrollArea_ScrollArea, {
-    className: "bg-background text-foreground mx-6 h-[321px] rounded-b-md"
-  }, /*#__PURE__*/react.createElement("div", {
-    className: "bg-background border-input flex items-center justify-between rounded-t-md border-b px-4 py-2"
-  }, /*#__PURE__*/react.createElement("div", {
-    className: "text-muted-foreground text-base"
-  }, firstFilename || 'Error Stack'), /*#__PURE__*/react.createElement(Button_Button/* Button */.$, {
-    className: "w-20",
-    onClick: copyErrorToClipboard,
-    title: t('Copy error')
-  }, "Copy")), /*#__PURE__*/react.createElement("div", {
-    className: "p-4 font-mono text-sm"
-  }, code.split('\n').map((line, index) => /*#__PURE__*/react.createElement("div", {
-    key: index,
-    className: "flex"
-  }, /*#__PURE__*/react.createElement("span", {
-    className: "whitespace-pre"
-  }, line)))))), /*#__PURE__*/react.createElement("div", {
-    className: "flex items-center justify-end p-6 pt-2"
-  }, /*#__PURE__*/react.createElement(Button_Button/* Button */.$, {
-    variant: "link",
-    className: "text-primary p-0",
-    onClick: () => window.open('https://github.com/OHIF/Viewers/issues/new?template=bug-report.yml', '_blank')
-  }, "Report Issue"))));
-};
-const ErrorBoundary = ({
-  context = 'OHIF',
-  onReset = () => {},
-  onError = () => {},
-  fallbackComponent: FallbackComponent = DefaultFallback,
-  children,
-  fallbackRoute = null,
-  isPage
-}) => {
-  const [error, setError] = (0,react.useState)(null);
-  const onResetHandler = () => {
-    setError(null);
-    onReset();
-  };
+  }, []);
+  const hideAll = (0,react.useCallback)(() => {
+    dist_ue.dismiss();
+    // Clear notification cache
+    recentNotificationsRef.current = {};
+  }, []);
 
-  // Add error event listener to window
+  /**
+   * Sets the implementation of a notification service that can be used by extensions.
+   *
+   * @returns void
+   */
   (0,react.useEffect)(() => {
-    let errorTimeout;
-    const handleError = event => {
-      event.preventDefault();
-      clearTimeout(errorTimeout);
-      errorTimeout = setTimeout(() => {
-        setError(event.error);
-        onErrorHandler(event.error, null);
-      }, 100);
-    };
-    const handleRejection = event => {
-      event.preventDefault();
-      clearTimeout(errorTimeout);
-      errorTimeout = setTimeout(() => {
-        setError(event.reason);
-        onErrorHandler(event.reason, null);
-      }, 100);
-    };
-    window.addEventListener('error', handleError);
-    window.addEventListener('unhandledrejection', handleRejection);
-    return () => {
-      clearTimeout(errorTimeout);
-      window.removeEventListener('error', handleError);
-      window.removeEventListener('unhandledrejection', handleRejection);
+    if (service) {
+      service.setServiceImplementation({
+        hide,
+        show
+      });
+    }
+  }, [service, hide, show]);
+
+  // Debug function to get the current cache (for development use)
+  const getNotificationCache = (0,react.useCallback)(() => {
+    const cache = {
+      ...recentNotificationsRef.current
     };
+
+    // Add human-readable timestamps and time since showing
+    const now = Date.now();
+    const enhancedCache = Object.entries(cache).reduce((result, [key, entry]) => {
+      const timeSince = now - entry.timestamp;
+      result[key] = {
+        ...entry,
+        date: new Date(entry.timestamp).toISOString(),
+        timeSinceMs: timeSince,
+        timeSinceStr: `${Math.floor(timeSince / 1000)}s ago`
+      };
+      return result;
+    }, {});
+    return enhancedCache;
   }, []);
-  const onErrorHandler = (error, componentStack) => {
-    console.debug(`${context} Error Boundary`, error, componentStack, context);
-    onError(error, componentStack || '', context);
+  return /*#__PURE__*/react.createElement(NotificationContext.Provider, {
+    value: {
+      show,
+      hide,
+      hideAll,
+      getNotificationCache
+    }
+  }, /*#__PURE__*/react.createElement(Toaster, {
+    position: "bottom-right"
+  }), children);
+};
+NotificationProvider.propTypes = {
+  children: (prop_types_default()).node.isRequired,
+  service: (prop_types_default()).object,
+  deduplicationInterval: (prop_types_default()).number
+};
+const withNotification = Component => {
+  return function WrappedComponent(props) {
+    const notificationContext = useNotification();
+    return /*#__PURE__*/React.createElement(Component, NotificationProvider_extends({}, props, {
+      notificationContext: notificationContext
+    }));
   };
-  return /*#__PURE__*/react.createElement(react_error_boundary_esm/* ErrorBoundary */.tH, {
-    fallbackRender: props => /*#__PURE__*/react.createElement(FallbackComponent, {
-      error: props.error,
-      context: context,
-      resetErrorBoundary: props.resetErrorBoundary
-    }),
-    onReset: onResetHandler,
-    onError: (error, info) => onErrorHandler(error, info.componentStack)
-  }, /*#__PURE__*/react.createElement(react.Fragment, null, children, error && /*#__PURE__*/react.createElement(FallbackComponent, {
-    error: error,
-    context: context,
-    resetErrorBoundary: () => setError(null)
-  })));
 };
+/* harmony default export */ const contextProviders_NotificationProvider = (NotificationProvider);
+// EXTERNAL MODULE: ../../../node_modules/lodash.merge/index.js
+var lodash_merge = __webpack_require__(2816);
+var lodash_merge_default = /*#__PURE__*/__webpack_require__.n(lodash_merge);
+// EXTERNAL MODULE: ../../core/src/index.ts + 69 modules
+var src = __webpack_require__(62037);
+;// CONCATENATED MODULE: ../../ui-next/src/contextProviders/ViewportGridProvider.tsx
 
-;// CONCATENATED MODULE: ../../ui-next/src/components/Errorboundary/index.tsx
-
-
-;// CONCATENATED MODULE: ../../ui-next/src/components/NavBar/NavBar.tsx
 
 
 
-const stickyClasses = 'sticky top-0';
-const notStickyClasses = 'relative';
-const NavBar = ({
-  className,
-  children,
-  isSticky
-}) => {
-  return /*#__PURE__*/react.createElement("div", {
-    className: classnames_default()('bg-secondary-dark z-20 border-black px-1', isSticky && stickyClasses, !isSticky && notStickyClasses, className)
-  }, children);
-};
-NavBar.propTypes = {
-  className: (prop_types_default()).string,
-  children: (prop_types_default()).node,
-  isSticky: (prop_types_default()).bool
+const DEFAULT_STATE = {
+  activeViewportId: null,
+  layout: {
+    numRows: 0,
+    numCols: 0,
+    layoutType: 'grid'
+  },
+  // this flag is used to determine if the hanging protocol layout is active
+  // so that we can inherit the viewport options from the previous state
+  // otherwise we will not allow that. Basically the issue is that we need
+  // to be able to come out of the hanging protocol layout and go back to the
+  // regular layout e.g., if we are in the MPR hanging protocol, and someone use
+  // 1x1 layout by custom layout selector, there is no way to drag and drop
+  // a non-reconstructible series to the viewport since it will always
+  // inherit the hanging protocol layout options (volume viewport),
+  // so we need to be able to switch back to the regular layout.
+  isHangingProtocolLayout: false,
+  // Viewports structure has been changed to Map (previously it was
+  // tied to the viewportIndex which caused multiple issues. Now we have
+  // moved completely to viewportId which is unique for each viewport.
+  viewports: new Map(Object.entries({
+    default: {
+      viewportId: 'default',
+      displaySetInstanceUIDs: [],
+      isReady: false,
+      viewportOptions: {
+        viewportId: 'default'
+      },
+      displaySetSelectors: [],
+      displaySetOptions: [{}],
+      x: 0,
+      // left
+      y: 0,
+      // top
+      width: 100,
+      height: 100,
+      viewportLabel: null
+    }
+  }))
 };
-/* harmony default export */ const NavBar_NavBar = (NavBar);
-;// CONCATENATED MODULE: ../../ui-next/src/components/NavBar/index.js
+const determineActiveViewportId = (state, newViewports) => {
+  const {
+    activeViewportId
+  } = state;
+  const currentActiveViewport = state.viewports.get(activeViewportId);
+  if (!currentActiveViewport) {
+    // if there is no active viewport, we should just return the first viewport
+    const firstViewport = newViewports.values().next().value;
+    return firstViewport.viewportOptions.viewportId;
+  }
 
-/* harmony default export */ const components_NavBar = (NavBar_NavBar);
-;// CONCATENATED MODULE: ../../ui-next/src/components/Header/Header.tsx
-function Header_extends() { return Header_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; }, Header_extends.apply(null, arguments); }
+  // for the new viewports, we should rank them by the displaySetInstanceUIDs
+  // they are displaying and the orientation then we can find the active viewport
+  const currentActiveDisplaySetInstanceUIDs = currentActiveViewport.displaySetInstanceUIDs;
 
+  // This doesn't take into account where stack viewport is converting to volumeViewport
+  // since in stack viewport we don't have a concept of "orientation" as a string
+  // maybe we should calculate the orientation based on the active imageId
+  // so that we can compare it with the new viewports (which might be volume viewports)
+  // and find the best match
+  const currentOrientation = currentActiveViewport.viewportOptions.orientation;
+  const filteredNewViewports = Array.from(newViewports.values()).filter(viewport => viewport.displaySetInstanceUIDs?.length > 0);
+  const sortedViewports = Array.from(filteredNewViewports.values()).sort((a, b) => {
+    // Compare orientations
+    const aOrientationMatch = a.viewportOptions.orientation === currentOrientation;
+    const bOrientationMatch = b.viewportOptions.orientation === currentOrientation;
+    if (aOrientationMatch !== bOrientationMatch) {
+      return bOrientationMatch - aOrientationMatch;
+    }
 
+    // Compare displaySetInstanceUIDs
+    const aMatch = a.displaySetInstanceUIDs.some(uid => currentActiveDisplaySetInstanceUIDs.includes(uid));
+    const bMatch = b.displaySetInstanceUIDs.some(uid => currentActiveDisplaySetInstanceUIDs.includes(uid));
+    if (aMatch !== bMatch) {
+      return bMatch - aMatch;
+    }
+    return 0; // Return 0 if no differences found
+  });
+  if (!sortedViewports?.length) {
+    return null;
+  }
+  return sortedViewports[0].viewportId;
+};
 
+// Define the API interface
 
+// Update the context type
+const ViewportGridContext = /*#__PURE__*/(0,react.createContext)([DEFAULT_STATE, {}]);
 
-// Todo: we should move this component to composition and remove props base
+// Update the provider props type
 
-function Header_Header({
+function ViewportGridProvider({
   children,
-  menuOptions,
-  isReturnEnabled = true,
-  onClickReturnButton,
-  isSticky = false,
-  WhiteLabeling,
-  PatientInfo,
-  UndoRedo,
-  Secondary,
-  ...props
+  service
 }) {
-  const onClickReturn = () => {
-    if (isReturnEnabled && onClickReturnButton) {
-      onClickReturnButton();
-    }
-  };
-  return /*#__PURE__*/react.createElement(components_NavBar, Header_extends({
-    isSticky: isSticky
-  }, props), /*#__PURE__*/react.createElement("div", {
-    className: "relative h-[48px] items-center"
-  }, /*#__PURE__*/react.createElement("div", {
-    className: "absolute left-0 top-1/2 flex -translate-y-1/2 items-center"
-  }, /*#__PURE__*/react.createElement("div", {
-    className: classnames_default()('mr-3 inline-flex items-center', isReturnEnabled && 'cursor-pointer'),
-    onClick: onClickReturn,
-    "data-cy": "return-to-work-list"
-  }, isReturnEnabled && /*#__PURE__*/react.createElement(Icons/* Icons */.F.ArrowLeft, {
-    className: "text-primary ml-1 h-7 w-7"
-  }), /*#__PURE__*/react.createElement("div", {
-    className: "ml-1"
-  }, WhiteLabeling?.createLogoComponentFn?.(react, props) || /*#__PURE__*/react.createElement(Icons/* Icons */.F.OHIFLogo, null)))), /*#__PURE__*/react.createElement("div", {
-    className: "absolute top-1/2 left-[250px] h-8 -translate-y-1/2"
-  }, Secondary), /*#__PURE__*/react.createElement("div", {
-    className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 transform"
-  }, /*#__PURE__*/react.createElement("div", {
-    className: "flex items-center justify-center space-x-2"
-  }, children)), /*#__PURE__*/react.createElement("div", {
-    className: "absolute right-0 top-1/2 flex -translate-y-1/2 select-none items-center"
-  }, UndoRedo, /*#__PURE__*/react.createElement("div", {
-    className: "border-primary-dark mx-1.5 h-[25px] border-r"
-  }), PatientInfo, /*#__PURE__*/react.createElement("div", {
-    className: "border-primary-dark mx-1.5 h-[25px] border-r"
-  }), /*#__PURE__*/react.createElement("div", {
-    className: "flex-shrink-0"
-  }, /*#__PURE__*/react.createElement(DropdownMenu_DropdownMenu, null, /*#__PURE__*/react.createElement(DropdownMenu_DropdownMenuTrigger, {
-    asChild: true
-  }, /*#__PURE__*/react.createElement(components_Button/* Button */.$, {
-    variant: "ghost",
-    size: "icon",
-    className: "text-primary hover:bg-primary-dark mt-2 h-full w-full"
-  }, /*#__PURE__*/react.createElement(Icons/* Icons */.F.GearSettings, null))), /*#__PURE__*/react.createElement(DropdownMenu_DropdownMenuContent, {
-    align: "end"
-  }, menuOptions.map((option, index) => {
-    const IconComponent = option.icon ? Icons/* Icons */.F[option.icon] : null;
-    return /*#__PURE__*/react.createElement(DropdownMenu_DropdownMenuItem, {
-      key: index,
-      onSelect: option.onClick,
-      className: "flex items-center gap-2 py-2"
-    }, IconComponent && /*#__PURE__*/react.createElement("span", {
-      className: "flex h-4 w-4 items-center justify-center"
-    }, /*#__PURE__*/react.createElement(Icons/* Icons */.F.ByName, {
-      name: IconComponent.name
-    })), /*#__PURE__*/react.createElement("span", {
-      className: "flex-1"
-    }, option.title));
-  })))))));
-}
-/* harmony default export */ const components_Header_Header = (Header_Header);
-;// CONCATENATED MODULE: ../../ui-next/src/components/Header/index.js
-
-
-;// CONCATENATED MODULE: ../../ui-next/src/components/Card/Card.tsx
-function Card_extends() { return Card_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; }, Card_extends.apply(null, arguments); }
-
+  const viewportGridReducer = (state, action) => {
+    switch (action.type) {
+      case 'SET_IS_REFERENCE_VIEWABLE':
+        {
+          const {
+            viewportId,
+            isReferenceViewable
+          } = action.payload;
+          const viewports = new Map(state.viewports);
+          const viewport = viewports.get(viewportId);
+          if (!viewport) {
+            return;
+          }
+          viewports.set(viewportId, {
+            ...viewport,
+            isReferenceViewable
+          });
+          return {
+            ...state,
+            viewports
+          };
+        }
+      case 'SET_ACTIVE_VIEWPORT_ID':
+        {
+          return {
+            ...state,
+            ...{
+              activeViewportId: action.payload
+            }
+          };
+        }
 
-const Card = /*#__PURE__*/react.forwardRef(({
-  className,
-  ...props
-}, ref) => /*#__PURE__*/react.createElement("div", Card_extends({
-  ref: ref,
-  className: (0,utils.cn)('bg-card text-card-foreground border-input rounded-lg border shadow', className)
-}, props)));
-Card.displayName = 'Card';
-const CardHeader = /*#__PURE__*/react.forwardRef(({
-  className,
-  ...props
-}, ref) => /*#__PURE__*/react.createElement("div", Card_extends({
-  ref: ref,
-  className: (0,utils.cn)('flex flex-col space-y-1.5 p-6', className)
-}, props)));
-CardHeader.displayName = 'CardHeader';
-const CardTitle = /*#__PURE__*/react.forwardRef(({
-  className,
-  ...props
-}, ref) => /*#__PURE__*/react.createElement("h3", Card_extends({
-  ref: ref,
-  className: (0,utils.cn)('font-semibold leading-none tracking-tight', className)
-}, props)));
-CardTitle.displayName = 'CardTitle';
-const CardDescription = /*#__PURE__*/react.forwardRef(({
-  className,
-  ...props
-}, ref) => /*#__PURE__*/react.createElement("p", Card_extends({
-  ref: ref,
-  className: (0,utils.cn)('text-muted-foreground text-base', className)
-}, props)));
-CardDescription.displayName = 'CardDescription';
-const CardContent = /*#__PURE__*/react.forwardRef(({
-  className,
-  ...props
-}, ref) => /*#__PURE__*/react.createElement("div", Card_extends({
-  ref: ref,
-  className: (0,utils.cn)('p-6 pt-0', className)
-}, props)));
-CardContent.displayName = 'CardContent';
-const CardFooter = /*#__PURE__*/react.forwardRef(({
-  className,
-  ...props
-}, ref) => /*#__PURE__*/react.createElement("div", Card_extends({
-  ref: ref,
-  className: (0,utils.cn)('flex items-center p-6 pt-0', className)
-}, props)));
-CardFooter.displayName = 'CardFooter';
+      /**
+       * Sets the display sets for multiple viewports.
+       * This is a replacement for the older set display set for viewport (single)
+       * because the old one had race conditions wherein the viewports could
+       * render partially in various ways causing exceptions.
+       */
+      case 'SET_DISPLAYSETS_FOR_VIEWPORTS':
+        {
+          const {
+            payload
+          } = action;
+          const viewports = new Map(state.viewports);
+          payload.forEach(updatedViewport => {
+            const {
+              viewportId,
+              displaySetInstanceUIDs
+            } = updatedViewport;
+            if (!viewportId) {
+              throw new Error('ViewportId is required to set display sets for viewport');
+            }
+            const previousViewport = viewports.get(viewportId);
 
-;// CONCATENATED MODULE: ../../ui-next/src/components/Card/index.ts
+            // remove options that were meant for one time usage
+            if (previousViewport?.viewportOptions?.initialImageOptions) {
+              const {
+                useOnce
+              } = previousViewport.viewportOptions.initialImageOptions;
+              if (useOnce) {
+                previousViewport.viewportOptions.initialImageOptions = null;
+              }
+            }
 
+            // Use the newly provide viewportOptions and display set options
+            // when provided, and otherwise fall back to the previous ones.
+            // That allows for easy updates of just the display set.
+            let viewportOptions = lodash_merge_default()({}, previousViewport?.viewportOptions, updatedViewport?.viewportOptions);
+            const displaySetOptions = updatedViewport?.displaySetOptions || [];
+            if (!displaySetOptions.length) {
+              // Copy all the display set options, assuming a full set of displaySet UID's is provided.
+              if (state.isHangingProtocolLayout) {
+                displaySetOptions.push(...(previousViewport.displaySetOptions || []));
+              }
+              if (!displaySetOptions.length) {
+                displaySetOptions.push({});
+              }
+            }
 
-;// CONCATENATED MODULE: ../../ui-next/src/components/Viewport/ViewportActionButton.tsx
+            // if it is not part of the hanging protocol layout, we should remove the toolGroupId
+            // and viewportType from the viewportOptions so that it doesn't
+            // inherit the hanging protocol layout options, only when
+            // the viewport options is not provided (e.g., when drag and drop)
+            // otherwise, programmatically set options should be preserved
+            if (!updatedViewport.viewportOptions && !state.isHangingProtocolLayout) {
+              viewportOptions = {
+                viewportId: viewportOptions.viewportId
+              };
+            }
+            const newViewport = {
+              ...previousViewport,
+              displaySetInstanceUIDs,
+              viewportOptions,
+              displaySetOptions
+              // viewportLabel: getViewportLabel(viewports, viewportId),
+            };
+            viewportOptions.presentationIds = service.getPresentationIds({
+              viewport: newViewport,
+              viewports
+            });
+            viewports.set(viewportId, {
+              ...viewports.get(viewportId),
+              ...newViewport
+            });
+          });
+          return {
+            ...state,
+            viewports
+          };
+        }
+      case 'SET_LAYOUT':
+        {
+          const {
+            numCols,
+            numRows,
+            layoutOptions,
+            layoutType = 'grid',
+            activeViewportId,
+            findOrCreateViewport,
+            isHangingProtocolLayout
+          } = action.payload;
 
+          // If empty viewportOptions, we use numRow and numCols to calculate number of viewports
+          const hasOptions = layoutOptions?.length;
+          const viewports = new Map();
+          // Options is a temporary state store which can be used by the
+          // findOrCreate to store state about already found viewports.  Typically,
+          // it will be used to store the display set UID's which are already
+          // in view so that the find or create can decide which display sets
+          // haven't been viewed yet, and add them in the appropriate order.
+          const options = {};
+          let activeViewportIdToSet = activeViewportId;
+          for (let row = 0; row < numRows; row++) {
+            for (let col = 0; col < numCols; col++) {
+              const position = col + row * numCols;
+              const layoutOption = layoutOptions[position];
+              let xPos, yPos, w, h;
+              if (layoutOptions && layoutOptions[position]) {
+                ({
+                  x: xPos,
+                  y: yPos,
+                  width: w,
+                  height: h
+                } = layoutOptions[position]);
+              } else {
+                w = 1 / numCols;
+                h = 1 / numRows;
+                xPos = col * w;
+                yPos = row * h;
+              }
+              const colIndex = Math.round(xPos * numCols);
+              const rowIndex = Math.round(yPos * numRows);
+              const positionId = layoutOption?.positionId || `${colIndex}-${rowIndex}`;
+              if (hasOptions && position >= layoutOptions.length) {
+                continue;
+              }
+              const viewport = findOrCreateViewport(position, positionId, options);
+              if (!viewport) {
+                continue;
+              }
+              viewport.positionId = positionId;
 
+              // If the viewport doesn't have a viewportId, we create one
+              if (!viewport.viewportOptions?.viewportId) {
+                const randomUID = src/* utils */.Wp.uuidv4().substring(0, 8);
+                viewport.viewportOptions = viewport.viewportOptions || {};
+                viewport.viewportOptions.viewportId = `viewport-${randomUID}`;
+              }
+              viewport.viewportId = viewport.viewportOptions.viewportId;
 
-/**
- * A button that can trigger commands when clicked.
- */
-function ViewportActionButton({
-  onInteraction,
-  commands,
-  id,
-  children
-}) {
-  return /*#__PURE__*/react.createElement("div", {
-    className: "bg-primary-main hover:bg-primary-light ml-1 cursor-pointer rounded px-1.5 hover:text-black"
-    // Using onMouseUp because onClick wasn't firing if pointer-events are none.
-    ,
-    onMouseUp: () => {
-      onInteraction({
-        itemId: id,
-        commands
-      });
+              // Create a new viewport object as it is getting updated here
+              // and it is part of the read only state
+              viewports.set(viewport.viewportId, viewport);
+              Object.assign(viewport, {
+                width: w,
+                height: h,
+                x: xPos,
+                y: yPos
+              });
+              viewport.isReady = false;
+              if (!viewport.viewportOptions.presentationIds) {
+                const presentationIds = service.getPresentationIds({
+                  viewport,
+                  viewports
+                });
+                viewport.viewportOptions.presentationIds = presentationIds;
+              }
+            }
+          }
+          activeViewportIdToSet = activeViewportIdToSet ?? determineActiveViewportId(state, viewports);
+          const ret = {
+            ...state,
+            activeViewportId: activeViewportIdToSet,
+            layout: {
+              ...state.layout,
+              numCols,
+              numRows,
+              layoutType
+            },
+            viewports,
+            isHangingProtocolLayout
+          };
+          return ret;
+        }
+      case 'RESET':
+        {
+          return DEFAULT_STATE;
+        }
+      case 'SET':
+        {
+          return {
+            ...state,
+            ...action.payload
+          };
+        }
+      case 'VIEWPORT_IS_READY':
+        {
+          const {
+            viewportId,
+            isReady
+          } = action.payload;
+          const viewports = new Map(state.viewports);
+          const viewport = viewports.get(viewportId);
+          if (!viewport) {
+            return;
+          }
+          viewports.set(viewportId, {
+            ...viewport,
+            isReady
+          });
+          return {
+            ...state,
+            viewports
+          };
+        }
+      default:
+        return action.payload;
     }
-  }, children);
-}
-ViewportActionButton.propTypes = {
-  id: (prop_types_default()).string,
-  onInteraction: (prop_types_default()).func.isRequired,
-  commands: (prop_types_default()).array,
-  children: (prop_types_default()).node
-};
-
-;// CONCATENATED MODULE: ../../ui-next/src/components/Viewport/PatientInfo.tsx
-
-
-
-
-
-const classes = {
-  infoHeader: 'text-base text-primary-light',
-  infoText: 'text-base text-white max-w-24 truncate',
-  firstRow: 'flex flex-col',
-  row: 'flex flex-col ml-4'
-};
-
-/**
- * A small info icon that, when clicked, can reveal additional patient details in a tooltip overlay.
- */
-function PatientInfo({
-  patientName,
-  patientSex,
-  patientAge,
-  MRN,
-  thickness,
-  thicknessUnits,
-  spacing,
-  scanner,
-  isOpen,
-  showPatientInfoRef
-}) {
-  const {
-    t
-  } = (0,dist_es/* useTranslation */.Bd)('PatientInfo');
+  };
+  const [viewportGridState, dispatch] = (0,react.useReducer)(viewportGridReducer, DEFAULT_STATE);
+  const getState = (0,react.useCallback)(() => {
+    return viewportGridState;
+  }, [viewportGridState]);
+  const getActiveViewportOptionByKey = key => {
+    const {
+      viewports,
+      activeViewportId
+    } = viewportGridState;
+    return viewports.get(activeViewportId)?.viewportOptions?.[key];
+  };
+  const setActiveViewportId = (0,react.useCallback)(index => dispatch({
+    type: 'SET_ACTIVE_VIEWPORT_ID',
+    payload: index
+  }), [dispatch]);
+  const setIsReferenceViewable = (0,react.useCallback)((viewportId, isReferenceViewable) => {
+    dispatch({
+      type: 'SET_IS_REFERENCE_VIEWABLE',
+      payload: {
+        viewportId,
+        isReferenceViewable
+      }
+    });
+  }, [dispatch]);
+  const setDisplaySetsForViewports = (0,react.useCallback)(viewports => dispatch({
+    type: 'SET_DISPLAYSETS_FOR_VIEWPORTS',
+    payload: viewports
+  }), [dispatch]);
+  const setViewportIsReady = (0,react.useCallback)((viewportId, isReady) => {
+    dispatch({
+      type: 'VIEWPORT_IS_READY',
+      payload: {
+        viewportId,
+        isReady
+      }
+    });
+  }, [dispatch, viewportGridState]);
+  const getGridViewportsReady = (0,react.useCallback)(() => {
+    const {
+      viewports
+    } = viewportGridState;
+    const readyViewports = Array.from(viewports.values()).filter(viewport => viewport.isReady);
+    return readyViewports.length === viewports.size;
+  }, [viewportGridState]);
+  const setLayout = (0,react.useCallback)(({
+    layoutType,
+    numRows,
+    numCols,
+    layoutOptions = [],
+    activeViewportId,
+    findOrCreateViewport,
+    isHangingProtocolLayout
+  }) => dispatch({
+    type: 'SET_LAYOUT',
+    payload: {
+      layoutType,
+      numRows,
+      numCols,
+      layoutOptions,
+      activeViewportId,
+      findOrCreateViewport,
+      isHangingProtocolLayout
+    }
+  }), [dispatch]);
+  const reset = (0,react.useCallback)(() => dispatch({
+    type: 'RESET',
+    payload: {}
+  }), [dispatch]);
+  const set = (0,react.useCallback)(payload => dispatch({
+    type: 'SET',
+    payload
+  }), [dispatch]);
+  const getViewportState = (0,react.useCallback)(viewportId => {
+    const {
+      viewports
+    } = viewportGridState;
+    return viewports.get(viewportId);
+  }, [viewportGridState]);
+  const getNumViewportPanes = (0,react.useCallback)(() => {
+    const {
+      layout,
+      viewports
+    } = viewportGridState;
+    const {
+      numRows,
+      numCols
+    } = layout;
+    return Math.min(viewports.size, numCols * numRows);
+  }, [viewportGridState]);
+
+  /**
+   * Sets the implementation of ViewportGridService that can be used by extensions.
+   *
+   * @returns void
+   */
+  (0,react.useEffect)(() => {
+    if (service) {
+      service.setServiceImplementation({
+        getState,
+        setActiveViewportId,
+        setDisplaySetsForViewports,
+        setIsReferenceViewable,
+        setLayout,
+        reset,
+        onModeExit: reset,
+        set,
+        getNumViewportPanes,
+        setViewportIsReady,
+        getViewportState,
+        getGridViewportsReady
+      });
+    }
+  }, [getState, service, setActiveViewportId, setDisplaySetsForViewports, setIsReferenceViewable, setLayout, reset, set, getNumViewportPanes, setViewportIsReady, getGridViewportsReady, getViewportState]);
+
+  // run many of the calls through the service itself since we want to publish events
+  const api = {
+    getState,
+    setActiveViewportId: index => service.setActiveViewportId(index),
+    setDisplaySetsForViewport: props => service.setDisplaySetsForViewports([props]),
+    setDisplaySetsForViewports: props => service.setDisplaySetsForViewports(props),
+    setIsReferenceViewable: (viewportId, isReferenceViewable) => service.setIsReferenceViewable(viewportId, isReferenceViewable),
+    setLayout: layout => service.setLayout(layout),
+    getViewportState: viewportId => service.getViewportState(viewportId),
+    reset: () => service.reset(),
+    set: gridLayoutState => service.setState(gridLayoutState),
+    // run it through the service itself since we want to publish events
+    getNumViewportPanes,
+    setViewportIsReady,
+    getGridViewportsReady,
+    getActiveViewportOptionByKey,
+    setViewportGridSizeChanged: props => service.setViewportGridSizeChanged(props),
+    publishViewportsReady: () => service.publishViewportsReady(),
+    getLayoutOptionsFromState: state => service.getLayoutOptionsFromState(state)
+  };
+  return /*#__PURE__*/react.createElement(ViewportGridContext.Provider, {
+    value: [viewportGridState, api]
+  }, children);
+}
+ViewportGridProvider.propTypes = {
+  children: (prop_types_default()).any,
+  service: prop_types_default().instanceOf(src/* ViewportGridService */.sI).isRequired
+};
+
+// Update the useViewportGrid hook
+const useViewportGrid = () => (0,react.useContext)(ViewportGridContext);
+;// CONCATENATED MODULE: ../../ui-next/src/contextProviders/ModalProvider.tsx
+function ModalProvider_extends() { return ModalProvider_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; }, ModalProvider_extends.apply(null, arguments); }
+
+
+const ModalContext = /*#__PURE__*/(0,react.createContext)(null);
+const useModal = () => {
+  const ctx = (0,react.useContext)(ModalContext);
+  if (!ctx) {
+    throw new Error('useModal must be used within a ModalProvider');
+  }
+  return ctx;
+};
+const DEFAULT_OPTIONS = {
+  title: '',
+  shouldCloseOnEsc: true
+};
+const ModalProvider = ({
+  children,
+  modal: ModalComponent,
+  service = null
+}) => {
+  const {
+    t
+  } = (0,dist_es/* useTranslation */.Bd)('Modals');
+  const [options, setOptions] = (0,react.useState)(DEFAULT_OPTIONS);
+  const ModalContent = options.content;
+  const show = (0,react.useCallback)(props => {
+    setOptions(prev => ({
+      ...prev,
+      ...props
+    }));
+  }, []);
+  const hide = (0,react.useCallback)(() => {
+    setOptions(DEFAULT_OPTIONS);
+  }, []);
+  (0,react.useEffect)(() => {
+    if (service) {
+      service.setServiceImplementation({
+        show,
+        hide
+      });
+    }
+  }, [hide, service, show]);
+  const {
+    title
+  } = options;
+  const CustomModal = service?.getCustomComponent();
+  const RenderedModal = CustomModal || ModalComponent;
+  return /*#__PURE__*/react.createElement(ModalContext.Provider, {
+    value: {
+      show,
+      hide
+    }
+  }, ModalContent && /*#__PURE__*/react.createElement(RenderedModal, ModalProvider_extends({
+    isOpen: true,
+    onClose: hide,
+    title: t(title)
+  }, options), /*#__PURE__*/react.createElement(ModalContent, ModalProvider_extends({}, options.contentProps, {
+    show: show,
+    hide: hide
+  }))), children);
+};
+
+const ModalConsumer = ModalContext.Consumer;
+;// CONCATENATED MODULE: ../../ui-next/src/contextProviders/ManagedDialog.tsx
+function ManagedDialog_extends() { return ManagedDialog_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; }, ManagedDialog_extends.apply(null, arguments); }
+
+
+
+const ManagedDialog = /*#__PURE__*/(0,react.forwardRef)(({
+  id,
+  isOpen,
+  title,
+  content: DialogContentComponent,
+  contentProps,
+  isDraggable,
+  shouldCloseOnEsc = false,
+  shouldCloseOnOverlayClick = false,
+  showOverlay = true,
+  defaultPosition,
+  onClose,
+  unstyled,
+  containerClassName
+}, ref) => {
+  const [currentPosition, setCurrentPosition] = (0,react.useState)(defaultPosition);
+  (0,react.useImperativeHandle)(ref, () => ({
+    updatePosition: position => {
+      setCurrentPosition(position);
+    }
+  }), []);
+  (0,react.useEffect)(() => {
+    setCurrentPosition(defaultPosition);
+  }, [defaultPosition]);
+  return /*#__PURE__*/react.createElement(Dialog_Dialog, {
+    open: isOpen,
+    modal: false // keep modal behavior off for independent windows
+    ,
+    onOpenChange: open => {
+      if (!open) {
+        onClose(id);
+      }
+    },
+    isDraggable: isDraggable,
+    shouldCloseOnEsc: shouldCloseOnEsc,
+    shouldCloseOnOverlayClick: shouldCloseOnOverlayClick,
+    showOverlay: showOverlay
+  }, /*#__PURE__*/react.createElement(Dialog_DialogContent, {
+    className: (0,utils.cn)(unstyled ? 'p-0' : '', containerClassName),
+    unstyled: unstyled,
+    style: {
+      ...(currentPosition ? {
+        position: 'fixed',
+        left: `${currentPosition.x}px`,
+        top: `${currentPosition.y}px`,
+        transform: 'translate(0, 0)',
+        margin: 0,
+        animation: 'none'
+      } : {})
+    }
+  }, !unstyled && /*#__PURE__*/react.createElement(DialogHeader, null, title && /*#__PURE__*/react.createElement(Dialog_DialogTitle, null, title)), /*#__PURE__*/react.createElement(DialogContentComponent, ManagedDialog_extends({}, contentProps, {
+    hide: () => onClose(id)
+  }))));
+});
+ManagedDialog.displayName = 'ManagedDialog';
+/* harmony default export */ const contextProviders_ManagedDialog = (ManagedDialog);
+;// CONCATENATED MODULE: ../../ui-next/src/contextProviders/DialogProvider.tsx
+function DialogProvider_extends() { return DialogProvider_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; }, DialogProvider_extends.apply(null, arguments); }
+
+
+const DialogProvider_DialogContext = /*#__PURE__*/(0,react.createContext)(null);
+const useDialog = () => {
+  const context = useContext(DialogProvider_DialogContext);
+  if (!context) {
+    throw new Error('useDialog must be used within a DialogProvider');
+  }
+  return context;
+};
+const DialogProvider_DialogProvider = ({
+  children,
+  dialog: DialogComponent = contextProviders_ManagedDialog,
+  service = null
+}) => {
+  const [dialogs, setDialogs] = (0,react.useState)([]);
+  const dialogRefs = (0,react.useRef)(new Map());
+  const show = (0,react.useCallback)(options => {
+    const id = options.id;
+    setDialogs(prev => [...prev, {
+      ...options,
+      id
+    }]);
+    return id;
+  }, []);
+  const hide = (0,react.useCallback)(id => {
+    setDialogs(prev => prev.filter(dialog => dialog.id !== id));
+    dialogRefs.current.delete(id);
+  }, []);
+  const hideAll = (0,react.useCallback)(() => {
+    setDialogs([]);
+    dialogRefs.current.clear();
+  }, []);
+  const isEmpty = (0,react.useCallback)(() => dialogs.length === 0, [dialogs]);
+  const updatePosition = (0,react.useCallback)((id, position) => {
+    const dialogRef = dialogRefs.current.get(id);
+    if (dialogRef) {
+      dialogRef.updatePosition(position);
+    }
+  }, []);
+  const contextValue = (0,react.useMemo)(() => ({
+    show,
+    hide,
+    hideAll,
+    isEmpty,
+    updatePosition
+  }), [show, hide, hideAll, isEmpty, updatePosition]);
+  (0,react.useEffect)(() => {
+    if (service) {
+      service.setServiceImplementation(contextValue);
+    }
+  }, [service, contextValue]);
+  const CustomDialog = service?.getCustomComponent?.();
+  const RenderedDialog = CustomDialog || DialogComponent;
+  return /*#__PURE__*/react.createElement(DialogProvider_DialogContext.Provider, {
+    value: contextValue
+  }, dialogs.map(dialog => /*#__PURE__*/react.createElement(RenderedDialog, DialogProvider_extends({
+    key: dialog.id,
+    ref: ref => {
+      if (ref) {
+        dialogRefs.current.set(dialog.id, ref);
+      }
+    },
+    onClose: hide,
+    isOpen: true
+  }, dialog))), children);
+};
+
+;// CONCATENATED MODULE: ../../ui-next/src/contextProviders/ViewportDialogProvider.tsx
+
+
+const ViewportDialogProvider_DEFAULT_STATE = {
+  message: undefined,
+  type: 'info',
+  // "error" | "warning" | "info" | "success"
+  actions: undefined,
+  // array of { type, text, value }
+  onSubmit: () => {
+    console.log('btn value?');
+  },
+  onOutsideClick: () => {
+    console.warn('default: onOutsideClick');
+  },
+  onDismiss: () => {
+    console.log('dismiss? -1');
+  },
+  onKeyPress: () => {
+    console.log('key pressed?');
+  }
+};
+const ViewportDialogContext = /*#__PURE__*/(0,react.createContext)(null);
+const {
+  Provider: ViewportDialogProvider_Provider
+} = ViewportDialogContext;
+const useViewportDialog = () => (0,react.useContext)(ViewportDialogContext);
+const ViewportDialogProvider = ({
+  children,
+  service
+}) => {
+  const [viewportDialogState, setViewportDialogState] = (0,react.useState)(ViewportDialogProvider_DEFAULT_STATE);
+  const show = (0,react.useCallback)(params => setViewportDialogState({
+    ...viewportDialogState,
+    ...params
+  }), [viewportDialogState]);
+  const hide = (0,react.useCallback)(() => setViewportDialogState(ViewportDialogProvider_DEFAULT_STATE), []);
+  (0,react.useEffect)(() => {
+    if (service) {
+      service.setServiceImplementation({
+        hide,
+        show
+      });
+    }
+  }, [hide, service, show]);
+  return /*#__PURE__*/react.createElement(ViewportDialogProvider_Provider, {
+    value: [viewportDialogState, {
+      show,
+      hide
+    }]
+  }, children);
+};
+ViewportDialogProvider.propTypes = {
+  /** Children that will be wrapped with Modal Context */
+  children: prop_types_default().oneOfType([prop_types_default().arrayOf((prop_types_default()).node), (prop_types_default()).node]).isRequired,
+  service: prop_types_default().shape({
+    setServiceImplementation: (prop_types_default()).func
+  })
+};
+/* harmony default export */ const contextProviders_ViewportDialogProvider = (ViewportDialogProvider);
+;// CONCATENATED MODULE: ../../ui-next/src/contextProviders/UserAuthenticationProvider.tsx
+
+
+const UserAuthenticationProvider_DEFAULT_STATE = {
+  user: null,
+  enabled: false
+};
+const UserAuthenticationContext = /*#__PURE__*/(0,react.createContext)(UserAuthenticationProvider_DEFAULT_STATE);
+function UserAuthenticationProvider({
+  children,
+  service
+}) {
+  const userAuthenticationReducer = (state, action) => {
+    switch (action.type) {
+      case 'SET_USER':
+        {
+          return {
+            ...state,
+            ...{
+              user: action.payload.user
+            }
+          };
+        }
+      case 'RESET':
+        {
+          return {
+            user: null
+          };
+        }
+      case 'SET':
+        {
+          return {
+            ...state,
+            ...action.payload
+          };
+        }
+      default:
+        return action.payload;
+    }
+  };
+  const [userAuthenticationState, dispatch] = (0,react.useReducer)(userAuthenticationReducer, UserAuthenticationProvider_DEFAULT_STATE);
+  const getState = (0,react.useCallback)(() => userAuthenticationState, [userAuthenticationState]);
+  const setUser = (0,react.useCallback)(user => dispatch({
+    type: 'SET_USER',
+    payload: {
+      user
+    }
+  }), [dispatch]);
+  const getUser = (0,react.useCallback)(() => userAuthenticationState.user, [userAuthenticationState]);
+  const reset = (0,react.useCallback)(() => dispatch({
+    type: 'RESET',
+    payload: {}
+  }), [dispatch]);
+  const set = (0,react.useCallback)(payload => dispatch({
+    type: 'SET',
+    payload
+  }), [dispatch]);
+
+  /**
+   * Sets the implementation of the UserAuthenticationService that can be used by extensions.
+   *
+   * @returns void
+   */
+  // TODO: should this be a useEffect or not?
+  (0,react.useEffect)(() => {
+    if (service) {
+      service.setServiceImplementation({
+        getState,
+        setUser,
+        getUser,
+        reset,
+        set
+      });
+    }
+  }, [getState, service, setUser, getUser, reset, set]);
+
+  // TODO: This may not be correct, but I think we need to set the implementation for the service
+  // immediately when this runs, since otherwise the authentication redirects will fail.
+  // (useEffect only runs after the child components - in this case, routing logic - has failed)
+  if (service) {
+    service.setServiceImplementation({
+      getState,
+      setUser,
+      getUser,
+      reset,
+      set
+    });
+  }
+  const api = {
+    getState,
+    setUser,
+    getUser,
+    getAuthorizationHeader: service.getAuthorizationHeader,
+    handleUnauthenticated: service.handleUnauthenticated,
+    reset,
+    set
+  };
+  return /*#__PURE__*/react.createElement(UserAuthenticationContext.Provider, {
+    value: [userAuthenticationState, api]
+  }, children);
+}
+/* harmony default export */ const contextProviders_UserAuthenticationProvider = ((/* unused pure expression or super */ null && (UserAuthenticationProvider)));
+const UserAuthenticationConsumer = UserAuthenticationContext.Consumer;
+
+UserAuthenticationProvider.propTypes = {
+  children: (prop_types_default()).any,
+  service: prop_types_default().shape({
+    setServiceImplementation: (prop_types_default()).func
+  }).isRequired
+};
+const useUserAuthentication = () => (0,react.useContext)(UserAuthenticationContext);
+;// CONCATENATED MODULE: ../../ui-next/src/contextProviders/ImageViewerProvider.tsx
+
+const ImageViewerContext = /*#__PURE__*/(0,react.createContext)(null);
+const useImageViewer = () => (0,react.useContext)(ImageViewerContext);
+function ImageViewerProvider({
+  StudyInstanceUIDs,
+  children
+}) {
+  const value = (0,react.useMemo)(() => {
+    return {
+      StudyInstanceUIDs
+    };
+  }, [StudyInstanceUIDs]);
+  return /*#__PURE__*/react.createElement(ImageViewerContext.Provider, {
+    value: value
+  }, children);
+}
+// EXTERNAL MODULE: ../../../node_modules/react-dnd-html5-backend/dist/esm/index.js + 13 modules
+var dist_esm = __webpack_require__(87654);
+;// CONCATENATED MODULE: ../../ui-next/src/contextProviders/DragAndDropProvider.tsx
+
+
+
+
+
+// import TouchBackend from 'react-dnd-touch-backend';
+
+// TODO: this is false when it should not be :thinking:
+const isTouchDevice = typeof window !== `undefined` && !!('ontouchstart' in window || navigator.maxTouchPoints);
+
+/**
+ * Relevant:
+ * https://github.com/react-dnd/react-dnd/issues/186#issuecomment-335429067
+ * https://github.com/react-dnd/react-dnd/issues/186#issuecomment-282789420
+ *
+ * Docs:
+ * http://react-dnd.github.io/react-dnd/docs/api/drag-drop-context
+ */
+function DragAndDropProvider({
+  children
+}) {
+  const backend = dist_esm/* HTML5Backend */.t2; // isTouchDevice ? TouchBackend : HTML5Backend;
+  const opts = {}; // isTouchDevice ? { enableMouseEvents: true } : {};
+
+  console.log('using... touch backend?', isTouchDevice);
+  return /*#__PURE__*/react.createElement(esm/* DndProvider */.QP, {
+    backend: backend,
+    opts: opts
+  }, children);
+}
+DragAndDropProvider.propTypes = {
+  children: (prop_types_default()).any
+};
+/* harmony default export */ const contextProviders_DragAndDropProvider = (DragAndDropProvider);
+;// CONCATENATED MODULE: ../../ui-next/src/contextProviders/CineProvider.tsx
+
+const CineProvider_DEFAULT_STATE = {
+  isCineEnabled: false,
+  cines: {
+    /*
+     * viewportId: { isPlaying: false, frameRate: 24 };
+     */
+  }
+};
+const DEFAULT_CINE = {
+  isPlaying: false,
+  frameRate: 24
+};
+const CineContext = /*#__PURE__*/(0,react.createContext)(null);
+function CineProvider({
+  children,
+  service
+}) {
+  const reducer = (state, action) => {
+    switch (action.type) {
+      case 'SET_CINE':
+        {
+          const {
+            id,
+            frameRate,
+            isPlaying = undefined
+          } = action.payload;
+          const cines = state.cines;
+          const syncedCineIds = service.getSyncedViewports(id).map(({
+            viewportId
+          }) => viewportId);
+          const cineIdsToUpdate = [id, ...syncedCineIds].filter(curId => {
+            const currentCine = cines[curId] ?? {};
+            const shouldUpdateFrameRate = currentCine.frameRate !== (frameRate ?? currentCine.frameRate);
+            const shouldUpdateIsPlaying = currentCine.isPlaying !== (isPlaying ?? currentCine.isPlaying);
+            return shouldUpdateFrameRate || shouldUpdateIsPlaying;
+          });
+          cineIdsToUpdate.forEach(currId => {
+            let cine = cines[currId];
+            if (!cine) {
+              cine = {
+                id,
+                ...DEFAULT_CINE
+              };
+              cines[currId] = cine;
+            }
+            cine.frameRate = frameRate ?? cine.frameRate;
+            cine.isPlaying = isPlaying ?? cine.isPlaying;
+          });
+          return {
+            ...state,
+            ...cines
+          };
+        }
+      case 'SET_IS_CINE_ENABLED':
+        {
+          return {
+            ...state,
+            ...{
+              isCineEnabled: action.payload
+            }
+          };
+        }
+      default:
+        return action.payload;
+    }
+  };
+  const [state, dispatch] = (0,react.useReducer)(reducer, CineProvider_DEFAULT_STATE);
+  const getState = (0,react.useCallback)(() => state, [state]);
+  const setIsCineEnabled = (0,react.useCallback)(isCineEnabled => dispatch({
+    type: 'SET_IS_CINE_ENABLED',
+    payload: isCineEnabled
+  }), [dispatch]);
+  const setCine = (0,react.useCallback)(({
+    id,
+    frameRate,
+    isPlaying
+  }) => dispatch({
+    type: 'SET_CINE',
+    payload: {
+      id,
+      frameRate,
+      isPlaying
+    }
+  }), [dispatch]);
+
+  /**
+   * Sets the implementation of a modal service that can be used by extensions.
+   *
+   * @returns void
+   */
+  (0,react.useEffect)(() => {
+    if (service) {
+      service.setServiceImplementation({
+        getState,
+        setIsCineEnabled,
+        setCine
+      });
+    }
+  }, [getState, service, setCine, setIsCineEnabled]);
+  const api = {
+    getState,
+    setCine,
+    setIsCineEnabled: isCineEnabled => service.setIsCineEnabled(isCineEnabled),
+    playClip: (element, playClipOptions) => service.playClip(element, playClipOptions),
+    stopClip: (element, stopClipOptions) => service.stopClip(element, stopClipOptions),
+    setViewportCineClosed: viewportId => service.setViewportCineClosed(viewportId),
+    clearViewportCineClosed: viewportId => service.clearViewportCineClosed(viewportId),
+    isViewportCineClosed: viewportId => service.isViewportCineClosed(viewportId)
+  };
+  return /*#__PURE__*/react.createElement(CineContext.Provider, {
+    value: [state, api]
+  }, children);
+}
+const useCine = () => (0,react.useContext)(CineContext);
+;// CONCATENATED MODULE: ../../ui-next/src/contextProviders/index.ts
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+;// CONCATENATED MODULE: ../../ui-next/src/components/Errorboundary/ErrorBoundary.tsx
+function ErrorBoundary_extends() { return ErrorBoundary_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; }, ErrorBoundary_extends.apply(null, arguments); }
+
+
+
+
+
+
+
+const isProduction = "production" === 'production';
+
+/**
+ * Parses an error stack trace to extract important information
+ * Extracts the first function name from the stack trace
+ */
+const parseErrorStack = error => {
+  if (!error.stack) {
+    return {
+      filePath: null,
+      errorTitle: null,
+      code: null,
+      firstFilename: null
+    };
+  }
+  const stack = error.stack;
+  const stackLines = stack.split('\n');
+
+  // Extract error message from first line
+  const errorMessage = stackLines[0].trim();
+
+  // Extract first function name from the stack trace
+  let firstFilename = null;
+
+  // Find the first stack line (starts with " at ")
+  for (let i = 1; i < stackLines.length; i++) {
+    const line = stackLines[i].trim();
+    if (line.startsWith('at ')) {
+      // Extract function name pattern
+      const match = line.match(/at\s+([^\s(]+)[\s(]/);
+      if (match && match[1]) {
+        firstFilename = match[1];
+        break;
+      }
+    }
+  }
+
+  // Sanitize stack trace for display - safer approach to avoid ReDoS
+  const sanitizedStack = stackLines.map(line => {
+    // Limit line length to prevent excessive processing
+    const limitedLine = line.substring(0, 2000);
+
+    // Process each part separately to avoid complex regex patterns
+    if (limitedLine.includes('(')) {
+      // Extract filename from paths in parentheses
+      const openParenIndex = limitedLine.indexOf('(');
+      const closeParenIndex = limitedLine.indexOf(')', openParenIndex);
+      if (openParenIndex >= 0 && closeParenIndex > openParenIndex) {
+        const pathInParens = limitedLine.substring(openParenIndex + 1, closeParenIndex);
+
+        // Find the last segment after slash or backslash
+        const lastSlashIndex = Math.max(pathInParens.lastIndexOf('/'), pathInParens.lastIndexOf('\\'));
+        if (lastSlashIndex >= 0) {
+          const filename = pathInParens.substring(lastSlashIndex + 1);
+          return limitedLine.substring(0, openParenIndex + 1) + filename + limitedLine.substring(closeParenIndex);
+        }
+      }
+    }
+
+    // Handle the "at Function path:line:column" format
+    if (limitedLine.includes(' at ')) {
+      const atIndex = limitedLine.indexOf(' at ');
+      const afterAt = limitedLine.substring(atIndex + 4).trim();
+
+      // Split by whitespace to separate function and path
+      const spaceAfterFunc = afterAt.indexOf(' ');
+      if (spaceAfterFunc > 0) {
+        const funcName = afterAt.substring(0, spaceAfterFunc);
+        const path = afterAt.substring(spaceAfterFunc + 1);
+
+        // Check if this is a path with line/column numbers
+        if (path.includes(':') && /.*:[0-9]+:[0-9]+/.test(path)) {
+          // Find the last segment after slash or backslash
+          const lastSlashIndex = Math.max(path.lastIndexOf('/'), path.lastIndexOf('\\'));
+          if (lastSlashIndex >= 0) {
+            const filename = path.substring(lastSlashIndex + 1);
+            return limitedLine.substring(0, atIndex + 4) + funcName + ' ' + filename;
+          }
+        }
+      }
+    }
+    return limitedLine;
+  }).join('\n');
+  return {
+    errorTitle: errorMessage,
+    code: sanitizedStack,
+    firstFilename: firstFilename
+  };
+};
+const DefaultFallback = ({
+  error,
+  context,
+  resetErrorBoundary = () => {}
+}) => {
+  const {
+    t
+  } = (0,dist_es/* useTranslation */.Bd)('ErrorBoundary');
+  const [showDetails, setShowDetails] = (0,react.useState)(false);
+  const {
+    show
+  } = useNotification();
+  const title = `${t('Something went wrong')}${!isProduction && ` ${t('in')} ${context}`}.`;
+  const subtitle = t('Sorry, something went wrong there. Try again.');
+  const {
+    errorTitle,
+    code,
+    firstFilename
+  } = parseErrorStack(error);
+  const copyErrorToClipboard = () => {
+    if (code) {
+      navigator.clipboard.writeText(code);
+      show({
+        title: t('Success'),
+        message: t('Error copied to clipboard'),
+        type: 'success',
+        duration: 3000
+      });
+    }
+  };
+  (0,react.useEffect)(() => {
+    // Use a stable ID based on error message to support deduplication
+    const errorId = `error-${errorTitle || error.message}`;
+
+    // We don't need to track shown state - instead rely on the notification deduplication system
+    show({
+      title,
+      message: subtitle,
+      type: 'error',
+      duration: 0,
+      id: errorId,
+      action: {
+        label: t('Show Details'),
+        onClick: () => setShowDetails(true)
+      }
+    });
+  }, [error, errorTitle, subtitle, t, title, show]);
+  if (isProduction) {
+    return null;
+  }
+  return /*#__PURE__*/react.createElement(Dialog_Dialog, {
+    open: showDetails,
+    onOpenChange: setShowDetails
+  }, /*#__PURE__*/react.createElement(Dialog_DialogContent, {
+    className: "bg-muted max-w-3xl overflow-hidden border-0 p-0",
+    onInteractOutside: e => e.preventDefault()
+  }, /*#__PURE__*/react.createElement("div", {
+    className: "p-5 pb-4"
+  }, /*#__PURE__*/react.createElement("div", {
+    className: "flex items-center justify-between"
+  }, /*#__PURE__*/react.createElement("h2", {
+    className: "text-highlight text-xl font-normal"
+  }, errorTitle || error.message || title))), code && /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(ScrollArea_ScrollArea, {
+    className: "bg-background text-foreground mx-6 h-[321px] rounded-b-md"
+  }, /*#__PURE__*/react.createElement("div", {
+    className: "bg-background border-input flex items-center justify-between rounded-t-md border-b px-4 py-2"
+  }, /*#__PURE__*/react.createElement("div", {
+    className: "text-muted-foreground text-base"
+  }, firstFilename || 'Error Stack'), /*#__PURE__*/react.createElement(Button_Button/* Button */.$, {
+    className: "w-20",
+    onClick: copyErrorToClipboard,
+    title: t('Copy error')
+  }, "Copy")), /*#__PURE__*/react.createElement("div", {
+    className: "p-4 font-mono text-sm"
+  }, code.split('\n').map((line, index) => /*#__PURE__*/react.createElement("div", {
+    key: index,
+    className: "flex"
+  }, /*#__PURE__*/react.createElement("span", {
+    className: "whitespace-pre"
+  }, line)))))), /*#__PURE__*/react.createElement("div", {
+    className: "flex items-center justify-end p-6 pt-2"
+  }, /*#__PURE__*/react.createElement(Button_Button/* Button */.$, {
+    variant: "link",
+    className: "text-primary p-0",
+    onClick: () => window.open('https://github.com/OHIF/Viewers/issues/new?template=bug-report.yml', '_blank')
+  }, "Report Issue"))));
+};
+const ErrorBoundary = ({
+  context = 'OHIF',
+  onReset = () => {},
+  onError = () => {},
+  fallbackComponent: FallbackComponent = DefaultFallback,
+  children,
+  fallbackRoute = null,
+  isPage
+}) => {
+  const [error, setError] = (0,react.useState)(null);
+  const onResetHandler = () => {
+    setError(null);
+    onReset();
+  };
+
+  // Add error event listener to window
+  (0,react.useEffect)(() => {
+    let errorTimeout;
+    const handleError = event => {
+      event.preventDefault();
+      clearTimeout(errorTimeout);
+      errorTimeout = setTimeout(() => {
+        setError(event.error);
+        onErrorHandler(event.error, null);
+      }, 100);
+    };
+    const handleRejection = event => {
+      event.preventDefault();
+      clearTimeout(errorTimeout);
+      errorTimeout = setTimeout(() => {
+        setError(event.reason);
+        onErrorHandler(event.reason, null);
+      }, 100);
+    };
+    window.addEventListener('error', handleError);
+    window.addEventListener('unhandledrejection', handleRejection);
+    return () => {
+      clearTimeout(errorTimeout);
+      window.removeEventListener('error', handleError);
+      window.removeEventListener('unhandledrejection', handleRejection);
+    };
+  }, []);
+  const onErrorHandler = (error, componentStack) => {
+    console.debug(`${context} Error Boundary`, error, componentStack, context);
+    onError(error, componentStack || '', context);
+  };
+  return /*#__PURE__*/react.createElement(react_error_boundary_esm/* ErrorBoundary */.tH, {
+    fallbackRender: props => /*#__PURE__*/react.createElement(FallbackComponent, ErrorBoundary_extends({}, props, {
+      context: context
+    })),
+    onReset: onResetHandler,
+    onError: (error, info) => onErrorHandler(error, info.componentStack)
+  }, /*#__PURE__*/react.createElement(react.Fragment, null, children, error && /*#__PURE__*/react.createElement(FallbackComponent, {
+    error: error,
+    context: context,
+    resetErrorBoundary: () => setError(null)
+  })));
+};
+
+;// CONCATENATED MODULE: ../../ui-next/src/components/Errorboundary/index.tsx
+
+
+;// CONCATENATED MODULE: ../../ui-next/src/components/NavBar/NavBar.tsx
+
+
+
+const stickyClasses = 'sticky top-0';
+const notStickyClasses = 'relative';
+const NavBar = ({
+  className,
+  children,
+  isSticky
+}) => {
+  return /*#__PURE__*/react.createElement("div", {
+    className: classnames_default()('bg-secondary-dark z-20 border-black px-1', isSticky && stickyClasses, !isSticky && notStickyClasses, className)
+  }, children);
+};
+NavBar.propTypes = {
+  className: (prop_types_default()).string,
+  children: (prop_types_default()).node,
+  isSticky: (prop_types_default()).bool
+};
+/* harmony default export */ const NavBar_NavBar = (NavBar);
+;// CONCATENATED MODULE: ../../ui-next/src/components/NavBar/index.js
+
+/* harmony default export */ const components_NavBar = (NavBar_NavBar);
+;// CONCATENATED MODULE: ../../ui-next/src/components/Header/Header.tsx
+function Header_extends() { return Header_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; }, Header_extends.apply(null, arguments); }
+
+
+
+
+
+// Todo: we should move this component to composition and remove props base
+
+function Header_Header({
+  children,
+  menuOptions,
+  isReturnEnabled = true,
+  onClickReturnButton,
+  isSticky = false,
+  WhiteLabeling,
+  PatientInfo,
+  UndoRedo,
+  Secondary,
+  ...props
+}) {
+  const onClickReturn = () => {
+    if (isReturnEnabled && onClickReturnButton) {
+      onClickReturnButton();
+    }
+  };
+  return /*#__PURE__*/react.createElement(components_NavBar, Header_extends({
+    isSticky: isSticky
+  }, props), /*#__PURE__*/react.createElement("div", {
+    className: "relative h-[48px] items-center"
+  }, /*#__PURE__*/react.createElement("div", {
+    className: "absolute left-0 top-1/2 flex -translate-y-1/2 items-center"
+  }, /*#__PURE__*/react.createElement("div", {
+    className: classnames_default()('mr-3 inline-flex items-center', isReturnEnabled && 'cursor-pointer'),
+    onClick: onClickReturn,
+    "data-cy": "return-to-work-list"
+  }, isReturnEnabled && /*#__PURE__*/react.createElement(Icons/* Icons */.F.ArrowLeft, {
+    className: "text-primary ml-1 h-7 w-7"
+  }), /*#__PURE__*/react.createElement("div", {
+    className: "ml-1"
+  }, WhiteLabeling?.createLogoComponentFn?.(react, props) || /*#__PURE__*/react.createElement(Icons/* Icons */.F.OHIFLogo, null)))), /*#__PURE__*/react.createElement("div", {
+    className: "absolute top-1/2 left-[250px] h-8 -translate-y-1/2"
+  }, Secondary), /*#__PURE__*/react.createElement("div", {
+    className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 transform"
+  }, /*#__PURE__*/react.createElement("div", {
+    className: "flex items-center justify-center space-x-2"
+  }, children)), /*#__PURE__*/react.createElement("div", {
+    className: "absolute right-0 top-1/2 flex -translate-y-1/2 select-none items-center"
+  }, UndoRedo, /*#__PURE__*/react.createElement("div", {
+    className: "border-primary-dark mx-1.5 h-[25px] border-r"
+  }), PatientInfo, /*#__PURE__*/react.createElement("div", {
+    className: "border-primary-dark mx-1.5 h-[25px] border-r"
+  }), /*#__PURE__*/react.createElement("div", {
+    className: "flex-shrink-0"
+  }, /*#__PURE__*/react.createElement(DropdownMenu_DropdownMenu, null, /*#__PURE__*/react.createElement(DropdownMenu_DropdownMenuTrigger, {
+    asChild: true
+  }, /*#__PURE__*/react.createElement(components_Button/* Button */.$, {
+    variant: "ghost",
+    size: "icon",
+    className: "text-primary hover:bg-primary-dark mt-2 h-full w-full"
+  }, /*#__PURE__*/react.createElement(Icons/* Icons */.F.GearSettings, null))), /*#__PURE__*/react.createElement(DropdownMenu_DropdownMenuContent, {
+    align: "end"
+  }, menuOptions.map((option, index) => {
+    const IconComponent = option.icon ? Icons/* Icons */.F[option.icon] : null;
+    return /*#__PURE__*/react.createElement(DropdownMenu_DropdownMenuItem, {
+      key: index,
+      onSelect: option.onClick,
+      className: "flex items-center gap-2 py-2"
+    }, IconComponent && /*#__PURE__*/react.createElement("span", {
+      className: "flex h-4 w-4 items-center justify-center"
+    }, /*#__PURE__*/react.createElement(Icons/* Icons */.F.ByName, {
+      name: IconComponent.name
+    })), /*#__PURE__*/react.createElement("span", {
+      className: "flex-1"
+    }, option.title));
+  })))))));
+}
+/* harmony default export */ const components_Header_Header = (Header_Header);
+;// CONCATENATED MODULE: ../../ui-next/src/components/Header/index.js
+
+
+;// CONCATENATED MODULE: ../../ui-next/src/components/Card/Card.tsx
+function Card_extends() { return Card_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; }, Card_extends.apply(null, arguments); }
+
+
+const Card = /*#__PURE__*/react.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/react.createElement("div", Card_extends({
+  ref: ref,
+  className: (0,utils.cn)('bg-card text-card-foreground border-input rounded-lg border shadow', className)
+}, props)));
+Card.displayName = 'Card';
+const CardHeader = /*#__PURE__*/react.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/react.createElement("div", Card_extends({
+  ref: ref,
+  className: (0,utils.cn)('flex flex-col space-y-1.5 p-6', className)
+}, props)));
+CardHeader.displayName = 'CardHeader';
+const CardTitle = /*#__PURE__*/react.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/react.createElement("h3", Card_extends({
+  ref: ref,
+  className: (0,utils.cn)('font-semibold leading-none tracking-tight', className)
+}, props)));
+CardTitle.displayName = 'CardTitle';
+const CardDescription = /*#__PURE__*/react.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/react.createElement("p", Card_extends({
+  ref: ref,
+  className: (0,utils.cn)('text-muted-foreground text-base', className)
+}, props)));
+CardDescription.displayName = 'CardDescription';
+const CardContent = /*#__PURE__*/react.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/react.createElement("div", Card_extends({
+  ref: ref,
+  className: (0,utils.cn)('p-6 pt-0', className)
+}, props)));
+CardContent.displayName = 'CardContent';
+const CardFooter = /*#__PURE__*/react.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/react.createElement("div", Card_extends({
+  ref: ref,
+  className: (0,utils.cn)('flex items-center p-6 pt-0', className)
+}, props)));
+CardFooter.displayName = 'CardFooter';
+
+;// CONCATENATED MODULE: ../../ui-next/src/components/Card/index.ts
+
+
+;// CONCATENATED MODULE: ../../ui-next/src/components/Viewport/ViewportActionButton.tsx
+
+
+
+/**
+ * A button that can trigger commands when clicked.
+ */
+function ViewportActionButton({
+  onInteraction,
+  commands,
+  id,
+  children
+}) {
+  return /*#__PURE__*/react.createElement("div", {
+    className: "bg-primary-main hover:bg-primary-light ml-1 cursor-pointer rounded px-1.5 hover:text-black"
+    // Using onMouseUp because onClick wasn't firing if pointer-events are none.
+    ,
+    onMouseUp: () => {
+      onInteraction({
+        itemId: id,
+        commands
+      });
+    }
+  }, children);
+}
+ViewportActionButton.propTypes = {
+  id: (prop_types_default()).string,
+  onInteraction: (prop_types_default()).func.isRequired,
+  commands: (prop_types_default()).array,
+  children: (prop_types_default()).node
+};
+
+;// CONCATENATED MODULE: ../../ui-next/src/components/Viewport/PatientInfo.tsx
+
+
+
+
+
+const classes = {
+  infoHeader: 'text-base text-primary-light',
+  infoText: 'text-base text-white max-w-24 truncate',
+  firstRow: 'flex flex-col',
+  row: 'flex flex-col ml-4'
+};
+
+/**
+ * A small info icon that, when clicked, can reveal additional patient details in a tooltip overlay.
+ */
+function PatientInfo({
+  patientName,
+  patientSex,
+  patientAge,
+  MRN,
+  thickness,
+  thicknessUnits,
+  spacing,
+  scanner,
+  isOpen,
+  showPatientInfoRef
+}) {
+  const {
+    t
+  } = (0,dist_es/* useTranslation */.Bd)('PatientInfo');
 
   // strip leading '0' from age if present
   while (patientAge.charAt(0) === '0') {
@@ -227249,9 +228752,10 @@ function ViewportPane({
   }, /*#__PURE__*/react.createElement("div", {
     className: classnames_default()('relative h-full w-full', className)
   }, children), /*#__PURE__*/react.createElement("div", {
-    className: classnames_default()('pointer-events-none absolute inset-0', {
-      'border-highlight rounded-md border': isActive,
-      'group-hover:border-highlight/50 rounded-md border border-transparent': !isActive
+    className: classnames_default()('pointer-events-none absolute inset-0 rounded-md border', {
+      'border-highlight': isActive,
+      'group-hover/pane:border-highlight/50 border-transparent': !isActive,
+      '!border-secondary-light border-dashed': isHighlighted
     })
   }));
 }
@@ -228093,7 +229597,7 @@ const DividerItem = () => {
   return /*#__PURE__*/react.createElement("div", {
     className: "flex h-3.5 shrink-0 items-center px-2"
   }, /*#__PURE__*/react.createElement("div", {
-    className: "bg-primary-dark h-[2px] w-full"
+    className: "bg-background h-[2px] w-full"
   }));
 };
 /* harmony default export */ const AllInOneMenu_DividerItem = (DividerItem);
@@ -228459,7 +229963,7 @@ const AllInOneMenu = {
 };
 /* harmony default export */ const components_AllInOneMenu = (AllInOneMenu);
 // EXTERNAL MODULE: ../../../node_modules/d3-selection/src/index.js + 52 modules
-var src = __webpack_require__(21423);
+var d3_selection_src = __webpack_require__(21423);
 // EXTERNAL MODULE: ../../../node_modules/d3-array/src/index.js + 58 modules
 var d3_array_src = __webpack_require__(20071);
 // EXTERNAL MODULE: ../../../node_modules/d3-axis/src/index.js + 2 modules
@@ -228887,7 +230391,7 @@ const _updateSeriesColors = series => {
 };
 const _textEllipses = (width, padding = 0) => {
   return function (...args) {
-    const self = src/* select */.Lt(this);
+    const self = d3_selection_src/* select */.Lt(this);
     let textLength = self.node().getComputedTextLength();
     let text = self.text();
     while (textLength > width - 2 * padding && text.length > 0) {
@@ -229052,7 +230556,7 @@ const LineChart = ({
     const chartContainer = chartContainerRef.current;
     const containerWidth = chartContainer.offsetWidth;
     const containerHeight = chartContainer.offsetHeight;
-    const d3Container = src/* create */.vt('svg').attr('viewBox', [0, 0, containerWidth, containerHeight]).style('max-width', `${containerWidth}px`).style('overflow', 'visible');
+    const d3Container = d3_selection_src/* create */.vt('svg').attr('viewBox', [0, 0, containerWidth, containerHeight]).style('max-width', `${containerWidth}px`).style('overflow', 'visible');
     chartContainer.append(d3Container.node());
     setD3SVGRef(d3Container);
     setWidth(containerWidth);
@@ -229229,1209 +230733,91 @@ const LabellingFlow = ({
   const [value, setValue] = (0,react.useState)(initialLabel);
   const [currentItems, setCurrentItems] = (0,react.useState)([]);
 
-  // Update items when labelData changes
-  (0,react.useEffect)(() => {
-    if (labelData) {
-      setCurrentItems(lodash_clonedeep_default()(labelData));
-    }
-  }, [labelData]);
-
-  // Original component used measurementData?.label in constructor,
-  // let's try to initialize based on that if initialLabel is not provided.
-  (0,react.useEffect)(() => {
-    if (!initialLabel && measurementData?.label) {
-      setValue(measurementData.label);
-    }
-  }, [initialLabel, measurementData]);
-  return /*#__PURE__*/react.createElement(Command_Command, {
-    className: "border-input border"
-  }, /*#__PURE__*/react.createElement(Command_CommandInput, {
-    placeholder: placeholder
-  }), /*#__PURE__*/react.createElement(Command_CommandList, null, /*#__PURE__*/react.createElement(Command_CommandEmpty, null, emptyMessage), /*#__PURE__*/react.createElement(ScrollArea_ScrollArea, {
-    className: "h-[300px]"
-  }, /*#__PURE__*/react.createElement(Command_CommandGroup, null, currentItems.map(item => /*#__PURE__*/react.createElement(Command_CommandItem, {
-    key: item.value,
-    value: item.value,
-    onSelect: currentValue => {
-      const newValue = currentValue === value ? '' : currentValue;
-      setValue(newValue);
-      labellingDoneCallback(newValue);
-      hide();
-    }
-  }, /*#__PURE__*/react.createElement(react_icons_esm/* CheckIcon */.Srz, {
-    className: (0,utils.cn)('mr-2 h-4 w-4', value === item.value ? 'opacity-100' : 'opacity-0')
-  }), item.label))))));
-};
-/* harmony default export */ const Labelling_LabellingFlow = (LabellingFlow);
-;// CONCATENATED MODULE: ../../ui-next/src/components/Labelling/index.ts
-
-/* harmony default export */ const Labelling = (Labelling_LabellingFlow);
-;// CONCATENATED MODULE: ../../ui-next/src/components/index.ts
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-// Segmentation Context Exports
-
-
-;// CONCATENATED MODULE: ../../ui-next/src/contextProviders/NotificationProvider.tsx
-function NotificationProvider_extends() { return NotificationProvider_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; }, NotificationProvider_extends.apply(null, arguments); }
-
-
-
-const NotificationContext = /*#__PURE__*/(0,react.createContext)(null);
-const useNotification = () => useContext(NotificationContext);
-const NotificationProvider = ({
-  children,
-  service
-}) => {
-  const DEFAULT_OPTIONS = {
-    title: '',
-    message: '',
-    duration: 5000,
-    position: 'bottom-right',
-    // Aligning to Sonner's positioning system
-    type: 'info' // info, success, error
-  };
-  const show = (0,react.useCallback)(options => {
-    const {
-      title,
-      message,
-      duration,
-      position,
-      type,
-      promise
-    } = {
-      ...DEFAULT_OPTIONS,
-      ...options
-    };
-    if (promise) {
-      return dist_ue.promise(promise, {
-        loading: title || 'Loading...',
-        success: data => ({
-          title: title || 'Success',
-          description: typeof message === 'function' ? message(data) : message
-        }),
-        error: err => ({
-          title: title || 'Error',
-          description: typeof message === 'function' ? message(err) : message
-        })
-      });
+  // Update items when labelData changes
+  (0,react.useEffect)(() => {
+    if (labelData) {
+      setCurrentItems(lodash_clonedeep_default()(labelData));
     }
-    return dist_ue[type](title, {
-      duration,
-      position,
-      description: message
-    });
-  }, []);
-  const hide = (0,react.useCallback)(id => {
-    dist_ue.dismiss(id);
-  }, []);
-  const hideAll = (0,react.useCallback)(() => {
-    dist_ue.dismiss();
-  }, []);
+  }, [labelData]);
 
-  /**
-   * Sets the implementation of a notification service that can be used by extensions.
-   *
-   * @returns void
-   */
+  // Original component used measurementData?.label in constructor,
+  // let's try to initialize based on that if initialLabel is not provided.
   (0,react.useEffect)(() => {
-    if (service) {
-      service.setServiceImplementation({
-        hide,
-        show
-      });
+    if (!initialLabel && measurementData?.label) {
+      setValue(measurementData.label);
     }
-  }, [service, hide, show]);
-  return /*#__PURE__*/react.createElement(NotificationContext.Provider, {
-    value: {
-      show,
-      hide,
-      hideAll
+  }, [initialLabel, measurementData]);
+  return /*#__PURE__*/react.createElement(Command_Command, {
+    className: "border-input border"
+  }, /*#__PURE__*/react.createElement(Command_CommandInput, {
+    placeholder: placeholder
+  }), /*#__PURE__*/react.createElement(Command_CommandList, null, /*#__PURE__*/react.createElement(Command_CommandEmpty, null, emptyMessage), /*#__PURE__*/react.createElement(ScrollArea_ScrollArea, {
+    className: "h-[300px]"
+  }, /*#__PURE__*/react.createElement(Command_CommandGroup, null, currentItems.map(item => /*#__PURE__*/react.createElement(Command_CommandItem, {
+    key: item.value,
+    value: item.value,
+    onSelect: currentValue => {
+      const newValue = currentValue === value ? '' : currentValue;
+      setValue(newValue);
+      labellingDoneCallback(newValue);
+      hide();
     }
-  }, /*#__PURE__*/react.createElement(Toaster, {
-    position: "bottom-right"
-  }), children);
-};
-NotificationProvider.propTypes = {
-  children: (prop_types_default()).node.isRequired
-};
-const withNotification = Component => {
-  return function WrappedComponent(props) {
-    const notificationContext = useNotification();
-    return /*#__PURE__*/React.createElement(Component, NotificationProvider_extends({}, props, {
-      notificationContext: notificationContext
-    }));
-  };
+  }, /*#__PURE__*/react.createElement(react_icons_esm/* CheckIcon */.Srz, {
+    className: (0,utils.cn)('mr-2 h-4 w-4', value === item.value ? 'opacity-100' : 'opacity-0')
+  }), item.label))))));
 };
-/* harmony default export */ const contextProviders_NotificationProvider = (NotificationProvider);
-// EXTERNAL MODULE: ../../../node_modules/lodash.merge/index.js
-var lodash_merge = __webpack_require__(2816);
-var lodash_merge_default = /*#__PURE__*/__webpack_require__.n(lodash_merge);
-// EXTERNAL MODULE: ../../core/src/index.ts + 69 modules
-var core_src = __webpack_require__(62037);
-;// CONCATENATED MODULE: ../../ui-next/src/contextProviders/ViewportGridProvider.tsx
+/* harmony default export */ const Labelling_LabellingFlow = (LabellingFlow);
+;// CONCATENATED MODULE: ../../ui-next/src/components/Labelling/index.ts
 
+/* harmony default export */ const Labelling = (Labelling_LabellingFlow);
+;// CONCATENATED MODULE: ../../ui-next/src/components/index.ts
 
 
 
-const DEFAULT_STATE = {
-  activeViewportId: null,
-  layout: {
-    numRows: 0,
-    numCols: 0,
-    layoutType: 'grid'
-  },
-  // this flag is used to determine if the hanging protocol layout is active
-  // so that we can inherit the viewport options from the previous state
-  // otherwise we will not allow that. Basically the issue is that we need
-  // to be able to come out of the hanging protocol layout and go back to the
-  // regular layout e.g., if we are in the MPR hanging protocol, and someone use
-  // 1x1 layout by custom layout selector, there is no way to drag and drop
-  // a non-reconstructible series to the viewport since it will always
-  // inherit the hanging protocol layout options (volume viewport),
-  // so we need to be able to switch back to the regular layout.
-  isHangingProtocolLayout: false,
-  // Viewports structure has been changed to Map (previously it was
-  // tied to the viewportIndex which caused multiple issues. Now we have
-  // moved completely to viewportId which is unique for each viewport.
-  viewports: new Map(Object.entries({
-    default: {
-      viewportId: 'default',
-      displaySetInstanceUIDs: [],
-      isReady: false,
-      viewportOptions: {
-        viewportId: 'default'
-      },
-      displaySetSelectors: [],
-      displaySetOptions: [{}],
-      x: 0,
-      // left
-      y: 0,
-      // top
-      width: 100,
-      height: 100,
-      viewportLabel: null
-    }
-  }))
-};
-const determineActiveViewportId = (state, newViewports) => {
-  const {
-    activeViewportId
-  } = state;
-  const currentActiveViewport = state.viewports.get(activeViewportId);
-  if (!currentActiveViewport) {
-    // if there is no active viewport, we should just return the first viewport
-    const firstViewport = newViewports.values().next().value;
-    return firstViewport.viewportOptions.viewportId;
-  }
 
-  // for the new viewports, we should rank them by the displaySetInstanceUIDs
-  // they are displaying and the orientation then we can find the active viewport
-  const currentActiveDisplaySetInstanceUIDs = currentActiveViewport.displaySetInstanceUIDs;
 
-  // This doesn't take into account where stack viewport is converting to volumeViewport
-  // since in stack viewport we don't have a concept of "orientation" as a string
-  // maybe we should calculate the orientation based on the active imageId
-  // so that we can compare it with the new viewports (which might be volume viewports)
-  // and find the best match
-  const currentOrientation = currentActiveViewport.viewportOptions.orientation;
-  const filteredNewViewports = Array.from(newViewports.values()).filter(viewport => viewport.displaySetInstanceUIDs?.length > 0);
-  const sortedViewports = Array.from(filteredNewViewports.values()).sort((a, b) => {
-    // Compare orientations
-    const aOrientationMatch = a.viewportOptions.orientation === currentOrientation;
-    const bOrientationMatch = b.viewportOptions.orientation === currentOrientation;
-    if (aOrientationMatch !== bOrientationMatch) {
-      return bOrientationMatch - aOrientationMatch;
-    }
 
-    // Compare displaySetInstanceUIDs
-    const aMatch = a.displaySetInstanceUIDs.some(uid => currentActiveDisplaySetInstanceUIDs.includes(uid));
-    const bMatch = b.displaySetInstanceUIDs.some(uid => currentActiveDisplaySetInstanceUIDs.includes(uid));
-    if (aMatch !== bMatch) {
-      return bMatch - aMatch;
-    }
-    return 0; // Return 0 if no differences found
-  });
-  if (!sortedViewports?.length) {
-    return null;
-  }
-  return sortedViewports[0].viewportId;
-};
 
-// Define the API interface
 
-// Update the context type
-const ViewportGridContext = /*#__PURE__*/(0,react.createContext)([DEFAULT_STATE, {}]);
 
-// Update the provider props type
 
-function ViewportGridProvider({
-  children,
-  service
-}) {
-  const viewportGridReducer = (state, action) => {
-    switch (action.type) {
-      case 'SET_IS_REFERENCE_VIEWABLE':
-        {
-          const {
-            viewportId,
-            isReferenceViewable
-          } = action.payload;
-          const viewports = new Map(state.viewports);
-          const viewport = viewports.get(viewportId);
-          if (!viewport) {
-            return;
-          }
-          viewports.set(viewportId, {
-            ...viewport,
-            isReferenceViewable
-          });
-          return {
-            ...state,
-            viewports
-          };
-        }
-      case 'SET_ACTIVE_VIEWPORT_ID':
-        {
-          return {
-            ...state,
-            ...{
-              activeViewportId: action.payload
-            }
-          };
-        }
 
-      /**
-       * Sets the display sets for multiple viewports.
-       * This is a replacement for the older set display set for viewport (single)
-       * because the old one had race conditions wherein the viewports could
-       * render partially in various ways causing exceptions.
-       */
-      case 'SET_DISPLAYSETS_FOR_VIEWPORTS':
-        {
-          const {
-            payload
-          } = action;
-          const viewports = new Map(state.viewports);
-          payload.forEach(updatedViewport => {
-            const {
-              viewportId,
-              displaySetInstanceUIDs
-            } = updatedViewport;
-            if (!viewportId) {
-              throw new Error('ViewportId is required to set display sets for viewport');
-            }
-            const previousViewport = viewports.get(viewportId);
 
-            // remove options that were meant for one time usage
-            if (previousViewport?.viewportOptions?.initialImageOptions) {
-              const {
-                useOnce
-              } = previousViewport.viewportOptions.initialImageOptions;
-              if (useOnce) {
-                previousViewport.viewportOptions.initialImageOptions = null;
-              }
-            }
 
-            // Use the newly provide viewportOptions and display set options
-            // when provided, and otherwise fall back to the previous ones.
-            // That allows for easy updates of just the display set.
-            let viewportOptions = lodash_merge_default()({}, previousViewport?.viewportOptions, updatedViewport?.viewportOptions);
-            const displaySetOptions = updatedViewport?.displaySetOptions || [];
-            if (!displaySetOptions.length) {
-              // Copy all the display set options, assuming a full set of displaySet UID's is provided.
-              if (state.isHangingProtocolLayout) {
-                displaySetOptions.push(...(previousViewport.displaySetOptions || []));
-              }
-              if (!displaySetOptions.length) {
-                displaySetOptions.push({});
-              }
-            }
 
-            // if it is not part of the hanging protocol layout, we should remove the toolGroupId
-            // and viewportType from the viewportOptions so that it doesn't
-            // inherit the hanging protocol layout options, only when
-            // the viewport options is not provided (e.g., when drag and drop)
-            // otherwise, programmatically set options should be preserved
-            if (!updatedViewport.viewportOptions && !state.isHangingProtocolLayout) {
-              viewportOptions = {
-                viewportId: viewportOptions.viewportId
-              };
-            }
-            const newViewport = {
-              ...previousViewport,
-              displaySetInstanceUIDs,
-              viewportOptions,
-              displaySetOptions
-              // viewportLabel: getViewportLabel(viewports, viewportId),
-            };
-            viewportOptions.presentationIds = service.getPresentationIds({
-              viewport: newViewport,
-              viewports
-            });
-            viewports.set(viewportId, {
-              ...viewports.get(viewportId),
-              ...newViewport
-            });
-          });
-          return {
-            ...state,
-            viewports
-          };
-        }
-      case 'SET_LAYOUT':
-        {
-          const {
-            numCols,
-            numRows,
-            layoutOptions,
-            layoutType = 'grid',
-            activeViewportId,
-            findOrCreateViewport,
-            isHangingProtocolLayout
-          } = action.payload;
 
-          // If empty viewportOptions, we use numRow and numCols to calculate number of viewports
-          const hasOptions = layoutOptions?.length;
-          const viewports = new Map();
-          // Options is a temporary state store which can be used by the
-          // findOrCreate to store state about already found viewports.  Typically,
-          // it will be used to store the display set UID's which are already
-          // in view so that the find or create can decide which display sets
-          // haven't been viewed yet, and add them in the appropriate order.
-          const options = {};
-          let activeViewportIdToSet = activeViewportId;
-          for (let row = 0; row < numRows; row++) {
-            for (let col = 0; col < numCols; col++) {
-              const position = col + row * numCols;
-              const layoutOption = layoutOptions[position];
-              let xPos, yPos, w, h;
-              if (layoutOptions && layoutOptions[position]) {
-                ({
-                  x: xPos,
-                  y: yPos,
-                  width: w,
-                  height: h
-                } = layoutOptions[position]);
-              } else {
-                w = 1 / numCols;
-                h = 1 / numRows;
-                xPos = col * w;
-                yPos = row * h;
-              }
-              const colIndex = Math.round(xPos * numCols);
-              const rowIndex = Math.round(yPos * numRows);
-              const positionId = layoutOption?.positionId || `${colIndex}-${rowIndex}`;
-              if (hasOptions && position >= layoutOptions.length) {
-                continue;
-              }
-              const viewport = findOrCreateViewport(position, positionId, options);
-              if (!viewport) {
-                continue;
-              }
-              viewport.positionId = positionId;
 
-              // If the viewport doesn't have a viewportId, we create one
-              if (!viewport.viewportOptions?.viewportId) {
-                const randomUID = core_src/* utils */.Wp.uuidv4().substring(0, 8);
-                viewport.viewportOptions = viewport.viewportOptions || {};
-                viewport.viewportOptions.viewportId = `viewport-${randomUID}`;
-              }
-              viewport.viewportId = viewport.viewportOptions.viewportId;
 
-              // Create a new viewport object as it is getting updated here
-              // and it is part of the read only state
-              viewports.set(viewport.viewportId, viewport);
-              Object.assign(viewport, {
-                width: w,
-                height: h,
-                x: xPos,
-                y: yPos
-              });
-              viewport.isReady = false;
-              if (!viewport.viewportOptions.presentationIds) {
-                const presentationIds = service.getPresentationIds({
-                  viewport,
-                  viewports
-                });
-                viewport.viewportOptions.presentationIds = presentationIds;
-              }
-            }
-          }
-          activeViewportIdToSet = activeViewportIdToSet ?? determineActiveViewportId(state, viewports);
-          const ret = {
-            ...state,
-            activeViewportId: activeViewportIdToSet,
-            layout: {
-              ...state.layout,
-              numCols,
-              numRows,
-              layoutType
-            },
-            viewports,
-            isHangingProtocolLayout
-          };
-          return ret;
-        }
-      case 'RESET':
-        {
-          return DEFAULT_STATE;
-        }
-      case 'SET':
-        {
-          return {
-            ...state,
-            ...action.payload
-          };
-        }
-      case 'VIEWPORT_IS_READY':
-        {
-          const {
-            viewportId,
-            isReady
-          } = action.payload;
-          const viewports = new Map(state.viewports);
-          const viewport = viewports.get(viewportId);
-          if (!viewport) {
-            return;
-          }
-          viewports.set(viewportId, {
-            ...viewport,
-            isReady
-          });
-          return {
-            ...state,
-            viewports
-          };
-        }
-      default:
-        return action.payload;
-    }
-  };
-  const [viewportGridState, dispatch] = (0,react.useReducer)(viewportGridReducer, DEFAULT_STATE);
-  const getState = (0,react.useCallback)(() => {
-    return viewportGridState;
-  }, [viewportGridState]);
-  const getActiveViewportOptionByKey = key => {
-    const {
-      viewports,
-      activeViewportId
-    } = viewportGridState;
-    return viewports.get(activeViewportId)?.viewportOptions?.[key];
-  };
-  const setActiveViewportId = (0,react.useCallback)(index => dispatch({
-    type: 'SET_ACTIVE_VIEWPORT_ID',
-    payload: index
-  }), [dispatch]);
-  const setIsReferenceViewable = (0,react.useCallback)((viewportId, isReferenceViewable) => {
-    dispatch({
-      type: 'SET_IS_REFERENCE_VIEWABLE',
-      payload: {
-        viewportId,
-        isReferenceViewable
-      }
-    });
-  }, [dispatch]);
-  const setDisplaySetsForViewports = (0,react.useCallback)(viewports => dispatch({
-    type: 'SET_DISPLAYSETS_FOR_VIEWPORTS',
-    payload: viewports
-  }), [dispatch]);
-  const setViewportIsReady = (0,react.useCallback)((viewportId, isReady) => {
-    dispatch({
-      type: 'VIEWPORT_IS_READY',
-      payload: {
-        viewportId,
-        isReady
-      }
-    });
-  }, [dispatch, viewportGridState]);
-  const getGridViewportsReady = (0,react.useCallback)(() => {
-    const {
-      viewports
-    } = viewportGridState;
-    const readyViewports = Array.from(viewports.values()).filter(viewport => viewport.isReady);
-    return readyViewports.length === viewports.size;
-  }, [viewportGridState]);
-  const setLayout = (0,react.useCallback)(({
-    layoutType,
-    numRows,
-    numCols,
-    layoutOptions = [],
-    activeViewportId,
-    findOrCreateViewport,
-    isHangingProtocolLayout
-  }) => dispatch({
-    type: 'SET_LAYOUT',
-    payload: {
-      layoutType,
-      numRows,
-      numCols,
-      layoutOptions,
-      activeViewportId,
-      findOrCreateViewport,
-      isHangingProtocolLayout
-    }
-  }), [dispatch]);
-  const reset = (0,react.useCallback)(() => dispatch({
-    type: 'RESET',
-    payload: {}
-  }), [dispatch]);
-  const set = (0,react.useCallback)(payload => dispatch({
-    type: 'SET',
-    payload
-  }), [dispatch]);
-  const getViewportState = (0,react.useCallback)(viewportId => {
-    const {
-      viewports
-    } = viewportGridState;
-    return viewports.get(viewportId);
-  }, [viewportGridState]);
-  const getNumViewportPanes = (0,react.useCallback)(() => {
-    const {
-      layout,
-      viewports
-    } = viewportGridState;
-    const {
-      numRows,
-      numCols
-    } = layout;
-    return Math.min(viewports.size, numCols * numRows);
-  }, [viewportGridState]);
 
-  /**
-   * Sets the implementation of ViewportGridService that can be used by extensions.
-   *
-   * @returns void
-   */
-  (0,react.useEffect)(() => {
-    if (service) {
-      service.setServiceImplementation({
-        getState,
-        setActiveViewportId,
-        setDisplaySetsForViewports,
-        setIsReferenceViewable,
-        setLayout,
-        reset,
-        onModeExit: reset,
-        set,
-        getNumViewportPanes,
-        setViewportIsReady,
-        getViewportState,
-        getGridViewportsReady
-      });
-    }
-  }, [getState, service, setActiveViewportId, setDisplaySetsForViewports, setIsReferenceViewable, setLayout, reset, set, getNumViewportPanes, setViewportIsReady, getGridViewportsReady, getViewportState]);
 
-  // run many of the calls through the service itself since we want to publish events
-  const api = {
-    getState,
-    setActiveViewportId: index => service.setActiveViewportId(index),
-    setDisplaySetsForViewport: props => service.setDisplaySetsForViewports([props]),
-    setDisplaySetsForViewports: props => service.setDisplaySetsForViewports(props),
-    setIsReferenceViewable: (viewportId, isReferenceViewable) => service.setIsReferenceViewable(viewportId, isReferenceViewable),
-    setLayout: layout => service.setLayout(layout),
-    getViewportState: viewportId => service.getViewportState(viewportId),
-    reset: () => service.reset(),
-    set: gridLayoutState => service.setState(gridLayoutState),
-    // run it through the service itself since we want to publish events
-    getNumViewportPanes,
-    setViewportIsReady,
-    getGridViewportsReady,
-    getActiveViewportOptionByKey,
-    setViewportGridSizeChanged: props => service.setViewportGridSizeChanged(props),
-    publishViewportsReady: () => service.publishViewportsReady(),
-    getLayoutOptionsFromState: state => service.getLayoutOptionsFromState(state)
-  };
-  return /*#__PURE__*/react.createElement(ViewportGridContext.Provider, {
-    value: [viewportGridState, api]
-  }, children);
-}
-ViewportGridProvider.propTypes = {
-  children: (prop_types_default()).any,
-  service: prop_types_default().instanceOf(core_src/* ViewportGridService */.sI).isRequired
-};
 
-// Update the useViewportGrid hook
-const useViewportGrid = () => (0,react.useContext)(ViewportGridContext);
-;// CONCATENATED MODULE: ../../ui-next/src/contextProviders/ModalProvider.tsx
-function ModalProvider_extends() { return ModalProvider_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; }, ModalProvider_extends.apply(null, arguments); }
 
 
-const ModalContext = /*#__PURE__*/(0,react.createContext)(null);
-const useModal = () => {
-  const ctx = (0,react.useContext)(ModalContext);
-  if (!ctx) {
-    throw new Error('useModal must be used within a ModalProvider');
-  }
-  return ctx;
-};
-const DEFAULT_OPTIONS = {
-  title: '',
-  shouldCloseOnEsc: true
-};
-const ModalProvider = ({
-  children,
-  modal: ModalComponent,
-  service = null
-}) => {
-  const {
-    t
-  } = (0,dist_es/* useTranslation */.Bd)('Modals');
-  const [options, setOptions] = (0,react.useState)(DEFAULT_OPTIONS);
-  const ModalContent = options.content;
-  const show = (0,react.useCallback)(props => {
-    setOptions(prev => ({
-      ...prev,
-      ...props
-    }));
-  }, []);
-  const hide = (0,react.useCallback)(() => {
-    setOptions(DEFAULT_OPTIONS);
-  }, []);
-  (0,react.useEffect)(() => {
-    if (service) {
-      service.setServiceImplementation({
-        show,
-        hide
-      });
-    }
-  }, [hide, service, show]);
-  const {
-    title
-  } = options;
-  const CustomModal = service?.getCustomComponent();
-  const RenderedModal = CustomModal || ModalComponent;
-  return /*#__PURE__*/react.createElement(ModalContext.Provider, {
-    value: {
-      show,
-      hide
-    }
-  }, ModalContent && /*#__PURE__*/react.createElement(RenderedModal, ModalProvider_extends({
-    isOpen: true,
-    onClose: hide,
-    title: t(title)
-  }, options), /*#__PURE__*/react.createElement(ModalContent, ModalProvider_extends({}, options.contentProps, {
-    show: show,
-    hide: hide
-  }))), children);
-};
 
-const ModalConsumer = ModalContext.Consumer;
-;// CONCATENATED MODULE: ../../ui-next/src/contextProviders/ManagedDialog.tsx
-function ManagedDialog_extends() { return ManagedDialog_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; }, ManagedDialog_extends.apply(null, arguments); }
 
 
 
-const ManagedDialog = ({
-  id,
-  isOpen,
-  title,
-  content: DialogContentComponent,
-  contentProps,
-  isDraggable,
-  shouldCloseOnEsc = false,
-  shouldCloseOnOverlayClick = false,
-  showOverlay = true,
-  defaultPosition,
-  onClose,
-  unstyled,
-  containerClassName
-}) => {
-  return /*#__PURE__*/react.createElement(Dialog_Dialog, {
-    open: isOpen,
-    modal: false // keep modal behavior off for independent windows
-    ,
-    onOpenChange: open => {
-      if (!open) {
-        onClose(id);
-      }
-    },
-    isDraggable: isDraggable,
-    shouldCloseOnEsc: shouldCloseOnEsc,
-    shouldCloseOnOverlayClick: shouldCloseOnOverlayClick,
-    showOverlay: showOverlay
-  }, /*#__PURE__*/react.createElement(Dialog_DialogContent, {
-    className: (0,utils.cn)(unstyled ? 'p-0' : '', containerClassName),
-    unstyled: unstyled,
-    style: {
-      ...(defaultPosition ? {
-        position: 'fixed',
-        left: `${defaultPosition.x}px`,
-        top: `${defaultPosition.y}px`,
-        transform: 'translate(0, 0)',
-        margin: 0,
-        animation: 'none'
-      } : {})
-    }
-  }, !unstyled && /*#__PURE__*/react.createElement(DialogHeader, null, title && /*#__PURE__*/react.createElement(Dialog_DialogTitle, null, title)), /*#__PURE__*/react.createElement(DialogContentComponent, ManagedDialog_extends({}, contentProps, {
-    hide: () => onClose(id)
-  }))));
-};
-/* harmony default export */ const contextProviders_ManagedDialog = (ManagedDialog);
-;// CONCATENATED MODULE: ../../ui-next/src/contextProviders/DialogProvider.tsx
-function DialogProvider_extends() { return DialogProvider_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; }, DialogProvider_extends.apply(null, arguments); }
 
 
-const DialogProvider_DialogContext = /*#__PURE__*/(0,react.createContext)(null);
-const useDialog = () => {
-  const context = useContext(DialogProvider_DialogContext);
-  if (!context) {
-    throw new Error('useDialog must be used within a DialogProvider');
-  }
-  return context;
-};
-const DialogProvider_DialogProvider = ({
-  children,
-  dialog: DialogComponent = contextProviders_ManagedDialog,
-  service = null
-}) => {
-  const [dialogs, setDialogs] = (0,react.useState)([]);
-  const show = (0,react.useCallback)(options => {
-    const id = options.id;
-    setDialogs(prev => [...prev, {
-      ...options,
-      id
-    }]);
-    return id;
-  }, []);
-  const hide = (0,react.useCallback)(id => {
-    setDialogs(prev => prev.filter(dialog => dialog.id !== id));
-  }, []);
-  const hideAll = (0,react.useCallback)(() => {
-    setDialogs([]);
-  }, []);
-  const isEmpty = (0,react.useCallback)(() => dialogs.length === 0, [dialogs]);
-  const contextValue = (0,react.useMemo)(() => ({
-    show,
-    hide,
-    hideAll,
-    isEmpty
-  }), [show, hide, hideAll, isEmpty]);
-  (0,react.useEffect)(() => {
-    if (service) {
-      service.setServiceImplementation(contextValue);
-    }
-  }, [service, contextValue]);
-  const CustomDialog = service?.getCustomComponent?.();
-  const RenderedDialog = CustomDialog || DialogComponent;
-  return /*#__PURE__*/react.createElement(DialogProvider_DialogContext.Provider, {
-    value: contextValue
-  }, dialogs.map(dialog => /*#__PURE__*/react.createElement(RenderedDialog, DialogProvider_extends({
-    key: dialog.id,
-    onClose: hide,
-    isOpen: true
-  }, dialog))), children);
-};
 
-;// CONCATENATED MODULE: ../../ui-next/src/contextProviders/ViewportDialogProvider.tsx
 
 
-const ViewportDialogProvider_DEFAULT_STATE = {
-  message: undefined,
-  type: 'info',
-  // "error" | "warning" | "info" | "success"
-  actions: undefined,
-  // array of { type, text, value }
-  onSubmit: () => {
-    console.log('btn value?');
-  },
-  onOutsideClick: () => {
-    console.warn('default: onOutsideClick');
-  },
-  onDismiss: () => {
-    console.log('dismiss? -1');
-  },
-  onKeyPress: () => {
-    console.log('key pressed?');
-  }
-};
-const ViewportDialogContext = /*#__PURE__*/(0,react.createContext)(null);
-const {
-  Provider: ViewportDialogProvider_Provider
-} = ViewportDialogContext;
-const useViewportDialog = () => (0,react.useContext)(ViewportDialogContext);
-const ViewportDialogProvider = ({
-  children,
-  service
-}) => {
-  const [viewportDialogState, setViewportDialogState] = (0,react.useState)(ViewportDialogProvider_DEFAULT_STATE);
-  const show = (0,react.useCallback)(params => setViewportDialogState({
-    ...viewportDialogState,
-    ...params
-  }), [viewportDialogState]);
-  const hide = (0,react.useCallback)(() => setViewportDialogState(ViewportDialogProvider_DEFAULT_STATE), []);
-  (0,react.useEffect)(() => {
-    if (service) {
-      service.setServiceImplementation({
-        hide,
-        show
-      });
-    }
-  }, [hide, service, show]);
-  return /*#__PURE__*/react.createElement(ViewportDialogProvider_Provider, {
-    value: [viewportDialogState, {
-      show,
-      hide
-    }]
-  }, children);
-};
-ViewportDialogProvider.propTypes = {
-  /** Children that will be wrapped with Modal Context */
-  children: prop_types_default().oneOfType([prop_types_default().arrayOf((prop_types_default()).node), (prop_types_default()).node]).isRequired,
-  service: prop_types_default().shape({
-    setServiceImplementation: (prop_types_default()).func
-  })
-};
-/* harmony default export */ const contextProviders_ViewportDialogProvider = (ViewportDialogProvider);
-;// CONCATENATED MODULE: ../../ui-next/src/contextProviders/UserAuthenticationProvider.tsx
 
 
-const UserAuthenticationProvider_DEFAULT_STATE = {
-  user: null,
-  enabled: false
-};
-const UserAuthenticationContext = /*#__PURE__*/(0,react.createContext)(UserAuthenticationProvider_DEFAULT_STATE);
-function UserAuthenticationProvider({
-  children,
-  service
-}) {
-  const userAuthenticationReducer = (state, action) => {
-    switch (action.type) {
-      case 'SET_USER':
-        {
-          return {
-            ...state,
-            ...{
-              user: action.payload.user
-            }
-          };
-        }
-      case 'RESET':
-        {
-          return {
-            user: null
-          };
-        }
-      case 'SET':
-        {
-          return {
-            ...state,
-            ...action.payload
-          };
-        }
-      default:
-        return action.payload;
-    }
-  };
-  const [userAuthenticationState, dispatch] = (0,react.useReducer)(userAuthenticationReducer, UserAuthenticationProvider_DEFAULT_STATE);
-  const getState = (0,react.useCallback)(() => userAuthenticationState, [userAuthenticationState]);
-  const setUser = (0,react.useCallback)(user => dispatch({
-    type: 'SET_USER',
-    payload: {
-      user
-    }
-  }), [dispatch]);
-  const getUser = (0,react.useCallback)(() => userAuthenticationState.user, [userAuthenticationState]);
-  const reset = (0,react.useCallback)(() => dispatch({
-    type: 'RESET',
-    payload: {}
-  }), [dispatch]);
-  const set = (0,react.useCallback)(payload => dispatch({
-    type: 'SET',
-    payload
-  }), [dispatch]);
 
-  /**
-   * Sets the implementation of the UserAuthenticationService that can be used by extensions.
-   *
-   * @returns void
-   */
-  // TODO: should this be a useEffect or not?
-  (0,react.useEffect)(() => {
-    if (service) {
-      service.setServiceImplementation({
-        getState,
-        setUser,
-        getUser,
-        reset,
-        set
-      });
-    }
-  }, [getState, service, setUser, getUser, reset, set]);
 
-  // TODO: This may not be correct, but I think we need to set the implementation for the service
-  // immediately when this runs, since otherwise the authentication redirects will fail.
-  // (useEffect only runs after the child components - in this case, routing logic - has failed)
-  if (service) {
-    service.setServiceImplementation({
-      getState,
-      setUser,
-      getUser,
-      reset,
-      set
-    });
-  }
-  const api = {
-    getState,
-    setUser,
-    getUser,
-    getAuthorizationHeader: service.getAuthorizationHeader,
-    handleUnauthenticated: service.handleUnauthenticated,
-    reset,
-    set
-  };
-  return /*#__PURE__*/react.createElement(UserAuthenticationContext.Provider, {
-    value: [userAuthenticationState, api]
-  }, children);
-}
-/* harmony default export */ const contextProviders_UserAuthenticationProvider = ((/* unused pure expression or super */ null && (UserAuthenticationProvider)));
-const UserAuthenticationConsumer = UserAuthenticationContext.Consumer;
 
-UserAuthenticationProvider.propTypes = {
-  children: (prop_types_default()).any,
-  service: prop_types_default().shape({
-    setServiceImplementation: (prop_types_default()).func
-  }).isRequired
-};
-const useUserAuthentication = () => (0,react.useContext)(UserAuthenticationContext);
-;// CONCATENATED MODULE: ../../ui-next/src/contextProviders/ImageViewerProvider.tsx
 
-const ImageViewerContext = /*#__PURE__*/(0,react.createContext)(null);
-const useImageViewer = () => (0,react.useContext)(ImageViewerContext);
-function ImageViewerProvider({
-  StudyInstanceUIDs,
-  children
-}) {
-  const value = (0,react.useMemo)(() => {
-    return {
-      StudyInstanceUIDs
-    };
-  }, [StudyInstanceUIDs]);
-  return /*#__PURE__*/react.createElement(ImageViewerContext.Provider, {
-    value: value
-  }, children);
-}
-// EXTERNAL MODULE: ../../../node_modules/react-dnd-html5-backend/dist/esm/index.js + 13 modules
-var dist_esm = __webpack_require__(87654);
-;// CONCATENATED MODULE: ../../ui-next/src/contextProviders/DragAndDropProvider.tsx
 
 
 
 
 
-// import TouchBackend from 'react-dnd-touch-backend';
 
-// TODO: this is false when it should not be :thinking:
-const isTouchDevice = typeof window !== `undefined` && !!('ontouchstart' in window || navigator.maxTouchPoints);
 
-/**
- * Relevant:
- * https://github.com/react-dnd/react-dnd/issues/186#issuecomment-335429067
- * https://github.com/react-dnd/react-dnd/issues/186#issuecomment-282789420
- *
- * Docs:
- * http://react-dnd.github.io/react-dnd/docs/api/drag-drop-context
- */
-function DragAndDropProvider({
-  children
-}) {
-  const backend = dist_esm/* HTML5Backend */.t2; // isTouchDevice ? TouchBackend : HTML5Backend;
-  const opts = {}; // isTouchDevice ? { enableMouseEvents: true } : {};
 
-  console.log('using... touch backend?', isTouchDevice);
-  return /*#__PURE__*/react.createElement(esm/* DndProvider */.QP, {
-    backend: backend,
-    opts: opts
-  }, children);
-}
-DragAndDropProvider.propTypes = {
-  children: (prop_types_default()).any
-};
-/* harmony default export */ const contextProviders_DragAndDropProvider = (DragAndDropProvider);
-;// CONCATENATED MODULE: ../../ui-next/src/contextProviders/CineProvider.tsx
 
-const CineProvider_DEFAULT_STATE = {
-  isCineEnabled: false,
-  cines: {
-    /*
-     * viewportId: { isPlaying: false, frameRate: 24 };
-     */
-  }
-};
-const DEFAULT_CINE = {
-  isPlaying: false,
-  frameRate: 24
-};
-const CineContext = /*#__PURE__*/(0,react.createContext)(null);
-function CineProvider({
-  children,
-  service
-}) {
-  const reducer = (state, action) => {
-    switch (action.type) {
-      case 'SET_CINE':
-        {
-          const {
-            id,
-            frameRate,
-            isPlaying = undefined
-          } = action.payload;
-          const cines = state.cines;
-          const syncedCineIds = service.getSyncedViewports(id).map(({
-            viewportId
-          }) => viewportId);
-          const cineIdsToUpdate = [id, ...syncedCineIds].filter(curId => {
-            const currentCine = cines[curId] ?? {};
-            const shouldUpdateFrameRate = currentCine.frameRate !== (frameRate ?? currentCine.frameRate);
-            const shouldUpdateIsPlaying = currentCine.isPlaying !== (isPlaying ?? currentCine.isPlaying);
-            return shouldUpdateFrameRate || shouldUpdateIsPlaying;
-          });
-          cineIdsToUpdate.forEach(currId => {
-            let cine = cines[currId];
-            if (!cine) {
-              cine = {
-                id,
-                ...DEFAULT_CINE
-              };
-              cines[currId] = cine;
-            }
-            cine.frameRate = frameRate ?? cine.frameRate;
-            cine.isPlaying = isPlaying ?? cine.isPlaying;
-          });
-          return {
-            ...state,
-            ...cines
-          };
-        }
-      case 'SET_IS_CINE_ENABLED':
-        {
-          return {
-            ...state,
-            ...{
-              isCineEnabled: action.payload
-            }
-          };
-        }
-      default:
-        return action.payload;
-    }
-  };
-  const [state, dispatch] = (0,react.useReducer)(reducer, CineProvider_DEFAULT_STATE);
-  const getState = (0,react.useCallback)(() => state, [state]);
-  const setIsCineEnabled = (0,react.useCallback)(isCineEnabled => dispatch({
-    type: 'SET_IS_CINE_ENABLED',
-    payload: isCineEnabled
-  }), [dispatch]);
-  const setCine = (0,react.useCallback)(({
-    id,
-    frameRate,
-    isPlaying
-  }) => dispatch({
-    type: 'SET_CINE',
-    payload: {
-      id,
-      frameRate,
-      isPlaying
-    }
-  }), [dispatch]);
 
-  /**
-   * Sets the implementation of a modal service that can be used by extensions.
-   *
-   * @returns void
-   */
-  (0,react.useEffect)(() => {
-    if (service) {
-      service.setServiceImplementation({
-        getState,
-        setIsCineEnabled,
-        setCine
-      });
-    }
-  }, [getState, service, setCine, setIsCineEnabled]);
-  const api = {
-    getState,
-    setCine,
-    setIsCineEnabled: isCineEnabled => service.setIsCineEnabled(isCineEnabled),
-    playClip: (element, playClipOptions) => service.playClip(element, playClipOptions),
-    stopClip: (element, stopClipOptions) => service.stopClip(element, stopClipOptions),
-    setViewportCineClosed: viewportId => service.setViewportCineClosed(viewportId),
-    clearViewportCineClosed: viewportId => service.clearViewportCineClosed(viewportId),
-    isViewportCineClosed: viewportId => service.isViewportCineClosed(viewportId)
-  };
-  return /*#__PURE__*/react.createElement(CineContext.Provider, {
-    value: [state, api]
-  }, children);
-}
-const useCine = () => (0,react.useContext)(CineContext);
-;// CONCATENATED MODULE: ../../ui-next/src/contextProviders/index.ts
 
 
 
@@ -230451,6 +230837,10 @@ const useCine = () => (0,react.useContext)(CineContext);
 
 
 
+
+
+
+// Segmentation Context Exports
 
 
 ;// CONCATENATED MODULE: ../../ui-next/src/types/Predicate.ts
@@ -427310,7 +427700,7 @@ function __rewriteRelativeImportExtension(path, preserveJsx) {
 /******/ 		// This function allow to reference async chunks
 /******/ 		__webpack_require__.u = (chunkId) => {
 /******/ 			// return url for filenames based on template
-/******/ 			return "" + ({"572":"polySeg","2007":"interpolation","3054":"histogram-worker","3694":"compute"}[chunkId] || chunkId) + ".bundle." + {"85":"e65ed829e1a136e33576","213":"d8495e69f1d1405d0356","572":"7445d00e1e9ef623d0f1","732":"6978ac30a1e36abf06db","810":"86ba4f6f1311ccc28d41","934":"c446dfb396152899756f","963":"88152346007c0f5049a3","1459":"4b6682c8673e199edf64","1807":"e8c6890ca68e62f46990","1919":"6f7de53921f3710a1d54","1927":"83810560c4d3a90eb7cf","2007":"26c71e2b635b13e01127","2424":"ef98022039ea6e87cfd9","2701":"f1f15df81406d04851c4","2914":"a0a5ddfebfc9d429063d","2932":"038f79dbbfdd9d1f387b","3054":"b7bb02c6cd9273c422f5","3075":"0624f6bf3f676f30d1b5","3166":"40162f1d9f9f5fc16b16","3658":"04fdfe11b9d38cd5f3c6","3694":"f0c30502c027d04e94f2","3984":"592161af4b618c9dd56f","4113":"7ec6da0eb1ab98e1b791","4202":"89ae773b645db3b1c59c","4526":"fbdd617a934353019be3","4759":"d1fdc8e827d54c0f40c9","4991":"8578c7880edc0fbef374","5261":"6e1a017f8f1027557f5b","5674":"49f5a714f733cf20d560","6027":"155cbff7fa97c7ede627","6029":"43e04238ac01880fa66c","6201":"e0d8d1c967a9daed4662","6939":"45622b7920dac102b5a7","7159":"9c21bc29860ed1850c67","7197":"a9c6429f2859a8feeded","7241":"7097a0cd314605d766f5","7639":"a659acbf2ab7f3f2e8f4","8094":"5c44190a325ac23e3e5c","8185":"b2252d9ff14ce760df9c","8228":"74c8ca5e66a44db80464","8402":"edb924cd47cd168f621c","8558":"5b67110ba3e66f5525ae","8815":"c8a97b220635e9b15109","9026":"eb2ae9e2311a6a620751","9862":"87d8249a9cf1d8cf579d","9890":"37d7ed265c0454337a57","9977":"071821200c1921021d29"}[chunkId] + ".js";
+/******/ 			return "" + ({"572":"polySeg","2007":"interpolation","3054":"histogram-worker","3694":"compute"}[chunkId] || chunkId) + ".bundle." + {"85":"a27a1466f85e01adf8e8","213":"e861b773d4779d7d724a","572":"30f6f13491f48e597605","732":"6978ac30a1e36abf06db","810":"8b29de53f9632f0f1bf9","908":"7f901ab4610793bb5ee3","934":"441c775536d8be5029af","963":"4b88a54196fdd1976d6c","1459":"ea2023918c1ef217d23a","1807":"a04f3486b00cdcc6a305","1919":"6cb4a1f5ea770e504398","1927":"5c25b9084f704a3582d2","2007":"26c71e2b635b13e01127","2424":"425cb2260521f2a23f70","2701":"87301d8d94693b5d5fcc","2914":"adefec5b51b4955af1f9","2932":"2757ab993a28dab49d56","3054":"b7bb02c6cd9273c422f5","3075":"5d83563c3791a0d884df","3658":"a6a9c2e1b32d92e3b621","3694":"83a75c96620eedca973e","3984":"1248e382e82ee04eff72","4113":"1a3202dd6a1b2e6b9d5d","4202":"89ae773b645db3b1c59c","4526":"54c0b8f753ed5c39f6c5","4759":"d1fdc8e827d54c0f40c9","4991":"8578c7880edc0fbef374","5261":"6e1a017f8f1027557f5b","5674":"49f5a714f733cf20d560","6027":"8e1b6021f0d570eb85f5","6029":"a4206e2a2e75c7b1ad7b","6201":"b584d7554570344d9170","6939":"45622b7920dac102b5a7","7159":"9c21bc29860ed1850c67","7197":"2032eea26c084877d172","7639":"b622eafdc74d9bfc1280","8094":"5c44190a325ac23e3e5c","8185":"c7e0ab58fa8f7070de26","8228":"f520ecf3c0a8998e770a","8402":"edb924cd47cd168f621c","8558":"24bb90c2d5a0857577c5","8572":"bd98ac784dae1e224a52","8815":"096958a5ae7253911a2e","9026":"019d8b4b70096b94302e","9862":"b0ea941458506379f666","9890":"b4c265e3609512785ae8","9977":"4f44190c1a5d6a69bc00"}[chunkId] + ".js";
 /******/ 		};
 /******/ 	})();
 /******/ 	
@@ -427669,7 +428059,7 @@ function __rewriteRelativeImportExtension(path, preserveJsx) {
 /******/ 			],
 /******/ 			"7197": [
 /******/ 				8185,
-/******/ 				7241,
+/******/ 				8572,
 /******/ 				4526
 /******/ 			],
 /******/ 			"8402": [
@@ -427683,7 +428073,7 @@ function __rewriteRelativeImportExtension(path, preserveJsx) {
 /******/ 				6029,
 /******/ 				8185,
 /******/ 				3984,
-/******/ 				7241,
+/******/ 				8572,
 /******/ 				9890
 /******/ 			],
 /******/ 			"9890": [