gramene-search 2.0.4 → 2.0.5

package/dist/index.js

@@ -351,8 +351,16 @@ const $9d9aeaf9299e61a1$var$expressionStudies = (0, $gXNCa$reduxbundler.createAs
         return fetch(`${store.selectGrameneAPI()}/experiments?rows=-1`).then((res)=>res.json()).then((res)=>(0, ($parcel$interopDefault($gXNCa$lodash))).groupBy(res, 'taxon_id'));
     }
 });
-$9d9aeaf9299e61a1$var$expressionStudies.reactExpressionStudies = (0, $gXNCa$reduxbundler.createSelector)('selectExpressionStudiesShouldUpdate', (shouldUpdate)=>{
-    if (shouldUpdate) return {
+// Only fetch when a view that consumes expression studies is enabled.
+const $9d9aeaf9299e61a1$var$EXPRESSION_VIEWS = [
+    'exprViz',
+    'expression',
+    'export'
+];
+$9d9aeaf9299e61a1$var$expressionStudies.reactExpressionStudies = (0, $gXNCa$reduxbundler.createSelector)('selectExpressionStudiesShouldUpdate', 'selectGrameneViewsOn', (shouldUpdate, viewsOn)=>{
+    if (!shouldUpdate) return;
+    if (!viewsOn || !$9d9aeaf9299e61a1$var$EXPRESSION_VIEWS.some((id)=>viewsOn.has(id))) return;
+    return {
         actionCreator: 'doFetchExpressionStudies'
     };
 });
@@ -372,8 +380,10 @@ const $9d9aeaf9299e61a1$var$expressionSamples = (0, $gXNCa$reduxbundler.createAs
         });
     }
 });
-$9d9aeaf9299e61a1$var$expressionSamples.reactExpressionSamples = (0, $gXNCa$reduxbundler.createSelector)('selectExpressionSamplesShouldUpdate', (shouldUpdate)=>{
-    if (shouldUpdate) return {
+$9d9aeaf9299e61a1$var$expressionSamples.reactExpressionSamples = (0, $gXNCa$reduxbundler.createSelector)('selectExpressionSamplesShouldUpdate', 'selectGrameneViewsOn', (shouldUpdate, viewsOn)=>{
+    if (!shouldUpdate) return;
+    if (!viewsOn || !$9d9aeaf9299e61a1$var$EXPRESSION_VIEWS.some((id)=>viewsOn.has(id))) return;
+    return {
         actionCreator: 'doFetchExpressionSamples'
     };
 });
@@ -385,8 +395,12 @@ const $9d9aeaf9299e61a1$var$curatedGenes = (0, $gXNCa$reduxbundler.createAsyncRe
         return fetch(`https://devdata.gramene.org/curation/curations?rows=0&minFlagged=0&since=12-12-2029`).then((res)=>res.json()).then((curation)=>(0, ($parcel$interopDefault($gXNCa$lodash))).keyBy(curation.genes, 'gene_id'));
     }
 });
-$9d9aeaf9299e61a1$var$curatedGenes.reactCuratedGenes = (0, $gXNCa$reduxbundler.createSelector)('selectCuratedGenesShouldUpdate', (shouldUpdate)=>{
-    if (shouldUpdate) return {
+// Curated annotations are consumed by GeneList rows and Homology details,
+// both inside the gene-list view.
+$9d9aeaf9299e61a1$var$curatedGenes.reactCuratedGenes = (0, $gXNCa$reduxbundler.createSelector)('selectCuratedGenesShouldUpdate', 'selectGrameneViewsOn', (shouldUpdate, viewsOn)=>{
+    if (!shouldUpdate) return;
+    if (!viewsOn || !viewsOn.has('list')) return;
+    return {
         actionCreator: 'doFetchCuratedGenes'
     };
 });
@@ -403,8 +417,11 @@ const $9d9aeaf9299e61a1$var$grameneGermplasm = (0, $gXNCa$reduxbundler.createAsy
         });
     }
 });
