fix: NM multiframe with TimeSlotVector

extensions/cornerstone/src/components/ViewportWindowLevel/getViewportVolumeHistogram.ts

@@ -17,9 +17,10 @@ const workerFn = () => {
   });
 };
 
-const getViewportVolumeHistogram = async (viewport, volume, options?) => {
-  workerManager.registerWorker('histogram-worker', workerFn, WorkerOptions);
+// Register worker once at module load time
+workerManager.registerWorker('histogram-worker', workerFn, WorkerOptions);
 
+const getViewportVolumeHistogram = async (viewport, volume, options?) => {
   const volumeImageData = viewport.getImageData(volume.volumeId);
 
   if (!volumeImageData) {
@@ -29,8 +30,7 @@ const getViewportVolumeHistogram = async (viewport, volume, options?) => {
   let scalarData = volume.scalarData;
 
   if (volume.numTimePoints > 1) {
-    const targetTimePoint = volume.numTimePoints - 1; // or any other time point you need
-    scalarData = volume.voxelManager.getTimePointScalarData(targetTimePoint);
+    scalarData = volume.voxelManager.getDimensionGroupScalarData(volume.numTimePoints);
   } else {
     scalarData = volume.voxelManager.getCompleteScalarDataArray();
   }

extensions/cornerstone/src/components/ViewportWindowLevel/utils.ts

@@ -7,6 +7,10 @@ import { getViewportVolumeHistogram } from './getViewportVolumeHistogram';
  * Gets node opacity from volume actor
  */
 export const getNodeOpacity = (volumeActor, nodeIndex) => {
+  if (!volumeActor) {
+    return undefined;
+  }
+
   const volumeOpacity = volumeActor.getProperty().getScalarOpacity(0);
   const nodeValue = [];
 
@@ -19,6 +23,10 @@ export const getNodeOpacity = (volumeActor, nodeIndex) => {
  * Checks if the opacity applied to the PET volume follows a specific pattern
  */
 export const isPetVolumeWithDefaultOpacity = (volumeId: string, volumeActor) => {
+  if (!volumeActor) {
+    return false;
+  }
+
   const volume = cs3DCache.getVolume(volumeId);
 
   if (!volume || volume.metadata.Modality !== 'PT') {
@@ -59,6 +67,10 @@ export const isPetVolumeWithDefaultOpacity = (volumeId: string, volumeActor) =>
  * Checks if volume has constant opacity
  */
 export const isVolumeWithConstantOpacity = volumeActor => {
+  if (!volumeActor) {
+    return false;
+  }
+
   const volumeOpacity = volumeActor.getProperty().getScalarOpacity(0);
   const opacitySize = volumeOpacity.getSize();
   const firstNodeValue = [];
@@ -91,7 +103,7 @@ export const getWindowLevelsData = async (
 
   const volumeIds = (viewport as Types.IBaseVolumeViewport).getAllVolumeIds();
   const viewportProperties = viewport.getProperties();
-  const { voiRange } = viewportProperties;
+  const { voiRange } = viewportProperties || {};
   const viewportVoi = voiRange
     ? {
         windowWidth: voiRange.upper - voiRange.lower,

extensions/default/src/getSopClassHandlerModule.js

@@ -4,6 +4,7 @@ import { id } from './id';
 import getDisplaySetMessages from './getDisplaySetMessages';
 import getDisplaySetsFromUnsupportedSeries from './getDisplaySetsFromUnsupportedSeries';
 import { chartHandler } from './SOPClassHandlers/chartSOPClassHandler';
+import { metaData } from '@cornerstonejs/core';
 
 const {
   isImage,
@@ -50,11 +51,16 @@ function getDisplaySetInfo(instances) {
     const timePoint = timePoints[0];
     const instancesMap = new Map();
 
-    // O(n) to convert it into a map and O(1) to find each instance
-    instances.forEach(instance => instancesMap.set(instance.imageId, instance));
-
-    const firstTimePointInstances = timePoint.map(imageId => instancesMap.get(imageId));
+    let firstTimePointInstances;
 
+    if (instances[0].NumberOfFrames > 1 && timePoints.length > 1) {
+      // handle multiframe dynamic volume
+      firstTimePointInstances = timePoints[0].map(imageId => metaData.get('instance', imageId));
+    } else {
+      // O(n) to convert it into a map and O(1) to find each instance
+      instances.forEach(instance => instancesMap.set(instance.imageId, instance));
+      firstTimePointInstances = timePoint.map(imageId => instancesMap.get(imageId));
+    }
     displaySetInfo = isDisplaySetReconstructable(firstTimePointInstances, appConfig);
   } else {
     displaySetInfo = isDisplaySetReconstructable(instances, appConfig);

modes/preclinical-4d/src/index.tsx

@@ -111,9 +111,14 @@ function modeFactory({ modeConfiguration }) {
         cornerstoneViewportService.EVENTS.VIEWPORT_VOLUMES_CHANGED,
         () => {
           const viewportId = viewportGridService.getActiveViewportId();
-          const csViewport = cornerstoneViewportService.getCornerstoneViewport(viewportId);
-          cineService.playClip(csViewport.element, { viewportId });
-          // cineService.setIsCineEnabled(true);
+
+          if (!viewportId) {
+            return;
+          }
+
+          const frameRate = 24;
+          cineService.setIsCineEnabled(true);
+          cineService.setCine({ id: viewportId, isPlaying: true, frameRate });
 
           unsubscribe();
         }

platform/ui-next/src/tailwind.css

@@ -256,3 +256,11 @@ input[type='number']::-webkit-outer-spin-button {
 input[type='number'] {
   -moz-appearance: textfield; /* For Firefox */
 }
+
+/* disabled class - used for icons and divs based on context */
+.ohif-disabled {
+  pointer-events: none;
+  cursor: not-allowed;
+  user-select: none;
+  opacity: 0.5;
+}