@ohif/app 3.13.0-beta.121 → 3.13.0-beta.123

package/dist/{app.bundle.19807b66b97eef1c.js → app.bundle.ce26bd25f1b2d6eb.js}

@@ -17409,7 +17409,7 @@ var state_0 = __webpack_require__(55461);
  * multiple occurrences as an array (see preserveQueryStrings).
  */
 const PRESERVE_CUSTOMIZATION_KEYS_KEY = 'ohif.preserveCustomizationKeys';
-const preserveKeys = ['configUrl', 'multimonitor', 'screenNumber', 'hangingProtocolId', 'customization', 'theme'];
+const preserveKeys = ['configUrl', 'multimonitor', 'screenNumber', 'hangingProtocolId', 'customization', 'theme', 'debug', 'useNextViewports'];
 function preserveKey(query, current, key) {
   const values = current.getAll(key);
   for (const value of values) {
@@ -20178,35 +20178,35 @@ pluginImports_modes.push("@ohif/mode-ultrasound-pleura-bline");
 async function loadModule(module) {
   if (typeof module !== 'string') return module;
   if (module === "@ohif/extension-default") {
-    const imported = await Promise.all(/* import() */ [__webpack_require__.e(9560), __webpack_require__.e(3568), __webpack_require__.e(6489), __webpack_require__.e(6495), __webpack_require__.e(8432), __webpack_require__.e(9402), __webpack_require__.e(6214)]).then(__webpack_require__.bind(__webpack_require__, 7825));
+    const imported = await Promise.all(/* import() */ [__webpack_require__.e(9560), __webpack_require__.e(3568), __webpack_require__.e(6489), __webpack_require__.e(6495), __webpack_require__.e(8478), __webpack_require__.e(89), __webpack_require__.e(6214)]).then(__webpack_require__.bind(__webpack_require__, 50904));
     return imported.default;
   }
   if (module === "@ohif/extension-cornerstone") {
-    const imported = await Promise.all(/* import() */ [__webpack_require__.e(9560), __webpack_require__.e(3568), __webpack_require__.e(6489), __webpack_require__.e(6495), __webpack_require__.e(8432), __webpack_require__.e(5642), __webpack_require__.e(9402), __webpack_require__.e(2343), __webpack_require__.e(3833)]).then(__webpack_require__.bind(__webpack_require__, 86714));
+    const imported = await Promise.all(/* import() */ [__webpack_require__.e(9560), __webpack_require__.e(3568), __webpack_require__.e(6489), __webpack_require__.e(6495), __webpack_require__.e(8478), __webpack_require__.e(89), __webpack_require__.e(6214)]).then(__webpack_require__.bind(__webpack_require__, 75609));
     return imported.default;
   }
   if (module === "@ohif/extension-measurement-tracking") {
-    const imported = await Promise.all(/* import() */ [__webpack_require__.e(9560), __webpack_require__.e(3568), __webpack_require__.e(6489), __webpack_require__.e(6495), __webpack_require__.e(8432), __webpack_require__.e(5642), __webpack_require__.e(9383), __webpack_require__.e(5406), __webpack_require__.e(9402), __webpack_require__.e(2343), __webpack_require__.e(7248), __webpack_require__.e(3760)]).then(__webpack_require__.bind(__webpack_require__, 34879));
+    const imported = await Promise.all(/* import() */ [__webpack_require__.e(9560), __webpack_require__.e(3568), __webpack_require__.e(6489), __webpack_require__.e(6495), __webpack_require__.e(8478), __webpack_require__.e(9383), __webpack_require__.e(5406), __webpack_require__.e(89), __webpack_require__.e(7248), __webpack_require__.e(3760)]).then(__webpack_require__.bind(__webpack_require__, 34879));
     return imported.default;
   }
   if (module === "@ohif/extension-cornerstone-dicom-sr") {
-    const imported = await Promise.all(/* import() */ [__webpack_require__.e(9560), __webpack_require__.e(3568), __webpack_require__.e(6489), __webpack_require__.e(6495), __webpack_require__.e(8432), __webpack_require__.e(5642), __webpack_require__.e(9383), __webpack_require__.e(9402), __webpack_require__.e(2343), __webpack_require__.e(7248), __webpack_require__.e(976)]).then(__webpack_require__.bind(__webpack_require__, 81107));
+    const imported = await Promise.all(/* import() */ [__webpack_require__.e(9560), __webpack_require__.e(3568), __webpack_require__.e(6489), __webpack_require__.e(6495), __webpack_require__.e(8478), __webpack_require__.e(9383), __webpack_require__.e(89), __webpack_require__.e(7248), __webpack_require__.e(3833)]).then(__webpack_require__.bind(__webpack_require__, 81107));
     return imported.default;
   }
   if (module === "@ohif/extension-cornerstone-dicom-seg") {
-    const imported = await Promise.all(/* import() */ [__webpack_require__.e(9560), __webpack_require__.e(3568), __webpack_require__.e(6489), __webpack_require__.e(6495), __webpack_require__.e(8432), __webpack_require__.e(5642), __webpack_require__.e(9383), __webpack_require__.e(9402), __webpack_require__.e(2343), __webpack_require__.e(781)]).then(__webpack_require__.bind(__webpack_require__, 76360));
+    const imported = await Promise.all(/* import() */ [__webpack_require__.e(9560), __webpack_require__.e(3568), __webpack_require__.e(6489), __webpack_require__.e(6495), __webpack_require__.e(8478), __webpack_require__.e(9383), __webpack_require__.e(89), __webpack_require__.e(781)]).then(__webpack_require__.bind(__webpack_require__, 76360));
     return imported.default;
   }
   if (module === "@ohif/extension-cornerstone-dicom-pmap") {
-    const imported = await Promise.all(/* import() */ [__webpack_require__.e(9560), __webpack_require__.e(3568), __webpack_require__.e(6489), __webpack_require__.e(6495), __webpack_require__.e(8432), __webpack_require__.e(5642), __webpack_require__.e(9383), __webpack_require__.e(9402), __webpack_require__.e(2343), __webpack_require__.e(9415)]).then(__webpack_require__.bind(__webpack_require__, 76494));
+    const imported = await Promise.all(/* import() */ [__webpack_require__.e(9560), __webpack_require__.e(3568), __webpack_require__.e(6489), __webpack_require__.e(6495), __webpack_require__.e(8478), __webpack_require__.e(9383), __webpack_require__.e(89), __webpack_require__.e(9415)]).then(__webpack_require__.bind(__webpack_require__, 76494));
     return imported.default;
   }
   if (module === "@ohif/extension-cornerstone-dynamic-volume") {
-    const imported = await Promise.all(/* import() */ [__webpack_require__.e(9560), __webpack_require__.e(3568), __webpack_require__.e(6489), __webpack_require__.e(6495), __webpack_require__.e(8432), __webpack_require__.e(5642), __webpack_require__.e(9402), __webpack_require__.e(2343), __webpack_require__.e(1602)]).then(__webpack_require__.bind(__webpack_require__, 42061));
+    const imported = await Promise.all(/* import() */ [__webpack_require__.e(9560), __webpack_require__.e(3568), __webpack_require__.e(6489), __webpack_require__.e(6495), __webpack_require__.e(8478), __webpack_require__.e(89), __webpack_require__.e(1602)]).then(__webpack_require__.bind(__webpack_require__, 42061));
     return imported.default;
   }
   if (module === "@ohif/extension-dicom-microscopy") {
-    const imported = await Promise.all(/* import() */ [__webpack_require__.e(9560), __webpack_require__.e(3568), __webpack_require__.e(6489), __webpack_require__.e(6495), __webpack_require__.e(8432), __webpack_require__.e(5731), __webpack_require__.e(9402), __webpack_require__.e(8832)]).then(__webpack_require__.bind(__webpack_require__, 4671));
+    const imported = await Promise.all(/* import() */ [__webpack_require__.e(9560), __webpack_require__.e(3568), __webpack_require__.e(6489), __webpack_require__.e(6495), __webpack_require__.e(8478), __webpack_require__.e(5731), __webpack_require__.e(89), __webpack_require__.e(8832)]).then(__webpack_require__.bind(__webpack_require__, 4671));
     return imported.default;
   }
   if (module === "@ohif/extension-dicom-pdf") {
@@ -20218,11 +20218,11 @@ async function loadModule(module) {
     return imported.default;
   }
   if (module === "@ohif/extension-tmtv") {
-    const imported = await Promise.all(/* import() */ [__webpack_require__.e(9560), __webpack_require__.e(3568), __webpack_require__.e(6489), __webpack_require__.e(6495), __webpack_require__.e(8432), __webpack_require__.e(5642), __webpack_require__.e(9383), __webpack_require__.e(9402), __webpack_require__.e(2343), __webpack_require__.e(7499), __webpack_require__.e(8595)]).then(__webpack_require__.bind(__webpack_require__, 87110));
+    const imported = await Promise.all(/* import() */ [__webpack_require__.e(9560), __webpack_require__.e(3568), __webpack_require__.e(6489), __webpack_require__.e(6495), __webpack_require__.e(8478), __webpack_require__.e(9383), __webpack_require__.e(89), __webpack_require__.e(7499), __webpack_require__.e(976)]).then(__webpack_require__.bind(__webpack_require__, 87110));
     return imported.default;
   }
   if (module === "@ohif/extension-test") {
-    const imported = await Promise.all(/* import() */ [__webpack_require__.e(9560), __webpack_require__.e(3568), __webpack_require__.e(6489), __webpack_require__.e(6495), __webpack_require__.e(8432), __webpack_require__.e(5642), __webpack_require__.e(9402), __webpack_require__.e(2343), __webpack_require__.e(8423)]).then(__webpack_require__.bind(__webpack_require__, 49182));
+    const imported = await Promise.all(/* import() */ [__webpack_require__.e(9560), __webpack_require__.e(3568), __webpack_require__.e(6489), __webpack_require__.e(6495), __webpack_require__.e(8478), __webpack_require__.e(89), __webpack_require__.e(8423)]).then(__webpack_require__.bind(__webpack_require__, 49182));
     return imported.default;
   }
   if (module === "@ohif/extension-cornerstone-dicom-rt") {
@@ -20246,7 +20246,7 @@ async function loadModule(module) {
     return imported.default;
   }
   if (module === "@ohif/mode-tmtv") {
-    const imported = await Promise.all(/* import() */ [__webpack_require__.e(9560), __webpack_require__.e(3568), __webpack_require__.e(6489), __webpack_require__.e(6495), __webpack_require__.e(8432), __webpack_require__.e(5642), __webpack_require__.e(9383), __webpack_require__.e(9402), __webpack_require__.e(2343), __webpack_require__.e(6749), __webpack_require__.e(7499), __webpack_require__.e(8492)]).then(__webpack_require__.bind(__webpack_require__, 69387));
+    const imported = await Promise.all(/* import() */ [__webpack_require__.e(9560), __webpack_require__.e(3568), __webpack_require__.e(6489), __webpack_require__.e(6495), __webpack_require__.e(8478), __webpack_require__.e(9383), __webpack_require__.e(89), __webpack_require__.e(6749), __webpack_require__.e(7499), __webpack_require__.e(8492)]).then(__webpack_require__.bind(__webpack_require__, 69387));
     return imported.default;
   }
   if (module === "@ohif/mode-microscopy") {
@@ -26021,7 +26021,7 @@ __webpack_require__.d(__webpack_exports__, {
 });
 /* import */ var react__rspack_import_0 = __webpack_require__(86326);
 /* import */ var _contextProviders_SystemProvider__rspack_import_1 = __webpack_require__(62376);
-/* import */ var _utils__rspack_import_2 = __webpack_require__(90492);
+/* import */ var _utils__rspack_import_2 = __webpack_require__(81381);
 
 
 
@@ -28649,8 +28649,8 @@ class ProtocolEngine {
     return this.matchedProtocols.get(highestScoringProtocolId);
   }
 }
-// EXTERNAL MODULE: ../../core/src/utils/index.ts + 33 modules
-var utils = __webpack_require__(90492);
+// EXTERNAL MODULE: ../../core/src/utils/index.ts + 34 modules
+var utils = __webpack_require__(81381);
 ;// CONCATENATED MODULE: ../../core/src/services/HangingProtocolService/custom-attribute/isDisplaySetFromUrl.ts
 
 
@@ -39590,7 +39590,7 @@ function baseImageURIForMetadata(imageId) {
 }
 
 },
-90492(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+81381(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
 "use strict";
 
 // EXPORTS
@@ -39605,7 +39605,7 @@ __webpack_require__.d(__webpack_exports__, {
   Wf: () => (/* reexport */ utils_roundNumber)
 });
 
-// UNUSED EXPORTS: MeasurementFilters, ObjectPath, Queue, absoluteUrl, createStudyBrowserTabs, downloadBlob, downloadCSVReport, downloadCsv, downloadDicom, downloadUrl, formatDate, formatValue, generateAcceptHeader, getClosestOrientationFromIOP, hierarchicalListUtils, imageIdToURI, isDicomUid, isDisplaySetReconstructable, isEqualWithin, isImage, isLowPriorityModality, makeCancelable, makeDeferred, progressTrackingUtils, resolveObjectPath, sortBy, sortInstancesByPosition, splitComma, structuredCloneWithFunctions, thumbnailNoImageModalities, toNumber, urlUtil, writeScript
+// UNUSED EXPORTS: MeasurementFilters, ObjectPath, Queue, absoluteUrl, createStudyBrowserTabs, decodeNumericBulkData, downloadBlob, downloadCSVReport, downloadCsv, downloadDicom, downloadUrl, formatDate, formatValue, generateAcceptHeader, getClosestOrientationFromIOP, getResolvedBulkDataTags, hierarchicalListUtils, imageIdToURI, isDicomUid, isDisplaySetReconstructable, isEqualWithin, isImage, isLowPriorityModality, makeCancelable, makeDeferred, progressTrackingUtils, registerResolvedBulkDataTags, resolveBulkDataTags, resolveObjectPath, sortBy, sortInstancesByPosition, splitComma, structuredCloneWithFunctions, thumbnailNoImageModalities, toNumber, urlUtil, writeScript
 // NAMESPACE OBJECT: ../../core/src/utils/measurementFilters.ts
 var measurementFilters_namespaceObject = {};
 __webpack_require__.r(measurementFilters_namespaceObject);
@@ -41630,6 +41630,196 @@ const buildButtonCommands = (buttonProps, baseArgs, {
 };
 // EXTERNAL MODULE: ../../core/src/utils/thumbnailNoImageModalities.ts
 var thumbnailNoImageModalities = __webpack_require__(88555);
+;// CONCATENATED MODULE: ../../core/src/utils/resolveBulkDataTags.ts
+/**
+ * A static registry of DICOM tags whose values must be resolved from bulkdata
+ * into plain numbers during metadata ingestion, before INSTANCES_ADDED fires.
+ *
+ * Background: some servers return small scalar values - notably the Philips
+ * SUV Scale Factor (7053,1000) and Activity Concentration Scale Factor
+ * (7053,1009) - as bulkdata rather than inline. dcmjs `naturalizeDataset` then
+ * leaves them as `{ BulkDataURI: '...' }` objects under their raw hex key.
+ * Downstream consumers (e.g. SUV scaling via calculate-suv) expect numbers and
+ * silently corrupt when handed an object, so data sources resolve the
+ * registered tags eagerly so that every subscriber reads a fully-resolved
+ * number.
+ *
+ * The registry is intentionally not tied to any data source: it is a static
+ * list that any data source can consume via `resolveBulkDataTags`, and that
+ * extensions can extend via `registerResolvedBulkDataTags`.
+ *
+ * Resolution reuses the `retrieveBulkData` method that data sources bind onto
+ * each bulkdata value; when it is absent the value is left untouched and
+ * consumers fall back gracefully.
+ */
+
+// Tags that may arrive as bulkdata and must be resolved to numbers, keyed by
+// the naturalized (comma-less) hex tag. Seeded with the Philips PET Private
+// Group scalar tags; both are VR DS in the standard Philips definition, but
+// the VR is auto-detected (see decode below) because servers occasionally
+// encode them as FL/FD.
+const resolvedBulkDataTags = new Set(['70531000',
+// Philips SUV Scale Factor
+'70531009' // Philips Activity Concentration Scale Factor
+]);
+
+/**
+ * Registers additional tags (naturalized comma-less hex form, e.g.
+ * '70531000') to be resolved from bulkdata during metadata ingestion.
+ */
+function registerResolvedBulkDataTags(tags) {
+  const list = Array.isArray(tags) ? tags : [tags];
+  for (const tag of list) {
+    if (typeof tag === 'string' && tag.length) {
+      resolvedBulkDataTags.add(tag.toUpperCase());
+    }
+  }
+}
+
+/**
+ * Returns the tags currently registered for eager bulkdata resolution.
+ */
+function getResolvedBulkDataTags() {
+  return [...resolvedBulkDataTags];
+}
+function toUint8(raw) {
+  // Check views first: ArrayBuffer.isView is realm-agnostic.
+  if (ArrayBuffer.isView(raw)) {
+    const view = raw;
+    return new Uint8Array(view.buffer, view.byteOffset, view.byteLength);
+  }
+  // `instanceof ArrayBuffer` is realm-specific, so fall back to a tag check so
+  // that buffers created in another realm (workers, tests) are still handled.
+  if (raw instanceof ArrayBuffer || Object.prototype.toString.call(raw) === '[object ArrayBuffer]') {
+    return new Uint8Array(raw);
+  }
+  return undefined;
+}
+
+// A DS/IS value is printable ASCII (digits, sign, decimal point, exponent,
+// backslash separator, spaces, null padding); raw FL/FD bytes generally are
+// not. This lets us auto-detect the encoding without trusting a VR field, which
+// dcmjs drops when a value is delivered as bulkdata.
+function isPrintableNumeric(bytes) {
+  if (bytes.length === 0) {
+    return false;
+  }
+  for (let i = 0; i < bytes.length; i++) {
+    const b = bytes[i];
+    const isDigit = b >= 0x30 && b <= 0x39; // 0-9
+    const isAllowed = b === 0x2b ||
+    // +
+    b === 0x2d ||
+    // -
+    b === 0x2e ||
+    // .
+    b === 0x45 ||
+    // E
+    b === 0x65 ||
+    // e
+    b === 0x5c ||
+    // backslash (multi-value separator)
+    b === 0x20 ||
+    // space (padding)
+    b === 0x00; // null (padding)
+    if (!isDigit && !isAllowed) {
+      return false;
+    }
+  }
+  return true;
+}
+function decodeText(bytes) {
+  // `String.trim()` strips ASCII/Unicode whitespace but NOT NUL (0x00), which
+  // `isPrintableNumeric` treats as valid padding, so strip NULs explicitly -
+  // otherwise a NUL-padded value like "0.00038\0" survives as NaN.
+  const text = new TextDecoder().decode(bytes).replace(/\0+/g, '').trim();
+  // DS/IS may be multi-valued (backslash-delimited); take the first value.
+  const first = text.split('\\')[0].trim();
+  if (!first) {
+    return undefined;
+  }
+  const n = Number(first);
+  return Number.isFinite(n) ? n : undefined;
+}
+function decodeBinaryFloat(bytes) {
+  const dv = new DataView(bytes.buffer, bytes.byteOffset, bytes.byteLength);
+  let n;
+  if (bytes.byteLength === 4) {
+    n = dv.getFloat32(0, /* littleEndian */true);
+  } else if (bytes.byteLength === 8) {
+    n = dv.getFloat64(0, /* littleEndian */true);
+  }
+  return n !== undefined && Number.isFinite(n) ? n : undefined;
+}
+
+/**
+ * Decodes a bulkdata buffer into a single number. The VR is not available on a
+ * naturalized bulkdata value (dcmjs drops it), so the encoding is auto-detected:
+ * printable-ASCII payloads are decoded as DS/IS text, otherwise the bytes are
+ * read as little-endian IEEE-754 (FL = 4 bytes, FD = 8 bytes).
+ */
+function decodeNumericBulkData(raw) {
+  const bytes = toUint8(raw);
+  if (!bytes || bytes.byteLength === 0) {
+    return undefined;
+  }
+  if (isPrintableNumeric(bytes)) {
+    return decodeText(bytes);
+  }
+  return decodeBinaryFloat(bytes) ?? decodeText(bytes);
+}
+async function resolveValueToNumber(value) {
+  // retrieveBulkData caches the resolved buffer on value.Value, so prefer it.
+  let buffer = value.Value;
+  if (buffer == null && typeof value.retrieveBulkData === 'function') {
+    buffer = await value.retrieveBulkData();
+  }
+  if (buffer == null) {
+    return undefined;
+  }
+  return decodeNumericBulkData(buffer);
+}
+
+/**
+ * Resolves, in place, the registered bulkdata tags on a single naturalized
+ * instance. No-op for values that are already numbers or that have no
+ * resolvable bulkdata.
+ */
+async function resolveInstance(instance) {
+  if (!instance) {
+    return;
+  }
+  await Promise.all([...resolvedBulkDataTags].map(async tag => {
+    // Registered tags are normalized to uppercase hex; naturalized datasets
+    // key unknown private tags by their hex tag, so check both casings.
+    const key = tag in instance ? tag : tag.toLowerCase();
+    const value = instance[key];
+    // Inline (already a number) or absent: nothing to resolve.
+    if (value == null || typeof value !== 'object') {
+      return;
+    }
+    try {
+      const num = await resolveValueToNumber(value);
+      if (num !== undefined) {
+        instance[key] = num;
+      }
+    } catch (error) {
+      console.warn(`resolveBulkDataTags: failed to resolve tag ${tag}`, error);
+    }
+  }));
+}
+
+/**
+ * Resolves the registered bulkdata tags across a set of naturalized
+ * instances, mutating them in place.
+ */
+async function resolveBulkDataTags(instances) {
+  if (!Array.isArray(instances) || !instances.length) {
+    return;
+  }
+  await Promise.all(instances.map(resolveInstance));
+}
+/* export default */ const utils_resolveBulkDataTags = ((/* unused pure expression or super */ null && (resolveBulkDataTags)));
 ;// CONCATENATED MODULE: ../../core/src/utils/index.ts
 
 
@@ -41675,6 +41865,7 @@ var thumbnailNoImageModalities = __webpack_require__(88555);
 
 
 
+
 
 
 // Commented out unused functionality.
@@ -41734,7 +41925,11 @@ const utils = {
   downloadBlob: downloadBlob,
   downloadUrl: downloadUrl,
   downloadCsv: downloadCsv,
-  downloadDicom: downloadDicom
+  downloadDicom: downloadDicom,
+  resolveBulkDataTags: resolveBulkDataTags,
+  registerResolvedBulkDataTags: registerResolvedBulkDataTags,
+  getResolvedBulkDataTags: getResolvedBulkDataTags,
+  decodeNumericBulkData: decodeNumericBulkData
 };
 
 /* export default */ const src_utils = (utils);
@@ -43547,7 +43742,7 @@ const detectionOptions = {
   }
 });
 ;// CONCATENATED MODULE: ../../i18n/package.json
-var package_namespaceObject = JSON.parse('{"rE":"3.13.0-beta.120"}')
+var package_namespaceObject = JSON.parse('{"rE":"3.13.0-beta.122"}')
 ;// CONCATENATED MODULE: ../../i18n/src/utils.js
 const languagesMap = {
   ar: 'Arabic',
@@ -206899,15 +207094,18 @@ const SegmentationTableConfig = ({
       }
     }
   }, /*#__PURE__*/react.createElement(Tabs_TabsList, null, /*#__PURE__*/react.createElement(Tabs_TabsTrigger, {
-    value: "fill-and-outline"
+    value: "fill-and-outline",
+    "data-cy": `segmentation-config-display-fill-and-outline${dataCyTypeSuffix}`
   }, /*#__PURE__*/react.createElement(Icons.FillAndOutline, {
     className: "text-primary"
   })), /*#__PURE__*/react.createElement(Tabs_TabsTrigger, {
-    value: "outline"
+    value: "outline",
+    "data-cy": `segmentation-config-display-outline${dataCyTypeSuffix}`
   }, /*#__PURE__*/react.createElement(Icons.OutlineOnly, {
     className: "text-primary"
   })), /*#__PURE__*/react.createElement(Tabs_TabsTrigger, {
-    value: "fill"
+    value: "fill",
+    "data-cy": `segmentation-config-display-fill${dataCyTypeSuffix}`
   }, /*#__PURE__*/react.createElement(Icons.FillOnly, {
     className: "text-primary"
   }))))), /*#__PURE__*/react.createElement("div", {
@@ -206942,11 +207140,11 @@ const SegmentationTableConfig = ({
     mode: "singleRange",
     min: 0,
     max: 10,
-    step: 0.1,
+    step: 1,
     value: outlineWidth,
     onChange: value => setOutlineWidth({
       type: segmentationRepresentationTypes?.[0]
-    }, value)
+    }, Math.round(value))
   }, /*#__PURE__*/react.createElement(components_Numeric.SingleRange, {
     showNumberInput: true,
     numberInputClassName: "w-10 text-center"
@@ -308307,11 +308505,24 @@ class DefaultPlanarDataProvider {
             const imageIds = imageVolume.imageIds
                 ? imageVolume.imageIds
                 : dataSet.imageIds;
+            let volumeInitialImageIdIndex = initialImageIdIndex;
+            if (initialImageIdIndex !== undefined && imageIds !== dataSet.imageIds) {
+                const requestedImageId = dataSet.imageIds[initialImageIdIndex];
+                const remappedIndex = imageIds.indexOf(requestedImageId);
+                if (remappedIndex >= 0) {
+                    volumeInitialImageIdIndex = remappedIndex;
+                }
+                else {
+                    console.warn(`[PlanarViewport] initialImageIdIndex remap failed: imageId ` +
+                        `"${requestedImageId}" not found in the volume imageIds; ` +
+                        `using the original index ${initialImageIdIndex}`);
+                }
+            }
             return {
                 id: dataId,
                 type: 'image',
                 imageIds,
-                initialImageIdIndex,
+                initialImageIdIndex: volumeInitialImageIdIndex,
                 acquisitionOrientation: options.acquisitionOrientation,
                 imageData: dataSet.imageData,
                 imageVolume,
@@ -312585,6 +312796,7 @@ function getPlanarResolvedViewForReference(args) {
 
 
 
+
 class PlanarViewReferenceController {
     constructor(host) {
         this.host = host;
@@ -312833,7 +313045,7 @@ class PlanarViewReferenceController {
         const effectiveViewPlaneNormal = refViewPlaneNormal ?? currentViewPlaneNormal;
         const isOppositeNormal = !shouldReorient &&
             this.areNormalsOpposite(currentViewPlaneNormal, effectiveViewPlaneNormal);
-        const nextImageIdIndex = this.resolveVolumeReferenceImageIdIndex(referenceContext, normalizedViewRef, effectiveViewPlaneNormal, isOppositeNormal);
+        const sliceTarget = this.resolveVolumeReferenceSliceTarget(referenceContext, normalizedViewRef, effectiveViewPlaneNormal, isOppositeNormal);
         const viewStatePatch = {};
         if (shouldReorient && refViewPlaneNormal) {
             viewStatePatch.orientation = {
@@ -312846,8 +313058,9 @@ class PlanarViewReferenceController {
             };
         }
         const sliceWorldPoint = normalizedViewRef.cameraFocalPoint ??
-            (typeof nextImageIdIndex === 'number'
-                ? this.host.getVolumeSliceWorldPointForImageIdIndex(nextImageIdIndex)
+            sliceTarget?.sliceWorldPoint ??
+            (typeof sliceTarget?.imageIdIndex === 'number'
+                ? this.host.getVolumeSliceWorldPointForImageIdIndex(sliceTarget.imageIdIndex)
                 : undefined);
         if (sliceWorldPoint) {
             viewStatePatch.slice = {
@@ -312925,7 +313138,7 @@ class PlanarViewReferenceController {
             (!planeRestriction.inPlaneVector2 ||
                 (0,utilities_isEqual/* ["default"] */.Ay)(0, esm/* .vec3.dot */.eR.Om(viewPlaneNormal, planeRestriction.inPlaneVector2))));
     }
-    resolveVolumeReferenceImageIdIndex(referenceContext, viewRef, effectiveViewPlaneNormal, isOppositeNormal) {
+    resolveVolumeReferenceSliceTarget(referenceContext, viewRef, effectiveViewPlaneNormal, isOppositeNormal) {
         const { rendering } = referenceContext;
         if (rendering.renderMode !== types/* .ActorRenderMode.CPU_VOLUME */.T.CPU_VOLUME &&
             rendering.renderMode !== types/* .ActorRenderMode.VTK_VOLUME_SLICE */.T.VTK_VOLUME_SLICE) {
@@ -312939,21 +313152,35 @@ class PlanarViewReferenceController {
             const targetSliceIndex = isOppositeNormal
                 ? maxImageIdIndex - viewRef.sliceIndex
                 : viewRef.sliceIndex;
-            return Math.min(Math.max(0, targetSliceIndex), maxImageIdIndex);
+            return {
+                imageIdIndex: Math.min(Math.max(0, targetSliceIndex), maxImageIdIndex),
+            };
         }
         const referencedImageIndex = this.findImageIdIndexByReference(imageIds, viewRef.referencedImageId, viewRef.referencedImageURI);
         if (typeof referencedImageIndex === 'number') {
-            return referencedImageIndex;
+            return this.toVolumeSliceTarget(rendering.imageVolume, referencedImageIndex);
         }
         const targetPoint = viewRef.cameraFocalPoint ?? viewRef.planeRestriction?.point;
         if (targetPoint) {
             const referencedImageId = (0,getClosestImageId/* ["default"] */.A)(rendering.imageVolume, targetPoint, effectiveViewPlaneNormal);
-            return this.findImageIdIndexByReference(imageIds, referencedImageId);
+            const closestImageIndex = this.findImageIdIndexByReference(imageIds, referencedImageId);
+            if (typeof closestImageIndex === 'number') {
+                return this.toVolumeSliceTarget(rendering.imageVolume, closestImageIndex);
+            }
+            return;
         }
         if (typeof viewRef.sliceIndex === 'number') {
-            return Math.min(Math.max(0, viewRef.sliceIndex), maxImageIdIndex);
+            return {
+                imageIdIndex: Math.min(Math.max(0, viewRef.sliceIndex), maxImageIdIndex),
+            };
         }
     }
+    toVolumeSliceTarget(imageVolume, imageIdListIndex) {
+        const sliceWorldPoint = (0,planarSliceBasis/* .getVolumeImageIdIndexWorldPoint */.xH)(imageVolume, imageIdListIndex);
+        return sliceWorldPoint
+            ? { sliceWorldPoint }
+            : { imageIdIndex: imageIdListIndex };
+    }
     getImageIdsForReferenceContext(referenceContext) {
         return (referenceContext.data.imageVolume?.imageIds ||
             referenceContext.data.imageIds);
@@ -314056,6 +314283,15 @@ class PlanarViewport extends GenericViewport/* ["default"] */.A {
         const initialImageIdIndex = orientation === enums.OrientationAxis.ACQUISITION
             ? planarData.initialImageIdIndex
             : undefined;
+        if (typeof initialImageIdIndex === 'number') {
+            const sliceWorldPoint = (0,planarSliceBasis/* .getVolumeImageIdIndexWorldPoint */.xH)(planarData.imageVolume, initialImageIdIndex);
+            if (sliceWorldPoint) {
+                return {
+                    kind: 'volumePoint',
+                    sliceWorldPoint,
+                };
+            }
+        }
         const { sliceBasis } = createSliceBasis({
             canvasHeight: height,
             canvasWidth: width,
@@ -315615,6 +315851,7 @@ __webpack_require__.d(__webpack_exports__, {
   vu: () => (/* binding */ createPlanarCpuVolumeSliceBasis),
   IY: () => (/* binding */ createPlanarImageSliceBasis),
   P8: () => (/* binding */ createPlanarVolumeSliceBasis),
+  xH: () => (/* binding */ getVolumeImageIdIndexWorldPoint),
   Dn: () => (/* binding */ resolvePlanarVolumeImageIdIndex),
   LK: () => (/* binding */ shouldUsePlanarCpuVolumeSliceBasis)
 });
@@ -315822,6 +316059,23 @@ function getGeometricImageVolumeCenter(imageVolume, viewPlaneNormal) {
     }
     return esm/* .vec3.scale */.eR.hs(center, center, 1 / corners.length);
 }
+function getVolumeImageIdIndexWorldPoint(imageVolume, imageIdIndex) {
+    const imageData = imageVolume?.imageData;
+    if (!imageData) {
+        return;
+    }
+    const dimensions = imageData.getDimensions();
+    const flatToGroupLocal = imageVolume.flatImageIdIndexToImageIdIndex;
+    const groupLocalIndex = typeof flatToGroupLocal === 'function'
+        ? flatToGroupLocal.call(imageVolume, Math.max(0, imageIdIndex))
+        : imageIdIndex;
+    const k = Math.min(Math.max(0, groupLocalIndex), dimensions[2] - 1);
+    return imageData.indexToWorld([
+        (dimensions[0] - 1) / 2,
+        (dimensions[1] - 1) / 2,
+        k,
+    ]);
+}
 function getSliceMetrics(args) {
     const { imageVolume, viewPlaneNormal } = args;
     const corners = buildImageVolumeCorners(imageVolume);
@@ -345860,7 +346114,7 @@ __webpack_require__.d(__webpack_exports__, {
   triggerEvent: () => (/* reexport */ triggerEvent/* ["default"] */.A),
   updateCanvasSizeAndAspectRatio: () => (/* reexport */ getOrCreateCanvas/* .updateCanvasSizeAndAspectRatio */.zV),
   utilities: () => (/* reexport */ utilities),
-  version: () => (/* reexport */ (/* inlined export .version */"5.4.13")),
+  version: () => (/* reexport */ (/* inlined export .version */"5.4.17")),
   videoProjection: () => (/* reexport */ Video/* .videoProjection */.vL),
   viewportHasCanvasWorldTransform: () => (/* reexport */ GenericViewport/* .viewportHasCanvasWorldTransform */.z5),
   viewportHasFrameOfReferenceUID: () => (/* reexport */ GenericViewport/* .viewportHasFrameOfReferenceUID */.IU),
@@ -357245,7 +357499,7 @@ function worldToImageCoords(imageId, worldCoords) {
 },
 22202() {
 "use strict";
-const version = '5.4.13';
+const version = '5.4.17';
 
 
 },
@@ -370145,7 +370399,7 @@ const TransferSyntaxes = {
 
 
 ;// CONCATENATED MODULE: ../../../node_modules/@cornerstonejs/metadata/dist/esm/version.js
-const version = '5.4.13';
+const version = '5.4.17';
 
 ;// CONCATENATED MODULE: ../../../node_modules/@cornerstonejs/metadata/dist/esm/metaData.js
 
@@ -373657,7 +373911,7 @@ __webpack_require__.d(logging_namespaceObject, {
 
 
 ;// CONCATENATED MODULE: ../../../node_modules/@cornerstonejs/utils/dist/esm/version.js
-const version = '5.4.13';
+const version = '5.4.17';
 
 ;// CONCATENATED MODULE: ../../../node_modules/@cornerstonejs/utils/dist/esm/utilities/object/asArray.js
 function asArray(item) {
@@ -447967,7 +448221,7 @@ __webpack_require__.u = (chunkId) => {
   // return url for filenames not based on template
   
   // return url for filenames based on template
-  return "" + ({1644: "interpolation",6915: "histogram-worker",8547: "compute",8781: "polySeg",}[chunkId] || chunkId) + ".bundle." + {100: "18576d13e84cf65d",1180: "71384bae9915f7ef",1206: "e04ca1efe6f987ba",1229: "f721ec472f3d61bf",1483: "0856e89556f39a44",1602: "4b753c5f05c22071",1644: "f522fc61851f35ed",2343: "6bb1c41a0c23c387",2779: "c9e19f9d340f49dd",3500: "ba1a8fe6005447be",3568: "45dc681ef6890166",3760: "cfe49d20e6a29953",4556: "c21eb013145d11cb",4683: "00b9ec64ffdac536",5189: "ea191ea99047fd6f",5302: "d6194babac4a763e",5406: "4dcfa7c697973300",5448: "5686ebb99c379f64",5642: "98e17a4413db6ef1",5696: "1166a7d20afd2ec1",5731: "a4e001a42e60e779",5910: "0f19608f3e76859b",6489: "941eaec5bde178b6",6495: "a6764fdb8c0c252f",6749: "46d07e206a29a04c",6915: "11211bad02ea21bb",7231: "1063d727ad99108a",7248: "5adba26c3591ab03",7463: "40668aa8d083d077",7499: "1b824fb1c3d9938b",781: "8317fbb14b5fc160",8097: "8ae6404ba94890a0",8423: "884545a446ec1b71",8432: "7d5ebe1ed1610bc3",8492: "b2d1f0d9d97eeb99",8547: "9cc3697d07fbb082",8781: "a526954fc2fed311",8832: "7e4d2e03edaf6125",899: "50c16f860acbc848",9068: "95f1e638ef694ea9",9116: "b5fe63fa3d55bd70",9290: "e11c9ec528de238f",9383: "ec44c452ccc23e93",9402: "e566ac372cd263ab",9415: "8ae772df11b43623",9437: "e32fbfe63bfc0e72",9560: "517f0ef7ee3a20bf",}[chunkId] + ".js"
+  return "" + ({1644: "interpolation",6915: "histogram-worker",8547: "compute",8781: "polySeg",}[chunkId] || chunkId) + ".bundle." + {100: "a747be7c54b03050",1180: "12decb70e347ab18",1206: "8ca95ea92d278d25",1229: "f721ec472f3d61bf",1483: "5d7cb3b2c8339993",1602: "adc9c42f3f0cee10",1644: "f522fc61851f35ed",2623: "983a376f7b7e86a5",2779: "50f6254deda46e49",3500: "642aa0112968cf71",3568: "9aa4b4b27294ff6d",3760: "5e5d19b9f8d56cae",4556: "1ea04fd48fc5d2ca",4683: "b560312b5eebd925",5189: "fc73612f2e198892",5302: "d6194babac4a763e",5406: "4dcfa7c697973300",5448: "316b091e38440aef",5696: "78c7e21c71846f7b",5731: "a4e001a42e60e779",5910: "d9cbcbb62ddd6638",6489: "941eaec5bde178b6",6495: "5ad5a10d2c9dcba1",6749: "87258a158729e73d",6915: "11211bad02ea21bb",7248: "1b52f19fbd2bbc40",7463: "40668aa8d083d077",7499: "e958878c66174ab0",781: "f6fa3ab2b8ec22a5",8097: "8ae6404ba94890a0",8423: "d9be5db38ca5b9cd",8478: "163d258bf75a0aed",8492: "1dbc1691c7db0e87",8547: "690de60973ccebc4",8781: "369c7996934b22e3",8832: "62e66fad140b5182",89: "fe29d1712fd47341",899: "b012ed530e343897",9068: "13173c70d4f33cf0",9116: "3173fbc0a9246402",9290: "e84eec85a00eb7a1",9383: "885123e100c1b477",9415: "3044caa6fbf3e331",9437: "dabd58171e5f91e9",9560: "4c9bc48e09c0bae1",}[chunkId] + ".js"
 }
 })();
 // webpack/runtime/get mini-css chunk filename
@@ -448171,17 +448425,16 @@ var installedCssChunks = {
 __webpack_require__.f.miniCss = function (chunkId, promises) {
 	var cssChunks = {
 1602: 1,
+2623: 1,
 3760: 1,
 3833: 1,
 5189: 1,
 5910: 1,
 6214: 1,
-7231: 1,
 7463: 1,
 781: 1,
 8423: 1,
 8492: 1,
-8595: 1,
 8832: 1,
 9415: 1,
 976: 1,
@@ -448204,7 +448457,7 @@ __webpack_require__.f.miniCss = function (chunkId, promises) {
 
 // no hmr
 __webpack_require__.F.miniCss = (chunkId) => {
-  if ((!__webpack_require__.o(installedCssChunks, chunkId) || installedCssChunks[chunkId] === undefined) && /^(7(231|463|81)|9(415|509|76)|8(423|492|595|832)|1602|3760|3833|5189|5910|6214)$/.test(chunkId)) {
+  if ((!__webpack_require__.o(installedCssChunks, chunkId) || installedCssChunks[chunkId] === undefined) && /^(8(423|492|832)|9(415|509|76)|(262|383|746)3|1602|3760|5189|5910|6214|781)$/.test(chunkId)) {
     installedCssChunks[chunkId] = null;
 
     var link = document.createElement('link');
@@ -448241,7 +448494,7 @@ if (installedChunkData !== 0) {
 	if (installedChunkData) {
 		promises.push(installedChunkData[2]);
 	} else {
-		if (!/^(3833|6214|8595|976)$/.test(chunkId)) {
+		if (!/^(3833|6214|976)$/.test(chunkId)) {
 			// setup Promise in chunk cache
 			var promise = new Promise((resolve, reject) => (installedChunkData = installedChunks[chunkId] = [resolve, reject]));
 			promises.push((installedChunkData[2] = promise));
@@ -448280,7 +448533,7 @@ if (installedChunkData !== 0) {
 
         }
         __webpack_require__.F.j = (chunkId) => {
-  if ((!__webpack_require__.o(installedChunks, chunkId) || installedChunks[chunkId] === undefined) && !/^(3833|6214|8595|976)$/.test(chunkId)) {
+  if ((!__webpack_require__.o(installedChunks, chunkId) || installedChunks[chunkId] === undefined) && !/^(3833|6214|976)$/.test(chunkId)) {
     installedChunks[chunkId] = null;
     var link = document.createElement('link');
 
@@ -448328,7 +448581,7 @@ chunkLoadingGlobal.push = __rspack_jsonp.bind(null, chunkLoadingGlobal.push.bind
 })();
 // webpack/runtime/chunk_prefetch_trigger
 (() => {
-var chunkToChildrenMap = {"3833":[7231],"3760":[7231,9068,1206],"976":[7231,9068],"781":[7231,899],"9415":[7231,5448],"1602":[7231],"9116":[7463],"8595":[7231],"8423":[7231],"3500":[8432,5642,9402,2343,5910],"5910":[7231],"8492":[7231]};
+var chunkToChildrenMap = {"6214":[2623,2623],"3760":[2623,9068,1206],"3833":[2623,9068],"781":[2623,899],"9415":[2623,5448],"1602":[2623],"8832":[2623],"9116":[7463],"976":[2623],"8423":[2623],"3500":[8478,89,5910],"5910":[2623],"8492":[2623]};
 __webpack_require__.f.prefetch = (chunkId, promises) => {
   Promise.all(promises).then(() => {
     var chunks = chunkToChildrenMap[chunkId];

package/dist/{compute.bundle.9cc3697d07fbb082.js → compute.bundle.690de60973ccebc4.js}

@@ -79,7 +79,7 @@ __webpack_require__.u = (chunkId) => {
   // return url for filenames not based on template
   
   // return url for filenames based on template
-  return "" + (chunkId === 8547 ? "compute" : chunkId) + ".bundle." + {2493: "f3b6a64d158365da",6489: "941eaec5bde178b6",6758: "b174316beaf1a9a5",7040: "7d34de53c9247fbf",8547: "9cc3697d07fbb082",8668: "0e47f7231aa07da2",9560: "517f0ef7ee3a20bf",}[chunkId] + ".js"
+  return "" + (chunkId === 8547 ? "compute" : chunkId) + ".bundle." + {2493: "d16ea70ddcc1fb6b",6489: "941eaec5bde178b6",6758: "b174316beaf1a9a5",7040: "7d34de53c9247fbf",8547: "690de60973ccebc4",8668: "e254939790f776e2",9560: "4c9bc48e09c0bae1",}[chunkId] + ".js"
 }
 })();
 // webpack/runtime/get mini-css chunk filename