-$9d9aeaf9299e61a1$var$grameneGermplasm.reactGrameneGermplasm = (0, $gXNCa$reduxbundler.createSelector)('selectGrameneGermplasmShouldUpdate', (shouldUpdate)=>{
-    if (shouldUpdate) return {
+// Germplasm metadata is consumed by the VEP detail panel inside the gene list.
+$9d9aeaf9299e61a1$var$grameneGermplasm.reactGrameneGermplasm = (0, $gXNCa$reduxbundler.createSelector)('selectGrameneGermplasmShouldUpdate', 'selectGrameneViewsOn', (shouldUpdate, viewsOn)=>{
+    if (!shouldUpdate) return;
+    if (!viewsOn || !viewsOn.has('list')) return;
+    return {
         actionCreator: 'doFetchGrameneGermplasm'
     };
 });
@@ -522,13 +539,13 @@ const $9d9aeaf9299e61a1$var$grameneGeneAttribs = (0, $gXNCa$reduxbundler.createA
         return fetch(`${store.selectGrameneAPI()}/geneAttributes`).then((res)=>$9d9aeaf9299e61a1$var$geneAttribs);
     }
 });
-$9d9aeaf9299e61a1$var$grameneGeneAttribs.reactGrameneGeneAttribs = (0, $gXNCa$reduxbundler.createSelector)('selectGrameneGeneAttribsShouldUpdate', 'selectGrameneFiltersStatus', 'selectGrameneViews', (shouldUpdate, status, views)=>{
-    if (shouldUpdate && (status === 'finished' || status === 'ready')) {
-        const byId = (0, ($parcel$interopDefault($gXNCa$lodash))).keyBy(views.options, 'id');
-        if (byId.attribs.show === "on") return {
-            actionCreator: 'doFetchGrameneGeneAttribs'
-        };
-    }
+$9d9aeaf9299e61a1$var$grameneGeneAttribs.reactGrameneGeneAttribs = (0, $gXNCa$reduxbundler.createSelector)('selectGrameneGeneAttribsShouldUpdate', 'selectGrameneFiltersStatus', 'selectGrameneViewsOn', (shouldUpdate, status, viewsOn)=>{
+    if (!shouldUpdate) return;
+    if (status !== 'finished' && status !== 'ready') return;
+    if (!viewsOn || !viewsOn.has('attribs')) return;
+    return {
+        actionCreator: 'doFetchGrameneGeneAttribs'
+    };
 });
 const $9d9aeaf9299e61a1$var$grameneSearch = (0, $gXNCa$reduxbundler.createAsyncResourceBundle)({
     name: 'grameneSearch',
@@ -538,8 +555,8 @@ const $9d9aeaf9299e61a1$var$grameneSearch = (0, $gXNCa$reduxbundler.createAsyncR
         const offset = store.selectGrameneSearchOffset();
         const rows = store.selectGrameneSearchRows();
         const g = store.selectGrameneGenomes();
-        const m = store.selectGrameneMaps();
-        const taxa = Object.keys(g.active).filter((tid)=>!m[tid].hidden);
+        const m = store.selectGrameneMaps() || {};
+        const taxa = Object.keys(g && g.active || {}).filter((tid)=>m[tid] && !m[tid].hidden);
         let fq = '';
         if (taxa.length) {
             console.log('search add a fq for ', taxa);
@@ -1568,6 +1585,15 @@ const $24971af0a229e0e3$var$grameneViews = {
             ...raw,
             options: options
         };
+    }),
+    // Set of view ids whose `show` is currently 'on'. Used by data bundles to
+    // gate their auto-fetch reactors so we don't pay the cost of loading data
+    // for views the user has turned off.
+    selectGrameneViewsOn: (0, $gXNCa$reduxbundler.createSelector)('selectGrameneViews', (views)=>{
+        const ids = new Set();
+        const opts = views && views.options || [];
+        for (const v of opts)if (v && v.show === 'on') ids.add(v.id);
+        return ids;
     })
 };
 var $24971af0a229e0e3$export$2e2bcd8739ae039 = $24971af0a229e0e3$var$grameneViews;
@@ -2287,6 +2313,19 @@ const $0f839422d0d8c772$var$grameneFieldCatalog = (0, $gXNCa$reduxbundler.create
         return fetch(url).then((r)=>r.text()).then((text)=>$0f839422d0d8c772$var$parseCsvHeader(text)).catch(()=>null);
     }
 });
+// Auto-fetch the field catalog only when a view that needs it (exprViz fields
+// modal, exporter field tree) is enabled. Other views never read it.
+const $0f839422d0d8c772$var$FIELD_CATALOG_VIEWS = [
+    'exprViz',
+    'export'
+];
+$0f839422d0d8c772$var$grameneFieldCatalog.reactGrameneFieldCatalog = (0, $gXNCa$reduxbundler.createSelector)('selectGrameneFieldCatalogShouldUpdate', 'selectGrameneViewsOn', (shouldUpdate, viewsOn)=>{
+    if (!shouldUpdate) return;
+    if (!viewsOn || !$0f839422d0d8c772$var$FIELD_CATALOG_VIEWS.some((id)=>viewsOn.has(id))) return;
+    return {
+        actionCreator: 'doFetchGrameneFieldCatalog'
+    };
+});
 function $0f839422d0d8c772$var$assayFactorLabel(assay) {
     if (!assay) return '';
     const factors = Array.isArray(assay.factor) ? assay.factor : [];
@@ -3662,10 +3701,12 @@ const $1508f5a42be6e7b5$var$exporter = {
                 });
             }, $1508f5a42be6e7b5$var$PREVIEW_DEBOUNCE_MS);
         },
