@vitessce/launcher 4.1.0 → 4.1.1

package/dist/{GeometryAndMeshXR-CcEu5oNe.js → GeometryAndMeshXR-BP8AVQ0V.js}

@@ -3,7 +3,7 @@ import { useRef, useEffect, useState } from "react";
 import { useThree, useFrame } from "@react-three/fiber";
 import { Bvh } from "@react-three/drei";
 import { Matrix4, Vector3, Box3, FrontSide } from "three";
-import { g as getXRModule, i as isValidGeometrySize, M as MeasureLine, s as stringifyLineData } from "./index-6RcG881_.js";
+import { g as getXRModule, i as isValidGeometrySize, M as MeasureLine, s as stringifyLineData } from "./index-DSTEevd1.js";
 function getHandJoint(hand, jointName) {
   return hand.get(jointName);
 }

package/dist/{ReactNeuroglancer-CnmjswBO.js → ReactNeuroglancer-BrGzTsrg.js}

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import React__default from "react";
-import { g as getDefaultExportFromCjs, d as requireAssign, f as require_export, h as require_core, j as require_fails, k as require_toObject, m as require_objectKeys, n as require_cof, o as require_wks, p as require_iterators, q as requireWeb_dom_iterable, s as requireEs6_string_iterator, t as require_anObject, v as require_hide, w as require_ctx, x as require_toLength, y as require_global, z as require_objectDp, A as require_descriptors, D as require_isObject, E as require_objectCreate, F as require_iterDefine, G as require_iterStep, H as require_meta, I as require_isArray, J as require_iobject, K as require_setToStringTag, M as require_aFunction, N as requireIterator, O as require_propertyDesc, c as commonjsGlobal, P as requireEs6_symbol, Q as requireDefineProperty, R as require_toIobject, S as require_objectGopd, T as require_html, U as require_domCreate, V as require_library, W as requireSymbol, X as require_objectPie, Y as require_has, Z as require_redefine, _ as require_objectAssign, $ as GREY_HEX, a0 as diffCameraState } from "./index-BseIw2ZD.js";
+import { g as getDefaultExportFromCjs, d as requireAssign, f as require_export, h as require_core, j as require_fails, k as require_toObject, m as require_objectKeys, n as require_cof, o as require_wks, p as require_iterators, q as requireWeb_dom_iterable, s as requireEs6_string_iterator, t as require_anObject, v as require_hide, w as require_ctx, x as require_toLength, y as require_global, z as require_objectDp, A as require_descriptors, D as require_isObject, E as require_objectCreate, F as require_iterDefine, G as require_iterStep, H as require_meta, I as require_isArray, J as require_iobject, K as require_setToStringTag, M as require_aFunction, N as requireIterator, O as require_propertyDesc, c as commonjsGlobal, P as requireEs6_symbol, Q as requireDefineProperty, R as require_toIobject, S as require_objectGopd, T as require_html, U as require_domCreate, V as require_library, W as requireSymbol, X as require_objectPie, Y as require_has, Z as require_redefine, _ as require_objectAssign, $ as GREY_HEX, a0 as diffCameraState } from "./index-DfnWmR3U.js";
 var assignExports = requireAssign();
 const _Object$assign = /* @__PURE__ */ getDefaultExportFromCjs(assignExports);
 var es6_object_keys = {};
