@vitessce/all 4.1.0 → 4.1.1

package/dist/{index-BXZvRgQM.js → index-uF7T9QQ9.js}

@@ -6803,6 +6803,19 @@ function isAnnotationFrameViewStateChange(prevViewState, nextViewState, frameVie
   const changedKeys = TRANSITION_VIEW_STATE_KEYS.filter((key2) => prevViewState[key2] !== nextViewState[key2]);
   return changedKeys.length > 0 && changedKeys.every((key2) => typeof prevViewState[key2] === "number" && typeof nextViewState[key2] === "number" && frameViewState[key2] === nextViewState[key2]);
 }
+const UNIT_TO_METERS = {
+  m: 1,
+  meter: 1,
+  mm: 1e-3,
+  millimeter: 1e-3,
+  um: 1e-6,
+  µm: 1e-6,
+  μm: 1e-6,
+  micrometer: 1e-6,
+  micron: 1e-6,
+  nm: 1e-9,
+  nanometer: 1e-9
+};
 configSchema1_0_0.shape.coordinationSpace.unwrap();
 configSchema1_0_0.shape.layout.element.shape.coordinationScopes.unwrap();
 function upgradeReplaceViewProp(prefix2, view, coordinationSpace) {
@@ -9616,6 +9629,7 @@ const CoordinationType$1 = {
   PIXEL_HIGHLIGHT: "pixelHighlight",
   // Per-image-layer
   TOOLTIP_CROSSHAIRS_VISIBLE: "tooltipCrosshairsVisible",
+  TOOLTIP_OBS_SETS_MODE: "tooltipObsSetsMode",
   LEGEND_VISIBLE: "legendVisible",
   SPATIAL_CHANNEL_LABELS_VISIBLE: "spatialChannelLabelsVisible",
   SPATIAL_CHANNEL_LABELS_ORIENTATION: "spatialChannelLabelsOrientation",
@@ -9977,6 +9991,7 @@ const COMPONENT_COORDINATION_TYPES = {
     CoordinationType$1.SPATIAL_ORBIT_AXIS,
     CoordinationType$1.SPATIAL_ZOOM,
     CoordinationType$1.SPATIAL_CAMERA_SNAPSHOT,
+    CoordinationType$1.SPATIAL_RENDERING_MODE,
     CoordinationType$1.OBS_FILTER,
     CoordinationType$1.OBS_HIGHLIGHT,
     CoordinationType$1.OBS_SET_SELECTION,
@@ -10044,6 +10059,7 @@ const COMPONENT_COORDINATION_TYPES = {
     CoordinationType$1.OBS_COLOR_ENCODING,
     CoordinationType$1.ADDITIONAL_OBS_SETS,
     CoordinationType$1.TOOLTIPS_VISIBLE,
+    CoordinationType$1.TOOLTIP_OBS_SETS_MODE,
     CoordinationType$1.SAMPLE_TYPE,
     CoordinationType$1.SAMPLE_SET_SELECTION,
     CoordinationType$1.SAMPLE_SET_FILTER,
@@ -10095,6 +10111,7 @@ const COMPONENT_COORDINATION_TYPES = {
     CoordinationType$1.OBS_COLOR_ENCODING,
     CoordinationType$1.ADDITIONAL_OBS_SETS,
     CoordinationType$1.TOOLTIPS_VISIBLE,
+    CoordinationType$1.TOOLTIP_OBS_SETS_MODE,
     CoordinationType$1.SAMPLE_TYPE,
     CoordinationType$1.SAMPLE_SET_SELECTION,
     CoordinationType$1.SAMPLE_SET_FILTER,
@@ -10176,6 +10193,7 @@ const COMPONENT_COORDINATION_TYPES = {
     CoordinationType$1.ADDITIONAL_OBS_SETS,
     CoordinationType$1.MOLECULE_HIGHLIGHT,
     CoordinationType$1.TOOLTIPS_VISIBLE,
+    CoordinationType$1.TOOLTIP_OBS_SETS_MODE,
     CoordinationType$1.PHOTOMETRIC_INTERPRETATION,
     CoordinationType$1.ANNOTATION_STORY,
     CoordinationType$1.ANNOTATION_SHAPES,
@@ -10225,6 +10243,7 @@ const COMPONENT_COORDINATION_TYPES = {
     CoordinationType$1.ADDITIONAL_OBS_SETS,
     CoordinationType$1.MOLECULE_HIGHLIGHT,
     CoordinationType$1.TOOLTIPS_VISIBLE,
+    CoordinationType$1.TOOLTIP_OBS_SETS_MODE,
     CoordinationType$1.FILE_UID,
     CoordinationType$1.SPATIAL_TARGET_C,
     CoordinationType$1.SPATIAL_LAYER_VISIBLE,
@@ -10308,7 +10327,8 @@ const COMPONENT_COORDINATION_TYPES = {
     CoordinationType$1.FEATURE_VALUE_COLORMAP_RANGE,
     CoordinationType$1.OBS_COLOR_ENCODING,
     CoordinationType$1.ADDITIONAL_OBS_SETS,
-    CoordinationType$1.TOOLTIPS_VISIBLE
+    CoordinationType$1.TOOLTIPS_VISIBLE,
+    CoordinationType$1.TOOLTIP_OBS_SETS_MODE
   ],
   [ViewType$1.OBS_SETS]: [
     CoordinationType$1.DATASET,
@@ -93190,6 +93210,12 @@ function findChangedHierarchy(prevSelectedPaths, currSelectedPaths) {
   const changedPath = newlySelectedPaths.length > 0 ? newlySelectedPaths[0] : unselectedPaths[0];
   return changedPath.slice(0, -1);
 }
+function filterObsMembershipForTooltip(obsMembership, obsSetSelection, tooltipObsSetsMode) {
+  if (tooltipObsSetsMode !== "selected") {
+    return obsMembership;
+  }
+  return obsMembership.filter((path2) => obsSetSelection?.some((selectedPath) => selectedPath[0] === path2[0]));
+}
 var EOL$1 = {}, EOF$1 = {}, QUOTE$1 = 34, NEWLINE$1 = 10, RETURN$1 = 13;
 function objectConverter$1(columns2) {
   return new Function("d", "return {" + columns2.map(function(name2, i2) {
@@ -210886,22 +210912,22 @@ async function getDecoder(fileDirectory) {
   const Decoder = await importFn();
   return new Decoder(fileDirectory);
 }
-addDecoder([void 0, 1], () => import("./raw-DuVejors.js").then((m2) => m2.default));
-addDecoder(5, () => import("./lzw-bn_buOKr.js").then((m2) => m2.default));
+addDecoder([void 0, 1], () => import("./raw-D529ykG0.js").then((m2) => m2.default));
+addDecoder(5, () => import("./lzw-BnX_a9ES.js").then((m2) => m2.default));
 addDecoder(6, () => {
   throw new Error("old style JPEG compression is not supported.");
 });
-addDecoder(7, () => import("./jpeg-BshoD8Vn.js").then((m2) => m2.default));
-addDecoder([8, 32946], () => import("./deflate-Bfp4Ro1o.js").then((m2) => m2.default));
-addDecoder(32773, () => import("./packbits-CQxjn7MJ.js").then((m2) => m2.default));
+addDecoder(7, () => import("./jpeg-D1J1ZLjO.js").then((m2) => m2.default));
+addDecoder([8, 32946], () => import("./deflate-B9RQRiyy.js").then((m2) => m2.default));
+addDecoder(32773, () => import("./packbits-DxNVm_vW.js").then((m2) => m2.default));
 addDecoder(
   34887,
-  () => import("./lerc-Wpo0Q58k.js").then(async (m2) => {
+  () => import("./lerc-BYUvdCVc.js").then(async (m2) => {
     await m2.zstd.init();
     return m2;
   }).then((m2) => m2.default)
 );
-addDecoder(50001, () => import("./webimage-BVwps2SV.js").then((m2) => m2.default));
+addDecoder(50001, () => import("./webimage-D6fsjgI6.js").then((m2) => m2.default));
 function copyNewSize(array2, width2, height2, samplesPerPixel = 1) {
   return new (Object.getPrototypeOf(array2)).constructor(width2 * height2 * samplesPerPixel);
 }
@@ -233323,6 +233349,7 @@ class AbstractSpatialOrScatterplot extends PureComponent {
     };
     this.lastApplied = null;
     this.transitionEndViewState = null;
+    this.finishedTransitionEndViewState = null;
     this.viewport = null;
     this.threeCamera = null;
     this.orbitControls = null;
@@ -233399,6 +233426,7 @@ class AbstractSpatialOrScatterplot extends PureComponent {
    * Called by DeckGL when a viewState transition ends.
    */
   onTransitionEnd() {
+    this.finishedTransitionEndViewState = this.transitionEndViewState;
     this.transitionEndViewState = null;
     this.setState({ transitionViewState: null });
   }
@@ -233409,6 +233437,7 @@ class AbstractSpatialOrScatterplot extends PureComponent {
    * Instead, the stale transitionViewState is ignored by getDeckViewState.
    */
   onTransitionInterrupt() {
+    this.finishedTransitionEndViewState = this.transitionEndViewState;
     this.transitionEndViewState = null;
   }
   /**
@@ -233421,6 +233450,13 @@ class AbstractSpatialOrScatterplot extends PureComponent {
     if (transitionViewState && transitionViewState.endViewState === this.transitionEndViewState && isSameZoomAndTarget(viewState, this.transitionEndViewState)) {
       return transitionViewState.viewState;
     }
+    if (!isSameZoomAndTarget(viewState, this.finishedTransitionEndViewState)) {
+      this.finishedTransitionEndViewState = null;
+    }
+    if (this.finishedTransitionEndViewState) {
+      const { transitionDuration, transitionInterpolator, ...viewStateWithoutTransition } = viewState;
+      return viewStateWithoutTransition;
+    }
     if (viewState.transitionDuration) {
       return {
         ...viewState,
@@ -233577,7 +233613,8 @@ class AbstractSpatialOrScatterplot extends PureComponent {
     const canvas = deckRef?.current?.deck?.canvas;
     if (!canvas || !spatialCameraSnapshot)
       return;
-    const camera = new PerspectiveCamera(spatialCameraSnapshot.fovDegrees, 1, 0.1, 1e5);
+    const { fovDegrees, projectionScale } = spatialCameraSnapshot;
+    const camera = new PerspectiveCamera(fovDegrees, 1, Math.max(projectionScale * 1e-4, 1e-3), Math.max(projectionScale * 100, 1e5));
     camera.updateProjectionMatrix();
     const eventTarget = canvas.parentElement ?? canvas;
     const controls = new OrbitControls(camera, eventTarget);
@@ -233732,8 +233769,8 @@ class AbstractSpatialOrScatterplot extends PureComponent {
         viewState: {
           viewMatrix: rawViewMatrix,
           fovy: fovDegrees,
-          near: 0.1,
-          far: 1e5
+          near: Math.max(projectionScale * 1e-4, 1e-3),
+          far: Math.max(projectionScale * 100, 1e5)
         }
       });
     } else if (use3d) {
@@ -239385,7 +239422,10 @@ const useStyles$r = makeStyles()(() => ({
     bottom: "0px",
     left: "0px",
     paddingLeft: "10px",
-    paddingBottom: "10px"
+    paddingBottom: "10px",
+    // Keep long channel names within the view so they can be truncated.
+    maxWidth: "90%",
+    boxSizing: "border-box"
   },
   channelNamesLegendLayer: {
     display: "flex"
@@ -239420,7 +239460,7 @@ function ChannelNamesLegend(props) {
       const channelNames = imageWrapperInstance?.getChannelNames();
       const channelIndex = imageWrapperInstance?.getChannelIndex(spatialTargetC);
       const channelName = channelIndex !== void 0 ? channelNames?.[channelIndex] : void 0;
-      return spatialLayerVisible && spatialChannelVisible && spatialChannelLabelsVisible ? jsx$1(Typography, { variant: "h6", className: classes2.channelNameText, style: {
+      return spatialLayerVisible && spatialChannelVisible && spatialChannelLabelsVisible ? jsx$1(Typography, { variant: "h6", className: classes2.channelNameText, noWrap: true, title: channelName, style: {
         color: rgbColor,
         fontSize: `${spatialChannelLabelSize}px`
       }, children: channelName }, `${layerScope}-${cScope}-${channelIndex}-${rgbColor}`) : null;
@@ -239432,6 +239472,7 @@ const DEFAULT_FEATURE_AGGREGATION_STRATEGY$3 = "first";
 function EmbeddingScatterplotSubscriber(props) {
   const {
     uuid: uuid2,
+    viewUid: viewUidFromProps,
     closeButtonVisible,
     downloadButtonVisible,
     removeGridComponent,
@@ -239448,18 +239489,19 @@ function EmbeddingScatterplotSubscriber(props) {
     // Passed down from the ancestor <Vitessce/> or <VitS/> component.
     areAnnotationsEditable
   } = props;
+  const viewUid = viewUidFromProps ?? uuid2;
   const loaders = useLoaders();
   const [
     // eslint-disable-next-line no-unused-vars
     coordinationScopes,
     _coordinationScopesBy,
     coordinationValues
-  ] = useViewMapping(uuid2);
+  ] = useViewMapping(viewUid);
   const setComponentHover = useSetComponentHover();
   const setComponentViewInfo = useSetComponentViewInfo(uuid2);
-  useAnnotationFrameCoordination(uuid2, coordinationScopes, coordinationValues);
-  const [{ dataset, obsType, featureType, featureValueType, sampleType, embeddingZoom: zoom2, embeddingTargetX: targetX2, embeddingTargetY: targetY2, embeddingTargetZ: targetZ, embeddingType: mapping, obsFilter: cellFilter, obsHighlight: cellHighlight, featureSelection: geneSelection, obsSetSelection: cellSetSelection, obsSetColor: cellSetColor, obsColorEncoding: cellColorEncoding, additionalObsSets: additionalCellSets, embeddingObsSetPolygonsVisible: cellSetPolygonsVisible, embeddingObsSetLabelsVisible: cellSetLabelsVisible, embeddingObsSetLabelSize: cellSetLabelSize, embeddingObsRadius: cellRadiusFixed, embeddingObsRadiusMode: cellRadiusMode, embeddingObsOpacity: cellOpacityFixed, embeddingObsOpacityMode: cellOpacityMode, featureValueColormap: geneExpressionColormap, featureValueColormapRange: geneExpressionColormapRange, tooltipsVisible, sampleSetSelection: sampleSetSelectionFromCoordination, sampleSetColor, embeddingPointsVisible, embeddingContoursVisible, embeddingContoursFilled, embeddingContourPercentiles: contourPercentiles, contourColorEncoding, contourColor, featureAggregationStrategy, annotationStory, annotationShapes, annotationOverlayVisible, annotationSemanticZoom, annotationTransitionDuration, annotationEditable, annotationFrameIndex }, { setEmbeddingZoom: setZoom, setEmbeddingTargetX: setTargetX, setEmbeddingTargetY: setTargetY, setEmbeddingTargetZ: setTargetZ, setObsFilter: setCellFilter, setObsSetSelection: setCellSetSelection, setObsHighlight: setCellHighlight, setObsSetColor: setCellSetColor, setObsColorEncoding: setCellColorEncoding, setAdditionalObsSets: setAdditionalCellSets, setEmbeddingObsSetPolygonsVisible: setCellSetPolygonsVisible, setEmbeddingObsSetLabelsVisible: setCellSetLabelsVisible, setEmbeddingObsSetLabelSize: setCellSetLabelSize, setEmbeddingObsRadius: setCellRadiusFixed, setEmbeddingObsRadiusMode: setCellRadiusMode, setEmbeddingObsOpacity: setCellOpacityFixed, setEmbeddingObsOpacityMode: setCellOpacityMode, setFeatureValueColormap: setGeneExpressionColormap, setFeatureValueColormapRange: setGeneExpressionColormapRange, setTooltipsVisible, setEmbeddingPointsVisible, setEmbeddingContoursVisible, setEmbeddingContoursFilled, setEmbeddingContourPercentiles: setContourPercentiles, setContourColorEncoding, setFeatureAggregationStrategy, setAnnotationStory }] = useCoordination(COMPONENT_COORDINATION_TYPES[ViewType$1.SCATTERPLOT], coordinationScopes, coordinationValues, uuid2);
-  const annotationEditingProps = useAnnotationEditingForView(uuid2, Boolean(areAnnotationsEditable && annotationEditable && typeof annotationFrameIndex === "number"));
+  useAnnotationFrameCoordination(viewUid, coordinationScopes, coordinationValues);
+  const [{ dataset, obsType, featureType, featureValueType, sampleType, embeddingZoom: zoom2, embeddingTargetX: targetX2, embeddingTargetY: targetY2, embeddingTargetZ: targetZ, embeddingType: mapping, obsFilter: cellFilter, obsHighlight: cellHighlight, featureSelection: geneSelection, obsSetSelection: cellSetSelection, obsSetColor: cellSetColor, obsColorEncoding: cellColorEncoding, additionalObsSets: additionalCellSets, embeddingObsSetPolygonsVisible: cellSetPolygonsVisible, embeddingObsSetLabelsVisible: cellSetLabelsVisible, embeddingObsSetLabelSize: cellSetLabelSize, embeddingObsRadius: cellRadiusFixed, embeddingObsRadiusMode: cellRadiusMode, embeddingObsOpacity: cellOpacityFixed, embeddingObsOpacityMode: cellOpacityMode, featureValueColormap: geneExpressionColormap, featureValueColormapRange: geneExpressionColormapRange, tooltipsVisible, tooltipObsSetsMode, sampleSetSelection: sampleSetSelectionFromCoordination, sampleSetColor, embeddingPointsVisible, embeddingContoursVisible, embeddingContoursFilled, embeddingContourPercentiles: contourPercentiles, contourColorEncoding, contourColor, featureAggregationStrategy, annotationStory, annotationShapes, annotationOverlayVisible, annotationSemanticZoom, annotationTransitionDuration, annotationEditable, annotationFrameIndex }, { setEmbeddingZoom: setZoom, setEmbeddingTargetX: setTargetX, setEmbeddingTargetY: setTargetY, setEmbeddingTargetZ: setTargetZ, setObsFilter: setCellFilter, setObsSetSelection: setCellSetSelection, setObsHighlight: setCellHighlight, setObsSetColor: setCellSetColor, setObsColorEncoding: setCellColorEncoding, setAdditionalObsSets: setAdditionalCellSets, setEmbeddingObsSetPolygonsVisible: setCellSetPolygonsVisible, setEmbeddingObsSetLabelsVisible: setCellSetLabelsVisible, setEmbeddingObsSetLabelSize: setCellSetLabelSize, setEmbeddingObsRadius: setCellRadiusFixed, setEmbeddingObsRadiusMode: setCellRadiusMode, setEmbeddingObsOpacity: setCellOpacityFixed, setEmbeddingObsOpacityMode: setCellOpacityMode, setFeatureValueColormap: setGeneExpressionColormap, setFeatureValueColormapRange: setGeneExpressionColormapRange, setTooltipsVisible, setEmbeddingPointsVisible, setEmbeddingContoursVisible, setEmbeddingContoursFilled, setEmbeddingContourPercentiles: setContourPercentiles, setContourColorEncoding, setFeatureAggregationStrategy, setAnnotationStory }] = useCoordination(COMPONENT_COORDINATION_TYPES[ViewType$1.SCATTERPLOT], coordinationScopes, coordinationValues, viewUid);
+  const annotationEditingProps = useAnnotationEditingForView(viewUid, Boolean(areAnnotationsEditable && annotationEditable && typeof annotationFrameIndex === "number"));
   const { embeddingZoom: initialZoom, embeddingTargetX: initialTargetX, embeddingTargetY: initialTargetY } = useInitialCoordination(COMPONENT_COORDINATION_TYPES[ViewType$1.SCATTERPLOT], coordinationScopes, coordinationValues);
   const observationsLabel = observationsLabelOverride || obsType;
   const sampleSetSelection = sampleSetSelectionFromProps || sampleSetSelectionFromCoordination;
@@ -239635,7 +239677,7 @@ function EmbeddingScatterplotSubscriber(props) {
     initialTargetY,
     averageFillDensity
   ]);
-  const getObsInfo2 = useGetObsInfo(observationsLabel, obsLabelsTypes, obsLabelsData, obsSetsMembership);
+  const getObsInfo2 = useGetObsInfo(observationsLabel, obsLabelsTypes, obsLabelsData, obsSetsMembership, cellSetSelection, tooltipObsSetsMode);
   const allCellsSelected = !(deferredCellSetSelection && mergedCellSets);
   const getCellIsSelected = useCallback((object2, { index: index2 }) => allCellsSelected || obsColorIndices.colorIndices[index2] !== 0 ? 1 : 0, [allCellsSelected, obsColorIndices]);
   const cellRadius = cellRadiusMode === "manual" ? cellRadiusFixed : dynamicCellRadius;
@@ -239745,7 +239787,7 @@ function EmbeddingScatterplotSubscriber(props) {
     featureAggregationStrategyToUse,
     obsSetsColumns
   ]);
-  const annotationFrameCoordinationValues = getAnnotationFrameCoordinationValues(annotationStory, annotationFrameIndex, uuid2);
+  const annotationFrameCoordinationValues = getAnnotationFrameCoordinationValues(annotationStory, annotationFrameIndex, viewUid);
   const annotationTransitionProps = useAnnotationFrameTransition({ zoom: zoom2, targetX: targetX2, targetY: targetY2 }, {
     zoom: annotationFrameCoordinationValues?.[CoordinationType$1.EMBEDDING_ZOOM],
     targetX: annotationFrameCoordinationValues?.[CoordinationType$1.EMBEDDING_TARGET_X],
@@ -239841,7 +239883,7 @@ function DualEmbeddingScatterplotSubscriber(props) {
   const isCaseCtrl = Array.isArray(sampleSetSelection) && sampleSetSelection.length === 2;
   const caseSampleSetSelection = useMemo$1(() => sampleSetSelection?.[0] ? [sampleSetSelection[0]] : null, [sampleSetSelection]);
   const ctrlSampleSetSelection = useMemo$1(() => sampleSetSelection?.[1] ? [sampleSetSelection[1]] : null, [sampleSetSelection]);
-  return jsxs("div", { style: { width: "100%", height: "100%", display: "flex", flexDirection: "row" }, children: [jsx$1("div", { style: { width: isCaseCtrl ? "50%" : "100%", display: "flex", flexDirection: "column" }, children: jsx$1(EmbeddingScatterplotSubscriber, { ...props, uuid: `${uuid2}-case`, title: isCaseCtrl ? `Scatterplot (${embeddingType}), ${caseSampleSetSelection?.[0]?.at(-1)}` : null, sampleSetSelection: caseSampleSetSelection }) }), isCaseCtrl ? jsx$1("div", { style: { width: "50%", display: "flex", flexDirection: "column" }, children: jsx$1(EmbeddingScatterplotSubscriber, { ...props, uuid: `${uuid2}-ctrl`, title: `Scatterplot (${embeddingType}), ${ctrlSampleSetSelection?.[0]?.at(-1)}`, sampleSetSelection: ctrlSampleSetSelection }) }) : null] });
+  return jsxs("div", { style: { width: "100%", height: "100%", display: "flex", flexDirection: "row" }, children: [jsx$1("div", { style: { width: isCaseCtrl ? "50%" : "100%", display: "flex", flexDirection: "column" }, children: jsx$1(EmbeddingScatterplotSubscriber, { ...props, uuid: `${uuid2}-case`, viewUid: uuid2, title: isCaseCtrl ? `Scatterplot (${embeddingType}), ${caseSampleSetSelection?.[0]?.at(-1)}` : null, sampleSetSelection: caseSampleSetSelection }) }), isCaseCtrl ? jsx$1("div", { style: { width: "50%", display: "flex", flexDirection: "column" }, children: jsx$1(EmbeddingScatterplotSubscriber, { ...props, uuid: `${uuid2}-ctrl`, viewUid: uuid2, title: `Scatterplot (${embeddingType}), ${ctrlSampleSetSelection?.[0]?.at(-1)}`, sampleSetSelection: ctrlSampleSetSelection }) }) : null] });
 }
 function GatingScatterplotOptions(props) {
   const { featureType, gatingFeatureSelectionX, setGatingFeatureSelectionX, gatingFeatureSelectionY, setGatingFeatureSelectionY, gatingFeatureValueTransform, setGatingFeatureValueTransform, gatingFeatureValueTransformCoefficient, setGatingFeatureValueTransformCoefficient, geneSelectOptions, transformOptions } = props;
@@ -259977,7 +260019,7 @@ function SpatialSubscriber$1(props) {
   const setComponentHover = useSetComponentHover();
   const setComponentViewInfo = useSetComponentViewInfo(uuid2);
   useAnnotationFrameCoordination(uuid2, coordinationScopes);
-  const [{ dataset, obsType, featureType, featureValueType, spatialZoom: zoom2, spatialTargetX: targetX2, spatialTargetY: targetY2, spatialTargetZ: targetZ, spatialRotationX: rotationX, spatialRotationY: rotationY, spatialRotationZ: rotationZ, spatialRotationOrbit: rotationOrbit, spatialOrbitAxis: orbitAxis, spatialImageLayer: imageLayers, spatialSegmentationLayer: cellsLayer, spatialPointLayer: moleculesLayer, spatialNeighborhoodLayer: neighborhoodsLayer, obsFilter: cellFilter, obsHighlight: cellHighlight, moleculeHighlight, featureSelection: geneSelection, obsSetSelection: cellSetSelection, obsSetColor: cellSetColor, obsColorEncoding: cellColorEncoding, additionalObsSets: additionalCellSets, spatialAxisFixed, featureValueColormap: geneExpressionColormap, featureValueColormapRange: geneExpressionColormapRange, tooltipsVisible, photometricInterpretation: photometricInterpretationFromCoordination, featureAggregationStrategy, annotationStory, annotationShapes, annotationOverlayVisible, annotationSemanticZoom, annotationTransitionDuration, annotationEditable, annotationFrameIndex }, { setSpatialZoom: setZoom, setSpatialTargetX: setTargetX, setSpatialTargetY: setTargetY, setSpatialTargetZ: setTargetZ, setSpatialRotationX: setRotationX, setSpatialRotationOrbit: setRotationOrbit, setSpatialOrbitAxis: setOrbitAxis, setSpatialImageLayer: setRasterLayers, setSpatialSegmentationLayer: setCellsLayer, setSpatialPointLayer: setMoleculesLayer, setSpatialNeighborhoodLayer: setNeighborhoodsLayer, setObsFilter: setCellFilter, setObsSetSelection: setCellSetSelection, setObsHighlight: setCellHighlight, setObsSetColor: setCellSetColor, setObsColorEncoding: setCellColorEncoding, setAdditionalObsSets: setAdditionalCellSets, setMoleculeHighlight, setSpatialAxisFixed, setFeatureValueColormap: setGeneExpressionColormap, setFeatureValueColormapRange: setGeneExpressionColormapRange, setTooltipsVisible, setFeatureAggregationStrategy, setAnnotationStory }] = useCoordination(COMPONENT_COORDINATION_TYPES[ViewType$1.SPATIAL], coordinationScopes);
+  const [{ dataset, obsType, featureType, featureValueType, spatialZoom: zoom2, spatialTargetX: targetX2, spatialTargetY: targetY2, spatialTargetZ: targetZ, spatialRotationX: rotationX, spatialRotationY: rotationY, spatialRotationZ: rotationZ, spatialRotationOrbit: rotationOrbit, spatialOrbitAxis: orbitAxis, spatialImageLayer: imageLayers, spatialSegmentationLayer: cellsLayer, spatialPointLayer: moleculesLayer, spatialNeighborhoodLayer: neighborhoodsLayer, obsFilter: cellFilter, obsHighlight: cellHighlight, moleculeHighlight, featureSelection: geneSelection, obsSetSelection: cellSetSelection, obsSetColor: cellSetColor, obsColorEncoding: cellColorEncoding, additionalObsSets: additionalCellSets, spatialAxisFixed, featureValueColormap: geneExpressionColormap, featureValueColormapRange: geneExpressionColormapRange, tooltipsVisible, tooltipObsSetsMode, photometricInterpretation: photometricInterpretationFromCoordination, featureAggregationStrategy, annotationStory, annotationShapes, annotationOverlayVisible, annotationSemanticZoom, annotationTransitionDuration, annotationEditable, annotationFrameIndex }, { setSpatialZoom: setZoom, setSpatialTargetX: setTargetX, setSpatialTargetY: setTargetY, setSpatialTargetZ: setTargetZ, setSpatialRotationX: setRotationX, setSpatialRotationOrbit: setRotationOrbit, setSpatialOrbitAxis: setOrbitAxis, setSpatialImageLayer: setRasterLayers, setSpatialSegmentationLayer: setCellsLayer, setSpatialPointLayer: setMoleculesLayer, setSpatialNeighborhoodLayer: setNeighborhoodsLayer, setObsFilter: setCellFilter, setObsSetSelection: setCellSetSelection, setObsHighlight: setCellHighlight, setObsSetColor: setCellSetColor, setObsColorEncoding: setCellColorEncoding, setAdditionalObsSets: setAdditionalCellSets, setMoleculeHighlight, setSpatialAxisFixed, setFeatureValueColormap: setGeneExpressionColormap, setFeatureValueColormapRange: setGeneExpressionColormapRange, setTooltipsVisible, setFeatureAggregationStrategy, setAnnotationStory }] = useCoordination(COMPONENT_COORDINATION_TYPES[ViewType$1.SPATIAL], coordinationScopes);
   const annotationEditingProps = useAnnotationEditingForView(uuid2, Boolean(areAnnotationsEditable && annotationEditable && typeof annotationFrameIndex === "number"));
   const { spatialZoom: initialZoom, spatialTargetX: initialTargetX, spatialTargetY: initialTargetY, spatialTargetZ: initialTargetZ } = useInitialCoordination(COMPONENT_COORDINATION_TYPES[ViewType$1.SPATIAL], coordinationScopes);
   const observationsLabel = observationsLabelOverride || obsType;
@@ -260146,7 +260188,7 @@ function SpatialSubscriber$1(props) {
     matrixObsIndex
   ]);
   const cellSelection = useMemo$1(() => Array.from(cellColors.keys()), [cellColors]);
-  const getObsInfo2 = useGetObsInfo(observationsLabel, obsLabelsTypes, obsLabelsData, obsSetsMembership);
+  const getObsInfo2 = useGetObsInfo(observationsLabel, obsLabelsTypes, obsLabelsData, obsSetsMembership, cellSetSelection, tooltipObsSetsMode);
   const getTooltipObsInfo = useCallback((tooltipObsId, tooltipObsType) => {
     if (tooltipObsType === HOVER_MODE.MOLECULE_LAYER) {
       return {
@@ -261131,8 +261173,9 @@ class Spatial2 extends AbstractSpatialOrScatterplot {
     const layerDefModelMatrix = image2?.obsSegmentations?.instance?.getModelMatrix();
     let selections;
     const hasChannelDimension = image2?.obsSegmentations?.instance?.hasDimC();
+    const zIndex2 = image2?.obsSegmentations?.instance?.getClampedZIndex(targetZ) ?? 0;
     const nextLoaderSelection = channelScopes.map((cScope) => filterSelection(data2, {
-      z: targetZ,
+      z: zIndex2,
       t: targetT,
       c: hasChannelDimension ? image2?.obsSegmentations?.instance?.getChannelIndex(channelCoordination[cScope][CoordinationType$1.SPATIAL_TARGET_C]) : void 0
     }));
@@ -261235,13 +261278,14 @@ class Spatial2 extends AbstractSpatialOrScatterplot {
       const yMirror = new Matrix4$1().translate([0, yExtent, 0]).scale([1, -1, 1]);
       layerDefModelMatrix = new Matrix4$1(rawModelMatrix).multiplyRight(yMirror);
     }
+    const zIndex2 = image2?.image?.instance?.getClampedZIndex(targetZ) ?? 0;
     let selections;
     const nextLoaderSelection = isRgb2 ? [0, 1, 2].map((targetC) => filterSelection(data2, {
-      z: targetZ,
+      z: zIndex2,
       t: targetT,
       c: targetC
     })) : channelScopes.map((cScope) => filterSelection(data2, {
-      z: targetZ,
+      z: zIndex2,
       t: targetT,
       c: image2?.image?.instance?.getChannelIndex(channelCoordination[cScope][CoordinationType$1.SPATIAL_TARGET_C])
     }));
@@ -261985,7 +262029,7 @@ function getXY(obsHighlight, viewInfo, obsIndex, obsLocations, useHoverInfoForTo
   const projectedObsCoord = viewInfo?.project(obsCoord);
   return [projectedObsCoord?.[0], projectedObsCoord?.[1]];
 }
-function getObsInfo(obsSetsData, obsType, obsId) {
+function getObsInfo(obsSetsData, obsType, obsId, obsSetSelection, tooltipObsSetsMode) {
   let result = {
     [`${capitalize$3(obsType)} ID`]: obsId
   };
@@ -261994,7 +262038,7 @@ function getObsInfo(obsSetsData, obsType, obsId) {
     if (obsMembership) {
       result = {
         ...result,
-        ...Object.fromEntries(obsMembership.flatMap((path2) => path2.slice(1).map((pathEl, elLevel) => [
+        ...Object.fromEntries(filterObsMembershipForTooltip(obsMembership, obsSetSelection, tooltipObsSetsMode).flatMap((path2) => path2.slice(1).map((pathEl, elLevel) => [
           `${path2[0]}${path2.length > 2 ? ` L${elLevel + 1}` : ""}`,
           pathEl
         ])))
@@ -262040,9 +262084,9 @@ function SpatialTooltipSubscriber(props) {
       "Pixel Value": JSON.stringify(pixelHighlight)
     }, x: projectedHoverCoord?.[0], y: projectedHoverCoord?.[1] + (yOffset += 30), featureType, featureLabelsMap }, layerScope) : null;
   }), segmentationLayerScopes?.flatMap((layerScope) => segmentationChannelScopesByLayer?.[layerScope]?.map((channelScope) => {
-    const { obsType, obsHighlight, tooltipsVisible, tooltipCrosshairsVisible, spatialChannelVisible } = segmentationChannelCoordination?.[0]?.[layerScope]?.[channelScope] || {};
+    const { obsType, obsHighlight, tooltipsVisible, tooltipCrosshairsVisible, spatialChannelVisible, obsSetSelection, tooltipObsSetsMode } = segmentationChannelCoordination?.[0]?.[layerScope]?.[channelScope] || {};
     const obsSetsData = obsSegmentationsSetsData?.[layerScope]?.[channelScope];
-    const obsInfo = getObsInfo(obsSetsData, obsType, obsHighlight);
+    const obsInfo = getObsInfo(obsSetsData, obsType, obsHighlight, obsSetSelection, tooltipObsSetsMode);
     if (!obsHighlight || !spatialChannelVisible || !tooltipsVisible && !tooltipCrosshairsVisible)
       return null;
     const { obsIndex, obsLocations } = obsSegmentationsLocations?.[layerScope]?.[channelScope] || {};
@@ -262099,12 +262143,12 @@ class ErrorBoundary extends React__default.Component {
   }
 }
 const LazySpatialThree = React__default.lazy(async () => {
-  const { SpatialWrapper: SpatialWrapper2 } = await import("./index-BpNOtGFe.js").then((n3) => n3.a);
+  const { SpatialWrapper: SpatialWrapper2 } = await import("./index-Vg2it-xm.js").then((n3) => n3.a);
   return { default: SpatialWrapper2 };
 });
 const SpatialThreeAdapter = React__default.forwardRef((props, ref2) => jsx$1("div", { ref: ref2, style: { width: "100%", height: "100%" }, children: jsx$1(ErrorBoundary, { fallback: jsx$1("div", { children: "3D spatial view is not available in this environment." }), children: jsx$1(Suspense, { fallback: jsx$1("div", { children: "Loading..." }), children: jsx$1(LazySpatialThree, { ...props }) }) }) }));
 const LazySpatialAccelerated = React__default.lazy(async () => {
-  const { SpatialWrapper: SpatialWrapper2 } = await import("./index-b1x98NVi.js");
+  const { SpatialWrapper: SpatialWrapper2 } = await import("./index-CZ9S9EsT.js");
   return { default: SpatialWrapper2 };
 });
 const SpatialAcceleratedAdapter = React__default.forwardRef((props, ref2) => jsx$1("div", { ref: ref2, style: { width: "100%", height: "100%" }, children: jsx$1(ErrorBoundary, { fallback: jsx$1("div", { children: "3D spatial view is not available in this environment." }), children: jsx$1(Suspense, { fallback: jsx$1("div", { children: "Loading..." }), children: jsx$1(LazySpatialAccelerated, { ...props }) }) }) }));
@@ -262361,7 +262405,7 @@ function SpatialSubscriber(props) {
   }] = useCoordination(COMPONENT_COORDINATION_TYPES[ViewType$1.SPATIAL_BETA], coordinationScopes);
   const annotationEditingProps = useAnnotationEditingForView(uuid2, Boolean(areAnnotationsEditable && annotationEditable && typeof annotationFrameIndex === "number"));
   const { spatialZoom: initialZoom, spatialTargetX: initialTargetX, spatialTargetY: initialTargetY, spatialTargetZ: initialTargetZ } = useInitialCoordination(COMPONENT_COORDINATION_TYPES[ViewType$1.SPATIAL_BETA], coordinationScopes);
-  const hasSpatialCameraSnapshot = Boolean(spatialCameraSnapshot);
+  const hasSpatialCameraSnapshot = Boolean(spatialCameraSnapshot) && spatialRenderingMode === "3D";
   const [segmentationLayerScopes, segmentationChannelScopesByLayer] = useMultiCoordinationScopesSecondaryNonNull(CoordinationType$1.SEGMENTATION_CHANNEL, CoordinationType$1.SEGMENTATION_LAYER, coordinationScopes, coordinationScopesBy);
   const [imageLayerScopes, imageChannelScopesByLayer] = useMultiCoordinationScopesSecondaryNonNull(CoordinationType$1.IMAGE_CHANNEL, CoordinationType$1.IMAGE_LAYER, coordinationScopes, coordinationScopesBy);
   const spotLayerScopes = useMultiCoordinationScopesNonNull(CoordinationType$1.SPOT_LAYER, coordinationScopes);
@@ -262391,6 +262435,7 @@ function SpatialSubscriber(props) {
     CoordinationType$1.OBS_HIGHLIGHT,
     CoordinationType$1.TOOLTIPS_VISIBLE,
     CoordinationType$1.TOOLTIP_CROSSHAIRS_VISIBLE,
+    CoordinationType$1.TOOLTIP_OBS_SETS_MODE,
     CoordinationType$1.LEGEND_VISIBLE
   ], coordinationScopes, coordinationScopesBy, CoordinationType$1.SEGMENTATION_LAYER, CoordinationType$1.SEGMENTATION_CHANNEL);
   const imageLayerCoordination = useComplexCoordination([
@@ -262588,6 +262633,28 @@ function SpatialSubscriber(props) {
       segmentationChannelScopesByLayer
     ]
   );
+  const sceneMetersPerUnit = useMemo$1(() => {
+    const firstLayer = Object.values(imageData ?? {})[0];
+    return firstLayer?.image?.instance?.getSceneMetersPerUnit() ?? null;
+  }, [imageData]);
+  const sceneCameraSnapshot = useMemo$1(() => {
+    if (!spatialCameraSnapshot)
+      return null;
+    const inMpu = spatialCameraSnapshot.metersPerUnit;
+    if (!sceneMetersPerUnit || !inMpu || inMpu === sceneMetersPerUnit) {
+      return spatialCameraSnapshot;
+    }
+    const k = inMpu / sceneMetersPerUnit;
+    return {
+      ...spatialCameraSnapshot,
+      position: spatialCameraSnapshot.position.map((p) => p * k),
+      projectionScale: spatialCameraSnapshot.projectionScale * k,
+      metersPerUnit: sceneMetersPerUnit
+    };
+  }, [spatialCameraSnapshot, sceneMetersPerUnit]);
+  const setSceneCameraSnapshot = useCallback((snapshot) => {
+    setSpatialCameraSnapshot({ ...snapshot, metersPerUnit: sceneMetersPerUnit });
+  }, [setSpatialCameraSnapshot, sceneMetersPerUnit]);
   useEffect(() => {
     if (width2 && height2) {
       if (typeof initialTargetX !== "number" || typeof initialTargetY !== "number") {
@@ -262622,6 +262689,10 @@ function SpatialSubscriber(props) {
     if (prevIs3dMode.current === is3dMode) {
       return;
     }
+    if (hasSpatialCameraSnapshot) {
+      prevIs3dMode.current = is3dMode;
+      return;
+    }
     if (typeof defaultTargetX !== "number" || typeof defaultTargetY !== "number") {
       return;
     }
@@ -262632,7 +262703,14 @@ function SpatialSubscriber(props) {
     setZoom(defaultZoom);
     setRotationX(is3dMode ? 0 : null);
     setRotationOrbit(is3dMode ? 0 : null);
-  }, [is3dMode, defaultTargetX, defaultTargetY, defaultTargetZ, defaultZoom]);
+  }, [
+    is3dMode,
+    hasSpatialCameraSnapshot,
+    defaultTargetX,
+    defaultTargetY,
+    defaultTargetZ,
+    defaultZoom
+  ]);
   const annotationFrameCoordinationValues = getAnnotationFrameCoordinationValues(annotationStory, annotationFrameIndex, uuid2);
   const annotationTransitionProps = useAnnotationFrameTransition(
     { zoom: zoom2, targetX: targetX2, targetY: targetY2 },
@@ -262813,7 +262891,7 @@ function SpatialSubscriber(props) {
     rotationX,
     rotationOrbit,
     ...annotationTransitionProps
-  } : DEFAULT_VIEW_STATE, orbitAxis, spatialAxisFixed, setViewState: isValidViewState ? setViewState : SET_VIEW_STATE_NOOP, originalViewState, spatialRenderingMode, updateViewInfo: setComponentViewInfo, delegateHover, obsPoints: obsPointsData, pointLayerScopes, pointLayerCoordination, pointMultiObsLabels: pointMultiObsLabelsData, pointMatrixIndices: pointMultiIndicesData, obsSpots: obsSpotsData, spotLayerScopes, spotLayerCoordination, obsSpotsSets: obsSpotsSetsData, spotMatrixIndices: spotMultiIndicesData, spotMultiExpressionData: spotMultiExpressionNormDataAggregated || spotMultiExpressionNormData, segmentationLayerScopes, segmentationLayerCoordination, segmentationChannelScopesByLayer, segmentationChannelCoordination, obsSegmentations: obsSegmentationsData, obsSegmentationsLocations: obsSegmentationsLocationsData, obsSegmentationsSets: obsSegmentationsSetsData, segmentationMatrixIndices: segmentationMultiIndicesData, segmentationMultiExpressionData: segmentationMultiExpressionNormDataAggregated || segmentationMultiExpressionNormData, bitmaskValueIsIndex, images: imageData, imageLayerScopes, imageLayerCoordination, imageChannelScopesByLayer, imageChannelCoordination, setTiledPointsLoadingProgress, spatialCameraSnapshot: hasSpatialCameraSnapshot ? spatialCameraSnapshot : null, setSpatialCameraSnapshot: hasSpatialCameraSnapshot ? setSpatialCameraSnapshot : null, annotationShapes, annotationOverlayVisible, annotationSemanticZoom, hideRecenter: hasSpatialCameraSnapshot, ...annotationEditingProps }), !disableTooltip && jsx$1(SpatialTooltipSubscriber, {
+  } : DEFAULT_VIEW_STATE, orbitAxis, spatialAxisFixed, setViewState: isValidViewState ? setViewState : SET_VIEW_STATE_NOOP, originalViewState, spatialRenderingMode, updateViewInfo: setComponentViewInfo, delegateHover, obsPoints: obsPointsData, pointLayerScopes, pointLayerCoordination, pointMultiObsLabels: pointMultiObsLabelsData, pointMatrixIndices: pointMultiIndicesData, obsSpots: obsSpotsData, spotLayerScopes, spotLayerCoordination, obsSpotsSets: obsSpotsSetsData, spotMatrixIndices: spotMultiIndicesData, spotMultiExpressionData: spotMultiExpressionNormDataAggregated || spotMultiExpressionNormData, segmentationLayerScopes, segmentationLayerCoordination, segmentationChannelScopesByLayer, segmentationChannelCoordination, obsSegmentations: obsSegmentationsData, obsSegmentationsLocations: obsSegmentationsLocationsData, obsSegmentationsSets: obsSegmentationsSetsData, segmentationMatrixIndices: segmentationMultiIndicesData, segmentationMultiExpressionData: segmentationMultiExpressionNormDataAggregated || segmentationMultiExpressionNormData, bitmaskValueIsIndex, images: imageData, imageLayerScopes, imageLayerCoordination, imageChannelScopesByLayer, imageChannelCoordination, setTiledPointsLoadingProgress, spatialCameraSnapshot: hasSpatialCameraSnapshot ? sceneCameraSnapshot : null, setSpatialCameraSnapshot: hasSpatialCameraSnapshot ? setSceneCameraSnapshot : null, annotationShapes, annotationOverlayVisible, annotationSemanticZoom, hideRecenter: hasSpatialCameraSnapshot, ...annotationEditingProps }), !disableTooltip && jsx$1(SpatialTooltipSubscriber, {
     parentUuid: uuid2,
     width: width2,
     height: height2,
@@ -263710,7 +263788,7 @@ function HeatmapSubscriber(props) {
   const coordinationScopes = useCoordinationScopes(coordinationScopesRaw);
   const setComponentHover = useSetComponentHover();
   const setComponentViewInfo = useSetComponentViewInfo(uuid2);
-  const [{ dataset, obsType, featureType, featureValueType, heatmapZoomX: zoomX, heatmapTargetX: targetX2, heatmapTargetY: targetY2, featureSelection: geneSelection, obsHighlight: cellHighlight, featureHighlight: geneHighlight, obsSetSelection: cellSetSelection, obsSetColor: cellSetColor, additionalObsSets: additionalCellSets, featureValueColormap: geneExpressionColormap, featureValueColormapRange: geneExpressionColormapRange, tooltipsVisible }, { setHeatmapZoomX: setZoomX, setHeatmapZoomY: setZoomY, setHeatmapTargetX: setTargetX, setHeatmapTargetY: setTargetY, setObsHighlight: setCellHighlight, setFeatureSelection: setGeneSelection, setObsColorEncoding: setCellColorEncoding, setFeatureHighlight: setGeneHighlight, setObsSetSelection: setCellSetSelection, setObsSetColor: setCellSetColor, setFeatureValueColormapRange: setGeneExpressionColormapRange, setFeatureValueColormap: setGeneExpressionColormap, setTooltipsVisible }] = useCoordination(COMPONENT_COORDINATION_TYPES[ViewType$1.HEATMAP], coordinationScopes);
+  const [{ dataset, obsType, featureType, featureValueType, heatmapZoomX: zoomX, heatmapTargetX: targetX2, heatmapTargetY: targetY2, featureSelection: geneSelection, obsHighlight: cellHighlight, featureHighlight: geneHighlight, obsSetSelection: cellSetSelection, obsSetColor: cellSetColor, additionalObsSets: additionalCellSets, featureValueColormap: geneExpressionColormap, featureValueColormapRange: geneExpressionColormapRange, tooltipsVisible, tooltipObsSetsMode }, { setHeatmapZoomX: setZoomX, setHeatmapZoomY: setZoomY, setHeatmapTargetX: setTargetX, setHeatmapTargetY: setTargetY, setObsHighlight: setCellHighlight, setFeatureSelection: setGeneSelection, setObsColorEncoding: setCellColorEncoding, setFeatureHighlight: setGeneHighlight, setObsSetSelection: setCellSetSelection, setObsSetColor: setCellSetColor, setFeatureValueColormapRange: setGeneExpressionColormapRange, setFeatureValueColormap: setGeneExpressionColormap, setTooltipsVisible }] = useCoordination(COMPONENT_COORDINATION_TYPES[ViewType$1.HEATMAP], coordinationScopes);
   const observationsLabel = observationsLabelOverride || obsType;
   const observationsPluralLabel = pluralize(observationsLabel);
   const variablesLabel = variablesLabelOverride || featureType;
@@ -263764,7 +263842,7 @@ function HeatmapSubscriber(props) {
     cellSetSelection,
     obsIndex
   ]);
-  const getObsInfo2 = useGetObsInfo(observationsLabel, obsLabelsTypes, obsLabelsData, obsSetsMembership);
+  const getObsInfo2 = useGetObsInfo(observationsLabel, obsLabelsTypes, obsLabelsData, obsSetsMembership, cellSetSelection, tooltipObsSetsMode);
   const getObsMembership = useGetObsMembership(obsSetsMembership);
   const getFeatureInfo = useCallback((featureId2) => {
     if (featureId2) {
@@ -273464,7 +273542,7 @@ function ImageChannelController(props) {
       const selection = {
         t: ctx.queryKey[2],
         c: ctx.queryKey[3],
-        z: Math.floor(ctx.queryKey[4])
+        z: ctx.meta.image?.getClampedZIndex(ctx.queryKey[4]) ?? 0
       };
       const stats = await getMultiSelectionStats({
         loader: loader2,
@@ -275579,6 +275657,10 @@ function getExistingScope(layout, coordinationType) {
   const scope = layout.map((view) => view.coordinationScopes?.[coordinationType]).find((s2) => typeof s2 === "string");
   return scope;
 }
+function getMaxColumnHeight(layout) {
+  const bottoms = layout.map((view) => view.y + view.h).filter((bottom2) => Number.isFinite(bottom2) && bottom2 >= 1);
+  return bottoms.length > 0 ? Math.max(...bottoms) : NUM_GRID_ROWS;
+}
 function addAnnotationControllerView(config3, options = {}) {
   const { width: width2 = DEFAULT_ANNOTATION_CONTROLLER_WIDTH, uid: uid2 = DEFAULT_ANNOTATION_CONTROLLER_UID, closeButtonVisible } = options;
   if (!Number.isInteger(width2) || width2 < 1 || width2 >= NUM_GRID_COLUMNS) {
@@ -275609,13 +275691,49 @@ function addAnnotationControllerView(config3, options = {}) {
     x: remainingColumns,
     y: 0,
     w: width2,
-    h: NUM_GRID_ROWS
+    h: getMaxColumnHeight(layout)
   });
   return {
     ...config3,
     layout: newLayout
   };
 }
+function removeAnnotationControllerView(config3) {
+  const layout = (config3?.layout || []).filter((view) => view.component !== ViewType$1.ANNOTATION_CONTROLLER);
+  const clampX = (value2) => Math.min(Math.max(value2, 0), NUM_GRID_COLUMNS);
+  const isColumnOccupied = Array.from({ length: NUM_GRID_COLUMNS }, (_, col) => layout.some((view) => clampX(view.x) <= col && col < clampX(view.x + view.w)));
+  const numOccupiedColumns = isColumnOccupied.filter(Boolean).length;
+  if (numOccupiedColumns === 0) {
+    return {
+      ...config3,
+      layout
+    };
+  }
+  const scaleX2 = (value2) => {
+    const edge = clampX(value2);
+    const numOccupiedBefore = isColumnOccupied.filter((isOccupied, col) => isOccupied && col < edge).length;
+    return Math.round(numOccupiedBefore * NUM_GRID_COLUMNS / numOccupiedColumns);
+  };
+  const newLayout = layout.map((view) => {
+    const x2 = Math.min(scaleX2(view.x), NUM_GRID_COLUMNS - 1);
+    const right2 = Math.min(Math.max(scaleX2(view.x + view.w), x2 + 1), NUM_GRID_COLUMNS);
+    return {
+      ...view,
+      x: x2,
+      w: right2 - x2
+    };
+  });
+  return {
+    ...config3,
+    layout: newLayout
+  };
+}
+function hasAnyAnnotationStory(config3) {
+  const type2 = CoordinationType$1.ANNOTATION_STORY;
+  const scopeValues = Object.values(config3?.coordinationSpace?.[type2] || {});
+  const viewValues = (config3?.layout || []).map((view) => view.coordinationValues?.[type2]);
+  return [...scopeValues, ...viewValues].some((value2) => Array.isArray(value2?.frames) && value2.frames.length > 0);
+}
 function isAnyAnnotationEditing(config3) {
   const type2 = CoordinationType$1.ANNOTATION_EDITABLE;
   const scopeValues = Object.values(config3?.coordinationSpace?.[type2] || {});
@@ -277495,7 +277613,7 @@ function HiglassGlobalStyles(props) {
 }
 register({ dataFetcher: ZarrMultivecDataFetcher_default, config: ZarrMultivecDataFetcher_default.config }, { pluginType: "dataFetcher" });
 const LazyHiGlassComponent = React__default.lazy(async () => {
-  const { HiGlassComponent } = await import("./higlass-R6f4spnl.js");
+  const { HiGlassComponent } = await import("./higlass-CJExboBo.js");
   return { default: HiGlassComponent };
 });
 const HG_SIZE = 800;
@@ -280450,7 +280568,7 @@ function NeuroglancerGlobalStyles(props) {
   const { classes: classes2 } = props;
   return jsxs(Fragment, { children: [jsx$1(GlobalStyles$3, { styles: globalNeuroglancerCss }), jsx$1(ScopedGlobalStyles, { styles: globalNeuroglancerStyles, parentClassName: classes2.neuroglancerWrapper })] });
 }
-const LazyReactNeuroglancer = React__default.lazy(() => import("./ReactNeuroglancer-CGw5kiSQ.js"));
+const LazyReactNeuroglancer = React__default.lazy(() => import("./ReactNeuroglancer-Db7O0CnI.js"));
 function createWorker() {
   const worker = new WorkerFactory$1();
   worker.AsyncComputationWorker = WorkerFactory;
@@ -280548,9 +280666,9 @@ class NeuroglancerComp extends PureComponent {
     this.bundleRoot = null;
   }
   render() {
-    const { classes: classes2, viewerState, cellColorMapping, onLayerLoadingChange, onAnnotationSourceReady, onViewerReady, meshOpacity } = this.props;
+    const { classes: classes2, viewerState, cellColorMapping, onLayerLoadingChange, onAnnotationSourceReady, onViewerReady, meshOpacity, allowEmptySegments } = this.props;
     const { bundleRootReady } = this.state;
-    return jsxs(Fragment, { children: [jsx$1(NeuroglancerGlobalStyles, { classes: classes2 }), jsx$1("div", { className: classes2.neuroglancerWrapper, children: jsx$1(Suspense, { fallback: jsx$1("div", { children: "Loading..." }), children: bundleRootReady && jsx$1(LazyReactNeuroglancer, { brainMapsClientId: "NOT_A_VALID_ID", viewerState, onViewerStateChanged: this.onViewerStateChanged, onLayerLoadingChange, bundleRoot: this.bundleRoot, cellColorMapping, ref: this.onRef, onAnnotationSourceReady, onViewerReady, meshOpacity }) }) })] });
+    return jsxs(Fragment, { children: [jsx$1(NeuroglancerGlobalStyles, { classes: classes2 }), jsx$1("div", { className: classes2.neuroglancerWrapper, children: jsx$1(Suspense, { fallback: jsx$1("div", { children: "Loading..." }), children: bundleRootReady && jsx$1(LazyReactNeuroglancer, { brainMapsClientId: "NOT_A_VALID_ID", viewerState, onViewerStateChanged: this.onViewerStateChanged, onLayerLoadingChange, bundleRoot: this.bundleRoot, cellColorMapping, ref: this.onRef, onAnnotationSourceReady, onViewerReady, meshOpacity, allowEmptySegments }) }) })] });
   }
 }
 function customIsEqualForCellColors(prevDeps, nextDeps) {
@@ -281326,6 +281444,13 @@ function useNeuroglancerViewerState(theme, showAxisLines, segmentationLayerScope
   return viewerState;
 }
 const ANNOTATION_HEADER_OFFSET = 8;
+function ngMetersPerUnit(dimensions) {
+  if (!dimensions?.x)
+    return null;
+  const [scale2, unit2] = dimensions.x;
+  const factor = UNIT_TO_METERS[unit2];
+  return factor ? scale2 * factor : null;
+}
 const GREY_HEX = "#323232";
 const EPSILON_KEYS_MAPPING_NG = {
   projectionScale: 5,
@@ -281481,7 +281606,14 @@ function NeuroglancerSubscriber(props) {
     // the existing spatialZoom, spatialTargetX, spatialRotationOrbit, etc,
     // and then NeuroglancerSubscriber should internally convert
     // to NG-compatible values, which would eliminate the need for this.
-    initialNgCameraState
+    initialNgCameraState,
+    // Detail mode: render only the meshes selected (obsSets) or hovered
+    // (obsHighlight) elsewhere, with an independent camera.
+    detailMode = false,
+    detailUseSelection = false,
+    // >1: this view shows the shared camera N× more zoomed in.
+    // Pan/rotation are shared via spatialCameraSnapshot; zoom keeps a fixed ratio.
+    cameraZoomFactor = 1
   } = props;
   const loaders = useLoaders();
   const mergeCoordination = useMergeCoordination();
@@ -281524,7 +281656,8 @@ function NeuroglancerSubscriber(props) {
     obsSetSelection: cellSetSelection,
     additionalObsSets: additionalCellSets,
     obsHighlight: cellHighlight,
-    spatialCameraSnapshot
+    spatialCameraSnapshot,
+    spatialRenderingMode
   }, { setSpatialCameraSnapshot, setAdditionalObsSets: setAdditionalCellSets, setObsSetColor: setCellSetColor, setObsColorEncoding: setCellColorEncoding, setObsSetSelection: setCellSetSelection, setObsHighlight: setCellHighlight }] = useCoordination(COMPONENT_COORDINATION_TYPES[ViewType$1.NEUROGLANCER], coordinationScopes);
   const csvUrlRef = useRef(null);
   const csvUrl = useMemo$1(() => {
@@ -281681,15 +281814,27 @@ function NeuroglancerSubscriber(props) {
   });
   const lastSeenCameraSnapshotRef = useRef(null);
   const spatialBetaJustPushedRef = useRef(false);
+  const is3dMode = spatialRenderingMode === "3D";
+  const hasSpatialCameraSnapshot = Boolean(spatialCameraSnapshot) && is3dMode;
   useEffect(() => {
-    if (!spatialCameraSnapshot)
+    if (detailMode)
+      return;
+    if (!hasSpatialCameraSnapshot)
       return;
     if (spatialCameraSnapshot === lastSeenCameraSnapshotRef.current)
       return;
     lastSeenCameraSnapshotRef.current = spatialCameraSnapshot;
-    const { position: position2, quaternion: quaternion2, projectionScale } = spatialCameraSnapshot;
+    const { quaternion: quaternion2 } = spatialCameraSnapshot;
+    let { position: position2, projectionScale } = spatialCameraSnapshot;
     if (!Array.isArray(position2) || !Array.isArray(quaternion2))
       return;
+    const ownMpu = ngMetersPerUnit(latestViewerStateRef.current?.dimensions);
+    const inMpu = spatialCameraSnapshot.metersPerUnit;
+    if (ownMpu && inMpu && ownMpu !== inMpu) {
+      const k = inMpu / ownMpu;
+      position2 = position2.map((p) => p * k);
+      projectionScale *= k;
+    }
     const unflipped = multiplyQuat(quaternion2, Q_Y_UP);
     lastInteractionSource.current = LAST_INTERACTION_SOURCE.vitessce;
     spatialBetaJustPushedRef.current = true;
@@ -281697,10 +281842,10 @@ function NeuroglancerSubscriber(props) {
       ...latestViewerStateRef.current,
       position: position2,
       projectionOrientation: unflipped,
-      projectionScale
+      projectionScale: Number.isFinite(projectionScale) ? projectionScale / cameraZoomFactor : latestViewerStateRef.current.projectionScale
     };
     incrementLatestViewerStateIteration();
-  }, [spatialCameraSnapshot]);
+  }, [spatialCameraSnapshot, hasSpatialCameraSnapshot, detailMode, cameraZoomFactor]);
   const segmentationColorMapping = useMemoCustomComparison(() => {
     const result = {};
     segmentationLayerScopes?.forEach((layerScope) => {
@@ -281897,6 +282042,8 @@ function NeuroglancerSubscriber(props) {
     }
   }, []);
   const updateVisibleSegments = useCallback(async () => {
+    if (detailMode)
+      return;
     if (!annotationInfoRef.current)
       return;
     if (!annotationTransformRef.current)
@@ -282019,7 +282166,7 @@ function NeuroglancerSubscriber(props) {
       console.warn("[updateVisibleSegments] error:", e3);
       setIsMeshLoading(false);
     }
-  }, [segmentationLayerScopes, pointLayerScopes, meshLoadProjectionScaleThreshold]);
+  }, [segmentationLayerScopes, pointLayerScopes, meshLoadProjectionScaleThreshold, detailMode]);
   useEffect(() => {
     updateVisibleSegmentsThrottledRef.current = throttle$1(updateVisibleSegments, 500);
     return () => updateVisibleSegmentsThrottledRef.current?.cancel();
@@ -282037,7 +282184,7 @@ function NeuroglancerSubscriber(props) {
     incrementLatestViewerStateIteration();
   }, [initialViewerState]);
   const hasMatchingAnnotationSource = useMemo$1(() => {
-    if (!cellsUrl)
+    if (detailMode || !cellsUrl)
       return false;
     const firstPointScope = pointLayerScopes?.[0];
     return pointsHaveMatchingSegmentation({
@@ -282046,7 +282193,7 @@ function NeuroglancerSubscriber(props) {
       segmentationChannelScopesByLayer,
       segmentationChannelCoordination
     });
-  }, [cellsUrl, pointLayerScopes, segmentationLayerScopes, segmentationChannelScopesByLayer]);
+  }, [cellsUrl, pointLayerScopes, segmentationLayerScopes, segmentationChannelScopesByLayer, detailMode]);
   useEffect(() => {
     if (!cellsUrl || !annotationInfo)
       return;
@@ -282071,13 +282218,14 @@ function NeuroglancerSubscriber(props) {
   const handleStateUpdate = useCallback((newState) => {
     lastInteractionSource.current = LAST_INTERACTION_SOURCE.neuroglancer;
     const { projectionScale, projectionOrientation, position: position2 } = newState;
-    if (Array.isArray(position2) && Array.isArray(projectionOrientation)) {
+    if (!detailMode && Array.isArray(position2) && Array.isArray(projectionOrientation)) {
       const flippedQuaternion = multiplyQuat(projectionOrientation, Q_Y_UP);
       const snapshot = {
         position: Array.from(position2),
         quaternion: Array.from(flippedQuaternion),
-        projectionScale,
-        fovDegrees: 45
+        projectionScale: Number.isFinite(projectionScale) ? projectionScale * cameraZoomFactor : latestViewerStateRef.current?.projectionScale,
+        fovDegrees: 45,
+        metersPerUnit: ngMetersPerUnit(latestViewerStateRef.current?.dimensions)
       };
       lastSeenCameraSnapshotRef.current = snapshot;
       setSpatialCameraSnapshot(snapshot);
@@ -282088,8 +282236,9 @@ function NeuroglancerSubscriber(props) {
       projectionScale,
       position: position2
     };
-    updateVisibleSegmentsThrottledRef.current?.();
-  }, [setSpatialCameraSnapshot]);
+    if (!detailMode)
+      updateVisibleSegmentsThrottledRef.current?.();
+  }, [setSpatialCameraSnapshot, detailMode, cameraZoomFactor]);
   const onSegmentClick = useCallback((value2) => {
     if (value2) {
       const id2 = String(value2);
@@ -282125,6 +282274,52 @@ function NeuroglancerSubscriber(props) {
       setIsLayersLoaded(true);
     }
   }, [hasMatchingAnnotationSource, isReady, segmentationLayerScopes]);
+  const lastHoveredIdRef = useRef(null);
+  if (detailMode && cellHighlight != null) {
+    lastHoveredIdRef.current = String(cellHighlight);
+  }
+  const detailSegmentIds = useMemo$1(() => {
+    if (!detailMode)
+      return null;
+    const layerScope = segmentationLayerScopes?.[0];
+    const channelScope = segmentationChannelScopesByLayer?.[layerScope]?.[0];
+    if (!layerScope || !channelScope)
+      return [];
+    const channel = segmentationChannelCoordination?.[0]?.[layerScope]?.[channelScope] ?? {};
+    const selection = channel.obsSetSelection ?? cellSetSelection;
+    const extraSets = channel.additionalObsSets ?? additionalCellSets;
+    const layerSets = obsSegmentationsSetsData?.[layerScope]?.[channelScope]?.obsSets;
+    const toMeshId = (id2) => {
+      const stripped = String(id2).replace(/^.*_/, "");
+      return String(cellIdToMeshIdRef.current?.[stripped] ?? stripped);
+    };
+    const ids = /* @__PURE__ */ new Set();
+    if (detailUseSelection && selection?.length && (layerSets || extraSets)) {
+      const merged = mergeObsSets(layerSets, extraSets);
+      selection.forEach((setPath) => {
+        let node2 = { children: merged?.tree };
+        setPath.forEach((name2) => {
+          node2 = node2?.children?.find((n3) => n3.name === name2);
+        });
+        node2?.set?.forEach(([id2]) => ids.add(toMeshId(id2)));
+      });
+    }
+    if (lastHoveredIdRef.current != null) {
+      ids.add(toMeshId(lastHoveredIdRef.current));
+    }
+    return [...ids].sort();
+  }, [
+    detailMode,
+    detailUseSelection,
+    segmentationLayerScopes,
+    segmentationChannelScopesByLayer,
+    segmentationChannelCoordination,
+    cellSetSelection,
+    additionalCellSets,
+    obsSegmentationsSetsData,
+    cellHighlight,
+    csvLoaded
+  ]);
   const meshOpacity = hasMatchingAnnotationSource ? MESH_OPACITY : void 0;
   const derivedViewerState = useMemo$1(() => {
     const { current: current2 } = latestViewerStateRef;
@@ -282147,10 +282342,31 @@ function NeuroglancerSubscriber(props) {
     if (current2.layers.length <= 0) {
       return current2;
     }
+    if (detailMode) {
+      const ids = detailSegmentIds ?? [];
+      const detailLayers = current2.layers.filter((layer) => layer.type === "segmentation").map((layer) => {
+        const layerScope = segmentationLayerScopes?.find((scope) => layer.name?.includes(scope));
+        const colors2 = cellColorMappingByLayer?.[layerScope]?.colors ?? {};
+        const fallback2 = cellColorMappingByLayer?.[layerScope]?.defaultColor ?? GREY_HEX;
+        const segmentColors = {};
+        ids.forEach((id2) => {
+          segmentColors[id2] = colors2[id2] || fallback2;
+        });
+        return {
+          ...layer,
+          segments: ids,
+          segmentColors,
+          objectAlpha: 1
+        };
+      });
+      const updated2 = isEqual$3(current2.layers, detailLayers) ? current2 : { ...current2, layers: detailLayers };
+      latestViewerStateRef.current = updated2;
+      return updated2;
+    }
     const { projectionScale, projectionOrientation, position: position2 } = current2;
-    const rotChangedNow = !nearEq(spatialRotationX, prevCoordsRef.current.rx, ROTATION_EPS) || !nearEq(spatialRotationY, prevCoordsRef.current.ry, ROTATION_EPS) || !nearEq(spatialRotationZ, prevCoordsRef.current.rz, ROTATION_EPS) || !nearEq(spatialRotationOrbit, prevCoordsRef.current.orbit, ROTATION_EPS);
-    const zoomChangedNow = !nearEq(spatialZoom, prevCoordsRef.current.zoom, ROTATION_EPS);
-    const transChangedNow = !nearEq(spatialTargetX, prevCoordsRef.current.tx, ROTATION_EPS) || !nearEq(spatialTargetY, prevCoordsRef.current.ty, ROTATION_EPS);
+    const rotChangedNow = is3dMode && (!nearEq(spatialRotationX, prevCoordsRef.current.rx, ROTATION_EPS) || !nearEq(spatialRotationY, prevCoordsRef.current.ry, ROTATION_EPS) || !nearEq(spatialRotationZ, prevCoordsRef.current.rz, ROTATION_EPS) || !nearEq(spatialRotationOrbit, prevCoordsRef.current.orbit, ROTATION_EPS));
+    const zoomChangedNow = is3dMode && !nearEq(spatialZoom, prevCoordsRef.current.zoom, ROTATION_EPS);
+    const transChangedNow = is3dMode && (!nearEq(spatialTargetX, prevCoordsRef.current.tx, ROTATION_EPS) || !nearEq(spatialTargetY, prevCoordsRef.current.ty, ROTATION_EPS));
     let nextProjectionScale = projectionScale;
     let nextPosition = position2;
     if (typeof spatialZoom === "number" && initialRenderCalibratorRef.current && lastInteractionSource.current !== LAST_INTERACTION_SOURCE.neuroglancer && zoomChangedNow) {
@@ -282171,7 +282387,7 @@ function NeuroglancerSubscriber(props) {
     }
     const vitessceRotationRaw = eulerToQuaternion(deg2rad(spatialRotationX ?? 0), deg2rad(spatialRotationOrbit ?? 0), deg2rad(spatialRotationZ ?? 0));
     const vitessceRotation = multiplyQuat(Q_Y_UP, vitessceRotationRaw);
-    const shouldForceInitialVitPush = !initialRotationPushedRef.current && valueGreaterThanEpsilon(vitessceRotation, projectionOrientation, ROTATION_EPS);
+    const shouldForceInitialVitPush = is3dMode && !initialRotationPushedRef.current && valueGreaterThanEpsilon(vitessceRotation, projectionOrientation, ROTATION_EPS);
     const changedNowOrIInitialVitPush = rotChangedNow || zoomChangedNow || transChangedNow || shouldForceInitialVitPush;
     const src = lastInteractionSource.current ?? (changedNowOrIInitialVitPush ? LAST_INTERACTION_SOURCE.vitessce : null);
     let nextOrientation = projectionOrientation;
@@ -282258,7 +282474,10 @@ function NeuroglancerSubscriber(props) {
     spatialTargetY,
     initialViewerState,
     latestViewerStateIteration,
-    hasMatchingAnnotationSource
+    hasMatchingAnnotationSource,
+    detailMode,
+    detailSegmentIds,
+    is3dMode
   ]);
   const onSegmentHighlight = useCallback((obsId) => {
     const next4 = obsId != null ? String(obsId) : null;
@@ -282285,9 +282504,9 @@ function NeuroglancerSubscriber(props) {
     pointLayerScopes: showPointsLegend ? pointLayerScopes : void 0,
     pointLayerCoordination,
     pointMultiIndicesData
-  }) }), isMeshLoading ? jsx$1(Chip, { label: "Loading meshes...", size: "small", color: "primary", className: classes2.meshLoadingIndicator }) : null, jsx$1(NeuroglancerComp, { classes: classes2, onSegmentClick, onSelectHoveredCoords: onSegmentHighlight, viewerState: derivedViewerState, cellColorMapping: cellColorMappingByLayer, setViewerState: handleStateUpdate, onLayerLoadingChange: handleLayerLoadingChange, onAnnotationSourceReady, onViewerReady: (getFn) => {
+  }) }), isMeshLoading ? jsx$1(Chip, { label: "Loading meshes...", size: "small", color: "primary", className: classes2.meshLoadingIndicator }) : null, jsx$1(NeuroglancerComp, { classes: classes2, onSegmentClick, onSelectHoveredCoords: detailMode ? void 0 : onSegmentHighlight, viewerState: derivedViewerState, cellColorMapping: cellColorMappingByLayer, setViewerState: handleStateUpdate, onLayerLoadingChange: handleLayerLoadingChange, onAnnotationSourceReady, onViewerReady: (getFn) => {
     getViewProjectionMatRef.current = getFn;
-  }, getMeshIdToCellId: (meshId) => meshIdToCellIdRef.current[meshId], cellsUrl, meshOpacity })] }) : null });
+  }, getMeshIdToCellId: (meshId) => meshIdToCellIdRef.current[meshId], cellsUrl, meshOpacity, allowEmptySegments: detailMode })] }) : null });
 }
 const FEATURE_AGGREGATION_STRATEGIES = ["first", "last", "sum", "mean"];
 function CellSetExpressionPlotOptions(props) {
@@ -340451,6 +340670,17 @@ class ImageWrapper {
     const { labels: labels2, shape: shape2 } = Array.isArray(loader2.data) ? loader2.data[0] : loader2.data;
     return shape2[labels2.indexOf("z")];
   }
+  /**
+   * Clamp a z target to a valid plane index.
+   * spatialTargetZ can hold a 3D camera target in scene units, which may
+   * exceed the number of planes; geotiff throws on out-of-range indices.
+  */
+  getClampedZIndex(targetZ) {
+    const numZ = this.getNumZ();
+    if (!Number.isFinite(numZ) || !Number.isFinite(targetZ))
+      return 0;
+    return Math.min(Math.max(Math.floor(targetZ), 0), numZ - 1);
+  }
   getNumT() {
     const loader2 = this.vivLoader;
     const { labels: labels2, shape: shape2 } = Array.isArray(loader2.data) ? loader2.data[0] : loader2.data;
@@ -340551,6 +340781,27 @@ class ImageWrapper {
     }
     return "BlackIsZero";
   }
+  /**
+   * Meters per 3D scene unit, i.e. the unit of getModelMatrix().
+   * OME-TIFF: physicalSizeToMatrix divides by 1 um, so the scene is in µm
+   * (only when physical sizes exist; otherwise pixels, unit unknown → null).
+   * OME-Zarr: the model matrix is in the units of the NGFF axes.
+   */
+  getSceneMetersPerUnit() {
+    const { metadata: metadata2 } = this.vivLoader;
+    if (!metadata2)
+      return null;
+    if ("Pixels" in metadata2) {
+      return this.hasPhysicalSize() ? 1e-6 : null;
+    }
+    if ("multiscales" in metadata2) {
+      const axes = metadata2.multiscales?.[0]?.axes ?? [];
+      const xAxis = axes.find((a2) => (typeof a2 === "string" ? a2 : a2?.name) === "x");
+      const unit2 = typeof xAxis === "object" ? xAxis?.unit : null;
+      return unit2 ? UNIT_TO_METERS[unit2.normalize("NFKC")] ?? null : null;
+    }
+    return null;
+  }
 }
 class OmeZarrLoader extends AbstractTwoStepLoader {
   constructor(dataSource, params2) {
@@ -360756,6 +361007,7 @@ const baseCoordinationTypes = [
   new PluginCoordinationType(CoordinationType$1.SPATIAL_LAYER_COLOR, null, z.array(z.number()).length(3).nullable()),
   new PluginCoordinationType(CoordinationType$1.PIXEL_HIGHLIGHT, null, z.array(z.number()).length(3).nullable()),
   new PluginCoordinationType(CoordinationType$1.TOOLTIP_CROSSHAIRS_VISIBLE, true, z.boolean()),
+  new PluginCoordinationType(CoordinationType$1.TOOLTIP_OBS_SETS_MODE, "all", z.enum(["all", "selected"])),
   new PluginCoordinationType(CoordinationType$1.LEGEND_VISIBLE, true, z.boolean()),
   new PluginCoordinationType(CoordinationType$1.SPATIAL_CHANNEL_LABELS_VISIBLE, true, z.boolean()),
   new PluginCoordinationType(CoordinationType$1.SPATIAL_CHANNEL_LABELS_ORIENTATION, "vertical", z.enum(["vertical", "horizontal"])),
@@ -360908,9 +361160,11 @@ export {
   z as a7,
   hasAnnotationControllerView as a8,
   addAnnotationControllerView as a9,
-  isAnyAnnotationEditing as aa,
-  enableAnnotationEditing as ab,
-  disableAnnotationEditing as ac,
+  removeAnnotationControllerView as aa,
+  hasAnyAnnotationStory as ab,
+  isAnyAnnotationEditing as ac,
+  enableAnnotationEditing as ad,
+  disableAnnotationEditing as ae,
   getImageSize as b,
   commonjsGlobal$1 as c,
   requireAssign as d,