arrayview 0.46.2__py3-none-any.whl → 0.47.0__py3-none-any.whl

arrayview/_routes_loading.py

@@ -96,10 +96,12 @@ def register_loading_routes(app, *, notify_shells, setup_rgb) -> None:
         result = []
         for session in SESSIONS.values():
             dtype_str = str(getattr(session.data, "dtype", "unknown"))
+            code = getattr(session, "code_source", None) or {}
             result.append(
                 {
                     "sid": session.sid,
                     "name": session.name,
+                    "var": code.get("name") or None,
                     "shape": [int(x) for x in session.shape],
                     "filepath": session.filepath,
                     "dtype": dtype_str,

arrayview/_viewer.html

@@ -236,22 +236,24 @@
             border-radius: 10px;
             overflow: hidden;
         }
-        /* Orientation arrow — hovering a dim label in the DimBar shows a
-           small arrow near that dimension's zero point, pointing toward
-           increasing values. See _showOrientEdgeHighlight(). */
-        .orient-arrow {
-            position: absolute; width: 32px; height: 32px;
-            pointer-events: none; z-index: 5;
+        /* Orientation cross — hovering the DimBar (or pressing r / t) shows a
+           small axis cross in the origin corner of every image pane, one arrow
+           per in-plane direction with its letter. See _showOrientEdgeHighlight().
+           Yellow with a black outline so it reads on bright and dark image
+           content alike. */
+        .orient-cross {
+            position: fixed; left: 0; top: 0; width: 64px; height: 64px;
+            transform-origin: 0 0; pointer-events: none; z-index: 60;
             opacity: 0; transition: opacity 0.15s ease;
         }
-        .orient-arrow.showing { opacity: 0.9; }
-        /* Dark halo so the arrow reads against bright/washed-out image content
-           regardless of the active colormap (same technique used elsewhere
-           for on-canvas markers). A single polygon (not a separate shaft +
-           head) so the outline wraps one shape with no seam down the middle. */
-        .orient-arrow polygon {
-            paint-order: stroke;
-            stroke: var(--bg); stroke-width: 3px; stroke-linejoin: round;
+        .orient-cross.showing { opacity: 1; }
+        .orient-cross .oc-halo { stroke: rgba(0, 0, 0, 0.7); stroke-width: 4px; fill: none; stroke-linecap: round; }
+        .orient-cross .oc-ln { stroke: var(--active-dim); stroke-width: 1.5px; fill: none; stroke-linecap: round; }
+        .orient-cross .oc-hd { fill: var(--active-dim); stroke: rgba(0, 0, 0, 0.7); stroke-width: 2.5px; stroke-linejoin: round; paint-order: stroke; }
+        .orient-cross text {
+            font-family: 'SF Mono', ui-monospace, 'Cascadia Code', 'JetBrains Mono', monospace;
+            font-size: 12px; font-weight: 600; fill: var(--active-dim);
+            stroke: rgba(0, 0, 0, 0.7); stroke-width: 3px; stroke-linejoin: round; paint-order: stroke;
         }
         #slim-cb-wrap {
             text-align: center;
@@ -2087,6 +2089,18 @@
         .drop-action:hover:not(:disabled) { color: var(--active-dim); background: var(--surface-2); }
         .drop-action:disabled { color: var(--muted); cursor: default; opacity: 0.5; }
         .drop-action-reason { display: block; margin-top: 2px; font-size: 9px; color: var(--muted); }
+        #compare-with-menu {
+            display: none; position: fixed; z-index: 70; left: 50%; top: 50%;
+            transform: translate(-50%, -50%); width: min(340px, calc(100vw - 24px));
+            max-height: calc(100vh - 48px); overflow-y: auto;
+            padding: 8px; background: var(--surface); border: 1px solid var(--border);
+            border-radius: var(--radius-lg); color: var(--text); font: 11px var(--mono);
+            backdrop-filter: var(--blur); -webkit-backdrop-filter: var(--blur);
+        }
+        #compare-with-menu.visible { display: block; }
+        #compare-with-title { padding: 4px 6px 2px; }
+        #compare-with-summary { color: var(--muted); padding: 0 6px 7px; font-size: 10px; }
+        .compare-with-key { color: var(--muted); margin-right: 8px; }
         .mode-badge {
             display: inline-block; font-size: 0.62em; font-weight: 600;
             letter-spacing: 0.08em; padding: 2px 6px; border-radius: 4px;
@@ -4247,6 +4261,13 @@
         /* qMRI 3-plane multiview: one map per row (3 planes) + a vertical colorbar on the right */
         .qmri-mv-row { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 14px; }
         .qmri-mv-row .qv-canvas-clip { align-items: center; justify-content: center; }
+        /* qMRI ortho: the 3x3 panes touch and read as one block, so only the
+           outer corners of the block are rounded. */
+        body.rounded-panes .qmri-mv-row .qv-canvas-clip { border-radius: 0; }
+        body.rounded-panes .qmri-mv-row .qv-canvas-clip.qmv-tl { border-top-left-radius: 10px; }
+        body.rounded-panes .qmri-mv-row .qv-canvas-clip.qmv-tr { border-top-right-radius: 10px; }
+        body.rounded-panes .qmri-mv-row .qv-canvas-clip.qmv-bl { border-bottom-left-radius: 10px; }
+        body.rounded-panes .qmri-mv-row .qv-canvas-clip.qmv-br { border-bottom-right-radius: 10px; }
         .qmri-mv-row > .qv-row { flex: 0 1 auto; }
         .qmri-mv-cb { display: flex; align-items: center; flex-shrink: 0; }
         .qmri-mv-vcb-island { padding: 4px 8px; margin-top: 0; flex-direction: column !important; gap: 3px; }
@@ -5741,6 +5762,11 @@
         <div id="drop-action-summary"></div>
         <div id="drop-action-list"></div>
     </div>
+    <div id="compare-with-menu" aria-hidden="true">
+        <div id="compare-with-title">Compare with…</div>
+        <div id="compare-with-summary"></div>
+        <div id="compare-with-list"></div>
+    </div>
     <div id="help-overlay">
         <div id="help-box">
             <div id="help-tabs"></div>
@@ -7507,6 +7533,7 @@
         let _cmvCrosshairAnim = null;  // animation frame id for compare-mv crosshair fade
         let _qmvCrosshairAlpha = 0;    // current crosshair opacity for qMRI multiview
         let _qmvCrosshairTarget = 0;   // target opacity for qMRI multiview
+        let _qmvCrosshairMap = null;   // map row the lines are limited to (click-hold); null = every row
         let _qmvCrosshairAnim = null;  // animation frame id for qMRI-mv crosshair fade
         let _qmvScrollHintTimer = null; // fade-out timer after scrolling a qMRI-mv pane
         let _qmvScrollHintDir = -1;    // plane being scrolled (its own lines stay hidden)
@@ -20994,6 +21021,20 @@
             return `<span class="${cls}">${_dimIndexHtml(shownValue, maxValue)}</span>`;
         }
 
+        // Axis letters follow the data, not the screen: the array axis that
+        // started out as x keeps the letter x after t / r, so the DimBar and the
+        // orientation cross both show which way each axis now runs. Remembered
+        // per pair of displayed dims; picking different dims starts over.
+        let _axisIdent = null;
+        function _axisLetter(d) {
+            const key = Math.min(dim_x, dim_y) + ',' + Math.max(dim_x, dim_y);
+            if (!_axisIdent || _axisIdent.key !== key) {
+                _axisIdent = { key, letters: { [dim_x]: 'x', [dim_y]: 'y' } };
+            }
+            if (d === dim_z) return 'z';
+            return _axisIdent.letters[d] || (d === dim_x ? 'x' : 'y');
+        }
+
         function renderInfo() {
             _ensureQmriActiveDimVisible();
             _syncOverlayPaletteSlice();
@@ -21046,13 +21087,13 @@
                 }
                 if (i === dim_x) {
                     const sign = flip_x ? '<span class="dim-flip-sign">-</span>' : '';
-                    const inner = sign + '<span class="dim-axis-letter">x</span>' + `<span class="dim-slash">/</span><span class="dim-size" id="dim-x-size">${sizeOf(i)}</span>`;
+                    const inner = sign + `<span class="dim-axis-letter">${_axisLetter(i)}</span>` + `<span class="dim-slash">/</span><span class="dim-size" id="dim-x-size">${sizeOf(i)}</span>`;
                     return (active || playing) ? `<span class="spatial-dim ${dimCls} dim-label" ${d}>${inner}</span>`
                                   : `<span class="spatial-dim dim-label" ${d}>${inner}</span>`;
                 }
                 if (i === dim_y) {
                     const sign = flip_y ? '<span class="dim-flip-sign">-</span>' : '';
-                    const inner = sign + '<span class="dim-axis-letter">y</span>' + `<span class="dim-slash">/</span><span class="dim-size" id="dim-y-size">${sizeOf(i)}</span>`;
+                    const inner = sign + `<span class="dim-axis-letter">${_axisLetter(i)}</span>` + `<span class="dim-slash">/</span><span class="dim-size" id="dim-y-size">${sizeOf(i)}</span>`;
                     return (active || playing) ? `<span class="spatial-dim ${dimCls} dim-label" ${d}>${inner}</span>`
                                   : `<span class="spatial-dim dim-label" ${d}>${inner}</span>`;
                 }
@@ -21272,60 +21313,122 @@
             if (typeof obliqueVecs !== 'undefined' && obliqueVecs) return false;
             return true;
         }
-        function _clearOrientEdgeHighlight() {
-            document.querySelectorAll('.orient-arrow.showing').forEach(el => {
-                el.classList.remove('showing');
-            });
+        const _ORIENT_CROSS_BOX = 64;
+        const _ORIENT_CROSS_MARGIN = 8;
+        let _orientCrossEls = [];
+        let _orientShown = false;
+        let _orientHovering = false;
+        let _orientRaf = 0;
+        let _orientFlashTimer = 0;
+        // Every image pane in the current mode: its canvas, the letters of its
+        // horizontal / vertical dims, and which way each axis is flipped.
+        function _orientPanes() {
+            const out = [];
+            const add = (cv, lx, ly, fx, fy) => { if (cv) out.push({ cv, lx, ly, fx: !!fx, fy: !!fy }); };
+            const grid = (views, dims) => {
+                const letter = (d) => ['x', 'y', 'z'][Math.max(0, dims.indexOf(d))];
+                (views || []).forEach(v => add(v.canvas, letter(v.dimX), letter(v.dimY), _mvFlipX(v), _mvFlipY(v)));
+            };
+            const plain = (cvs) => cvs.forEach(cv => add(cv, _axisLetter(dim_x), _axisLetter(dim_y), flip_x, flip_y));
+            if (stackMosaicActive) plain((stackMosaicViews || []).map(v => v.canvas));
+            else if (compareQmriActive) plain((compareQmriViews || []).map(v => v.canvas));
+            else if (compareMvActive) grid(compareMvViews, compareMvDims);
+            else if (multiViewActive) grid(mvViews, mvDims);
+            else if (compareActive) plain([...document.querySelectorAll('#compare-panes .compare-canvas')]);
+            else if (qmriMvActive) grid(qmriMvViews, qmriMvDims);
+            else if (qmriActive) plain((qmriViews || []).map(v => v.canvas));
+            else if (mipActive || cutawayActive) return out;
+            // Mosaic tiles are flipped one by one, so the whole canvas has no single origin corner.
+            else if (!(dim_z >= 0 && (flip_x || flip_y))) plain([canvas]);
+            return out;
         }
-        const _ORIENT_ARROW_MARGIN = 10;
-        function _orientArrowEl(container) {
-            if (!container) return null;
-            let el = container.querySelector(':scope > .orient-arrow');
-            if (!el) {
-                const NS = 'http://www.w3.org/2000/svg';
-                el = document.createElementNS(NS, 'svg');
-                el.setAttribute('class', 'orient-arrow');
-                el.setAttribute('viewBox', '0 0 32 32');
-                el.innerHTML = '<polygon points="3,14.5 21,14.5 21,10 31,16 21,22 21,17.5 3,17.5" fill="var(--active-dim)"/>';
-                container.appendChild(el);
-            }
-            return el;
+        // The part of `cv` that is actually on screen: its box clipped by every scrolling/clipping ancestor.
+        function _orientVisibleRect(cv) {
+            const r = cv.getBoundingClientRect();
+            let l = r.left, t = r.top, rt = r.right, bt = r.bottom;
+            for (let el = cv.parentElement; el && el !== document.body; el = el.parentElement) {
+                const cs = getComputedStyle(el);
+                if (cs.overflowX === 'visible' && cs.overflowY === 'visible') continue;
+                const pr = el.getBoundingClientRect();
+                l = Math.max(l, pr.left); t = Math.max(t, pr.top);
+                rt = Math.min(rt, pr.right); bt = Math.min(bt, pr.bottom);
+            }
+            return (rt - l > 8 && bt - t > 8) ? { left: l, top: t, right: rt, bottom: bt } : null;
+        }
+        function _orientCrossSvg(el, letterX, letterY, flipX, flipY) {
+            const key = letterX + letterY + (flipX ? 1 : 0) + (flipY ? 1 : 0);
+            if (el._ocKey === key) return;
+            el._ocKey = key;
+            const B = _ORIENT_CROSS_BOX, o = 8, len = 30, hl = 7, hw = 3.6;
+            const sx = flipX ? -1 : 1, sy = flipY ? -1 : 1;
+            const ox = flipX ? B - o : o, oy = flipY ? B - o : o;
+            const xTip = ox + sx * len, yTip = oy + sy * len;
+            const xHead = `${xTip},${oy} ${xTip - sx * hl},${oy - hw} ${xTip - sx * hl},${oy + hw}`;
+            const yHead = `${ox},${yTip} ${ox - hw},${yTip - sy * hl} ${ox + hw},${yTip - sy * hl}`;
+            const segs = [[ox, oy, xTip - sx * 4, oy], [ox, oy, ox, yTip - sy * 4]];
+            el.innerHTML = segs.map(([x1, y1, x2, y2]) => `<line class="oc-halo" x1="${x1}" y1="${y1}" x2="${x2}" y2="${y2}"/>`
+                    + `<line class="oc-ln" x1="${x1}" y1="${y1}" x2="${x2}" y2="${y2}"/>`).join('')
+                + `<polygon class="oc-hd" points="${xHead}"/><polygon class="oc-hd" points="${yHead}"/>`
+                + `<circle class="oc-hd" cx="${ox}" cy="${oy}" r="2"/>`
+                + `<text x="${xTip + sx * 9}" y="${oy + 4}" text-anchor="${flipX ? 'end' : 'start'}">${letterX}</text>`
+                + `<text x="${ox}" y="${yTip + sy * 13}" text-anchor="middle">${letterY}</text>`;
+        }
+        // Puts one cross in the origin corner of each pane: the x arrow runs
+        // along the top (bottom when flipped) edge toward increasing x, the y
+        // arrow along the left (right when flipped) edge toward increasing y.
+        function _placeOrientCrosses() {
+            const panes = _orientPanes().map(p => ({ p, r: _orientVisibleRect(p.cv) })).filter(q => q.r);
+            while (_orientCrossEls.length < panes.length) {
+                const el = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+                el.setAttribute('class', 'orient-cross');
+                el.setAttribute('viewBox', `0 0 ${_ORIENT_CROSS_BOX} ${_ORIENT_CROSS_BOX}`);
+                document.body.appendChild(el);
+                _orientCrossEls.push(el);
+            }
+            _orientCrossEls.forEach((el, i) => {
+                const q = panes[i];
+                if (!q) { el.classList.remove('showing'); return; }
+                const { p, r } = q;
+                _orientCrossSvg(el, p.lx, p.ly, p.fx, p.fy);
+                const w = r.right - r.left, h = r.bottom - r.top;
+                // Small panes (grids, mosaics) get a proportionally smaller cross.
+                const k = Math.max(0.55, Math.min(1, Math.min(w, h) / 230));
+                const size = _ORIENT_CROSS_BOX * k, m = _ORIENT_CROSS_MARGIN * k;
+                const x = p.fx ? r.right - m - size : r.left + m;
+                const y = p.fy ? r.bottom - m - size : r.top + m;
+                el.style.transform = `translate(${Math.round(x)}px, ${Math.round(y)}px) scale(${k})`;
+                el.classList.add('showing');
+            });
         }
-        // Places a small arrow near the (flipX, flipY) origin corner of `container`,
-        // pointing along `axis` ('x' or 'y') in the direction that dim increases.
-        // `flipOwn` is the flip of `axis` itself (picks the arrow's direction and
-        // which edge it hugs along that axis); `flipOther` is the flip of the
-        // perpendicular axis (picks where along that axis the arrow sits).
-        function _placeOrientArrow(container, axis, flipOwn, flipOther) {
-            const el = _orientArrowEl(container);
-            if (!el) return;
-            const m = _ORIENT_ARROW_MARGIN + 'px';
-            el.style.left = el.style.right = el.style.top = el.style.bottom = '';
-            if (axis === 'x') {
-                if (flipOwn) el.style.right = m; else el.style.left = m;
-                if (flipOther) el.style.bottom = m; else el.style.top = m;
-                el.style.transform = flipOwn ? 'rotate(180deg)' : 'rotate(0deg)';
-            } else {
-                if (flipOwn) el.style.bottom = m; else el.style.top = m;
-                if (flipOther) el.style.right = m; else el.style.left = m;
-                el.style.transform = flipOwn ? 'rotate(-90deg)' : 'rotate(90deg)';
-            }
-            el.classList.add('showing');
+        // Panes can still be moving or re-rendering when this starts (after
+        // r / t, or while zooming), so keep the crosses glued to them.
+        function _orientLoop() {
+            _orientRaf = 0;
+            if (!_orientShown) return;
+            _placeOrientCrosses();
+            _orientRaf = requestAnimationFrame(_orientLoop);
         }
-        function _showOrientEdgeHighlight(dim) {
-            _clearOrientEdgeHighlight();
-            if (!_orientEdgeAllowed() || dim == null || dim < 0) return;
-            if (multiViewActive) {
-                if (!Array.isArray(mvViews)) return;
-                mvViews.forEach(v => {
-                    if (v.dimX === dim) _placeOrientArrow(v.cvBox, 'x', _mvFlipX(v), _mvFlipY(v));
-                    else if (v.dimY === dim) _placeOrientArrow(v.cvBox, 'y', _mvFlipY(v), _mvFlipX(v));
-                });
-                return;
-            }
-            const viewport = document.getElementById('canvas-viewport');
-            if (dim === dim_x) _placeOrientArrow(viewport, 'x', flip_x, flip_y);
-            else if (dim === dim_y) _placeOrientArrow(viewport, 'y', flip_y, flip_x);
+        function _clearOrientEdgeHighlight() {
+            _orientShown = false;
+            if (_orientRaf) { cancelAnimationFrame(_orientRaf); _orientRaf = 0; }
+            if (_orientFlashTimer) { clearTimeout(_orientFlashTimer); _orientFlashTimer = 0; }
+            _orientCrossEls.forEach(el => el.classList.remove('showing'));
+        }
+        // Shown for every image pane while the pointer is over the DimBar.
+        function _showOrientEdgeHighlight() {
+            if (!_orientEdgeAllowed()) { _clearOrientEdgeHighlight(); return; }
+            _orientShown = true;
+            if (!_orientRaf) _orientLoop();
+        }
+        // Brief look after r / t so a rotate or transpose can be read off the cross.
+        function _flashOrientCross(ms = 1400) {
+            if (!_orientEdgeAllowed()) return;
+            _showOrientEdgeHighlight();
+            if (_orientFlashTimer) clearTimeout(_orientFlashTimer);
+            _orientFlashTimer = setTimeout(() => {
+                _orientFlashTimer = 0;
+                if (!_orientHovering) _clearOrientEdgeHighlight();
+            }, ms);
         }
 
         function setStatus(msg) {
@@ -23317,6 +23420,79 @@
             }
         }, true);
 
+        // ── Compare with an array that is open in another tab ─────────
+        let _compareWithMenuVisible = false;
+        let _compareWithChoices = [];
+
+        function _closeCompareWithMenu() {
+            if (!_compareWithMenuVisible) return;
+            _compareWithMenuVisible = false;
+            _compareWithChoices = [];
+            _reconcileUI();
+            try { document.getElementById('keyboard-sink').focus(); } catch (_) {}
+        }
+
+        async function _pickCompareWith(choice) {
+            if (!choice || !choice.enabled) return;
+            _closeCompareWithMenu();
+            const ok = await enterCompareModeBySid(choice.sid, choice.label);
+            if (ok !== false) showStatus(`Compare: ${choice.label}`);
+        }
+
+        async function openCompareWithMenu() {
+            let sessions = [];
+            try {
+                const res = await proxyFetch('/sessions');
+                if (res.ok) sessions = await res.json();
+            } catch (_) {}
+            const ownShape = JSON.stringify((shape || []).map(Number));
+            _compareWithChoices = sessions
+                .filter(s => s.sid && s.sid !== sid)
+                .map(s => {
+                    const sameShape = JSON.stringify((s.shape || []).map(Number)) === ownShape;
+                    const label = s.var || s.name || s.sid.slice(0, 8);
+                    if (s.name) compareNameBySid[s.sid] = label;
+                    return {
+                        sid: s.sid,
+                        label,
+                        detail: `${(s.shape || []).join(' x ')}${s.var && s.name ? ` · ${s.name}` : ''}`,
+                        enabled: sameShape,
+                    };
+                });
+            if (!_compareWithChoices.length) {
+                showStatus('No other open arrays to compare with');
+                return;
+            }
+            const list = document.getElementById('compare-with-list');
+            list.innerHTML = _compareWithChoices.map((c, i) => {
+                const keyHint = i < 9 ? `<span class="compare-with-key">${i + 1}</span>` : '';
+                const reason = c.enabled ? c.detail : `${c.detail} · needs shape ${(shape || []).join(' x ')}`;
+                return `<button class="drop-action" data-compare-with="${i}" ${c.enabled ? '' : 'disabled'}>${keyHint}${_escapeHtml(c.label)}<span class="drop-action-reason">${_escapeHtml(reason)}</span></button>`;
+            }).join('');
+            list.querySelectorAll('.drop-action:not(:disabled)').forEach(button => {
+                button.addEventListener('click', () => _pickCompareWith(_compareWithChoices[Number(button.dataset.compareWith)]));
+            });
+            document.getElementById('compare-with-summary').textContent =
+                'Arrays open in your other tabs · click or press a number · Esc to cancel';
+            _compareWithMenuVisible = true;
+            _reconcileUI();
+        }
+
+        document.addEventListener('pointerdown', (event) => {
+            if (_compareWithMenuVisible && !document.getElementById('compare-with-menu').contains(event.target)) {
+                _closeCompareWithMenu();
+            }
+        });
+        window.addEventListener('keydown', (event) => {
+            if (!_compareWithMenuVisible) return;
+            if (['Shift', 'Control', 'Alt', 'Meta'].includes(event.key)) return;
+            event.preventDefault();
+            event.stopImmediatePropagation();
+            if (event.key === 'Escape') { _closeCompareWithMenu(); return; }
+            const n = Number(event.key);
+            if (Number.isInteger(n) && n >= 1 && n <= 9) _pickCompareWith(_compareWithChoices[n - 1]);
+        }, true);
+
         /* ── JS: Rendering Pipeline (updateView, play, screenshot) ── */
 
         function updateView() {
@@ -27757,6 +27933,7 @@
                         _roiClearOnDimChange();
                         if (typeof _cropReconcileBindings === 'function') _cropReconcileBindings();
                         renderInfo(); saveState();
+                        _flashOrientCross();
                         return;
                     }
                     const wasMosaic = dim_z >= 0;
@@ -27772,6 +27949,7 @@
                     showStatus(wasMosaic ? 'transposed x/y (mosaic)' : 'transposed x/y');
                     if (typeof _cropReconcileBindings === 'function') _cropReconcileBindings();
                     renderInfo(); saveState();
+                    _flashOrientCross();
                 },
             },
             'view.rotateOrFlip': {
@@ -27802,6 +27980,7 @@
                         showStatus('rotated 90°'); saveState();
                     }
                     if (typeof _cropReconcileBindings === 'function') _cropReconcileBindings();
+                    _flashOrientCross();
                 },
             },
             'theme.cycle': {
@@ -29084,6 +29263,11 @@
                     commands['qmri.cycle'].run(ctx, e);
                 },
             },