@@ -65801,7 +65801,9 @@ class Neuroglancer extends React__default.Component {
     const segIdsChangedForLayer = (name2) => {
       const prevIds = prevSegLayers.find((l) => l.name === name2)?.segments ?? [];
       const nextIds = nextSegLayers.find((l) => l.name === name2)?.segments ?? [];
-      return prevIds.length !== nextIds.length || prevIds[0] !== nextIds[0] || prevIds[prevIds.length - 1] !== nextIds[nextIds.length - 1];
+      if (prevIds.length !== nextIds.length)
+        return true;
+      return prevIds.some((id, i) => String(id) !== String(nextIds[i]));
     };
     const allSegLayerNames = /* @__PURE__ */ new Set([
       ...prevSegLayers.map((l) => l.name),
@@ -65809,7 +65811,7 @@ class Neuroglancer extends React__default.Component {
     ]);
     const segmentsChanged = [...allSegLayerNames].some(segIdsChangedForLayer);
     const nextSegIds = nextSegLayers.flatMap((l) => l.segments ?? []);
-    if (segmentsChanged && nextSegIds.length > 0) {
+    if (segmentsChanged && (nextSegIds.length > 0 || this.props.allowEmptySegments)) {
       this.preserveDimensions(() => {
         this.viewer.state.restoreState({ layers: nextLayers });
       });

package/dist/{XREnterButton-DRjKwHQ6.js → XREnterButton-C69Opx4q.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
-import { g as getXrStore } from "./xrStore-BquNcHaW.js";
+import { g as getXrStore } from "./xrStore-C3wJy9QJ.js";
 function XREnterButton() {
   const [supported, setSupported] = useState(false);
   const [entered, setEntered] = useState(false);

package/dist/{XRSceneComponents-V8xqrJn_.js → XRSceneComponents-es9Ug6ak.js}

@@ -1,7 +1,7 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useRef } from "react";
 import { useThree, useFrame } from "@react-three/fiber";
-import { g as getXRModule } from "./index-6RcG881_.js";
+import { g as getXRModule } from "./index-DSTEevd1.js";
 function getHandJoint(hand, jointName) {
   return hand.get(jointName);
 }

package/dist/{XRWrapper-SVsD-e_G.js → XRWrapper-zQl6MVwX.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { g as getXRModule } from "./index-6RcG881_.js";
-import { g as getXrStore } from "./xrStore-BquNcHaW.js";
+import { g as getXRModule } from "./index-DSTEevd1.js";
+import { g as getXrStore } from "./xrStore-C3wJy9QJ.js";
 function XRWrapper({ children }) {
   const { XR } = getXRModule();
   return jsx(XR, { store: getXrStore(), children });

package/dist/{deflate-Dvdck6bG.js → deflate-CQONbUH_.js}

@@ -1,5 +1,5 @@
 import { i as inflate_1 } from "./pako.esm-SxljTded.js";
-import { B as BaseDecoder } from "./index-BseIw2ZD.js";
+import { B as BaseDecoder } from "./index-DfnWmR3U.js";
 class DeflateDecoder extends BaseDecoder {
   decodeBlock(buffer) {
     return inflate_1(new Uint8Array(buffer)).buffer;

package/dist/{higlass-BUwbsbhR.js → higlass-Br3Jz09a.js}

@@ -1,6 +1,6 @@
 import * as React from "react";
 import React__default, { createContext, isValidElement, PureComponent, Component, useMemo, useState, useRef, useEffect, useCallback, memo, useContext, useReducer, useLayoutEffect } from "react";
-import { r as requireObjectAssign, g as getDefaultExportFromCjs$1, c as commonjsGlobal, e as earcut } from "./index-BseIw2ZD.js";
+import { r as requireObjectAssign, g as getDefaultExportFromCjs$1, c as commonjsGlobal, e as earcut } from "./index-DfnWmR3U.js";
 import ReactDOM__default, { unstable_batchedUpdates, createPortal } from "react-dom";
 import { jsx, jsxs } from "react/jsx-runtime";
 function finallyConstructor(callback) {

package/dist/{index-7fuq_N65.js → index-40m4CUms.js}

@@ -4,7 +4,7 @@ import { useThree, useFrame, Canvas } from "@react-three/fiber";
 import { OrbitControls } from "@react-three/drei";
 import * as THREE from "three";
 import { Data3DTexture, RedFormat, UnsignedByteType, LinearFilter, RedIntegerFormat, UnsignedIntType, NearestFilter, Vector3, Vector2, Vector4, UniformsUtils } from "three";
-import { l as log, i as isEqual, C as CoordinationType, u as useEventCallback } from "./index-BseIw2ZD.js";
+import { l as log, i as isEqual, C as CoordinationType, u as useEventCallback } from "./index-DfnWmR3U.js";
 const LogLevel = {
   INFO: "info",
   WARN: "warn",

package/dist/{index-6RcG881_.js → index-DSTEevd1.js}

@@ -3,7 +3,7 @@ import React__default, { useRef, useState, useEffect, Suspense, forwardRef } fro
 import { Canvas } from "@react-three/fiber";
 import { Center, Text, Line, Bvh, OrbitControls } from "@react-three/drei";
 import { Matrix3, Matrix4, Vector3, Vector2, UniformsUtils, Data3DTexture, RedFormat, FloatType, LinearFilter, FrontSide, Scene, Group, MeshPhysicalMaterial, MeshBasicMaterial, MeshStandardMaterial, BackSide } from "three";
-import { C as CoordinationType, b as getImageSize } from "./index-BseIw2ZD.js";
+import { C as CoordinationType, b as getImageSize } from "./index-DfnWmR3U.js";
 function MeasureLine({ currentLine, scale }) {
   const textRef = useRef(null);
   return jsxs("group", { children: [jsx(Center, { bottom: true, right: true, position: [currentLine.midPoint.x, currentLine.midPoint.y, currentLine.midPoint.z], rotation: [0, 0, 0], children: jsx(Text, { color: "gray", scale: 0.05, ref: textRef, children: `${(currentLine.startPoint.distanceTo(currentLine.endPoint) * scale).toFixed(2)} µm` }) }), jsx(Line, {
@@ -945,8 +945,8 @@ function GeometryAndMesh(props) {
     setObsHighlight(e.object.name);
   }, onPointerOut: () => setObsHighlight(null) }) })] }) : null, renderingSettings.uniforms && renderingSettings.shader && renderingSettings.meshScale && renderingSettings.geometrySize ? jsx("group", { children: jsxs("mesh", { scale: renderingSettings.meshScale, ref: materialRef, children: [jsx("boxGeometry", { args: renderingSettings.geometrySize }), jsx("shaderMaterial", { customProgramCacheKey: () => "1", side: FrontSide, uniforms: renderingSettings.uniforms, needsUpdate: true, transparent: true, vertexShader: renderingSettings.shader.vertexShader, fragmentShader: renderingSettings.shader.fragmentShader })] }) }) : null] }), jsx("group", { name: "lines", children: lines.map((object) => jsx(MeasureLine, { currentLine: object, scale: 1 }, stringifyLineData(object))) })] });
 }
-const LazyGeometryAndMeshXR = React__default.lazy(() => import("./GeometryAndMeshXR-CcEu5oNe.js").catch(() => ({ default: GeometryAndMesh })));
-const LazyXRSceneComponents = React__default.lazy(() => import("./XRSceneComponents-V8xqrJn_.js").catch(() => ({ default: () => null })));
+const LazyGeometryAndMeshXR = React__default.lazy(() => import("./GeometryAndMeshXR-BP8AVQ0V.js").catch(() => ({ default: GeometryAndMesh })));
+const LazyXRSceneComponents = React__default.lazy(() => import("./XRSceneComponents-es9Ug6ak.js").catch(() => ({ default: () => null })));
 function SpatialThree(props) {
   const materialRef = useRef(null);
   const orbitRef = useRef(null);
@@ -1303,13 +1303,13 @@ function getXRModule() {
 }
 const LazyXRWrapper = React__default.lazy(
   // eslint-disable-next-line implicit-arrow-linebreak, function-paren-newline
-  () => import("./XRWrapper-SVsD-e_G.js").catch(() => ({
+  () => import("./XRWrapper-zQl6MVwX.js").catch(() => ({
     default: ({ children }) => children
   }))
 );
 const LazyXREnterButton = React__default.lazy(
   // eslint-disable-next-line implicit-arrow-linebreak, function-paren-newline
-  () => import("./XREnterButton-DRjKwHQ6.js").catch(() => ({
+  () => import("./XREnterButton-C69Opx4q.js").catch(() => ({
     default: () => null
   }))
 );

package/dist/{index-BseIw2ZD.js → index-DfnWmR3U.js}

@@ -7749,6 +7749,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) {
@@ -10562,6 +10575,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",
@@ -10923,6 +10937,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,
@@ -10990,6 +11005,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,
@@ -11041,6 +11057,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,
@@ -11122,6 +11139,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,
@@ -11171,6 +11189,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,
@@ -11254,7 +11273,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,
@@ -94632,6 +94652,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) {
@@ -212328,22 +212354,22 @@ async function getDecoder(fileDirectory) {
   const Decoder = await importFn();
   return new Decoder(fileDirectory);
 }
-addDecoder([void 0, 1], () => import("./raw-CUs4bhyE.js").then((m2) => m2.default));
-addDecoder(5, () => import("./lzw-BuL_B2v5.js").then((m2) => m2.default));
+addDecoder([void 0, 1], () => import("./raw-D1UzT8aH.js").then((m2) => m2.default));
+addDecoder(5, () => import("./lzw-BCz1KFC-.js").then((m2) => m2.default));
 addDecoder(6, () => {
   throw new Error("old style JPEG compression is not supported.");
 });
-addDecoder(7, () => import("./jpeg-x4QuDQjN.js").then((m2) => m2.default));
-addDecoder([8, 32946], () => import("./deflate-Dvdck6bG.js").then((m2) => m2.default));
-addDecoder(32773, () => import("./packbits-C3ekVfY_.js").then((m2) => m2.default));
+addDecoder(7, () => import("./jpeg-b4kIkXxx.js").then((m2) => m2.default));
+addDecoder([8, 32946], () => import("./deflate-CQONbUH_.js").then((m2) => m2.default));
+addDecoder(32773, () => import("./packbits-B9rNC1ys.js").then((m2) => m2.default));
 addDecoder(
   34887,
-  () => import("./lerc-DipUzJGG.js").then(async (m2) => {
+  () => import("./lerc-BJIQdCtD.js").then(async (m2) => {
     await m2.zstd.init();
     return m2;
   }).then((m2) => m2.default)
 );
-addDecoder(50001, () => import("./webimage-CYpiWUZZ.js").then((m2) => m2.default));
+addDecoder(50001, () => import("./webimage-Cc3Zzfmt.js").then((m2) => m2.default));
 function copyNewSize(array2, width2, height2, samplesPerPixel = 1) {
   return new (Object.getPrototypeOf(array2)).constructor(width2 * height2 * samplesPerPixel);
 }
@@ -234765,6 +234791,7 @@ class AbstractSpatialOrScatterplot extends PureComponent {
     };
     this.lastApplied = null;
     this.transitionEndViewState = null;
+    this.finishedTransitionEndViewState = null;
     this.viewport = null;
     this.threeCamera = null;
     this.orbitControls = null;
@@ -234841,6 +234868,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 });
   }
@@ -234851,6 +234879,7 @@ class AbstractSpatialOrScatterplot extends PureComponent {
    * Instead, the stale transitionViewState is ignored by getDeckViewState.
    */
   onTransitionInterrupt() {
+    this.finishedTransitionEndViewState = this.transitionEndViewState;
     this.transitionEndViewState = null;
   }
   /**
@@ -234863,6 +234892,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,
@@ -235019,7 +235055,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);
@@ -235174,8 +235211,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) {
@@ -240827,7 +240864,10 @@ const useStyles$s = 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"
@@ -240862,7 +240902,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;
@@ -240874,6 +240914,7 @@ const DEFAULT_FEATURE_AGGREGATION_STRATEGY$3 = "first";
 function EmbeddingScatterplotSubscriber(props) {
   const {
     uuid: uuid2,
+    viewUid: viewUidFromProps,
     closeButtonVisible,
     downloadButtonVisible,
     removeGridComponent,
@@ -240890,18 +240931,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;
@@ -241077,7 +241119,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;
@@ -241187,7 +241229,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],
@@ -241283,7 +241325,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;
@@ -261535,7 +261577,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;
@@ -261704,7 +261746,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 {
@@ -262689,8 +262731,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
     }));
@@ -262793,13 +262836,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])
     }));
@@ -263543,7 +263587,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
   };
@@ -263552,7 +263596,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
         ])))
@@ -263598,9 +263642,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] || {};
@@ -263657,12 +263701,12 @@ class ErrorBoundary extends React__default.Component {
   }
 }
 const LazySpatialThree = React__default.lazy(async () => {
-  const { SpatialWrapper: SpatialWrapper2 } = await import("./index-6RcG881_.js").then((n3) => n3.a);
+  const { SpatialWrapper: SpatialWrapper2 } = await import("./index-DSTEevd1.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-7fuq_N65.js");
+  const { SpatialWrapper: SpatialWrapper2 } = await import("./index-40m4CUms.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 }) }) }) }));
@@ -263919,7 +263963,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);
@@ -263949,6 +263993,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([
@@ -264146,6 +264191,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") {
@@ -264180,6 +264247,10 @@ function SpatialSubscriber(props) {
     if (prevIs3dMode.current === is3dMode) {
       return;
     }
+    if (hasSpatialCameraSnapshot) {
+      prevIs3dMode.current = is3dMode;
+      return;
+    }
     if (typeof defaultTargetX !== "number" || typeof defaultTargetY !== "number") {
       return;
     }
@@ -264190,7 +264261,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 },
@@ -264371,7 +264449,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,
@@ -265268,7 +265346,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;
@@ -265322,7 +265400,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) {
@@ -276499,7 +276577,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,
@@ -280403,7 +280481,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-BUwbsbhR.js");
+  const { HiGlassComponent } = await import("./higlass-Br3Jz09a.js");
   return { default: HiGlassComponent };
 });
 const HG_SIZE = 800;
@@ -283358,7 +283436,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-CnmjswBO.js"));
+const LazyReactNeuroglancer = React__default.lazy(() => import("./ReactNeuroglancer-BrGzTsrg.js"));
 function createWorker() {
   const worker = new WorkerFactory$1();
   worker.AsyncComputationWorker = WorkerFactory;
@@ -283456,9 +283534,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) {
@@ -284234,6 +284312,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,
@@ -284389,7 +284474,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();
@@ -284432,7 +284524,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(() => {
@@ -284589,15 +284682,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;
@@ -284605,10 +284710,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) => {
@@ -284805,6 +284910,8 @@ function NeuroglancerSubscriber(props) {
     }
   }, []);
   const updateVisibleSegments = useCallback(async () => {
+    if (detailMode)
+      return;
     if (!annotationInfoRef.current)
       return;
     if (!annotationTransformRef.current)
@@ -284927,7 +285034,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();
@@ -284945,7 +285052,7 @@ function NeuroglancerSubscriber(props) {
     incrementLatestViewerStateIteration();
   }, [initialViewerState]);
   const hasMatchingAnnotationSource = useMemo$1(() => {
-    if (!cellsUrl)
+    if (detailMode || !cellsUrl)
       return false;
     const firstPointScope = pointLayerScopes?.[0];
     return pointsHaveMatchingSegmentation({
@@ -284954,7 +285061,7 @@ function NeuroglancerSubscriber(props) {
       segmentationChannelScopesByLayer,
       segmentationChannelCoordination
     });
-  }, [cellsUrl, pointLayerScopes, segmentationLayerScopes, segmentationChannelScopesByLayer]);
+  }, [cellsUrl, pointLayerScopes, segmentationLayerScopes, segmentationChannelScopesByLayer, detailMode]);
   useEffect(() => {
     if (!cellsUrl || !annotationInfo)
       return;
@@ -284979,13 +285086,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);
@@ -284996,8 +285104,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);
@@ -285033,6 +285142,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;
@@ -285055,10 +285210,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) {
@@ -285079,7 +285255,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;
@@ -285166,7 +285342,10 @@ function NeuroglancerSubscriber(props) {
     spatialTargetY,
     initialViewerState,
     latestViewerStateIteration,
-    hasMatchingAnnotationSource
+    hasMatchingAnnotationSource,
+    detailMode,
+    detailSegmentIds,
+    is3dMode
   ]);
   const onSegmentHighlight = useCallback((obsId) => {
     const next4 = obsId != null ? String(obsId) : null;
@@ -285193,9 +285372,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) {
@@ -344219,6 +344398,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;
@@ -344319,6 +344509,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) {
@@ -364428,6 +364639,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"])),

package/dist/index.js

@@ -1,4 +1,4 @@
-import { a2, a1 } from "./index-BseIw2ZD.js";
+import { a2, a1 } from "./index-DfnWmR3U.js";
 export {
   a2 as ControlledLauncher,
   a1 as UncontrolledLauncher

package/dist/{jpeg-x4QuDQjN.js → jpeg-b4kIkXxx.js}

@@ -1,4 +1,4 @@
-import { B as BaseDecoder } from "./index-BseIw2ZD.js";
+import { B as BaseDecoder } from "./index-DfnWmR3U.js";
 const dctZigZag = new Int32Array([
   0,
   1,

package/dist/{lerc-DipUzJGG.js → lerc-BJIQdCtD.js}

@@ -1,5 +1,5 @@
 import { i as inflate_1 } from "./pako.esm-SxljTded.js";
-import { g as getDefaultExportFromCjs, B as BaseDecoder, L as LercParameters, a as LercAddCompression } from "./index-BseIw2ZD.js";
+import { g as getDefaultExportFromCjs, B as BaseDecoder, L as LercParameters, a as LercAddCompression } from "./index-DfnWmR3U.js";
 var LercDecode = { exports: {} };
 var hasRequiredLercDecode;
 function requireLercDecode() {

package/dist/{lzw-BuL_B2v5.js → lzw-BCz1KFC-.js}

@@ -1,4 +1,4 @@
-import { B as BaseDecoder } from "./index-BseIw2ZD.js";
+import { B as BaseDecoder } from "./index-DfnWmR3U.js";
 const MIN_BITS = 9;
 const CLEAR_CODE = 256;
 const EOI_CODE = 257;

package/dist/{packbits-C3ekVfY_.js → packbits-B9rNC1ys.js}

@@ -1,4 +1,4 @@
-import { B as BaseDecoder } from "./index-BseIw2ZD.js";
+import { B as BaseDecoder } from "./index-DfnWmR3U.js";
 class PackbitsDecoder extends BaseDecoder {
   decodeBlock(buffer) {
     const dataView = new DataView(buffer);

package/dist/{raw-CUs4bhyE.js → raw-D1UzT8aH.js}

@@ -1,4 +1,4 @@
-import { B as BaseDecoder } from "./index-BseIw2ZD.js";
+import { B as BaseDecoder } from "./index-DfnWmR3U.js";
 class RawDecoder extends BaseDecoder {
   decodeBlock(buffer) {
     return buffer;

package/dist/{webimage-CYpiWUZZ.js → webimage-Cc3Zzfmt.js}

@@ -1,4 +1,4 @@
-import { B as BaseDecoder } from "./index-BseIw2ZD.js";
+import { B as BaseDecoder } from "./index-DfnWmR3U.js";
 class WebImageDecoder extends BaseDecoder {
   constructor() {
     super();

package/dist/{xrStore-BquNcHaW.js → xrStore-C3wJy9QJ.js}

@@ -1,4 +1,4 @@
-import { g as getXRModule } from "./index-6RcG881_.js";
+import { g as getXRModule } from "./index-DSTEevd1.js";
 let store = null;
 function getXrStore() {
   if (!store) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vitessce/launcher",
-  "version": "4.1.0",
+  "version": "4.1.1",
   "author": "HIDIVE Lab at HMS",
   "homepage": "http://vitessce.io",
   "repository": {
@@ -20,14 +20,14 @@
     "use-query-params": "^1.1.9",
     "react-dropzone": "^14.3.8",
     "@tanstack/react-query": "^5.80.2",
-    "@vitessce/all": "4.1.0",
-    "@vitessce/example-configs": "4.1.0",
-    "@vitessce/example-plugins": "4.1.0",
-    "@vitessce/styles": "4.1.0",
-    "@vitessce/vit-s": "4.1.0",
-    "@vitessce/globals": "4.1.0",
-    "@vitessce/config": "4.1.0",
-    "@vitessce/constants-internal": "4.1.0"
+    "@vitessce/all": "4.1.1",
+    "@vitessce/constants-internal": "4.1.1",
+    "@vitessce/example-configs": "4.1.1",
+    "@vitessce/example-plugins": "4.1.1",
+    "@vitessce/globals": "4.1.1",
+    "@vitessce/styles": "4.1.1",
+    "@vitessce/vit-s": "4.1.1",
+    "@vitessce/config": "4.1.1"
   },
   "devDependencies": {
     "react": "19.2.6",