-    reactExporterPreview: (0, $gXNCa$reduxbundler.createSelector)('selectExporter', 'selectGrameneFiltersStatus', 'selectGrameneFiltersQueryString', 'selectGrameneGenomes', 'selectGrameneMaps', (exp, filtersStatus, q, g, m)=>{
+    reactExporterPreview: (0, $gXNCa$reduxbundler.createSelector)('selectExporter', 'selectGrameneFiltersStatus', 'selectGrameneFiltersQueryString', 'selectGrameneGenomes', 'selectGrameneMaps', 'selectGrameneViewsOn', (exp, filtersStatus, q, g, m, viewsOn)=>{
         if (!exp || !exp.preview) return;
         if (filtersStatus === 'init') return;
         if (exp.preview.status === 'loading') return;
+        // Don't run the preview query unless the user has the exporter view open.
+        if (!viewsOn || !viewsOn.has('export')) return;
         const maps = m || {};
         const taxa = Object.keys(g && g.active || {}).filter((tid)=>maps[tid] && !maps[tid].hidden);
         const sig = `${q}|${taxa.sort().join(',')}`;
@@ -11002,6 +11043,21 @@ const $4d0c2e01f58b53b1$var$FieldsModalCmp = (props)=>{
         records,
         selections
     ]);
+    // Distinct values per property type across the unfiltered candidate set.
+    // A type with a single value across every record can't discriminate (e.g.
+    // "Organism" when every field belongs to the same species), so we hide it
+    // from the property tree.
+    const totalValueCountByKey = (0, $gXNCa$react.useMemo)(()=>{
+        const m = {};
+        for (const r of records)for (const [k, v] of Object.entries(r.props)){
+            if (v == null) continue;
+            if (!m[k]) m[k] = new Set();
+            m[k].add(v);
+        }
+        return m;
+    }, [
+        records
+    ]);
     // Reset state when modal (re)opens for a taxon.
     (0, $gXNCa$react.useEffect)(()=>{
         if (open && taxon) {
@@ -11169,6 +11225,13 @@ const $4d0c2e01f58b53b1$var$FieldsModalCmp = (props)=>{
                                 }),
                                 propTree.map((grp)=>{
                                     const typeRows = grp.types.map((t)=>{
+                                        // Hide property types that can't discriminate among the
+                                        // candidates: zero values, or a single value shared by every
+                                        // record. The selection-aware count (valueSetByKey) is what
+                                        // we display; the unfiltered count gates visibility so a type
+                                        // doesn't pop in/out as the user clicks values.
+                                        const totalDistinct = totalValueCountByKey[t.key] && totalValueCountByKey[t.key].size || 0;
+                                        if (totalDistinct < 2) return null;
                                         const numValues = valueSetByKey[t.key] && valueSetByKey[t.key].size || 0;
                                         if (numValues === 0) return null;
                                         const typeLabelMatches = isSearching && t.label.toLowerCase().includes(searchLc);
@@ -11239,37 +11302,32 @@ const $4d0c2e01f58b53b1$var$FieldsModalCmp = (props)=>{
                         }),
                         /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("div", {
                             className: "exprviz-fields-preview",
-                            children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("table", {
+                            children: orderedSelectedKeys.length === 0 ? /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("div", {
+                                className: "exprviz-fields-placeholder",
+                                children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("em", {
+                                    children: "Select a property type to preview the property values for each matching field."
+                                })
+                            }) : /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("table", {
                                 className: "exprviz-fields-table",
                                 children: [
                                     /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("thead", {
-                                        children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("tr", {
-                                            children: [
-                                                /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("th", {
-                                                    children: "Field"
-                                                }),
-                                                orderedSelectedKeys.map((k)=>/*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("th", {
-                                                        children: $4d0c2e01f58b53b1$var$labelForKey(k, propTree)
-                                                    }, k))
-                                            ]
+                                        children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("tr", {
+                                            children: orderedSelectedKeys.map((k)=>/*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("th", {
+                                                    children: $4d0c2e01f58b53b1$var$labelForKey(k, propTree)
+                                                }, k))
                                         })
                                     }),
                                     /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("tbody", {
                                         children: [
-                                            matchingFields.map((f)=>/*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("tr", {
-                                                    children: [
-                                                        /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("td", {
-                                                            title: f.fieldName,
-                                                            children: f.fieldName.replace(/__expr$/, '')
-                                                        }),
-                                                        orderedSelectedKeys.map((k)=>/*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("td", {
-                                                                children: f.props[k] || ''
-                                                            }, k))
-                                                    ]
+                                            matchingFields.map((f)=>/*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("tr", {
+                                                    title: f.fieldName,
+                                                    children: orderedSelectedKeys.map((k)=>/*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("td", {
+                                                            children: f.props[k] || ''
+                                                        }, k))
                                                 }, f.fieldName)),
                                             matchingFields.length === 0 && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("tr", {
                                                 children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("td", {
-                                                    colSpan: 1 + orderedSelectedKeys.length,
+                                                    colSpan: orderedSelectedKeys.length,
                                                     children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("em", {
                                                         children: "No matching fields"
                                                     })
@@ -11316,7 +11374,6 @@ var $4d0c2e01f58b53b1$export$2e2bcd8739ae039 = (0, $gXNCa$reduxbundlerreact.conn
 
 
 
-
 const $4ab64e76c1caef59$var$baseColDefs = [
     {
         field: 'id',
@@ -11328,6 +11385,7 @@ const $4ab64e76c1caef59$var$baseColDefs = [
     {
         field: 'name',
         headerName: 'Name',
+        pinned: 'left',
         width: 140,
         suppressMovable: true
     }
@@ -11372,189 +11430,287 @@ function $4ab64e76c1caef59$var$buildFieldInfo(fields, studies, expressionSamples
     }
     return info;
 }
-// Custom header: re-implements sort click + menu button so ag-grid's column
-// drag/menu/filter still work, with an info icon as the popover trigger.
-const $4ab64e76c1caef59$var$HeaderWithInfo = (props)=>{
-    const { displayName: displayName, enableSorting: enableSorting, enableMenu: enableMenu, showColumnMenu: showColumnMenu, progressSort: progressSort, column: column, info: info } = props;
-    const [sort, setSort] = (0, $gXNCa$react.useState)(column && column.getSort ? column.getSort() : null);
-    const menuRef = (0, $gXNCa$react.useRef)(null);
-    (0, $gXNCa$react.useEffect)(()=>{
-        if (!column || !column.addEventListener) return;
-        const handler = ()=>setSort(column.getSort());
-        column.addEventListener('sortChanged', handler);
-        return ()=>column.removeEventListener('sortChanged', handler);
-    }, [
-        column
-    ]);
-    const onSortClick = (event)=>{
-        if (enableSorting && progressSort) progressSort(event.shiftKey);
-    };
-    const onMenuClick = (event)=>{
-        event.stopPropagation();
-        if (showColumnMenu && menuRef.current) showColumnMenu(menuRef.current);
-    };
-    const factorEntries = info ? Object.entries(info.factors || {}) : [];
-    const charEntries = info ? Object.entries(info.characteristics || {}) : [];
-    const popover = info ? /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$reactbootstrap.Popover), {
-        id: `exprviz-header-${info.studyId}-${info.group}`,
-        className: "exprviz-header-popover",
-        children: [
-            /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.Popover).Header, {
-                as: "h6",
-                children: info.studyDescription
-            }),
-            /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$reactbootstrap.Popover).Body, {
-                children: [
-                    /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("div", {
-                        children: [
-                            /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("strong", {
-                                children: "Study:"
-                            }),
-                            " ",
-                            info.studyId
-                        ]
-                    }),
-                    /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("div", {
-                        children: [
-                            /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("strong", {
-                                children: "Group:"
-                            }),
-                            " ",
-                            info.group,
-                            " (",
-                            info.replicates,
-                            " ",
-                            info.replicates === 1 ? 'rep' : 'reps',
-                            ")"
-                        ]
-                    }),
-                    factorEntries.length > 0 && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("div", {
-                        className: "exprviz-header-section",
-                        children: [
-                            /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("strong", {
-                                children: "Factors"
-                            }),
-                            /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("ul", {
-                                children: factorEntries.map(([t, v])=>/*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("li", {
-                                        children: [
-                                            /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("em", {
-                                                children: [
-                                                    t,
-                                                    ":"
-                                                ]
-                                            }),
-                                            " ",
-                                            v
-                                        ]
-                                    }, t))
-                            })
-                        ]
-                    }),
-                    charEntries.length > 0 && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("div", {
-                        className: "exprviz-header-section",
-                        children: [
-                            /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("strong", {
-                                children: "Characteristics"
-                            }),
-                            /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("ul", {
-                                children: charEntries.map(([t, v])=>/*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("li", {
-                                        children: [
-                                            /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("em", {
-                                                children: [
-                                                    t,
-                                                    ":"
-                                                ]
-                                            }),
-                                            " ",
-                                            v
-                                        ]
-                                    }, t))
-                            })
-                        ]
-                    })
-                ]
-            })
-        ]
-    }) : null;
+// Plain right-aligned label cell for the metadata header rows above the
+// Gene ID / Name columns. Rendered as a React component (instead of
+// relying on ag-grid's default group label) so the alignment is controlled
+// by our own DOM and isn't fighting the quartz theme's CSS.
+const $4ab64e76c1caef59$var$LabelHeaderGroup = (props)=>{
+    const { displayName: displayName } = props;
+    return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("div", {
+        className: "exprviz-label-header",
+        children: displayName
+    });
+};
+// Same idea, but for the cells that toggle a section between expanded and
+// collapsed. The caret + label sit at the right edge.
+const $4ab64e76c1caef59$var$ToggleHeaderGroup = (props)=>{
+    const { displayName: displayName, onToggle: onToggle, expanded: expanded, suffix: suffix } = props;
     return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("div", {
-        className: "exprviz-header",
+        className: "exprviz-toggle-header",
+        onClick: onToggle,
+        role: "button",
+        tabIndex: 0,
+        onKeyDown: (e)=>{
+            if (e.key === 'Enter' || e.key === ' ') {
+                e.preventDefault();
+                onToggle && onToggle();
+            }
+        },
+        title: expanded ? 'Click to collapse' : 'Click to expand',
         children: [
-            /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("span", {
-                className: "exprviz-header-text",
-                onClick: onSortClick,
-                style: {
-                    cursor: enableSorting ? 'pointer' : 'default'
-                },
-                children: [
-                    displayName,
-                    sort === 'asc' && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("span", {
-                        className: "exprviz-header-sort",
-                        children: " \u25B2"
-                    }),
-                    sort === 'desc' && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("span", {
-                        className: "exprviz-header-sort",
-                        children: " \u25BC"
-                    })
-                ]
-            }),
-            info && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.OverlayTrigger), {
-                trigger: [
-                    'hover',
-                    'focus'
-                ],
-                placement: "bottom",
-                overlay: popover,
-                delay: {
-                    show: 200,
-                    hide: 100
-                },
-                children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("span", {
-                    className: "exprviz-header-info",
-                    onClick: (e)=>e.stopPropagation(),
-                    onMouseDown: (e)=>e.stopPropagation(),
-                    "aria-label": "More info",
-                    children: "\u24D8"
-                })
+            /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("span", {
+                className: "exprviz-toggle-caret",
+                children: expanded ? "\u25BC" : "\u25B6"
             }),
-            enableMenu && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("span", {
-                ref: menuRef,
-                className: "exprviz-header-menu ag-icon ag-icon-menu",
-                onClick: onMenuClick
-            })
+            ' ',
+            displayName,
+            suffix ? ` ${suffix}` : ''
         ]
     });
 };
+function $4ab64e76c1caef59$var$exprValueFormatter(p) {
+    const v = p.value;
+    if (v == null) return '';
+    if (Array.isArray(v)) return v.join(', ');
+    if (typeof v === 'object') return JSON.stringify(v);
+    return String(v);
+}
+// Discover every distinct factor and characteristic type across the loaded
+// fields. Each becomes one header row (with adjacent equal-value cells
+// merged). Order is alphabetical for stability across reloads.
+function $4ab64e76c1caef59$var$collectMetadataTypes(fields, fieldInfo) {
+    const factorTypes = new Set();
+    const charTypes = new Set();
+    for (const f of fields || []){
+        const info = fieldInfo[f];
+        if (!info) continue;
+        Object.keys(info.factors || {}).forEach((t)=>factorTypes.add(t));
+        Object.keys(info.characteristics || {}).forEach((t)=>charTypes.add(t));
+    }
+    return {
+        factorTypes: Array.from(factorTypes).sort(),
+        charTypes: Array.from(charTypes).sort()
+    };
+}
+// Wrap a leaf column in N nested column groups so it participates at every
+// header row, with a custom label per level. Lets the Gene ID / Name columns
+// carry the row labels ("Study"/"Factor"/"Characteristic" and the type name).
+function $4ab64e76c1caef59$var$wrapLeafWithLabels(leaf, labels) {
+    let wrapped = leaf;
+    for(let i = labels.length - 1; i >= 0; i--){
+        const label = labels[i];
+        const cls = label.headerClass ? `${label.headerClass} exprviz-hg-labels` : 'exprviz-hg-labels';
+        wrapped = {
+            headerName: label.headerName,
+            headerClass: cls,
+            // Always render through one of our components so the alignment and
+            // spacing are controlled by our own DOM, not ag-grid's defaults.
+            headerGroupComponent: label.headerGroupComponent || $4ab64e76c1caef59$var$LabelHeaderGroup,
+            headerGroupComponentParams: label.headerGroupComponentParams,
+            children: [
+                wrapped
+            ]
+        };
+    }
+    return wrapped;
+}
+// Build the column tree:
+//   row 1            — Study           |  Title           |  <study description>…
+//   row 2..(2+F-1)   — Factor          |  <factor type>   |  <value or blank>…
+//   row 2+F..end-1   — Characteristic  |  <char type>     |  <value or blank>…
+//   leaf row         — Gene ID         |  Name            |  g3, g4, …
+// Adjacent expression cells sharing the same value at a given level merge
+// (because they're children of one group definition). Blank values for a
+// type that's defined only in other studies render as empty cells, and
+// adjacent blanks under the same parent merge automatically.
+function $4ab64e76c1caef59$var$buildColumnDefs(fields, fieldInfo, expanded, toggles) {
+    if (!fields || fields.length === 0) return $4ab64e76c1caef59$var$baseColDefs;
+    const { factorTypes: factorTypes, charTypes: charTypes } = $4ab64e76c1caef59$var$collectMetadataTypes(fields, fieldInfo);
+    const levels = [
+        {
+            kind: 'study',
+            getValue: (info)=>info && info.studyDescription || ''
+        }
+    ];
+    if (expanded.factors) for (const t of factorTypes)levels.push({
+        kind: 'factor',
+        type: t,
+        getValue: (info)=>info && info.factors && info.factors[t] || '',
+        headerClass: 'exprviz-hg-factors'
+    });
+    else if (factorTypes.length > 0) // One placeholder level standing in for the collapsed factor rows.
+    levels.push({
+        kind: 'factors-collapsed',
+        getValue: ()=>'',
+        headerClass: 'exprviz-hg-factors exprviz-hg-collapsed'
+    });
+    if (expanded.chars) for (const t of charTypes)levels.push({
+        kind: 'char',
+        type: t,
+        getValue: (info)=>info && info.characteristics && info.characteristics[t] || '',
+        headerClass: 'exprviz-hg-chars'
+    });
+    else if (charTypes.length > 0) levels.push({
+        kind: 'chars-collapsed',
+        getValue: ()=>'',
+        headerClass: 'exprviz-hg-chars exprviz-hg-collapsed'
+    });
+    // Walk fields, opening a new group at level i (and resetting all levels
+    // below) the first time the value at level i differs from the previous
+    // field's. Same value → same parent group → ag-grid merges the cells.
+    const exprTopGroups = [];
+    const currentGroups = new Array(levels.length).fill(null);
+    const currentKeys = new Array(levels.length).fill(undefined);
+    for (const f of fields){
+        const info = fieldInfo[f] || {};
+        let firstChange = levels.length;
+        for(let i = 0; i < levels.length; i++){
+            const key = levels[i].getValue(info);
+            if (currentGroups[i] === null || currentKeys[i] !== key) {
+                firstChange = i;
+                break;
+            }
+        }
+        for(let i = firstChange; i < levels.length; i++){
+            const key = levels[i].getValue(info);
+            const group = {
+                headerName: key,
+                headerClass: levels[i].headerClass,
+                children: []
+            };
+            currentGroups[i] = group;
+            currentKeys[i] = key;
+            if (i === 0) exprTopGroups.push(group);
+            else currentGroups[i - 1].children.push(group);
+        }
+        const leaf = {
+            field: f,
+            headerName: info.group || f.replace(/__expr$/, ''),
+            width: 160,
+            suppressMovable: false,
+            valueFormatter: $4ab64e76c1caef59$var$exprValueFormatter
+        };
+        currentGroups[levels.length - 1].children.push(leaf);
+    }
+    // Labels for the two pinned columns. The leftmost column carries the row
+    // category ("Study" / "Factor" / "Characteristic"); the next column shows
+    // the specific row name (the literal "Title" for the study row, then each
+    // factor/characteristic type name). The first row of each
+    // factor/characteristic section gets a clickable caret that toggles the
+    // section between expanded (one row per type) and collapsed (one
+    // placeholder row).
+    const studyLabels = [
+        {
+            headerName: 'Study'
+        }
+    ];
+    const titleLabels = [
+        {
+            headerName: 'Title'
+        }
+    ];
+    if (expanded.factors) factorTypes.forEach((t, i)=>{
+        studyLabels.push({
+            headerName: 'Factor',
+            headerClass: 'exprviz-hg-factors',
+            ...i === 0 ? {
+                headerGroupComponent: $4ab64e76c1caef59$var$ToggleHeaderGroup,
+                headerGroupComponentParams: {
+                    onToggle: toggles.toggleFactors,
+                    expanded: true
+                }
+            } : {}
+        });
+        titleLabels.push({
+            headerName: t,
+            headerClass: 'exprviz-hg-factors'
+        });
+    });
+    else if (factorTypes.length > 0) {
+        studyLabels.push({
+            headerName: 'Factors',
+            headerClass: 'exprviz-hg-factors exprviz-hg-collapsed',
+            headerGroupComponent: $4ab64e76c1caef59$var$ToggleHeaderGroup,
+            headerGroupComponentParams: {
+                onToggle: toggles.toggleFactors,
+                expanded: false,
+                suffix: `(${factorTypes.length})`
+            }
+        });
+        titleLabels.push({
+            headerName: '',
+            headerClass: 'exprviz-hg-factors exprviz-hg-collapsed'
+        });
+    }
+    if (expanded.chars) charTypes.forEach((t, i)=>{
+        studyLabels.push({
+            headerName: 'Characteristic',
+            headerClass: 'exprviz-hg-chars',
+            ...i === 0 ? {
+                headerGroupComponent: $4ab64e76c1caef59$var$ToggleHeaderGroup,
+                headerGroupComponentParams: {
+                    onToggle: toggles.toggleChars,
+                    expanded: true
+                }
+            } : {}
+        });
+        titleLabels.push({
+            headerName: t,
+            headerClass: 'exprviz-hg-chars'
+        });
+    });
+    else if (charTypes.length > 0) {
+        studyLabels.push({
+            headerName: 'Characteristics',
+            headerClass: 'exprviz-hg-chars exprviz-hg-collapsed',
+            headerGroupComponent: $4ab64e76c1caef59$var$ToggleHeaderGroup,
+            headerGroupComponentParams: {
+                onToggle: toggles.toggleChars,
+                expanded: false,
+                suffix: `(${charTypes.length})`
+            }
+        });
+        titleLabels.push({
+            headerName: '',
+            headerClass: 'exprviz-hg-chars exprviz-hg-collapsed'
+        });
+    }
+    const idCol = $4ab64e76c1caef59$var$wrapLeafWithLabels($4ab64e76c1caef59$var$baseColDefs[0], studyLabels);
+    const nameCol = $4ab64e76c1caef59$var$wrapLeafWithLabels($4ab64e76c1caef59$var$baseColDefs[1], titleLabels);
+    return [
+        idCol,
+        nameCol,
+        ...exprTopGroups
+    ];
+}
 const $4ab64e76c1caef59$var$ExprTable = ({ rows: rows, fields: fields, onReorder: onReorder, studies: studies, expressionSamples: expressionSamples, onHoverRow: onHoverRow })=>{
     const fieldInfo = (0, $gXNCa$react.useMemo)(()=>$4ab64e76c1caef59$var$buildFieldInfo(fields, studies, expressionSamples), [
         fields,
         studies,
         expressionSamples
     ]);
-    const columnDefs = (0, $gXNCa$react.useMemo)(()=>{
-        const expressionCols = (fields || []).map((f)=>({
-                field: f,
-                headerName: f.replace(/__expr$/, ''),
-                width: 160,
-                suppressMovable: false,
-                headerComponent: $4ab64e76c1caef59$var$HeaderWithInfo,
-                headerComponentParams: {
-                    info: fieldInfo[f]
-                },
-                valueFormatter: (p)=>{
-                    const v = p.value;
-                    if (v == null) return '';
-                    if (Array.isArray(v)) return v.join(', ');
-                    if (typeof v === 'object') return JSON.stringify(v);
-                    return String(v);
-                }
-            }));
-        return [
-            ...$4ab64e76c1caef59$var$baseColDefs,
-            ...expressionCols
-        ];
-    }, [
+    // Default: factor rows expanded, characteristic rows collapsed (per spec).
+    const [expanded, setExpanded] = (0, $gXNCa$react.useState)({
+        factors: true,
+        chars: false
+    });
+    const toggleFactors = (0, $gXNCa$react.useCallback)(()=>setExpanded((e)=>({
+                ...e,
+                factors: !e.factors
+            })), []);
+    const toggleChars = (0, $gXNCa$react.useCallback)(()=>setExpanded((e)=>({
+                ...e,
+                chars: !e.chars
+            })), []);
+    const columnDefs = (0, $gXNCa$react.useMemo)(()=>$4ab64e76c1caef59$var$buildColumnDefs(fields, fieldInfo, expanded, {
+            toggleFactors: toggleFactors,
+            toggleChars: toggleChars
+        }), [
         fields,
-        fieldInfo
+        fieldInfo,
+        expanded,
+        toggleFactors,
+        toggleChars
     ]);
     const onColumnMoved = (e)=>{
         if (!onReorder || !e.finished) return;
@@ -11577,11 +11733,14 @@ const $4ab64e76c1caef59$var$ExprTable = ({ rows: rows, fields: fields, onReorder
             defaultColDef: {
                 resizable: true,
                 sortable: true,
-                filter: true
+                filter: false,
+                suppressMenu: true
             },
             animateRows: false,
             suppressFieldDotNotation: true,
             suppressDragLeaveHidesColumns: true,
+            suppressColumnVirtualisation: true,
+            groupHeaderHeight: 24,
             onColumnMoved: onColumnMoved,
             onCellMouseOver: (e)=>onHoverRow && onHoverRow(e.data && e.data.id),
             onCellMouseOut: ()=>onHoverRow && onHoverRow(null)
@@ -11647,12 +11806,41 @@ function $caf32827df861c4e$var$logTickFormat(v) {
     if (a >= 0.01 && a < 10000) return $gXNCa$d3.format('~g')(v);
     return $gXNCa$d3.format('.0e')(v);
 }
-const $caf32827df861c4e$var$ParallelCoordsPlot = ({ rows: rows, fields: fields, scale: scale = 'linear', onBrushChange: onBrushChange, onReorder: onReorder, clearVersion: clearVersion = 0, hoveredId: hoveredId = null })=>{
+const $caf32827df861c4e$var$ParallelCoordsPlot = ({ rows: rows, fields: fields, scale: scale = 'linear', onBrushChange: onBrushChange, onReorder: onReorder, clearVersion: clearVersion = 0, hoveredId: hoveredId = null, axisLabels: axisLabels = null })=>{
     const svgRef = (0, $gXNCa$react.useRef)(null);
     const containerRef = (0, $gXNCa$react.useRef)(null);
     // selections in data domain: { [field]: [lo, hi] }
     const selectionsRef = (0, $gXNCa$react.useRef)({});
     const lastClearRef = (0, $gXNCa$react.useRef)(0);
+    // Track container size so the d3 render reruns when the user drags the
+    // pane resizer (or when the window is resized). The values themselves
+    // aren't read inside the effect — the effect always reads clientWidth/
+    // clientHeight — but listing them in the deps array is what triggers it.
+    const [size, setSize] = (0, $gXNCa$react.useState)({
+        w: 0,
+        h: 0
+    });
+    // Custom HTML tooltip for axis labels — gives us bold labels and structured
+    // sections, which the native SVG <title> can't do.
+    const [tooltip, setTooltip] = (0, $gXNCa$react.useState)(null);
+    (0, $gXNCa$react.useEffect)(()=>{
+        const el = containerRef.current;
+        if (!el || typeof ResizeObserver === 'undefined') return;
+        const ro = new ResizeObserver((entries)=>{
+            for (const entry of entries){
+                const { width: width, height: height } = entry.contentRect;
+                setSize((prev)=>{
+                    if (Math.abs(prev.w - width) < 1 && Math.abs(prev.h - height) < 1) return prev;
+                    return {
+                        w: width,
+                        h: height
+                    };
+                });
+            }
+        });
+        ro.observe(el);
+        return ()=>ro.disconnect();
+    }, []);
     (0, $gXNCa$react.useEffect)(()=>{
         if (clearVersion !== lastClearRef.current) {
             selectionsRef.current = {};
@@ -11749,9 +11937,32 @@ const $caf32827df861c4e$var$ParallelCoordsPlot = ({ rows: rows, fields: fields,
             if (scale === 'log') axisGen.tickValues($caf32827df861c4e$var$logTickValues(yByField[f].domain())).tickFormat($caf32827df861c4e$var$logTickFormat);
             else axisGen.ticks(5);
             ax.call(axisGen);
-            const label = ax.append('text').attr('class', 'exprviz-pc-axis-label').attr('x', 4).attr('y', -4).attr('text-anchor', 'start').attr('transform', `rotate(${$caf32827df861c4e$var$LABEL_ROTATION}, 0, -4)`).attr('fill', '#333').style('font-size', '10px').style('cursor', 'grab').text(f.replace(/__expr$/, ''));
+            // Compact axis label. Hovering the label or its drag-handle rect shows
+            // a custom HTML tooltip (rendered outside the SVG by React) that can
+            // include bold labels and section headings.
+            const labelInfo = axisLabels && axisLabels[f] || {
+                short: f.replace(/__expr$/, ''),
+                structured: {
+                    studyTitle: f,
+                    group: '',
+                    factors: [],
+                    characteristics: []
+                }
+            };
+            const showTip = (event)=>setTooltip({
+                    x: event.clientX,
+                    y: event.clientY,
+                    info: labelInfo.structured
+                });
+            const moveTip = (event)=>setTooltip((t)=>t ? {
+                        ...t,
+                        x: event.clientX,
+                        y: event.clientY
+                    } : null);
+            const hideTip = ()=>setTooltip(null);
+            ax.append('text').attr('class', 'exprviz-pc-axis-label').attr('x', 4).attr('y', -4).attr('text-anchor', 'start').attr('transform', `rotate(${$caf32827df861c4e$var$LABEL_ROTATION}, 0, -4)`).attr('fill', '#333').style('font-size', '10px').style('cursor', 'grab').text(labelInfo.short).on('mouseenter', showTip).on('mousemove', moveTip).on('mouseleave', hideTip);
             // hit area for grabbing — sits along the rotated label
-            ax.append('rect').attr('class', 'exprviz-pc-axis-handle').attr('x', 0).attr('y', -11).attr('width', 140).attr('height', 14).attr('transform', `rotate(${$caf32827df861c4e$var$LABEL_ROTATION}, 0, -4)`).attr('fill', 'transparent').style('cursor', 'grab');
+            ax.append('rect').attr('class', 'exprviz-pc-axis-handle').attr('x', 0).attr('y', -11).attr('width', 140).attr('height', 14).attr('transform', `rotate(${$caf32827df861c4e$var$LABEL_ROTATION}, 0, -4)`).attr('fill', 'transparent').style('cursor', 'grab').on('mouseenter', showTip).on('mousemove', moveTip).on('mouseleave', hideTip);
             const brush = $gXNCa$d3.brushY().extent([
                 [
                     -$caf32827df861c4e$var$BRUSH_WIDTH / 2,
@@ -11844,7 +12055,10 @@ const $caf32827df861c4e$var$ParallelCoordsPlot = ({ rows: rows, fields: fields,
         scale,
         onBrushChange,
         onReorder,
-        clearVersion
+        clearVersion,
+        axisLabels,
+        size.w,
+        size.h
     ]);
     // Highlight the polyline matching the hovered row id without rebuilding the
     // SVG. Raises the highlighted path so it draws above its neighbors.
@@ -11870,15 +12084,114 @@ const $caf32827df861c4e$var$ParallelCoordsPlot = ({ rows: rows, fields: fields,
             children: "Select fields to plot."
         })
     });
-    return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("div", {
+    return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("div", {
         ref: containerRef,
         className: "exprviz-pc-container",
-        children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("svg", {
-            ref: svgRef,
-            width: "100%",
-            height: "100%",
-            preserveAspectRatio: "none"
-        })
+        children: [
+            /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("svg", {
+                ref: svgRef,
+                width: "100%",
+                height: "100%",
+                preserveAspectRatio: "none"
+            }),
+            tooltip && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)($caf32827df861c4e$var$AxisTooltip, {
+                x: tooltip.x,
+                y: tooltip.y,
+                info: tooltip.info
+            })
+        ]
+    });
+};
+// Position-fixed so it can escape the plot pane's clipping. Offset slightly
+// from the cursor and clamped to the viewport so it never spills off-screen.
+const $caf32827df861c4e$var$AxisTooltip = ({ x: x, y: y, info: info })=>{
+    const ref = (0, $gXNCa$react.useRef)(null);
+    const [pos, setPos] = (0, $gXNCa$react.useState)({
+        left: x + 12,
+        top: y + 12
+    });
+    (0, $gXNCa$react.useEffect)(()=>{
+        const el = ref.current;
+        if (!el) return;
+        const w = el.offsetWidth;
+        const h = el.offsetHeight;
+        const vw = window.innerWidth;
+        const vh = window.innerHeight;
+        let left = x + 12;
+        let top = y + 12;
+        if (left + w > vw - 4) left = Math.max(4, x - 12 - w);
+        if (top + h > vh - 4) top = Math.max(4, y - 12 - h);
+        setPos({
+            left: left,
+            top: top
+        });
+    }, [
+        x,
+        y,
+        info
+    ]);
+    const { studyTitle: studyTitle, group: group, factors: factors, characteristics: characteristics } = info;
+    return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("div", {
+        ref: ref,
+        className: "exprviz-pc-tooltip",
+        style: pos,
+        children: [
+            /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("div", {
+                children: [
+                    /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("span", {
+                        className: "exprviz-pc-tip-key",
+                        children: "Study:"
+                    }),
+                    " ",
+                    studyTitle,
+                    group ? ` (${group})` : ''
+                ]
+            }),
+            factors.length > 0 && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$reactjsxruntime.Fragment), {
+                children: [
+                    /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("div", {
+                        className: "exprviz-pc-tip-section",
+                        children: "Factors"
+                    }),
+                    factors.map((p, i)=>/*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("div", {
+                            className: "exprviz-pc-tip-row",
+                            children: [
+                                /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("span", {
+                                    className: "exprviz-pc-tip-key",
+                                    children: [
+                                        p.name,
+                                        ":"
+                                    ]
+                                }),
+                                " ",
+                                p.value
+                            ]
+                        }, `f-${i}`))
+                ]
+            }),
+            characteristics.length > 0 && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$reactjsxruntime.Fragment), {
+                children: [
+                    /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("div", {
+                        className: "exprviz-pc-tip-section",
+                        children: "Characteristics"
+                    }),
+                    characteristics.map((p, i)=>/*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("div", {
+                            className: "exprviz-pc-tip-row",
+                            children: [
+                                /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("span", {
+                                    className: "exprviz-pc-tip-key",
+                                    children: [
+                                        p.name,
+                                        ":"
+                                    ]
+                                }),
+                                " ",
+                                p.value
+                            ]
+                        }, `c-${i}`))
+                ]
+            })
+        ]
     });
 };
 var $caf32827df861c4e$export$2e2bcd8739ae039 = $caf32827df861c4e$var$ParallelCoordsPlot;
@@ -11975,6 +12288,75 @@ const $1fd2507769d5bd00$var$ExprVizViewCmp = (props)=>{
         ]
     });
 };
+// Compact axis labels for the parallel-coords plot. The raw Solr field name
+// (e.g. "E_CURD_148_g5__expr") is uninformative; we prefer the assay's
+// factor labels, falling back to "organism part" then to the group id.
+// `full` is exposed via an SVG <title> so the user can hover to see study,
+// group, and every factor/characteristic.
+const $1fd2507769d5bd00$var$AXIS_LABEL_MAX = 22;
+function $1fd2507769d5bd00$var$truncateLabel(s, n) {
+    if (!s) return '';
+    return s.length > n ? s.slice(0, n - 1) + "\u2026" : s;
+}
+function $1fd2507769d5bd00$var$compactAssayLabel(assay, group) {
+    if (!assay) return group || '';
+    const factorVals = (assay.factor || []).map((f)=>f && f.label).filter(Boolean);
+    if (factorVals.length) return factorVals.join('; ');
+    const chars = assay.characteristic || [];
+    const organ = chars.find((c)=>c && c.type === 'organism part');
+    if (organ && organ.label) return organ.label;
+    const firstChar = chars.find((c)=>c && c.label);
+    if (firstChar) return firstChar.label;
+    return group || '';
+}
+function $1fd2507769d5bd00$var$assayPairs(list) {
+    return (list || []).filter((x)=>x && x.label).map((x)=>({
+            name: x.type || '',
+            value: x.label
+        }));
+}
+function $1fd2507769d5bd00$var$buildAxisLabels(fields, studies, expressionSamples) {
+    const labels = {};
+    if (!fields) return labels;
+    const studyById = {};
+    (studies || []).forEach((s)=>{
+        if (s && s._id) studyById[s._id] = s;
+    });
+    const findAssay = (studyId, group)=>{
+        const arr = expressionSamples && expressionSamples[studyId];
+        return arr ? arr.find((a)=>a.group === group) : null;
+    };
+    for (const f of fields){
+        const m = f.match(/^(.+?)_g(\d+)__expr$/);
+        if (!m) {
+            labels[f] = {
+                short: $1fd2507769d5bd00$var$truncateLabel(f.replace(/__expr$/, ''), $1fd2507769d5bd00$var$AXIS_LABEL_MAX),
+                structured: {
+                    studyTitle: f,
+                    group: '',
+                    factors: [],
+                    characteristics: []
+                }
+            };
+            continue;
+        }
+        const expId = m[1].replace(/_/g, '-');
+        const group = 'g' + m[2];
+        const assay = findAssay(expId, group);
+        const study = studyById[expId];
+        const studyName = study && study.description || expId;
+        labels[f] = {
+            short: $1fd2507769d5bd00$var$truncateLabel($1fd2507769d5bd00$var$compactAssayLabel(assay, group), $1fd2507769d5bd00$var$AXIS_LABEL_MAX),
+            structured: {
+                studyTitle: studyName,
+                group: group,
+                factors: $1fd2507769d5bd00$var$assayPairs(assay && assay.factor),
+                characteristics: $1fd2507769d5bd00$var$assayPairs(assay && assay.characteristic)
+            }
+        };
+    }
+    return labels;
+}
 function $1fd2507769d5bd00$var$rowMatchesSelections(row, selections) {
     for (const f of Object.keys(selections)){
         const v = row[f];
@@ -12038,6 +12420,34 @@ const $1fd2507769d5bd00$var$TaxonPanel = ({ taxon: taxon, studies: studies, expr
     const [selections, setSelections] = (0, $gXNCa$react.useState)({});
     const [clearVersion, setClearVersion] = (0, $gXNCa$react.useState)(0);
     const [hoveredId, setHoveredId] = (0, $gXNCa$react.useState)(null);
+    const [plotHeight, setPlotHeight] = (0, $gXNCa$react.useState)(320);
+    const resizeStateRef = (0, $gXNCa$react.useRef)(null);
+    // Drag the horizontal separator between the plot and the table to retune
+    // their relative sizes. Bounded so neither pane disappears entirely.
+    const startResize = (e)=>{
+        e.preventDefault();
+        resizeStateRef.current = {
+            startY: e.clientY,
+            startHeight: plotHeight
+        };
+        const onMove = (ev)=>{
+            const s = resizeStateRef.current;
+            if (!s) return;
+            const next = Math.max(120, Math.min(1200, s.startHeight + (ev.clientY - s.startY)));
+            setPlotHeight(next);
+        };
+        const onUp = ()=>{
+            resizeStateRef.current = null;
+            document.removeEventListener('mousemove', onMove);
+            document.removeEventListener('mouseup', onUp);
+            document.body.style.cursor = '';
+            document.body.style.userSelect = '';
+        };
+        document.body.style.cursor = 'row-resize';
+        document.body.style.userSelect = 'none';
+        document.addEventListener('mousemove', onMove);
+        document.addEventListener('mouseup', onUp);
+    };
     const hasBrush = Object.keys(selections).length > 0;
     const filteredRows = (0, $gXNCa$react.useMemo)(()=>{
         if (!hasBrush) return rows;
@@ -12068,6 +12478,11 @@ const $1fd2507769d5bd00$var$TaxonPanel = ({ taxon: taxon, studies: studies, expr
             ...hidden
         ]);
     } : undefined;
+    const axisLabels = (0, $gXNCa$react.useMemo)(()=>$1fd2507769d5bd00$var$buildAxisLabels(visibleFields, studies, expressionSamples), [
+        visibleFields,
+        studies,
+        expressionSamples
+    ]);
     (0, $gXNCa$react.useEffect)(()=>{
         if (rows.length === 0 && hasBrush) {
             setSelections({});
@@ -12175,6 +12590,9 @@ const $1fd2507769d5bd00$var$TaxonPanel = ({ taxon: taxon, studies: studies, expr
                 children: [
                     /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("div", {
                         className: "exprviz-plot",
+                        style: {
+                            height: plotHeight
+                        },
                         children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $caf32827df861c4e$export$2e2bcd8739ae039), {
                             rows: rows,
                             fields: visibleFields,
@@ -12182,9 +12600,18 @@ const $1fd2507769d5bd00$var$TaxonPanel = ({ taxon: taxon, studies: studies, expr
                             onBrushChange: setSelections,
                             onReorder: handleReorder,
                             clearVersion: clearVersion,
-                            hoveredId: hoveredId
+                            hoveredId: hoveredId,
+                            axisLabels: axisLabels
                         })
                     }),
+                    /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("div", {
+                        className: "exprviz-resizer",
+                        role: "separator",
+                        "aria-orientation": "horizontal",
+                        "aria-label": "Resize plot",
+                        onMouseDown: startResize,
+                        title: "Drag to resize"
+                    }),
                     /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("div", {
                         className: "exprviz-table",
                         children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $4ab64e76c1caef59$export$2e2bcd8739ae039), {