@vitessce/all 3.8.5 → 3.8.7

package/dist/{index-diSsBj8e.js → index-TF8hfyKX.js}

@@ -209323,22 +209323,22 @@ async function getDecoder(fileDirectory) {
   const Decoder = await importFn();
   return new Decoder(fileDirectory);
 }
-addDecoder([void 0, 1], () => import("./raw-DLW6Ob0W.js").then((m2) => m2.default));
-addDecoder(5, () => import("./lzw-CVivhiK8.js").then((m2) => m2.default));
+addDecoder([void 0, 1], () => import("./raw-awn9z18M.js").then((m2) => m2.default));
+addDecoder(5, () => import("./lzw-BCI0B7dw.js").then((m2) => m2.default));
 addDecoder(6, () => {
   throw new Error("old style JPEG compression is not supported.");
 });
-addDecoder(7, () => import("./jpeg-CP3ptIzO.js").then((m2) => m2.default));
-addDecoder([8, 32946], () => import("./deflate-CMHXRV2s.js").then((m2) => m2.default));
-addDecoder(32773, () => import("./packbits-CSpmt53h.js").then((m2) => m2.default));
+addDecoder(7, () => import("./jpeg-CjgDlwi_.js").then((m2) => m2.default));
+addDecoder([8, 32946], () => import("./deflate-YfGOvzab.js").then((m2) => m2.default));
+addDecoder(32773, () => import("./packbits-DYn86_iq.js").then((m2) => m2.default));
 addDecoder(
   34887,
-  () => import("./lerc-DSNwBQly.js").then(async (m2) => {
+  () => import("./lerc-CL4MdbCg.js").then(async (m2) => {
     await m2.zstd.init();
     return m2;
   }).then((m2) => m2.default)
 );
-addDecoder(50001, () => import("./webimage-TKddjYdZ.js").then((m2) => m2.default));
+addDecoder(50001, () => import("./webimage-Bo4F4TPe.js").then((m2) => m2.default));
 function copyNewSize(array2, width2, height2, samplesPerPixel = 1) {
   return new (Object.getPrototypeOf(array2)).constructor(width2 * height2 * samplesPerPixel);
 }
@@ -227465,11 +227465,11 @@ function TooltipContent(props) {
   return jsxRuntimeExports.jsx("table", { children: jsxRuntimeExports.jsx("tbody", { children: Object.entries(mappedInfo).map(([key2, value2]) => jsxRuntimeExports.jsxs("tr", { children: [jsxRuntimeExports.jsx("th", { children: key2 }), jsxRuntimeExports.jsx("td", { children: value2 })] }, key2)) }) });
 }
 function ScatterplotTooltipSubscriber(props) {
-  const { parentUuid, obsHighlight, width: width2, height: height2, getObsInfo, featureType, featureLabelsMap } = props;
+  const { parentUuid, obsHighlight, width: width2, height: height2, getObsInfo: getObsInfo2, featureType, featureLabelsMap } = props;
   const sourceUuid = useComponentHover();
   const viewInfo = useComponentViewInfo(parentUuid);
-  const [cellInfo, x2, y2] = obsHighlight && getObsInfo ? [
-    getObsInfo(obsHighlight),
+  const [cellInfo, x2, y2] = obsHighlight && getObsInfo2 ? [
+    getObsInfo2(obsHighlight),
     ...viewInfo && viewInfo.projectFromId ? viewInfo.projectFromId(obsHighlight) : [null, null]
   ] : [null, null, null];
   return cellInfo ? jsxRuntimeExports.jsx(Tooltip2D, { x: x2, y: y2, parentUuid, sourceUuid, parentWidth: width2, parentHeight: height2, children: jsxRuntimeExports.jsx(TooltipContent, { info: cellInfo, featureType, featureLabelsMap }) }) : null;
@@ -231881,7 +231881,7 @@ function EmbeddingScatterplotSubscriber(props) {
     initialTargetY,
     averageFillDensity
   ]);
-  const getObsInfo = useGetObsInfo(observationsLabel, obsLabelsTypes, obsLabelsData, obsSetsMembership);
+  const getObsInfo2 = useGetObsInfo(observationsLabel, obsLabelsTypes, obsLabelsData, obsSetsMembership);
   const cellSelectionSet = useMemo$1(() => new Set(cellSelection), [cellSelection]);
   const getCellIsSelected = useCallback((object2, { index: index2 }) => (cellSelectionSet || /* @__PURE__ */ new Set([])).has(obsEmbeddingIndex[index2]) ? 1 : 0, [cellSelectionSet, obsEmbeddingIndex]);
   const cellRadius = cellRadiusMode === "manual" ? cellRadiusFixed : dynamicCellRadius;
@@ -232038,7 +232038,7 @@ function EmbeddingScatterplotSubscriber(props) {
     embeddingContoursVisible,
     circleInfo,
     featureSelection: geneSelection
-  }), tooltipsVisible && width2 && height2 ? jsxRuntimeExports.jsx(ScatterplotTooltipSubscriber, { parentUuid: uuid2, obsHighlight: cellHighlight, width: width2, height: height2, getObsInfo, featureType, featureLabelsMap }) : null, jsxRuntimeExports.jsx(Legend, {
+  }), tooltipsVisible && width2 && height2 ? jsxRuntimeExports.jsx(ScatterplotTooltipSubscriber, { parentUuid: uuid2, obsHighlight: cellHighlight, width: width2, height: height2, getObsInfo: getObsInfo2, featureType, featureLabelsMap }) : null, jsxRuntimeExports.jsx(Legend, {
     visible: true,
     theme,
     featureType,
@@ -232318,7 +232318,7 @@ function GatingSubscriber(props) {
     matrixObsIndex: obsIndex,
     expressionData: uint8ExpressionData
   });
-  const getObsInfo = useCallback((obsId) => {
+  const getObsInfo2 = useCallback((obsId) => {
     const selectedTransformName = VALUE_TRANSFORM_OPTIONS.find((o2) => o2.value === featureValueTransform)?.name;
     const genePrefix = featureValueTransform ? `${selectedTransformName} ` : "";
     const obsIdx = obsIndex?.indexOf(obsId);
@@ -232349,7 +232349,7 @@ function GatingSubscriber(props) {
     setZoom(null);
   }, gatingFeatureValueTransformCoefficient: featureValueTransformCoefficient, setGatingFeatureValueTransformCoefficient: setFeatureValueTransformCoefficient, geneSelectOptions: featureIndex, transformOptions: VALUE_TRANSFORM_OPTIONS }) }), children: [jsxRuntimeExports.jsx(EmptyMessage, { visible: !(gatingFeatureSelectionX && gatingFeatureSelectionY), message: `Select two ${pluralize(featureType, 2)} in the plot settings.` }), jsxRuntimeExports.jsx(ScatterplotWrapper, { ref: deckRef, uuid: uuid2, theme, hideTools: !(gatingFeatureSelectionX && gatingFeatureSelectionY), hideRecenter: !(gatingFeatureSelectionX && gatingFeatureSelectionY), viewState: { zoom: zoom2, target: [targetX2, targetY2, targetZ] }, setViewState, originalViewState, obsEmbeddingIndex: obsIndex, obsEmbedding: obsXY, cellFilter, cellSelection, cellHighlight, cellColors, cellSetPolygons, cellSetLabelSize, cellSetLabelsVisible, cellSetPolygonsVisible, setCellFilter, setCellSelection: setCellSelectionProp, setCellHighlight, cellRadius, cellOpacity, cellColorEncoding, geneExpressionColormap, geneExpressionColormapRange, setComponentHover: () => {
     setComponentHover(uuid2);
-  }, updateViewInfo: setComponentViewInfo, getExpressionValue, getCellIsSelected, embeddingPointsVisible: true }), !disableTooltip && jsxRuntimeExports.jsx(ScatterplotTooltipSubscriber, { parentUuid: uuid2, obsHighlight: cellHighlight, width: width2, height: height2, getObsInfo })] });
+  }, updateViewInfo: setComponentViewInfo, getExpressionValue, getCellIsSelected, embeddingPointsVisible: true }), !disableTooltip && jsxRuntimeExports.jsx(ScatterplotTooltipSubscriber, { parentUuid: uuid2, obsHighlight: cellHighlight, width: width2, height: height2, getObsInfo: getObsInfo2 })] });
 }
 var DEFAULT_CONFIG = {
   // minimum relative difference between two compared values,
@@ -247757,7 +247757,7 @@ function uri2href(url) {
   }
   throw Error(`Protocol not supported, got: ${JSON.stringify(protocol)}`);
 }