+            'compare.withOpenArray': {
+                title: 'Compare with an array open in another tab',
+                when: [],
+                run: (ctx, e) => { openCompareWithMenu(); },
+            },
             'tool.comparecenterDirect': {
                 title: 'Cycle compare center mode',
                 when: [],
@@ -29515,11 +29699,12 @@
             },
             {
                 id: 'compare', label: 'Compare',
-                desc: 'View two or more arrays side by side, blend them together, or compute a difference map. Useful for checking registration, comparing model outputs, or inspecting before-and-after changes. Open multiple arrays with the file picker first.',
+                desc: 'View two or more arrays side by side, blend them together, or compute a difference map. Useful for checking registration, comparing model outputs, or inspecting before-and-after changes. Press / then c to compare with an array open in another tab.',
                 sections: [
                     {
                         title: 'Layout',
                         entries: [
+                            { key: '/ c', action: 'Compare with…', hint: 'pick an array that is open in another tab; it must have the same shape' },
                             { key: 'g', action: 'Cycle layout', hint: 'horizontal → vertical → grid; with exactly 2 arrays + center mode active, toggles horizontal ↔ big-left' },
                             { key: 'Drag title', action: 'Reorder panes by dragging their title bar' },
                         ]
@@ -29558,6 +29743,7 @@
                     {
                         title: 'After /', columnBreak: true,
                         entries: [
+                            { key: '/ c', action: 'Compare with…', hint: 'side by side with an array open in another tab' },
                             { key: '/ r', action: 'ROI', hint: 'measure a region and see live stats' },
                             { key: '/ S', action: 'Segmentation', hint: 'local mask editing and nnInteractive options' },
                             { key: '/ o', action: 'Overlays', hint: 'show mask names and visibility' },
@@ -29983,6 +30169,16 @@
                 { key: 'q', toolId: 'qmri', command: 'tool.qmriDirect' },
                 { key: 's', toolId: 'save', command: 'saveMenu.open' },
                 { key: 'C', toolId: 'crop', command: 'tool.cropDirect' },
+                {
+                    key: 'c',
+                    id: 'comparewith',
+                    label: 'Compare with…',
+                    command: 'compare.withOpenArray',
+                    icon: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="5" width="8" height="14" rx="1"/><rect x="13" y="5" width="8" height="14" rx="1"/></svg>',
+                    enabled: () => !isInlineEmbed,
+                    active: () => compareActive,
+                    unavailableReason: () => 'Not available in notebook output.',
+                },
                 { key: 'P', toolId: 'comparecenter', command: 'tool.comparecenterDirect' },
                 { key: 'r', toolId: 'roi', command: 'tool.roiDirect' },
                 { key: 'S', toolId: 'segmentation', command: 'tool.segmentationDirect' },
@@ -37771,6 +37967,7 @@
                         if (e.shiftKey || e.metaKey || e.ctrlKey || e.altKey) return;
                         sink.focus();
                         _qmriMvDragView = view;
+                        _qmvCrosshairMap = view.qmriIdx;
                         _qmvRecomputeCrosshairTarget();
                         handleQmriMvPointer(view, e);
                         const onMove = (me) => { if (_qmriMvDragView === view) handleQmriMvPointer(view, me); };
@@ -37923,7 +38120,7 @@
             _hoveredQmriMvView = null;
             if (_qmvCrosshairAnim) { cancelAnimationFrame(_qmvCrosshairAnim); _qmvCrosshairAnim = null; }
             if (_qmvScrollHintTimer) { clearTimeout(_qmvScrollHintTimer); _qmvScrollHintTimer = null; }
-            _qmvCrosshairAlpha = 0; _qmvCrosshairTarget = 0; _qmvScrollHintDir = -1;
+            _qmvCrosshairAlpha = 0; _qmvCrosshairTarget = 0; _qmvScrollHintDir = -1; _qmvCrosshairMap = null;
             _reconcileOrthoCursorHidden();
             _reconcileMvOrientationVisibility();
             qmriMvViews.forEach(v => { if (v.ws) { v.ws.onclose = null; v.ws.close(); } });
@@ -38097,7 +38294,9 @@
         }
         /** Position lines on the pane's overlay, like compareMvDrawFrame. */
         function _qmvDrawCrosshair(v) {
-            const alpha = (_qmvScrollHintTimer && v.sliceDir === _qmvScrollHintDir) ? 0 : _qmvCrosshairAlpha;
+            const alpha = (_qmvScrollHintTimer && v.sliceDir === _qmvScrollHintDir) ? 0
+                : (_qmvCrosshairMap !== null && v.qmriIdx !== _qmvCrosshairMap) ? 0
+                : _qmvCrosshairAlpha;
             const ov = _getMvCrosshairOverlay(v);
             if (!ov) return;
             const metrics = _getMvCrosshairMetrics(v);
@@ -38130,8 +38329,8 @@
             if (!ready.length) return;
             const nRows = Math.max(1, Math.round(qmriMvViews.length / 3));
             const nCols = 3;
-            const colGap = 24;
-            const rowGap = 14;
+            const colGap = 0;
+            const rowGap = 0;
             const sidePad = 120;
             const vcbW = 80;  // vertical colorbar island horizontal footprint (bar + padding)
             const bottomPad = 16;
@@ -38147,6 +38346,13 @@
             const baseScale = absMaxT / maxSide;
             const panStub = { x: 0, y: 0, clamp: () => {}, apply: () => {} };
             for (const v of ready) {
+                const qi = qmriMvViews.indexOf(v), qr = Math.floor(qi / 3), qc = qi % 3;
+                if (v.clip) {
+                    v.clip.classList.toggle('qmv-tl', qr === 0 && qc === 0);
+                    v.clip.classList.toggle('qmv-tr', qr === 0 && qc === 2);
+                    v.clip.classList.toggle('qmv-bl', qr === nRows - 1 && qc === 0);
+                    v.clip.classList.toggle('qmv-br', qr === nRows - 1 && qc === 2);
+                }
                 _scalePane(
                     { canvas: v.canvas, w: v.lastW, h: v.lastH, pan: panStub },
                     v.clip || null,
@@ -39155,6 +39361,7 @@
          *  scrolled plane's own lines stay put, so they are left hidden. */
         function _qmvScrollHint(view) {
             _qmvScrollHintDir = view ? view.sliceDir : -1;
+            if (!_qmriMvDragView && view) _qmvCrosshairMap = view.qmriIdx;
             if (_qmvScrollHintTimer) clearTimeout(_qmvScrollHintTimer);
             _qmvScrollHintTimer = setTimeout(() => {
                 _qmvScrollHintTimer = null;
@@ -39887,9 +40094,10 @@
         let _histDimHovering = false;
         infoEl.addEventListener('mouseover', (e) => {
             const span = e.target.closest('[data-dim]');
+            _orientHovering = true;
+            _showOrientEdgeHighlight();
             if (span) {
                 hoveredDim = parseInt(span.dataset.dim);
-                _showOrientEdgeHighlight(hoveredDim);
                 if (_histDimControlsVisible()) {
                     _histDimHovering = true;
                     _showHistTooltip(_tooltipTextForDim(hoveredDim), infoEl.getBoundingClientRect());
@@ -39905,7 +40113,6 @@
                     return;
                 }
                 _histDimHovering = false;
-                _clearOrientEdgeHighlight();
                 _hideHistTooltip();
                 if (!_lebesgueManual && primaryCb && primaryCb._expanded && !_histAutoDismissTimer) {
                     _restartHistAutoDismiss();
@@ -39915,6 +40122,7 @@
         infoEl.addEventListener('mouseleave', () => {
             hoveredDim = -1;
             _histDimHovering = false;
+            _orientHovering = false;
             _clearOrientEdgeHighlight();
             _hideHistTooltip();
             if (!_lebesgueManual && primaryCb && primaryCb._expanded && !_histAutoDismissTimer) {
@@ -41644,6 +41852,11 @@
                 dropMenu.classList.toggle('visible', _dropMenuVisible);
                 dropMenu.setAttribute('aria-hidden', _dropMenuVisible ? 'false' : 'true');
             }
+            const compareWithMenu = document.getElementById('compare-with-menu');
+            if (compareWithMenu) {
+                compareWithMenu.classList.toggle('visible', _compareWithMenuVisible);
+                compareWithMenu.setAttribute('aria-hidden', _compareWithMenuVisible ? 'false' : 'true');
+            }
             if (_zenActive) _setZenQmriChromeOpacity('0');
             renderToolMenu();
             if (typeof _reconcileOverlayPalette === 'function') _reconcileOverlayPalette();

arrayview/_vscode_extension.py

@@ -58,7 +58,7 @@ _VSCODE_EXT_FRESH_INSTALL = False  # True if we just installed it this session
 _VSCODE_EXT_RELOAD_REQUIRED = False  # installed files are newer than the live host
 _VSCODE_EXT_INSTALL_FAILED = False  # automatic install could not complete safely
 _VSCODE_EXT_NO_LIVE_WINDOW = False  # no live host claims this terminal's window id
-_VSCODE_EXT_VERSION = "0.15.61"  # current bundled extension version
+_VSCODE_EXT_VERSION = "0.15.62"  # current bundled extension version
 _VSCODE_CONFIGURED_PORTS: set[int] = set()
 # Version-skew notices already printed, so a long-lived process (Jupyter, a
 # script opening several arrays) states the mismatch once instead of per call.

{arrayview-0.46.2.dist-info → arrayview-0.47.0.dist-info}/METADATA

@@ -1,6 +1,6 @@
 Metadata-Version: 2.5
 Name: arrayview
-Version: 0.46.2
+Version: 0.47.0
 Summary: Fast multi-dimensional array viewer
 Project-URL: Home, https://github.com/oscarvanderheide/arrayview
 Project-URL: Source, https://github.com/oscarvanderheide/arrayview

{arrayview-0.46.2.dist-info → arrayview-0.47.0.dist-info}/RECORD

@@ -23,7 +23,7 @@ arrayview/_render.py,sha256=sSNPWreJumIyFKvZtAS5v2gxbNHRVyAdc7JGj34caPw,34121
 arrayview/_routes_analysis.py,sha256=Xz9Ysr04u07pzSRB4Fzmcl6XwVxyaG6xCWxGwYZi_80,33085
 arrayview/_routes_drop.py,sha256=FC4e7STdCo3hYIA0C4Yy9Ka2UKFx7nLDU5dkujmc1Vo,12477
 arrayview/_routes_export.py,sha256=Ha8mMO2E9TlRL5x25-ADV8_8xUiC-jRz9N1oWwgKOsg,3898
-arrayview/_routes_loading.py,sha256=RNivOL6MPbOM5u1-JhD9IKitEmWHJHkhqvCZSspfJMw,41546
+arrayview/_routes_loading.py,sha256=ZOHOFdqMDwmdjtzhq07LQUGG7BHmP1od4IiZDWWRZtQ,41662
 arrayview/_routes_persistence.py,sha256=T03csHb7ppGT-8yMDf227XkqhnhjgSLYj0RW2wmg59g,17176
 arrayview/_routes_preferences.py,sha256=SKnhTf2X2vRyYi06Wb2si4dXMB1y0XiSBr28RZ5oKUw,4691
 arrayview/_routes_preload.py,sha256=KOsankNguxdIWmFW9iZcY9p2SvUN1mOKY7KkW1qMGcc,1729
@@ -43,17 +43,17 @@ arrayview/_synthetic_mri.py,sha256=CNL-2WC835i6WCqkvmWBCO6WQ5w7HE5trNb8OyEfe64,7
 arrayview/_torch.py,sha256=13sqIMCUu_-b9SQ9KfDCExDz2UMStL87EDVjnbJxAEo,7536
 arrayview/_tutorial.py,sha256=2zZHJGJDa4n30GE1-9ADjKFAifGBH9vvHXP4uDt7BaA,19547
 arrayview/_vectorfield.py,sha256=eDqMCMEGjO8Jdt-6Auh01cz3WD9dbF7xYUWD9xHAf1E,8115
-arrayview/_viewer.html,sha256=Ik61c-_RUE6pzfmtRQPcAcZewvOo_VlbVCjS7rijpcM,2358853
+arrayview/_viewer.html,sha256=pUCkoJRPvZMCvNEh-zoGDOTtjX0A1D7vdLqHI9Tzr3A,2371938
 arrayview/_vscode.py,sha256=EKnGN2zrjlybc4FQOmYA8BvYdtkcJbLHDEdgtvO7ul4,837
 arrayview/_vscode_browser.py,sha256=VCH9JpAAjFuhO0wQe8tIGjAL5837AXg_bpmBFtWOQqc,20573
-arrayview/_vscode_extension.py,sha256=WjA4NVP6ufl2skTJCqQs2yjTTGKqR_STBEhda2pNJEo,53156
+arrayview/_vscode_extension.py,sha256=AUfGJpPBPzKIRyVF0wvrDqr5F0eVrZpFEHoxuNjO15M,53156
 arrayview/_vscode_signal.py,sha256=N3PCHG6-3tCEc_tHLjg2dhSEQ2EnF_psE2IJRBpAuac,54938
 arrayview/_watch.py,sha256=PxxS_5hcj_S6xQf9Ep4p1HLRkrI5iDMh1aRa4olV7ew,1873
-arrayview/arrayview-opener.vsix,sha256=0RyABz8Y2m8rE0HxlwfVrbUP0fTGhQLXOoZAKUiAOxE,60690
+arrayview/arrayview-opener.vsix,sha256=1kbHgrG_kyxbDFa6WQ_KojmMPiogHlcu62L86HraVbk,61155
 arrayview/gsap.min.js,sha256=VGihm4idI0E1uqrWezWsiScB9F_jMosn7qs6pPSkeac,72304
 arrayview/todo.md,sha256=KhnRzpn6_jezR0nDDB61-zhox-rbOmEGW-A7Z0_7FnU,622
-arrayview-0.46.2.dist-info/METADATA,sha256=qMu3fAEyUOwr5vFecXoIcy23IM4k6aUBOqHLFrgFoPo,2288
-arrayview-0.46.2.dist-info/WHEEL,sha256=W3fkpkm7-wf9vBI5Z-7s0eWkeM-spu78I8Neb98DeEg,87
-arrayview-0.46.2.dist-info/entry_points.txt,sha256=-0s08axutXkTbINiKs0Q7iv-33aWuTaamUg2q2-NyQ4,60
-arrayview-0.46.2.dist-info/licenses/LICENSE,sha256=34OivjM9faB2QaPjZpMRTIiSx31V3U9cEyQ6F2k-bH0,1062
-arrayview-0.46.2.dist-info/RECORD,,
+arrayview-0.47.0.dist-info/METADATA,sha256=x5u-7ZK2lktztD4BFipekM4rP8bh1YL5KwI9Jd1F5Ss,2288
+arrayview-0.47.0.dist-info/WHEEL,sha256=W3fkpkm7-wf9vBI5Z-7s0eWkeM-spu78I8Neb98DeEg,87
+arrayview-0.47.0.dist-info/entry_points.txt,sha256=-0s08axutXkTbINiKs0Q7iv-33aWuTaamUg2q2-NyQ4,60
+arrayview-0.47.0.dist-info/licenses/LICENSE,sha256=34OivjM9faB2QaPjZpMRTIiSx31V3U9cEyQ6F2k-bH0,1062
+arrayview-0.47.0.dist-info/RECORD,,