@jax-data-science/sci-image-visualizer 0.2.0 → 0.2.1

package/fesm2022/jax-data-science-sci-image-visualizer.mjs

@@ -166,7 +166,7 @@ const PLOT_TYPE_DESCRIPTORS = {
     // ── napari-js WebGPU (jit-ui#102). The 3D types take a runtime decimate factor. ──
     [PlotType.NAPARI_IMAGE]: { type: PlotType.NAPARI_IMAGE, label: 'Image (napari · WebGPU)', icon: 'pi pi-image', dimensions: '2d', source: 'image' },
     [PlotType.NAPARI_SCATTER]: { type: PlotType.NAPARI_SCATTER, label: 'Scatter 2D (napari · WebGPU)', icon: 'pi pi-chart-scatter', dimensions: '2d', source: 'regions' },
-    [PlotType.NAPARI_SURFACE]: { type: PlotType.NAPARI_SURFACE, label: 'Surface (napari · WebGPU)', productionLabel: 'Surface', icon: 'assets/plotting/surface.svg', dimensions: '3d', source: 'image', requiresGrayscale: true },
+    [PlotType.NAPARI_SURFACE]: { type: PlotType.NAPARI_SURFACE, label: 'Surface (napari · WebGPU)', productionLabel: 'Surface', icon: 'assets/plotting/surface.svg', dimensions: '3d', source: 'image' }, // a height-field is z=intensity of one plane — works for any grayscale/RGB image (RGB→luminance), no stack needed
     [PlotType.NAPARI_SCATTER3D]: { type: PlotType.NAPARI_SCATTER3D, label: 'Scatter 3D (napari · WebGPU)', icon: 'assets/plotting/3d-coordinates.svg', dimensions: '3d', source: 'image', requiresStack: true, requiresGrayscale: true },
     [PlotType.NAPARI_VOLUME]: { type: PlotType.NAPARI_VOLUME, label: 'Volume (napari · WebGPU)', productionLabel: 'Volume', icon: 'assets/plotting/cube-3d.svg', dimensions: '3d', source: 'image', requiresStack: true, requiresGrayscale: true },
     [PlotType.NAPARI_ISOSURFACE]: { type: PlotType.NAPARI_ISOSURFACE, label: 'Isosurface (napari · WebGPU)', productionLabel: 'Isosurface', icon: 'assets/plotting/isosurface.svg', dimensions: '3d', source: 'image', requiresStack: true, requiresGrayscale: true },
@@ -6720,6 +6720,11 @@ class VisualizerComponent {
         const caps = this.plotService.capabilities;
         const isStack = !!this.imageInfo?.isStack;
         const isGrayscale = !!this.imageInfo?.isGrayscale;
+        // A multichannel image's bands are each single-band (scalar), so the scalar
+        // plot modes (Heatmap / Surface / Volume / Isosurface) apply per channel even
+        // though the RGB composite isn't grayscale — don't gate them out.
+        const m0 = this.imageInfo?.imageMeta?.[0];
+        const isMultichannel = (m0?.channelCount ?? 1) > 1 && (m0?.rgbChannels ?? 1) < 3;
         this.plotTypeOptions = this.plotService.getPlotTypeDescriptors()
             .filter((d) => {
             // Outside test mode, only the curated set (those with a productionLabel)
@@ -6730,7 +6735,7 @@ class VisualizerComponent {
                 return false;
             if (d.requiresStack && !isStack)
                 return false;
-            if (d.requiresGrayscale && !isGrayscale)
+            if (d.requiresGrayscale && !isGrayscale && !isMultichannel)
                 return false;
             return true;
         })
@@ -18877,7 +18882,13 @@ class NapariVisualizerService extends BaseStoreVisualizer {
         // beyond that one file's own extent).
         const info = this.loaded?.imageInfo;
         if (this.simpleStack.isSimple(info)) {
-            const url = this.simpleStack.urlFor(info, z);
+            // Serverless multichannel volume: fetch the requested channel's OWN plane
+            // (channelUrls[z][channel]) so each band stays distinct — the client-side
+            // analog of the server's per-channel /tile?channel=c. Else the z-anchor URL.
+            const chUrls = info.channelUrls;
+            const url = channel != null && chUrls?.[z]?.[channel] != null
+                ? chUrls[z][channel]
+                : this.simpleStack.urlFor(info, z);
             if (!url)
                 throw new Error(`[napari-js] no URL for slice ${z}`);
             return this.simpleStack.fetchAsBitmap(url);
@@ -19487,8 +19498,13 @@ class NapariVisualizerService extends BaseStoreVisualizer {
     async mountVolume(viewer, info, plotType) {
         const token = this.loadToken; // bail before rendering if a Cancel / new plot bumps this
         const desc = await this.ensureDescriptor();
-        const channelCount = desc?.channels ?? 1;
-        const multichannel = !!desc?.multichannel && channelCount > 1;
+        // Serverless multichannel (tiled:false + channelUrls): no tile descriptor, so
+        // derive the channel count from imageMeta and assemble each band from its own
+        // channelUrls[z][c] plane (fetchSlice does the per-channel routing).
+        const simpleMc = this.simpleStack.isSimple(info) && !!info?.channelUrls?.length
+            && (info?.imageMeta?.[0]?.channelCount ?? 1) > 1;
+        const channelCount = simpleMc ? info.imageMeta[0].channelCount : (desc?.channels ?? 1);
+        const multichannel = simpleMc || (!!desc?.multichannel && channelCount > 1);
         const res = volumeResolutionFor(this.resolutionScale);
         const rendering = isNapariIsosurface(plotType) ? 'iso' : 'mip';
         const states = this.store.currentChannelStates();