-function fetch_range$1(url, offset2, length2, opts2 = {}) {
+function fetch_range(url, offset2, length2, opts2 = {}) {
   if (offset2 !== void 0 && length2 !== void 0) {
     opts2 = {
       ...opts2,
@@ -247769,7 +247769,7 @@ function fetch_range$1(url, offset2, length2, opts2 = {}) {
   }
   return fetch(url, opts2);
 }
-function merge_init$1(storeOverrides, requestOverrides) {
+function merge_init(storeOverrides, requestOverrides) {
   return {
     ...storeOverrides,
     ...requestOverrides,
@@ -247783,7 +247783,7 @@ function assert$5(expression2, msg = "") {
   if (!expression2)
     throw new Error(msg);
 }
-function resolve$2(root2, path2) {
+function resolve$1(root2, path2) {
   const base2 = typeof root2 === "string" ? new URL(root2) : root2;
   if (!base2.pathname.endsWith("/")) {
     base2.pathname += "/";
@@ -247792,7 +247792,7 @@ function resolve$2(root2, path2) {
   resolved.search = base2.search;
   return resolved;
 }
-async function handle_response$1(response) {
+async function handle_response(response) {
   if (response.status === 404) {
     return void 0;
   }
@@ -247801,7 +247801,7 @@ async function handle_response$1(response) {
   }
   throw new Error(`Unexpected response status ${response.status} ${response.statusText}`);
 }
-async function fetch_suffix$1(url, suffix_length, init2, use_suffix_request) {
+async function fetch_suffix(url, suffix_length, init2, use_suffix_request) {
   if (use_suffix_request) {
     return fetch(url, {
       ...init2,
@@ -247814,9 +247814,9 @@ async function fetch_suffix$1(url, suffix_length, init2, use_suffix_request) {
   }
   let content_length = response.headers.get("Content-Length");
   let length2 = Number(content_length);
-  return fetch_range$1(url, length2 - suffix_length, length2, init2);
+  return fetch_range(url, length2 - suffix_length, length2, init2);
 }
-let FetchStore$1 = class FetchStore {
+class FetchStore {
   #overrides;
   #use_suffix_request;
   constructor(url, options = {}) {
@@ -247825,25 +247825,25 @@ let FetchStore$1 = class FetchStore {
     this.#use_suffix_request = options.useSuffixRequest ?? false;
   }
   #merge_init(overrides) {
-    return merge_init$1(this.#overrides, overrides);
+    return merge_init(this.#overrides, overrides);
   }
   async get(key2, options = {}) {
-    let href2 = resolve$2(this.url, key2).href;
+    let href2 = resolve$1(this.url, key2).href;
     let response = await fetch(href2, this.#merge_init(options));
-    return handle_response$1(response);
+    return handle_response(response);
   }
   async getRange(key2, range2, options = {}) {
-    let url = resolve$2(this.url, key2);
+    let url = resolve$1(this.url, key2);
     let init2 = this.#merge_init(options);
     let response;
     if ("suffixLength" in range2) {
-      response = await fetch_suffix$1(url, range2.suffixLength, init2, this.#use_suffix_request);
+      response = await fetch_suffix(url, range2.suffixLength, init2, this.#use_suffix_request);
     } else {
-      response = await fetch_range$1(url, range2.offset, range2.length, init2);
+      response = await fetch_range(url, range2.offset, range2.length, init2);
     }
-    return handle_response$1(response);
+    return handle_response(response);
   }
-};
+}
 let BoolArray$1 = class BoolArray {
   #bytes;
   constructor(x2, byteOffset, length2) {
@@ -250135,7 +250135,7 @@ class HTTPRangeReader {
     if (size2 === 0) {
       return new Uint8Array(0);
     }
-    const req = await fetch_range$1(this.url, offset2, size2, this.#overrides);
+    const req = await fetch_range(this.url, offset2, size2, this.#overrides);
     assert$5(req.ok, `failed http request ${this.url}, status: ${req.status} offset: ${offset2} size: ${size2}: ${req.statusText}`);
     return new Uint8Array(await req.arrayBuffer());
   }
@@ -250403,7 +250403,7 @@ class ReferenceStore {
     if (!url) {
       throw Error(`No url for key ${key2}, and no target url provided.`);
     }
-    let res = await fetch_range$1(uri2href(url), offset2, size2, merge_init$1(this.#overrides, opts2));
+    let res = await fetch_range(uri2href(url), offset2, size2, merge_init(this.#overrides, opts2));
     if (res.status === 200 || res.status === 206) {
       return new Uint8Array(await res.arrayBuffer());
     }
@@ -250418,7 +250418,7 @@ class ReferenceStore {
     return ReferenceStore.fromSpec(spec, opts2);
   }
 }
-class RelaxedFetchStore extends FetchStore$1 {
+class RelaxedFetchStore extends FetchStore {
   // This allows returning `undefined` for 403 responses,
   // as opposed to completely erroring.
   // Needed due to https://github.com/manzt/zarrita.js/pull/212
@@ -251422,8 +251422,8 @@ function SpatialOptions(props) {
     return `${labelPrefix} for spatial gene expression colormap range`;
   }, id: `gene-expression-colormap-range-${spatialOptionsId}`, valueLabelDisplay: "auto", step: 5e-3, min: 0, max: 1 }) })] })] }) : null] });
 }
-function SpatialTooltipSubscriber(props) {
-  const { parentUuid, obsHighlight, width: width2, height: height2, getObsInfo, hoverData, hoverCoord, hoverMode, useHoverInfoForTooltip, getObsIdFromHoverData, featureType, featureLabelsMap } = props;
+function SpatialTooltipSubscriber$1(props) {
+  const { parentUuid, obsHighlight, width: width2, height: height2, getObsInfo: getObsInfo2, hoverData, hoverCoord, hoverMode, useHoverInfoForTooltip, getObsIdFromHoverData, featureType, featureLabelsMap } = props;
   const sourceUuid = useComponentHover();
   const viewInfo = useComponentViewInfo(parentUuid);
   let [cellInfo, x2, y2] = [null, null, null];
@@ -251431,7 +251431,7 @@ function SpatialTooltipSubscriber(props) {
     const obsId = getObsIdFromHoverData(hoverData);
     if (obsId) {
       [cellInfo, x2, y2] = [
-        getObsInfo(obsId, hoverMode),
+        getObsInfo2(obsId, hoverMode),
         ...hoverCoord || [null, null]
       ];
     }
@@ -251439,14 +251439,14 @@ function SpatialTooltipSubscriber(props) {
     const obsId = getObsIdFromHoverData(hoverData);
     if (obsId) {
       [cellInfo, x2, y2] = [
-        getObsInfo(obsId, hoverMode),
+        getObsInfo2(obsId, hoverMode),
         ...hoverCoord || [null, null]
       ];
     }
-  } else if (!useHoverInfoForTooltip && getObsInfo && obsHighlight) {
+  } else if (!useHoverInfoForTooltip && getObsInfo2 && obsHighlight) {
     const obsId = obsHighlight;
     [cellInfo, x2, y2] = [
-      getObsInfo(obsId, hoverMode),
+      getObsInfo2(obsId, hoverMode),
       ...viewInfo && viewInfo.projectFromId ? viewInfo.projectFromId(obsId) : [null, null]
     ];
   }
@@ -251620,7 +251620,7 @@ function SpatialSubscriber$1(props) {
     matrixObsIndex
   ]);
   const cellSelection = useMemo$1(() => Array.from(cellColors.keys()), [cellColors]);
-  const getObsInfo = useGetObsInfo(observationsLabel, obsLabelsTypes, obsLabelsData, obsSetsMembership);
+  const getObsInfo2 = useGetObsInfo(observationsLabel, obsLabelsTypes, obsLabelsData, obsSetsMembership);
   const getTooltipObsInfo = useCallback((tooltipObsId, tooltipObsType) => {
     if (tooltipObsType === HOVER_MODE.MOLECULE_LAYER) {
       return {
@@ -251628,8 +251628,8 @@ function SpatialSubscriber$1(props) {
         "Molecule Name": obsLocationsLabels[tooltipObsId]
       };
     }
-    return getObsInfo(tooltipObsId);
-  }, [getObsInfo, obsLocationsLabels]);
+    return getObsInfo2(tooltipObsId);
+  }, [getObsInfo2, obsLocationsLabels]);
   const [hoverData, setHoverData] = useState(null);
   const [hoverCoord, setHoverCoord] = useState(null);
   const [hoverMode, setHoverMode] = useState(null);
@@ -251757,7 +251757,7 @@ function SpatialSubscriber$1(props) {
     orbitAxis
   }, setViewState, originalViewState, imageLayerDefs: imageLayers, obsSegmentationsLayerDefs: cellsLayer, obsLocationsLayerDefs: moleculesLayer, neighborhoodLayerDefs: neighborhoodsLayer, obsLocationsIndex, obsSegmentationsIndex, obsLocations, obsLocationsLabels, obsLocationsFeatureIndex, hasSegmentations: hasSegmentationsData, obsSegmentations, obsSegmentationsType, obsCentroids, obsCentroidsIndex, cellFilter, cellSelection, cellHighlight, cellColors, neighborhoods, imageLayerLoaders: resolutionFilteredImageLayerLoaders, setCellFilter, setCellSelection: setCellSelectionProp, setCellHighlight, setHoverInfo, setMoleculeHighlight, setComponentHover: () => {
     setComponentHover(uuid2);
-  }, updateViewInfo: setComponentViewInfo, imageLayerCallbacks, segmentationLayerCallbacks, spatialAxisFixed, geneExpressionColormap, geneExpressionColormapRange, expressionData: shiftedExpressionDataForBitmask, cellColorEncoding, getExpressionValue, theme, useFullResolutionImage, photometricInterpretation }), tooltipsVisible && jsxRuntimeExports.jsx(SpatialTooltipSubscriber, { parentUuid: uuid2, obsHighlight: cellHighlight || moleculeHighlight, width: width2, height: height2, getObsInfo: getTooltipObsInfo, useHoverInfoForTooltip, hoverData, hoverCoord, hoverMode, getObsIdFromHoverData, featureType, featureLabelsMap }), jsxRuntimeExports.jsx(Legend, {
+  }, updateViewInfo: setComponentViewInfo, imageLayerCallbacks, segmentationLayerCallbacks, spatialAxisFixed, geneExpressionColormap, geneExpressionColormapRange, expressionData: shiftedExpressionDataForBitmask, cellColorEncoding, getExpressionValue, theme, useFullResolutionImage, photometricInterpretation }), tooltipsVisible && jsxRuntimeExports.jsx(SpatialTooltipSubscriber$1, { parentUuid: uuid2, obsHighlight: cellHighlight || moleculeHighlight, width: width2, height: height2, getObsInfo: getTooltipObsInfo, useHoverInfoForTooltip, hoverData, hoverCoord, hoverMode, getObsIdFromHoverData, featureType, featureLabelsMap }), jsxRuntimeExports.jsx(Legend, {
     visible: true,
     // Fix to dark theme due to black background of spatial plot.
     theme: "dark",
@@ -253018,6 +253018,117 @@ class Spatial2 extends AbstractSpatialOrScatterplot {
   }
 }
 const SpatialWrapper = forwardRef$1((props, deckRef) => jsxRuntimeExports.jsx(Spatial2, { ...props, deckRef }));
+function TooltipChild(props) {
+  const { x: x2, y: y2, parentUuid, sourceUuid, width: width2, height: height2, info: info2, tooltipsVisible, tooltipCrosshairsVisible, featureType, featureLabelsMap } = props;
+  const visible = parentUuid === sourceUuid ? tooltipsVisible : tooltipCrosshairsVisible;
+  return visible ? jsxRuntimeExports.jsx(Tooltip2D, { x: x2, y: y2, parentUuid, sourceUuid, parentWidth: width2, parentHeight: height2, children: jsxRuntimeExports.jsx(TooltipContent, { info: info2, featureType, featureLabelsMap }) }) : null;
+}
+function getXY(obsHighlight, viewInfo, obsIndex, obsLocations, useHoverInfoForTooltip, projectedHoverCoord) {
+  const hasObsCoordinates = useHoverInfoForTooltip ? true : obsIndex && obsLocations;
+  if (!hasObsCoordinates)
+    return null;
+  const obsI = obsIndex?.indexOf(obsHighlight);
+  if (obsI < 0)
+    return null;
+  if (useHoverInfoForTooltip) {
+    return [projectedHoverCoord?.[0], projectedHoverCoord?.[1]];
+  }
+  const obsCoord = [obsLocations?.data[0][obsI] || 0, obsLocations?.data[1][obsI] || 0, 0];
+  const projectedObsCoord = viewInfo?.project(obsCoord);
+  return [projectedObsCoord?.[0], projectedObsCoord?.[1]];
+}
+function getObsInfo(obsSetsData, obsType, obsId) {
+  let result = {
+    [`${capitalize$3(obsType)} ID`]: obsId
+  };
+  if (obsSetsData?.obsSetsMembership) {
+    const obsMembership = obsSetsData.obsSetsMembership.get(obsId) || [];
+    if (obsMembership) {
+      result = {
+        ...result,
+        ...Object.fromEntries(obsMembership.flatMap((path2) => path2.slice(1).map((pathEl, elLevel) => [
+          `${path2[0]}${path2.length > 2 ? ` L${elLevel + 1}` : ""}`,
+          pathEl
+        ])))
+      };
+    }
+  }
+  return result;
+}
+function SpatialTooltipSubscriber(props) {
+  const {
+    parentUuid,
+    width: width2,
+    height: height2,
+    hoverCoord,
+    featureType,
+    featureLabelsMap,
+    // Points
+    obsPoints,
+    pointLayerScopes,
+    pointLayerCoordination,
+    // Spots
+    obsSpots,
+    spotLayerScopes,
+    spotLayerCoordination,
+    // Segmentations
+    obsSegmentationsLocations,
+    segmentationLayerScopes,
+    segmentationChannelScopesByLayer,
+    segmentationChannelCoordination,
+    obsSegmentationsSetsData,
+    // Images
+    imageLayerScopes,
+    imageLayerCoordination
+  } = props;
+  const sourceUuid = useComponentHover();
+  const viewInfo = useComponentViewInfo(parentUuid);
+  const useHoverInfoForTooltip = sourceUuid === parentUuid && hoverCoord;
+  const projectedHoverCoord = useHoverInfoForTooltip ? viewInfo?.project(hoverCoord) : null;
+  let yOffset = -30;
+  return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [projectedHoverCoord && imageLayerScopes?.map((layerScope) => {
+    const { pixelHighlight, tooltipsVisible, spatialLayerVisible } = imageLayerCoordination?.[0]?.[layerScope] || {};
+    return tooltipsVisible && pixelHighlight && spatialLayerVisible ? jsxRuntimeExports.jsx(TooltipChild, { parentUuid, sourceUuid, width: width2, height: height2, info: {
+      "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 obsSetsData = obsSegmentationsSetsData?.[layerScope]?.[channelScope];
+    const obsInfo = getObsInfo(obsSetsData, obsType, obsHighlight);
+    if (!obsHighlight || !spatialChannelVisible || !tooltipsVisible && !tooltipCrosshairsVisible)
+      return null;
+    const { obsIndex, obsLocations } = obsSegmentationsLocations?.[layerScope]?.[channelScope] || {};
+    const xy = getXY(obsHighlight, viewInfo, obsIndex, obsLocations, useHoverInfoForTooltip, projectedHoverCoord);
+    if (!xy)
+      return null;
+    const [x2, y2] = xy;
+    return jsxRuntimeExports.jsx(TooltipChild, { parentUuid, sourceUuid, tooltipsVisible, tooltipCrosshairsVisible, width: width2, height: height2, info: obsInfo, x: x2, y: y2 + (yOffset += 20 + 15 * Object.keys(obsInfo).length), featureType, featureLabelsMap }, `${layerScope}-${channelScope}`);
+  })), spotLayerScopes?.map((layerScope) => {
+    const { obsType, obsHighlight, tooltipsVisible, tooltipCrosshairsVisible, spatialLayerVisible } = spotLayerCoordination?.[0]?.[layerScope] || {};
+    if (!obsHighlight || !spatialLayerVisible || !tooltipsVisible && !tooltipCrosshairsVisible)
+      return null;
+    const { obsIndex, obsSpots: obsLocations } = obsSpots?.[layerScope] || {};
+    const xy = getXY(obsHighlight, viewInfo, obsIndex, obsLocations, useHoverInfoForTooltip, projectedHoverCoord);
+    if (!xy)
+      return null;
+    const [x2, y2] = xy;
+    return jsxRuntimeExports.jsx(TooltipChild, { parentUuid, sourceUuid, tooltipsVisible, tooltipCrosshairsVisible, width: width2, height: height2, info: {
+      [`${capitalize$3(obsType)} ID`]: obsHighlight
+    }, x: x2, y: y2 + (yOffset += 30), featureType, featureLabelsMap }, layerScope);
+  }), pointLayerScopes?.map((layerScope) => {
+    const { obsType, obsHighlight, tooltipsVisible, tooltipCrosshairsVisible, spatialLayerVisible } = pointLayerCoordination?.[0]?.[layerScope] || {};
+    if (!obsHighlight || !spatialLayerVisible || !tooltipsVisible && !tooltipCrosshairsVisible)
+      return null;
+    const { obsIndex, obsPoints: obsLocations } = obsPoints?.[layerScope] || {};
+    const xy = getXY(obsHighlight, viewInfo, obsIndex, obsLocations, useHoverInfoForTooltip, projectedHoverCoord);
+    if (!xy)
+      return null;
+    const [x2, y2] = xy;
+    return jsxRuntimeExports.jsx(TooltipChild, { parentUuid, sourceUuid, tooltipsVisible, tooltipCrosshairsVisible, width: width2, height: height2, info: {
+      [`${capitalize$3(obsType)} ID`]: obsHighlight
+    }, x: x2, y: y2 + (yOffset += 30), featureType, featureLabelsMap }, layerScope);
+  })] });
+}
 class ErrorBoundary extends React__default.Component {
   constructor(props) {
     super(props);
@@ -253036,12 +253147,12 @@ class ErrorBoundary extends React__default.Component {
   }
 }
 const LazySpatialThree = React__default.lazy(async () => {
-  const { SpatialWrapper: SpatialWrapper2 } = await import("./index-De5hOIAN.js");
+  const { SpatialWrapper: SpatialWrapper2 } = await import("./index-S_FSh1nk.js");
   return { default: SpatialWrapper2 };
 });
 const SpatialThreeAdapter = React__default.forwardRef((props, ref2) => jsxRuntimeExports.jsx("div", { ref: ref2, style: { width: "100%", height: "100%" }, children: jsxRuntimeExports.jsx(ErrorBoundary, { children: jsxRuntimeExports.jsx(Suspense, { fallback: jsxRuntimeExports.jsx("div", { children: "Loading..." }), children: jsxRuntimeExports.jsx(LazySpatialThree, { ...props }) }) }) }));
 const LazySpatialAccelerated = React__default.lazy(async () => {
-  const { SpatialWrapper: SpatialWrapper2 } = await import("./index-CoLUuXiI.js");
+  const { SpatialWrapper: SpatialWrapper2 } = await import("./index-BAP2AnIF.js");
   return { default: SpatialWrapper2 };
 });
 const SpatialAcceleratedAdapter = React__default.forwardRef((props, ref2) => jsxRuntimeExports.jsx("div", { ref: ref2, style: { width: "100%", height: "100%" }, children: jsxRuntimeExports.jsx(ErrorBoundary, { children: jsxRuntimeExports.jsx(Suspense, { fallback: jsxRuntimeExports.jsx("div", { children: "Loading..." }), children: jsxRuntimeExports.jsx(LazySpatialAccelerated, { ...props }) }) }) }));
@@ -253530,7 +253641,29 @@ function SpatialSubscriber(props) {
     target: [targetX2, targetY2, targetZ],
     rotationX,
     rotationOrbit
-  } : DEFAULT_VIEW_STATE, orbitAxis, spatialAxisFixed, setViewState: isValidViewState ? setViewState : SET_VIEW_STATE_NOOP, originalViewState, spatialRenderingMode, updateViewInfo: setComponentViewInfo, delegateHover, obsPoints: obsPointsData, pointLayerScopes, pointLayerCoordination, pointMultiObsLabels: pointMultiObsLabelsData, obsSpots: obsSpotsData, spotLayerScopes, spotLayerCoordination, obsSpotsSets: obsSpotsSetsData, spotMatrixIndices: spotMultiIndicesData, spotMultiExpressionData: spotMultiExpressionNormData, segmentationLayerScopes, segmentationLayerCoordination, segmentationChannelScopesByLayer, segmentationChannelCoordination, obsSegmentations: obsSegmentationsData, obsSegmentationsLocations: obsSegmentationsLocationsData, obsSegmentationsSets: obsSegmentationsSetsData, segmentationMatrixIndices: segmentationMultiIndicesData, segmentationMultiExpressionData: segmentationMultiExpressionNormData, bitmaskValueIsIndex, images: imageData, imageLayerScopes, imageLayerCoordination, imageChannelScopesByLayer, imageChannelCoordination }), jsxRuntimeExports.jsx(
+  } : DEFAULT_VIEW_STATE, orbitAxis, spatialAxisFixed, setViewState: isValidViewState ? setViewState : SET_VIEW_STATE_NOOP, originalViewState, spatialRenderingMode, updateViewInfo: setComponentViewInfo, delegateHover, obsPoints: obsPointsData, pointLayerScopes, pointLayerCoordination, pointMultiObsLabels: pointMultiObsLabelsData, obsSpots: obsSpotsData, spotLayerScopes, spotLayerCoordination, obsSpotsSets: obsSpotsSetsData, spotMatrixIndices: spotMultiIndicesData, spotMultiExpressionData: spotMultiExpressionNormData, segmentationLayerScopes, segmentationLayerCoordination, segmentationChannelScopesByLayer, segmentationChannelCoordination, obsSegmentations: obsSegmentationsData, obsSegmentationsLocations: obsSegmentationsLocationsData, obsSegmentationsSets: obsSegmentationsSetsData, segmentationMatrixIndices: segmentationMultiIndicesData, segmentationMultiExpressionData: segmentationMultiExpressionNormData, bitmaskValueIsIndex, images: imageData, imageLayerScopes, imageLayerCoordination, imageChannelScopesByLayer, imageChannelCoordination }), !disableTooltip && jsxRuntimeExports.jsx(SpatialTooltipSubscriber, {
+    parentUuid: uuid2,
+    width: width2,
+    height: height2,
+    hoverCoord,
+    // Points
+    obsPoints: obsPointsData,
+    pointLayerScopes,
+    pointLayerCoordination,
+    // Spots
+    obsSpots: obsSpotsData,
+    spotLayerScopes,
+    spotLayerCoordination,
+    // Segmentations
+    obsSegmentationsLocations: obsSegmentationsLocationsData,
+    segmentationLayerScopes,
+    segmentationChannelScopesByLayer,
+    segmentationChannelCoordination,
+    obsSegmentationsSetsData,
+    // Images
+    imageLayerScopes,
+    imageLayerCoordination
+  }), jsxRuntimeExports.jsx(
     MultiLegend,
     {
       // Fix to dark theme due to black background of spatial plot.
@@ -254365,11 +254498,11 @@ const Heatmap$1 = forwardRef$1((props, deckRef) => {
 });
 Heatmap$1.displayName = "Heatmap";
 function HeatmapTooltipSubscriber(props) {
-  const { parentUuid, width: width2, height: height2, transpose: transpose2, getObsInfo, getFeatureInfo, obsHighlight, featureHighlight, featureType, featureLabelsMap } = props;
+  const { parentUuid, width: width2, height: height2, transpose: transpose2, getObsInfo: getObsInfo2, getFeatureInfo, obsHighlight, featureHighlight, featureType, featureLabelsMap } = props;
   const sourceUuid = useComponentHover();
   const viewInfo = useComponentViewInfo(parentUuid);
-  const [cellInfo, cellCoord] = obsHighlight && getObsInfo ? [
-    getObsInfo(obsHighlight),
+  const [cellInfo, cellCoord] = obsHighlight && getObsInfo2 ? [
+    getObsInfo2(obsHighlight),
     viewInfo && viewInfo.projectFromId ? viewInfo.projectFromId(obsHighlight, null)[transpose2 ? 0 : 1] : null
   ] : [null, null];
   const [geneInfo, geneCoord] = featureHighlight && getFeatureInfo ? [
@@ -254477,7 +254610,7 @@ function HeatmapSubscriber(props) {
     cellSetSelection,
     obsIndex
   ]);
-  const getObsInfo = useGetObsInfo(observationsLabel, obsLabelsTypes, obsLabelsData, obsSetsMembership);
+  const getObsInfo2 = useGetObsInfo(observationsLabel, obsLabelsTypes, obsLabelsData, obsSetsMembership);
   const getObsMembership = useGetObsMembership(obsSetsMembership);
   const getFeatureInfo = useCallback((featureId2) => {
     if (featureId2) {
@@ -254517,7 +254650,7 @@ function HeatmapSubscriber(props) {
     setTargetY(target2[1]);
   }, colormapRange: geneExpressionColormapRange, setColormapRange: setGeneExpressionColormapRange, height: height2, width: width2, theme, uuid: uuid2, uint8ObsFeatureMatrix: uint8ObsFeatureMatrix?.data, cellColors, colormap: geneExpressionColormap, setIsRendering, setCellHighlight, setGeneHighlight, featureLabelsMap, obsIndex, featureIndex, setTrackHighlight, setComponentHover: () => {
     setComponentHover(uuid2);
-  }, updateViewInfo: setComponentViewInfo, observationsTitle, variablesTitle, variablesDashes: false, observationsDashes: false, cellColorLabels, useDevicePixels: true, onHeatmapClick, setColorEncoding: setHoveredColorEncoding }), tooltipsVisible && jsxRuntimeExports.jsx(HeatmapTooltipSubscriber, { parentUuid: uuid2, width: width2, height: height2, transpose: transpose2, getObsInfo, getFeatureInfo, obsHighlight: cellHighlight, featureHighlight: geneHighlight, featureType, featureLabelsMap }), jsxRuntimeExports.jsx(Legend, { visible: true, theme, featureType, featureValueType, obsColorEncoding: "geneExpression", considerSelections: false, featureSelection: geneSelection, obsSetSelection: cellSetSelection, featureValueColormap: geneExpressionColormap, featureValueColormapRange: geneExpressionColormapRange, extent: obsFeatureMatrixExtent })] });
+  }, updateViewInfo: setComponentViewInfo, observationsTitle, variablesTitle, variablesDashes: false, observationsDashes: false, cellColorLabels, useDevicePixels: true, onHeatmapClick, setColorEncoding: setHoveredColorEncoding }), tooltipsVisible && jsxRuntimeExports.jsx(HeatmapTooltipSubscriber, { parentUuid: uuid2, width: width2, height: height2, transpose: transpose2, getObsInfo: getObsInfo2, getFeatureInfo, obsHighlight: cellHighlight, featureHighlight: geneHighlight, featureType, featureLabelsMap }), jsxRuntimeExports.jsx(Legend, { visible: true, theme, featureType, featureValueType, obsColorEncoding: "geneExpression", considerSelections: false, featureSelection: geneSelection, obsSetSelection: cellSetSelection, featureValueColormap: geneExpressionColormap, featureValueColormapRange: geneExpressionColormapRange, extent: obsFeatureMatrixExtent })] });
 }
 function _classCallCheck(a2, n3) {
   if (!(a2 instanceof n3)) throw new TypeError("Cannot call a class as a function");
@@ -265938,89 +266071,6 @@ function set_from_chunk_binary(dest, src, bytes_per_element2, projections2) {
     }, bytes_per_element2, projs);
   }
 }
-function fetch_range(url, offset2, length2, opts2 = {}) {
-  if (offset2 !== void 0 && length2 !== void 0) {
-    opts2 = {
-      ...opts2,
-      headers: {
-        ...opts2.headers,
-        Range: `bytes=${offset2}-${offset2 + length2 - 1}`
-      }
-    };
-  }
-  return fetch(url, opts2);
-}
-function merge_init(storeOverrides, requestOverrides) {
-  return {
-    ...storeOverrides,
-    ...requestOverrides,
-    headers: {
-      ...storeOverrides.headers,
-      ...requestOverrides.headers
-    }
-  };
-}
-function resolve$1(root2, path2) {
-  const base2 = typeof root2 === "string" ? new URL(root2) : root2;
-  if (!base2.pathname.endsWith("/")) {
-    base2.pathname += "/";
-  }
-  const resolved = new URL(path2.slice(1), base2);
-  resolved.search = base2.search;
-  return resolved;
-}
-async function handle_response(response) {
-  if (response.status === 404) {
-    return void 0;
-  }
-  if (response.status === 200 || response.status === 206) {
-    return new Uint8Array(await response.arrayBuffer());
-  }
-  throw new Error(`Unexpected response status ${response.status} ${response.statusText}`);
-}
-async function fetch_suffix(url, suffix_length, init2, use_suffix_request) {
-  if (use_suffix_request) {
-    return fetch(url, {
-      ...init2,
-      headers: { ...init2.headers, Range: `bytes=-${suffix_length}` }
-    });
-  }
-  let response = await fetch(url, { ...init2, method: "HEAD" });
-  if (!response.ok) {
-    return response;
-  }
-  let content_length = response.headers.get("Content-Length");
-  let length2 = Number(content_length);
-  return fetch_range(url, length2 - suffix_length, length2, init2);
-}
-class FetchStore2 {
-  #overrides;
-  #use_suffix_request;
-  constructor(url, options = {}) {
-    this.url = url;
-    this.#overrides = options.overrides ?? {};
-    this.#use_suffix_request = options.useSuffixRequest ?? false;
-  }
-  #merge_init(overrides) {
-    return merge_init(this.#overrides, overrides);
-  }
-  async get(key2, options = {}) {
-    let href2 = resolve$1(this.url, key2).href;
-    let response = await fetch(href2, this.#merge_init(options));
-    return handle_response(response);
-  }
-  async getRange(key2, range2, options = {}) {
-    let url = resolve$1(this.url, key2);
-    let init2 = this.#merge_init(options);
-    let response;
-    if ("suffixLength" in range2) {
-      response = await fetch_suffix(url, range2.suffixLength, init2, this.#use_suffix_request);
-    } else {
-      response = await fetch_range(url, range2.offset, range2.length, init2);
-    }
-    return handle_response(response);
-  }
-}
 function multivecChunksToTileDenseArray(chunks, tileShape, isRow) {
   const fullTileLength = isRow ? tileShape[1] : tileShape[0] * tileShape[1];
   const fullTileArray = new Float32Array(fullTileLength);
@@ -266066,7 +266116,7 @@ var ZarrMultivecDataFetcher = function ZarrMultivecDataFetcher2(HGC, ...args) {
         this.storeRoot = Promise.resolve(ZarrMultivecDataFetcher2.urlToStoreRoot[dataConfig.url]);
       } else if (dataConfig.url) {
         const { url, options = {} } = dataConfig;
-        this.store = new FetchStore2(url, options);
+        this.store = new FetchStore(url, options);
         this.storeRoot = Promise.resolve(root(this.store));
       }
       if (dataConfig.row !== void 0) {
@@ -266242,7 +266292,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-DOnQ6srf.js");
+  const { HiGlassComponent } = await import("./higlass-n5FnMrCn.js");
   return { default: HiGlassComponent };
 });
 const HG_SIZE = 800;
@@ -269189,7 +269239,7 @@ function NeuroglancerGlobalStyles(props) {
   const { classes: classes2 } = props;
   return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(GlobalStyles$3, { styles: globalNeuroglancerCss }), jsxRuntimeExports.jsx(ScopedGlobalStyles, { styles: globalNeuroglancerStyles, parentClassName: classes2.neuroglancerWrapper })] });
 }
-const LazyReactNeuroglancer = React__default.lazy(() => import("./ReactNeuroglancer-DLpKRSC5.js"));
+const LazyReactNeuroglancer = React__default.lazy(() => import("./ReactNeuroglancer-Cd-eoVyU.js"));
 function createWorker() {
   return new WorkerFactory();
 }
@@ -354087,6 +354137,24 @@ class ObsLabelsCsvLoader extends CsvLoader {
     return this.cachedResult;
   }
 }
+class VitessceConfigViewHConcat {
+  constructor(views) {
+    this.views = views;
+  }
+}
+class VitessceConfigViewVConcat {
+  constructor(views) {
+    this.views = views;
+  }
+}
+function hconcat(...views) {
+  const vcvhc = new VitessceConfigViewHConcat(views);
+  return vcvhc;
+}
+function vconcat(...views) {
+  const vcvvc = new VitessceConfigViewVConcat(views);
+  return vcvvc;
+}
 class CoordinationLevel {
   constructor(value2) {
     this.value = value2;
@@ -354105,6 +354173,233 @@ class CoordinationLevel {
 function CL(value2) {
   return new CoordinationLevel(value2);
 }
+class AbstractAutoConfig {
+  constructor(parsedStore) {
+    const { url, fileType, zmetadata } = parsedStore;
+    this.url = url;
+    this.fileType = fileType;
+    this.zmetadata = zmetadata;
+  }
+  // eslint-disable-next-line class-methods-use-this
+  addFiles(vc, dataset) {
+    throw new Error("The addFiles() method has not been implemented.");
+  }
+  // eslint-disable-next-line class-methods-use-this
+  addViews(vc, dataset, layoutOption) {
+    throw new Error("The addViews() method has not been implemented.");
+  }
+}
+class AnnDataAutoConfig extends AbstractAutoConfig {
+  getOptions() {
+    const { zmetadata } = this;
+    const options = {
+      obsEmbedding: [],
+      obsSets: []
+    };
+    zmetadata.forEach(({ path: path2, attrs }) => {
+      const lowerPath = path2.toLowerCase();
+      const relPath = path2.substring(1);
+      if (["/x"].includes(lowerPath)) {
+        options.obsFeatureMatrix = {
+          path: relPath
+          // TODO: Also check the shape of X.
+          // If X is very large, try to initialize initial-filtering properties
+          // (will require that /var contains a boolean column however.)
+        };
+      }
+      if (["/obsm/x_spatial", "/obsm/spatial"].includes(lowerPath)) {
+        options.obsLocations = {
+          path: relPath
+        };
+      }
+      if (["/obsm/x_umap", "/obsm/umap"].includes(lowerPath)) {
+        options.obsEmbedding.push({ path: relPath, embeddingType: "UMAP" });
+      }
+      if (["/obsm/x_tsne", "/obsm/tsne"].includes(lowerPath)) {
+        options.obsEmbedding.push({ path: relPath, embeddingType: "t-SNE" });
+      }
+      if (["/obsm/x_pca", "/obsm/pca"].includes(lowerPath)) {
+        options.obsEmbedding.push({ path: relPath, embeddingType: "PCA" });
+      }
+      const supportedObsSetsPaths = [
+        "cluster",
+        "clusters",
+        "subcluster",
+        "cell_type",
+        "celltype",
+        "leiden",
+        "louvain",
+        "disease",
+        "organism",
+        "self_reported_ethnicity",
+        "tissue",
+        "sex"
+      ].map((colname) => `/obs/${colname}`);
+      if (supportedObsSetsPaths.includes(lowerPath)) {
+        const name2 = relPath.split("/").at(-1);
+        options.obsSets.push({ path: relPath, name: name2 });
+      }
+    });
+    return options;
+  }
+  addFiles(vc, dataset) {
+    const { url, fileType } = this;
+    dataset.addFile({
+      url,
+      fileType,
+      options: this.getOptions()
+      // TODO: coordination values?
+    });
+  }
+  // eslint-disable-next-line class-methods-use-this
+  addViews(vc, dataset, layoutOption) {
+  }
+}
+class SpatialDataAutoConfig extends AbstractAutoConfig {
+  getOptions() {
+    const { zmetadata } = this;
+    const options = {};
+    const availableElements = zmetadata.filter(({ path: path2 }) => {
+      const relPath = path2.substring(1);
+      return relPath.match(/^(tables|table|images|labels|shapes|points)\/([^/]*)$/);
+    });
+    availableElements.forEach(({ path: path2, attrs }) => {
+      const relPath = path2.substring(1);
+      const firstCoordinateSystem = attrs?.multiscales?.[0]?.coordinateTransformations?.[0]?.output?.name;
+      if (relPath.match(/^(images)\/([^/]*)$/)) {
+        options.image = {
+          path: relPath,
+          coordinateSystem: firstCoordinateSystem
+          // TODO: support a fileUid property in the schema?
+        };
+      }
+      if (relPath.match(/^(labels)\/([^/]*)$/)) {
+        options.obsSegmentations = {
+          path: relPath,
+          coordinateSystem: firstCoordinateSystem
+          // TODO: support a fileUid property in the schema?
+        };
+      }
+      if (relPath.match(/^(shapes)\/([^/]*)$/)) {
+        options.obsSpots = {
+          path: relPath,
+          coordinateSystem: firstCoordinateSystem
+        };
+      }
+      if (relPath.match(/^(points)\/([^/]*)$/)) {
+        options.obsPoints = {
+          path: relPath,
+          coordinateSystem: firstCoordinateSystem
+        };
+      }
+      if (relPath.match(/^(tables|table)\/([^/]*)$/)) {
+        const tableEls = zmetadata.filter(({ path: subpath }) => subpath.startsWith(path2));
+        const hasX = tableEls.find((el) => el.path === `${path2}/X`);
+        if (hasX) {
+          options.obsFeatureMatrix = {
+            path: hasX.path.substring(1)
+            // region: null,
+          };
+        }
+        const hasObs = tableEls.find((el) => el.path === `${path2}/obs`);
+        if (hasObs) {
+          const columnOrder = hasObs.attrs?.["column-order"];
+          options.obsSets = {
+            // region: null,
+            tablePath: relPath,
+            obsSets: columnOrder.map((c2) => ({
+              // TODO: determine whether this column is string/categorical.
+              // TODO: determine whether this column contains too many
+              // categories to make sense to consider a cell set.
+              path: `${hasObs.path.substring(1)}/${c2}`,
+              name: c2
+            }))
+          };
+        }
+      }
+    });
+    return options;
+  }
+  addFiles(vc, dataset) {
+    const { url, fileType } = this;
+    dataset.addFile({
+      url,
+      fileType,
+      options: this.getOptions()
+      // TODO: coordination values?
+    });
+  }
+  // eslint-disable-next-line class-methods-use-this
+  addViews(vc, dataset, layoutOption) {
+    const options = this.getOptions();
+    const spatialView = vc.addView(dataset, "spatialBeta");
+    const lcView = vc.addView(dataset, "layerControllerBeta");
+    const controlViews = [lcView];
+    if (options.obsSets) {
+      const obsSets = vc.addView(dataset, "obsSets");
+      controlViews.push(obsSets);
+    }
+    if (options.obsFeatureMatrix) {
+      const featureList = vc.addView(dataset, "featureList");
+      controlViews.push(featureList);
+    }
+    vc.layout(hconcat(spatialView, vconcat(...controlViews)));
+  }
+}
+class OmeAutoConfig extends AbstractAutoConfig {
+  addFiles(vc, dataset) {
+    const { url, fileType } = this;
+    dataset.addFile({
+      url,
+      fileType
+      // TODO: options?
+      // TODO: coordination values?
+    });
+  }
+  // eslint-disable-next-line class-methods-use-this
+  addViews(vc, dataset, layoutOption) {
+    const spatialView = vc.addView(dataset, "spatialBeta");
+    const lcView = vc.addView(dataset, "layerControllerBeta");
+    vc.layout(hconcat(spatialView, lcView));
+  }
+}
+({
+  [FileType$1.IMAGE_OME_TIFF]: [".ome.tif", ".ome.tiff", ".ome.tf2", ".ome.tf8"],
+  [FileType$1.IMAGE_OME_ZARR]: [".ome.zarr"],
+  [FileType$1.IMAGE_OME_ZARR_ZIP]: [".ome.zarr.zip"],
+  [FileType$1.ANNDATA_ZARR]: [".ad.zarr", ".h5ad.zarr", ".adata.zarr", ".anndata.zarr"],
+  [FileType$1.ANNDATA_ZARR_ZIP]: [".ad.zarr.zip", ".h5ad.zarr.zip", ".adata.zarr.zip", ".anndata.zarr.zip"],
+  // TODO: how to handle h5ad-based AnnData (since needs reference JSON file).
+  // Perhaps just assume one H5AD+one JSON (or .ref.json) file correspond to each other?
+  [FileType$1.SPATIALDATA_ZARR]: [".sd.zarr", ".sdata.zarr", ".spatialdata.zarr"],
+  [FileType$1.SPATIALDATA_ZARR_ZIP]: [".sd.zarr.zip", ".sdata.zarr.zip", ".spatialdata.zarr.zip"]
+});
+({
+  // OME-TIFF
+  [FileType$1.IMAGE_OME_TIFF]: OmeAutoConfig,
+  [FileType$1.OBS_SEGMENTATIONS_OME_TIFF]: OmeAutoConfig,
+  // OME-Zarr
+  [FileType$1.IMAGE_OME_ZARR]: OmeAutoConfig,
+  [FileType$1.IMAGE_OME_ZARR_ZIP]: OmeAutoConfig,
+  [FileType$1.OBS_SEGMENTATIONS_OME_ZARR]: OmeAutoConfig,
+  [FileType$1.OBS_SEGMENTATIONS_OME_ZARR_ZIP]: OmeAutoConfig,
+  // AnnData
+  [FileType$1.ANNDATA_ZARR]: AnnDataAutoConfig,
+  [FileType$1.ANNDATA_ZARR_ZIP]: AnnDataAutoConfig,
+  // SpatialData
+  [FileType$1.SPATIALDATA_ZARR]: SpatialDataAutoConfig,
+  [FileType$1.SPATIALDATA_ZARR_ZIP]: SpatialDataAutoConfig
+});
+[
+  FileType$1.ANNDATA_ZARR,
+  FileType$1.ANNDATA_ZARR_ZIP,
+  FileType$1.SPATIALDATA_ZARR,
+  FileType$1.SPATIALDATA_ZARR_ZIP,
+  FileType$1.IMAGE_OME_ZARR,
+  FileType$1.IMAGE_OME_ZARR_ZIP,
+  FileType$1.OBS_SEGMENTATIONS_OME_ZARR,
+  FileType$1.OBS_SEGMENTATIONS_OME_ZARR_ZIP
+];
 class ObsSpotsCsvLoader extends CsvLoader {
   loadFromCache(data2) {
     if (this.cachedResult) {
@@ -372946,6 +373241,36 @@ function getDataView(source2) {
   }
   return null;
 }
+function toFloat32Array(input) {
+  if (input instanceof Float32Array) {
+    return input;
+  }
+  if (input instanceof BigInt64Array) {
+    const floats = new Float32Array(input.length);
+    for (let i2 = 0; i2 < input.length; i2++) {
+      floats[i2] = Number(input[i2]);
+    }
+    return floats;
+  }
+  if (input instanceof Float64Array) {
+    return new Float32Array(input);
+  }
+  if (input instanceof Array) {
+    return new Float32Array(input);
+  }
+  log$b.warn("toFloat32Array expected Float32Array, Float64Array, BigInt64Array, or Array input");
+  return new Float32Array(input);
+}
+function downcastIfBigIntArray(input) {
+  if (input instanceof BigInt64Array) {
+    const downcasted = new Int32Array(input.length);
+    for (let i2 = 0; i2 < input.length; i2++) {
+      downcasted[i2] = Number(input[i2]);
+    }
+    return downcasted;
+  }
+  return input;
+}
 const shapesElementRegex = /^shapes\/([^/]*)$/;
 const shapesSubElementRegex = /^shapes\/([^/]*)\/(.*)$/;
 function getShapesElementPath(arrPath) {
@@ -372971,26 +373296,6 @@ function getParquetPath$1(arrPath) {
   }
   throw new Error(`Cannot determine parquet path for shapes array path: ${arrPath}`);
 }
-function toFloat32Array(input) {
-  if (input instanceof Float32Array) {
-    return input;
-  }
-  if (input instanceof BigInt64Array) {
-    const floats = new Float32Array(input.length);
-    for (let i2 = 0; i2 < input.length; i2++) {
-      floats[i2] = Number(input[i2]);
-    }
-    return floats;
-  }
-  if (input instanceof Float64Array) {
-    return new Float32Array(input);
-  }
-  if (input instanceof Array) {
-    return new Float32Array(input);
-  }
-  log$b.warn("toFloat32Array expected Float32Array, Float64Array, BigInt64Array, or Array input");
-  return new Float32Array(input);
-}
 class SpatialDataShapesSource extends SpatialDataTableSource {
   /**
    *
@@ -373078,11 +373383,17 @@ class SpatialDataShapesSource extends SpatialDataTableSource {
   _decodeWkbColumnFlat(geometryColumn) {
     const wkb = new WKB();
     const arr = geometryColumn.toArray();
-    return arr.map((geom) => (
-      /** @type {[number, number]} */
-      /** @type {any} */
-      wkb.readGeometry(geom).getFlatCoordinates()
-    ));
+    return arr.map((geom) => {
+      const coords = (
+        /** @type {any} */
+        wkb.readGeometry(geom).getFlatCoordinates()
+      );
+      const downcastedCoords = (
+        /** @type {[number, number]} */
+        coords.map((coord) => Number(coord))
+      );
+      return downcastedCoords;
+    });
   }
   /**
    * Helper to decode WKB geometry column as nested coordinates (for polygons).
@@ -373099,7 +373410,12 @@ class SpatialDataShapesSource extends SpatialDataTableSource {
         /** @type {any} */
         wkb.readGeometry(geom).getCoordinates()
       );
-      return coords[0];
+      const firstPolygon = coords[0];
+      for (let i2 = 0; i2 < firstPolygon.length; i2++) {
+        firstPolygon[i2] = /** @type {[number, number]} */
+        firstPolygon[i2].map((coord) => Number(coord));
+      }
+      return firstPolygon;
     });
   }
   /**
@@ -373259,7 +373575,7 @@ class SpatialDataPointsSource extends SpatialDataTableSource {
       if (!column2) {
         throw new Error(`Column "${name2}" not found in the arrow table.`);
       }
-      return column2.toArray();
+      return downcastIfBigIntArray(column2.toArray());
     });
     return {
       shape: [axisColumnArrs.length, arrowTable.numRows],