gramene-search 2.1.11 → 2.2.0

package/dist/index.js

@@ -7,8 +7,8 @@ require("ag-grid-community/styles/ag-grid.css");
 require("ag-grid-community/styles/ag-theme-quartz.css");
 var $gXNCa$reduxbundler = require("redux-bundler");
 var $gXNCa$lodash = require("lodash");
-var $gXNCa$gramenebinsclient = require("gramene-bins-client");
-var $gXNCa$gramenetreesclient = require("gramene-trees-client");
+var $gXNCa$gramenebinsclientsrcbins = require("gramene-bins-client/src/bins");
+var $gXNCa$gramenetreesclientsrctaxonomy = require("gramene-trees-client/src/taxonomy");
 var $gXNCa$gramenetaxonomywithgenomes = require("gramene-taxonomy-with-genomes");
 var $gXNCa$reactga4 = require("react-ga4");
 var $gXNCa$moneyclip = require("money-clip");
@@ -17,8 +17,8 @@ var $gXNCa$reactswitch = require("react-switch");
 var $gXNCa$reacticonsio5 = require("react-icons/io5");
 var $gXNCa$reacticonsbs = require("react-icons/bs");
 var $gXNCa$reacticonsgr = require("react-icons/gr");
-var $gXNCa$grameneefpbrowser = require("gramene-efp-browser");
 var $gXNCa$gramenegenetreevis = require("gramene-genetree-vis");
+var $gXNCa$gramenetreesclientsrcgenetree = require("gramene-trees-client/src/genetree");
 var $gXNCa$tbrowse = require("tbrowse");
 var $gXNCa$reactdom = require("react-dom");
 var $gXNCa$lodashkeyBy = require("lodash/keyBy");
@@ -222,6 +222,7 @@ $parcel$export(module.exports, "Filters", () => $693dd8c7a5607c3a$export$92a576f
 $parcel$export(module.exports, "Results", () => $693dd8c7a5607c3a$export$4a34de49b46a2bfa);
 $parcel$export(module.exports, "Views", () => $693dd8c7a5607c3a$export$5cb791131c501f6a);
 $parcel$export(module.exports, "Auth", () => $c5d403787de8b05f$export$2e2bcd8739ae039);
+$parcel$export(module.exports, "bootViewFromUrl", () => $c69c61828e36a328$export$2e2bcd8739ae039);
 
 
 
@@ -638,8 +639,8 @@ const $9d9aeaf9299e61a1$var$grameneTaxDist = {
                 grameneTaxonomy[tid].name = map.display_name;
             });
             const binnedResults = $9d9aeaf9299e61a1$var$formatFacetCountsForViz(grameneSearch.facet_counts.facet_fields.fixed_1000__bin);
-            let speciesTree = (0, ($parcel$interopDefault($gXNCa$gramenetreesclient))).taxonomy.tree(Object.values(grameneTaxonomy));
-            let binMapper = (0, ($parcel$interopDefault($gXNCa$gramenebinsclient))).bins(grameneMaps);
+            let speciesTree = (0, ($parcel$interopDefault($gXNCa$gramenetreesclientsrctaxonomy))).tree(Object.values(grameneTaxonomy));
+            let binMapper = (0, ($parcel$interopDefault($gXNCa$gramenebinsclientsrcbins)))(grameneMaps);
             let taxDist = (0, $gXNCa$gramenetaxonomywithgenomes.build)(binMapper, speciesTree);
             taxDist.setBinType('fixed', 1000);
             taxDist.setResults(binnedResults);
@@ -1549,6 +1550,26 @@ const $24971af0a229e0e3$var$grameneViews = {
                     newState = Object.assign({}, state);
                     newState.options.forEach((v)=>v.shouldScroll = false);
                     return newState;
+                case 'GRAMENE_VIEWS_REPLACED':
+                    {
+                        // Snapshot restore. payload: { on: Set|Array<id>, touched: {id: true} }
+                        // Sets options[].show directly to 'on' or 'off' based on membership in
+                        // `on`. Leaves 'disabled' entries untouched (site config wins).
+                        const onSet = payload.on instanceof Set ? payload.on : new Set(payload.on || []);
+                        newState = Object.assign({}, state);
+                        newState.touched = {
+                            ...payload.touched || {}
+                        };
+                        newState.options = state.options.map((v)=>{
+                            if (v.show === 'disabled') return v;
+                            return {
+                                ...v,
+                                show: onSet.has(v.id) ? 'on' : 'off',
+                                shouldScroll: false
+                            };
+                        });
+                        return newState;
+                    }
                 default:
                     return state;
             }
@@ -1572,6 +1593,19 @@ const $24971af0a229e0e3$var$grameneViews = {
                 payload: null
             });
         },
+    // Snapshot restore. `on` is an array of view ids to switch on; everything
+    // else (except disabled views) goes off. `touched` is the same map the
+    // user-toggled view bundle maintains, so the auto-default logic in
+    // selectGrameneViews respects what the user has explicitly set.
+    doReplaceGrameneViews: ({ on: on, touched: touched })=>({ dispatch: dispatch })=>{
+            dispatch({
+                type: 'GRAMENE_VIEWS_REPLACED',
+                payload: {
+                    on: on,
+                    touched: touched
+                }
+            });
+        },
     selectRawGrameneViews: (state)=>state.grameneViews,
     selectGrameneViews: (0, $gXNCa$reduxbundler.createSelector)('selectRawGrameneViews', 'selectConfiguration', 'selectGrameneSearch', 'selectGrameneFilters', (raw, config, search, filters)=>{
         const overrides = config && config.views || null;
@@ -3913,8 +3947,12 @@ var $c921a0d2b34aadb6$export$2e2bcd8739ae039 = $c921a0d2b34aadb6$var$ontologies;
 //   activeTaxon: <taxon_id|null>,
 //   byTaxon: {
 //     [taxon_id]: {
-//       selectedFields: [<solr field name>...],
+//       selectedFields: [<solr field name>...],   // order = column/axis order
 //       fieldsModalOpen: <bool>,
+//       vizMode: 'heatmap'|'parallel',            // persisted view config
+//       scale: 'linear'|'log',                    // persisted view config
+//       brushes: { [field]: [lo, hi] },           // persisted parallel-coords brushes
+//       pendingLoad: <bool>,                       // transient: a restored view wants a re-fetch
 //       fetch: { status, offset, total, signature, requestId, error },
 //       rows: [<doc>...]
 //     }
@@ -3964,6 +4002,10 @@ const $4f15cd8a7d970b18$var$exprViz = {
             return {
                 selectedFields: [],
                 fieldsModalOpen: false,
+                vizMode: 'heatmap',
+                scale: 'linear',
+                brushes: {},
+                pendingLoad: false,
                 fetch: {
                     status: 'idle',
                     offset: 0,
@@ -4046,6 +4088,9 @@ const $4f15cd8a7d970b18$var$exprViz = {
                                 [payload.taxon]: {
                                     ...t,
                                     selectedFields: payload.fields,
+                                    // A new field selection invalidates any prior brushes (they
+                                    // reference axes that may no longer exist) and the loaded rows.
+                                    brushes: {},
                                     rows: [],
                                     fetch: {
                                         status: 'idle',
@@ -4059,6 +4104,77 @@ const $4f15cd8a7d970b18$var$exprViz = {
                             }
                         };
                     }
+                case 'EXPRVIZ_VIZMODE_SET':
+                    {
+                        const t = ensureTaxon(state, payload.taxon);
+                        return {
+                            ...state,
+                            byTaxon: {
+                                ...state.byTaxon,
+                                [payload.taxon]: {
+                                    ...t,
+                                    vizMode: payload.vizMode
+                                }
+                            }
+                        };
+                    }
+                case 'EXPRVIZ_SCALE_SET':
+                    {
+                        const t = ensureTaxon(state, payload.taxon);
+                        return {
+                            ...state,
+                            byTaxon: {
+                                ...state.byTaxon,
+                                [payload.taxon]: {
+                                    ...t,
+                                    scale: payload.scale
+                                }
+                            }
+                        };
+                    }
+                case 'EXPRVIZ_BRUSHES_SET':
+                    {
+                        const t = ensureTaxon(state, payload.taxon);
+                        return {
+                            ...state,
+                            byTaxon: {
+                                ...state.byTaxon,
+                                [payload.taxon]: {
+                                    ...t,
+                                    brushes: payload.brushes || {}
+                                }
+                            }
+                        };
+                    }
+                case 'EXPRVIZ_RESTORED':
+                    {
+                        // Re-apply persisted view config from a saved-view snapshot. Async
+                        // data (rows) is NOT in the snapshot — instead each taxon with a
+                        // field selection is flagged pendingLoad so reactExprVizRestoreLoad
+                        // re-fetches it once the search context is ready.
+                        const byTaxon = {
+                            ...state.byTaxon
+                        };
+                        const cfg = payload.byTaxon || {};
+                        for (const tid of Object.keys(cfg)){
+                            const base = ensureTaxon(state, tid);
+                            const c = cfg[tid] || {};
+                            const selectedFields = Array.isArray(c.selectedFields) ? c.selectedFields : [];
+                            byTaxon[tid] = {
+                                ...base,
+                                selectedFields: selectedFields,
+                                vizMode: c.vizMode || 'heatmap',
+                                scale: c.scale || 'linear',
+                                brushes: c.brushes || {},
+                                pendingLoad: selectedFields.length > 0
+                            };
+                        }
+                        return {
+                            ...state,
+                            activeTaxon: payload.activeTaxon || state.activeTaxon,
+                            byTaxon: byTaxon
+                        };
+                    }
                 case 'EXPRVIZ_FIELDS_REORDERED':
                     {
                         const t = state.byTaxon[payload.taxon];
@@ -4089,6 +4205,7 @@ const $4f15cd8a7d970b18$var$exprViz = {
                                 ...state.byTaxon,
                                 [payload.taxon]: {
                                     ...t,
+                                    pendingLoad: false,
                                     fetch: {
                                         ...t.fetch,
                                         status: 'loading',
@@ -4346,6 +4463,41 @@ const $4f15cd8a7d970b18$var$exprViz = {
                     fields: fields
                 }
             }),
+    doSetExprVizVizMode: (taxon, vizMode)=>({ dispatch: dispatch })=>dispatch({
+                type: 'EXPRVIZ_VIZMODE_SET',
+                payload: {
+                    taxon: taxon,
+                    vizMode: vizMode
+                }
+            }),
+    doSetExprVizScale: (taxon, scale)=>({ dispatch: dispatch })=>dispatch({
+                type: 'EXPRVIZ_SCALE_SET',
+                payload: {
+                    taxon: taxon,
+                    scale: scale
+                }
+            }),
+    doSetExprVizBrushes: (taxon, brushes)=>({ dispatch: dispatch })=>dispatch({
+                type: 'EXPRVIZ_BRUSHES_SET',
+                payload: {
+                    taxon: taxon,
+                    brushes: brushes
+                }
+            }),
+    // Re-apply persisted exprViz view config from a saved-view snapshot. Called
+    // by viewSnapshot's doApplyViewSnapshot after filters/views have been
+    // restored, so the re-fetch (driven by reactExprVizRestoreLoad) sees the
+    // restored query context.
+    doApplyExprVizSnapshot: (snap)=>({ dispatch: dispatch })=>{
+            if (!snap || typeof snap !== 'object') return;
+            dispatch({
+                type: 'EXPRVIZ_RESTORED',
+                payload: {
+                    activeTaxon: snap.activeTaxon || null,
+                    byTaxon: snap.byTaxon || {}
+                }
+            });
+        },
     doFetchExprVizData: (taxon)=>({ dispatch: dispatch, store: store })=>{
             const ev = store.selectExprViz();
             const t = ev.byTaxon[taxon];
@@ -4466,6 +4618,25 @@ const $4f15cd8a7d970b18$var$exprViz = {
             actionCreator: 'doFetchExprVizPivot'
         };
     }),
+    // After a saved view is applied, EXPRVIZ_RESTORED flags each taxon that had
+    // a field selection with pendingLoad. Once the search context is live (not
+    // 'init') and the view is on, re-fetch that taxon's rows. Fires one taxon at
+    // a time; EXPRVIZ_FETCH_STARTED clears the flag so this won't loop. Robust to
+    // a GRAMENE_SEARCH_CLEARED that wipes rows mid-restore — the flag persists.
+    reactExprVizRestoreLoad: (0, $gXNCa$reduxbundler.createSelector)('selectExprViz', 'selectGrameneFiltersStatus', 'selectGrameneViews', (ev, filtersStatus, views)=>{
+        if (!ev || filtersStatus === 'init') return;
+        const onView = views && views.options && views.options.find((v)=>v.id === 'exprViz');
+        if (!onView || onView.show !== 'on') return;
+        for (const tid of Object.keys(ev.byTaxon || {})){
+            const t = ev.byTaxon[tid];
+            if (t && t.pendingLoad && t.selectedFields.length > 0 && t.rows.length === 0 && t.fetch.status !== 'loading') return {
+                actionCreator: 'doFetchExprVizData',
+                args: [
+                    tid
+                ]
+            };
+        }
+    }),
     selectExprViz: (state)=>state.exprViz,
     selectExprVizPivot: (state)=>state.exprViz.pivot,
     selectExprVizActiveTaxon: (state)=>state.exprViz.activeTaxon,
@@ -4569,7 +4740,10 @@ const $d365d8c287ab0c94$var$ontologyEnrichment = {
                 maxGSSize: 500,
                 mostSpecific: false,
                 ontology: 'all',
-                search: ''
+                search: '',
+                // Per-section table sort, keyed by ontology section id (e.g.
+                // 'GO:biological_process'): { [sectionKey]: { key, dir } }.
+                sort: {}
             }
         };
         function ensureTaxon(state, tid) {
@@ -4773,6 +4947,21 @@ const $d365d8c287ab0c94$var$ontologyEnrichment = {
                 type: 'ONTOLOGY_ENRICHMENT_UI_SET',
                 payload: patch
             }),
+    // Re-apply persisted view config from a saved-view snapshot. Setting the
+    // active taxon (last) lets reactOntologyEnrichmentFetch re-fetch the
+    // foreground/background facets for the restored filters — no bulk data is
+    // carried in the snapshot.
+    doApplyOntologyEnrichmentSnapshot: (snap)=>({ dispatch: dispatch })=>{
+            if (!snap || typeof snap !== 'object') return;
+            if (snap.ui) dispatch({
+                type: 'ONTOLOGY_ENRICHMENT_UI_SET',
+                payload: snap.ui
+            });
+            if (snap.activeTaxon) dispatch({
+                type: 'ONTOLOGY_ENRICHMENT_ACTIVE_TAXON_SET',
+                payload: snap.activeTaxon
+            });
+        },
     doFetchOntologyEnrichmentForeground: (taxon)=>({ dispatch: dispatch, store: store })=>{
             const q = store.selectGrameneFiltersQueryString();
             const signature = $d365d8c287ab0c94$var$fgSig(q, taxon);
@@ -5130,6 +5319,1009 @@ function $d365d8c287ab0c94$var$collapseToMostSpecific(ontKey, rows, recs) {
 var $d365d8c287ab0c94$export$2e2bcd8739ae039 = $d365d8c287ab0c94$var$ontologyEnrichment;
 
 
+// Per-gene UI state lifted out of <Gene> and <Homology> class components.
+// Keyed by geneId so it survives unmount/remount (e.g. scrolling a row out
+// of view and back), and so a snapshot serializer can later round-trip it
+// for the shareable-views feature.
+//
+// What lives here:
+//   - expandedDetail: which detail tab is open in the gene-list card
+//   - fullscreen: whether the expanded detail is full-screened
+//   - homology.viewer: 'treevis' | 'tbrowse'
+//   - homology.height: drag-resize height of the homology detail pane
+//   - homology.tbrowse: the tbrowse ViewState (collapsedNodeIds, prunedNodeIds,
+//     swappedNodeIds, compressedNodeIds, nodeOfInterestId, zones, zoneStates,
+//     search, selectedNodeId). Tbrowse is driven in controlled mode from this.
+//   - sequences: the Sequences detail's internal state — tab ('dna'|'rna'|'pep'),
+//     tid (selected transcript id), upstream/downstream (flanking bp). Driven in
+//     controlled mode from this so a saved view restores the chosen sub-tab and
+//     isoform.
+//   - expression: the Expression detail's internal state — activeTab
+//     ('gene'|'paralogs'|'eFP'), atlasExperiment (selected GXA experiment id),
+//     barStudy (selected eFP/BAR study). Driven in controlled mode from this so a
+//     saved view restores the chosen sub-tab and study.
+//
+// What does NOT live here:
+//   - derived/computed state like `details` (per-render config from
+//     props.config.details + capabilities)
+//   - async-fetched data caches in <Homology> (neighborhood, geneStructures)
+const $7f865ea0feda21af$var$initialState = {
+    byGene: {}
+};
+const $7f865ea0feda21af$var$ensureGene = (state, geneId)=>{
+    if (state.byGene[geneId]) return state;
+    return {
+        ...state,
+        byGene: {
+            ...state.byGene,
+            [geneId]: {
+                homology: {}
+            }
+        }
+    };
+};
+const $7f865ea0feda21af$var$setGene = (state, geneId, patch)=>{
+    const next = $7f865ea0feda21af$var$ensureGene(state, geneId);
+    return {
+        ...next,
+        byGene: {
+            ...next.byGene,
+            [geneId]: {
+                ...next.byGene[geneId],
+                ...patch
+            }
+        }
+    };
+};
+const $7f865ea0feda21af$var$setHomology = (state, geneId, patch)=>{
+    const next = $7f865ea0feda21af$var$ensureGene(state, geneId);
+    const prev = next.byGene[geneId];
+    return {
+        ...next,
+        byGene: {
+            ...next.byGene,
+            [geneId]: {
+                ...prev,
+                homology: {
+                    ...prev.homology || {},
+                    ...patch
+                }
+            }
+        }
+    };
+};
+const $7f865ea0feda21af$var$setSequences = (state, geneId, patch)=>{
+    const next = $7f865ea0feda21af$var$ensureGene(state, geneId);
+    const prev = next.byGene[geneId];
+    return {
+        ...next,
+        byGene: {
+            ...next.byGene,
+            [geneId]: {
+                ...prev,
+                sequences: {
+                    ...prev.sequences || {},
+                    ...patch
+                }
+            }
+        }
+    };
+};
+const $7f865ea0feda21af$var$setExpression = (state, geneId, patch)=>{
+    const next = $7f865ea0feda21af$var$ensureGene(state, geneId);
+    const prev = next.byGene[geneId];
+    return {
+        ...next,
+        byGene: {
+            ...next.byGene,
+            [geneId]: {
+                ...prev,
+                expression: {
+                    ...prev.expression || {},
+                    ...patch
+                }
+            }
+        }
+    };
+};
+const $7f865ea0feda21af$var$uiViewState = {
+    name: 'uiViewState',
+    getReducer: ()=>(state = $7f865ea0feda21af$var$initialState, { type: type, payload: payload })=>{
+            switch(type){
+                case 'UI_GENE_DETAIL_EXPANDED':
+                    // payload: { geneId, detail }  (detail = null to collapse)
+                    return $7f865ea0feda21af$var$setGene(state, payload.geneId, {
+                        expandedDetail: payload.detail,
+                        // collapsing also exits fullscreen
+                        fullscreen: payload.detail === null ? false : state.byGene[payload.geneId]?.fullscreen || false
+                    });
+                case 'UI_GENE_FULLSCREEN_SET':
+                    // payload: { geneId, fullscreen }
+                    return $7f865ea0feda21af$var$setGene(state, payload.geneId, {
+                        fullscreen: !!payload.fullscreen
+                    });
+                case 'UI_HOMOLOGY_VIEWER_SET':
+                    // payload: { geneId, viewer }
+                    return $7f865ea0feda21af$var$setHomology(state, payload.geneId, {
+                        viewer: payload.viewer
+                    });
+                case 'UI_HOMOLOGY_HEIGHT_SET':
+                    // payload: { geneId, height }
+                    return $7f865ea0feda21af$var$setHomology(state, payload.geneId, {
+                        height: payload.height
+                    });
+                case 'UI_HOMOLOGY_TBROWSE_SET':
+                    // payload: { geneId, tbrowse }  -- a full ViewState object
+                    return $7f865ea0feda21af$var$setHomology(state, payload.geneId, {
+                        tbrowse: payload.tbrowse
+                    });
+                case 'UI_SEQUENCES_SET':
+                    // payload: { geneId, patch }  -- merges into the sequences slice
+                    // (e.g. { tab }, { tid }, { upstream }, { downstream })
+                    return $7f865ea0feda21af$var$setSequences(state, payload.geneId, payload.patch);
+                case 'UI_EXPRESSION_SET':
+                    // payload: { geneId, patch }  -- merges into the expression slice
+                    // (e.g. { activeTab }, { atlasExperiment }, { barStudy })
+                    return $7f865ea0feda21af$var$setExpression(state, payload.geneId, payload.patch);
+                case 'UI_VIEW_STATE_REPLACED':
+                    // payload: { byGene }  -- used by the snapshot loader in a later phase
+                    return {
+                        byGene: payload.byGene || {}
+                    };
+                default:
+                    return state;
+            }
+        },
+    selectUiViewState: (state)=>state.uiViewState,
+    doExpandGeneDetail: ({ geneId: geneId, detail: detail })=>({ dispatch: dispatch })=>{
+            dispatch({
+                type: 'UI_GENE_DETAIL_EXPANDED',
+                payload: {
+                    geneId: geneId,
+                    detail: detail
+                }
+            });
+        },
+    doSetGeneFullscreen: ({ geneId: geneId, fullscreen: fullscreen })=>({ dispatch: dispatch })=>{
+            dispatch({
+                type: 'UI_GENE_FULLSCREEN_SET',
+                payload: {
+                    geneId: geneId,
+                    fullscreen: fullscreen
+                }
+            });
+        },
+    doSetHomologyViewer: ({ geneId: geneId, viewer: viewer })=>({ dispatch: dispatch })=>{
+            dispatch({
+                type: 'UI_HOMOLOGY_VIEWER_SET',
+                payload: {
+                    geneId: geneId,
+                    viewer: viewer
+                }
+            });
+        },
+    doSetHomologyHeight: ({ geneId: geneId, height: height })=>({ dispatch: dispatch })=>{
+            dispatch({
+                type: 'UI_HOMOLOGY_HEIGHT_SET',
+                payload: {
+                    geneId: geneId,
+                    height: height
+                }
+            });
+        },
+    doSetHomologyTbrowseViewState: ({ geneId: geneId, tbrowse: tbrowse })=>({ dispatch: dispatch })=>{
+            dispatch({
+                type: 'UI_HOMOLOGY_TBROWSE_SET',
+                payload: {
+                    geneId: geneId,
+                    tbrowse: tbrowse
+                }
+            });
+        },
+    doSetSequencesState: ({ geneId: geneId, patch: patch })=>({ dispatch: dispatch })=>{
+            dispatch({
+                type: 'UI_SEQUENCES_SET',
+                payload: {
+                    geneId: geneId,
+                    patch: patch
+                }
+            });
+        },
+    doSetExpressionState: ({ geneId: geneId, patch: patch })=>({ dispatch: dispatch })=>{
+            dispatch({
+                type: 'UI_EXPRESSION_SET',
+                payload: {
+                    geneId: geneId,
+                    patch: patch
+                }
+            });
+        },
+    doReplaceUiViewState: (byGene)=>({ dispatch: dispatch })=>{
+            dispatch({
+                type: 'UI_VIEW_STATE_REPLACED',
+                payload: {
+                    byGene: byGene
+                }
+            });
+        }
+};
+var $7f865ea0feda21af$export$2e2bcd8739ae039 = $7f865ea0feda21af$var$uiViewState;
+
+
+// Serializer/deserializer for shareable gene-search views.
+//
+// `selectViewSnapshot` produces a versioned JSON-safe blob from the current
+// store state. `doApplyViewSnapshot` validates a blob and restores it via
+// existing action creators. Persistence + UI live in later phases — this
+// bundle is the pure state-shape layer they build on.
+//
+// Snapshot schema, v1:
+// {
+//   v: 1,
+//   capturedAt: <ISO 8601 string>,
+//   site: <subsite id>,
+//   filters: <grameneFilters tree, stripped of ephemeral UI flags>,
+//   views: { on: [id,...], touched: {id: true, ...} },
+//   genomeSubset: { taxonId: true, ... } | null,
+//   searchPage: { offset: number, rows: number } | null,
+//   exprViz: {                                    // Expression-visualization view
+//     activeTaxon: <taxon_id|null>,
+//     byTaxon: { [taxon_id]: { selectedFields: [field,...], vizMode, scale, brushes } }
+//   } | undefined,                                // loaded rows re-fetch on apply
+//   ontologyEnrichment: {                         // Ontology Enrichment view
+//     activeTaxon: <taxon_id|null>,
+//     ui: { pAdjCutoff, minGSSize, maxGSSize, mostSpecific, ontology, search, sort }
+//   } | undefined,                                // facets re-fetch on apply
+//   expandedDetails: [
+//     { geneId,
+//       expandedDetail: string|null,
+//       fullscreen: boolean,
+//       homology: { viewer, height, tbrowse: <ViewState> } | undefined,
+//       sequences: { tab, tid, upstream, downstream } | undefined,
+//       expression: { activeTab, atlasExperiment, barStudy } | undefined
+//     }, ...
+//   ]
+// }
+//
+// Anything not in this schema is intentionally NOT persisted — async fetch
+// caches, search-results, pagination cursors mid-flight, etc. all rehydrate
+// from the API once the snapshot is applied.
+const $472fe3745b238881$var$SCHEMA_VERSION = 1;
+// Keys on a filter node we want to keep. Everything else (showMenu, marked,
+// status flags from the root, etc.) is ephemeral UI and not meaningful in a
+// shared view.
+const $472fe3745b238881$var$FILTER_NODE_KEEP = [
+    'leftIdx',
+    'rightIdx',
+    'operation',
+    'negate',
+    'fq_field',
+    'fq_value',
+    'name',
+    'category',
+    'warning'
+];
+const $472fe3745b238881$var$FILTER_ROOT_KEEP = [
+    'operation',
+    'negate',
+    'leftIdx',
+    'rightIdx',
+    'children',
+    'searchOffset',
+    'rows'
+];
+const $472fe3745b238881$var$cleanFilterNode = (node)=>{
+    const out = {};
+    for (const k of $472fe3745b238881$var$FILTER_NODE_KEEP)if (node[k] !== undefined) out[k] = node[k];
+    if (Array.isArray(node.children)) out.children = node.children.map($472fe3745b238881$var$cleanFilterNode);
+    return out;
+};
+const $472fe3745b238881$var$cleanFilters = (filters)=>{
+    const out = {};
+    for (const k of $472fe3745b238881$var$FILTER_ROOT_KEEP)if (filters[k] !== undefined) out[k] = filters[k];
+    if (Array.isArray(filters.children)) out.children = filters.children.map($472fe3745b238881$var$cleanFilterNode);
+    return out;
+};
+// Drop bundle entries that hold no meaningful state (e.g. a row the user
+// scrolled past but never opened). Otherwise snapshots bloat with empties.
+const $472fe3745b238881$var$isMeaningfulGene = (entry)=>{
+    if (!entry) return false;
+    if (entry.expandedDetail) return true;
+    if (entry.fullscreen) return true;
+    if (entry.homology && (entry.homology.viewer !== undefined || entry.homology.height !== undefined || entry.homology.tbrowse !== undefined)) return true;
+    if (entry.sequences && Object.keys(entry.sequences).length) return true;
+    if (entry.expression && Object.keys(entry.expression).length) return true;
+    return false;
+};
+const $472fe3745b238881$var$viewSnapshot = {
+    name: 'viewSnapshot',
+    // No reducer — this bundle is pure derivation + dispatch orchestration.
+    getReducer: ()=>(state = {})=>state,
+    selectViewSnapshot: $472fe3745b238881$var$createSnapshotSelector(),
+    // Apply a snapshot to the store. Returns an array of unresolved-id warnings
+    // so the caller can surface a non-blocking notice. The action creators we
+    // delegate to are existing ones; nothing here knows about API/UI/share-link
+    // — that's later phases.
+    doApplyViewSnapshot: (snapshot)=>({ dispatch: dispatch, store: store })=>{
+            const warnings = $472fe3745b238881$var$validateSnapshot(snapshot);
+            if (warnings.fatal) {
+                console.warn('viewSnapshot: refusing to apply', warnings.fatal);
+                return {
+                    applied: false,
+                    warnings: warnings
+                };
+            }
+            // 1. Filters (also clears search; replays a fresh fetch).
+            if (snapshot.filters) dispatch({
+                type: 'BATCH_ACTIONS',
+                actions: [
+                    {
+                        type: 'GRAMENE_SEARCH_CLEARED'
+                    },
+                    {
+                        type: 'GRAMENE_FILTERS_REPLACED',
+                        payload: $472fe3745b238881$var$cloneForDispatch(snapshot.filters)
+                    }
+                ]
+            });
+            // 2. Views.
+            if (snapshot.views) dispatch({
+                type: 'GRAMENE_VIEWS_REPLACED',
+                payload: {
+                    on: snapshot.views.on || [],
+                    touched: snapshot.views.touched || {}
+                }
+            });
+            // 3. Genome subset, if present.
+            if (snapshot.genomeSubset && Object.keys(snapshot.genomeSubset).length) dispatch({
+                type: 'GRAMENE_GENOMES_UPDATED',
+                payload: {
+                    ...snapshot.genomeSubset
+                }
+            });
+            // 4. Per-gene UI state (expandedDetail, fullscreen, homology viewer/
+            //    height, tbrowse view state). Replace wholesale via the uiViewState
+            //    bundle's bulk action.
+            const byGene = {};
+            if (Array.isArray(snapshot.expandedDetails)) for (const e of snapshot.expandedDetails){
+                if (!e || !e.geneId) continue;
+                byGene[e.geneId] = {
+                    expandedDetail: e.expandedDetail || null,
+                    fullscreen: !!e.fullscreen,
+                    homology: e.homology ? {
+                        ...e.homology
+                    } : {},
+                    sequences: e.sequences ? {
+                        ...e.sequences
+                    } : {},
+                    expression: e.expression ? {
+                        ...e.expression
+                    } : {}
+                };
+            }
+            dispatch({
+                type: 'UI_VIEW_STATE_REPLACED',
+                payload: {
+                    byGene: byGene
+                }
+            });
+            // 5. Expression-visualization view config. Delegate to the exprViz bundle,
+            //    which flags each taxon for a re-fetch now that the restored filters/
+            //    genomes are in place. Done last so the re-fetch sees the live query.
+            if (snapshot.exprViz && store.doApplyExprVizSnapshot) store.doApplyExprVizSnapshot(snapshot.exprViz);
+            // 6. Ontology Enrichment view config. Setting the active taxon lets that
+            //    bundle's fetch reactor re-derive the enrichment for the restored
+            //    filters/genomes.
+            if (snapshot.ontologyEnrichment && store.doApplyOntologyEnrichmentSnapshot) store.doApplyOntologyEnrichmentSnapshot(snapshot.ontologyEnrichment);
+            return {
+                applied: true,
+                warnings: warnings
+            };
+        },
+    // Helper exposed for the bootstrap path that wants to read warnings without
+    // dispatching. Returns { fatal: <string|null>, unresolved: { ids/taxa/views/genes lists } }.
+    doValidateViewSnapshot: (snapshot)=>()=>$472fe3745b238881$var$validateSnapshot(snapshot)
+};
+function $472fe3745b238881$var$createSnapshotSelector() {
+    // We deliberately don't memoize with createSelector — snapshots are taken
+    // on demand (Save button click, link generation) rather than on every
+    // store tick, so a fresh build is fine and avoids stale-dep bugs.
+    return (state)=>$472fe3745b238881$var$buildSnapshot(state);
+}
+function $472fe3745b238881$var$buildSnapshot(state) {
+    const snap = {
+        v: $472fe3745b238881$var$SCHEMA_VERSION,
+        capturedAt: new Date().toISOString(),
+        site: state.config && state.config.id || null
+    };
+    if (state.grameneFilters) {
+        snap.filters = $472fe3745b238881$var$cleanFilters(state.grameneFilters);
+        snap.searchPage = {
+            offset: state.grameneFilters.searchOffset || 0,
+            rows: state.grameneFilters.rows || 20
+        };
+    }
+    if (state.grameneViews && Array.isArray(state.grameneViews.options)) snap.views = {
+        on: state.grameneViews.options.filter((v)=>v && v.show === 'on').map((v)=>v.id),
+        touched: {
+            ...state.grameneViews.touched || {}
+        }
+    };
+    if (state.grameneGenomes && state.grameneGenomes.active) {
+        const keys = Object.keys(state.grameneGenomes.active);
+        if (keys.length) {
+            snap.genomeSubset = {};
+            for (const k of keys)snap.genomeSubset[k] = true;
+        } else snap.genomeSubset = null;
+    }
+    if (state.uiViewState && state.uiViewState.byGene) snap.expandedDetails = Object.entries(state.uiViewState.byGene).filter(([, e])=>$472fe3745b238881$var$isMeaningfulGene(e)).map(([geneId, e])=>({
+            geneId: geneId,
+            expandedDetail: e.expandedDetail || null,
+            fullscreen: !!e.fullscreen,
+            homology: e.homology && Object.keys(e.homology).length ? {
+                ...e.homology
+            } : undefined,
+            sequences: e.sequences && Object.keys(e.sequences).length ? {
+                ...e.sequences
+            } : undefined,
+            expression: e.expression && Object.keys(e.expression).length ? {
+                ...e.expression
+            } : undefined
+        }));
+    else snap.expandedDetails = [];
+    // Expression-visualization view config. Capture only the selection/config
+    // (active genome tab, per-taxon selected fields + column order, viz mode,
+    // scale, brush ranges) — never the bulk fetched rows, which rehydrate via
+    // the view's re-fetch on apply.
+    if (state.exprViz) {
+        const ev = state.exprViz;
+        const byTaxon = {};
+        for (const tid of Object.keys(ev.byTaxon || {})){
+            const t = ev.byTaxon[tid];
+            if (!t) continue;
+            const selectedFields = Array.isArray(t.selectedFields) ? t.selectedFields : [];
+            const brushes = t.brushes && Object.keys(t.brushes).length ? {
+                ...t.brushes
+            } : undefined;
+            const nonDefaultMode = t.vizMode && t.vizMode !== 'heatmap';
+            const nonDefaultScale = t.scale && t.scale !== 'linear';
+            if (selectedFields.length || brushes || nonDefaultMode || nonDefaultScale) byTaxon[tid] = {
+                selectedFields: selectedFields,
+                vizMode: t.vizMode || 'heatmap',
+                scale: t.scale || 'linear',
+                ...brushes ? {
+                    brushes: brushes
+                } : {}
+            };
+        }
+        if (ev.activeTaxon || Object.keys(byTaxon).length) snap.exprViz = {
+            activeTaxon: ev.activeTaxon || null,
+            byTaxon: byTaxon
+        };
+    }
+    // Ontology Enrichment view config: active genome + the analysis knobs
+    // (significance cutoff, gene-set-size bounds, most-specific, ontology
+    // section, term search, per-section sort). The enrichment facets re-fetch
+    // on apply, so no bulk term data is carried.
+    if (state.ontologyEnrichment) {
+        const oe = state.ontologyEnrichment;
+        const ui = oe.ui || {};
+        const DEF = {
+            pAdjCutoff: 0.05,
+            minGSSize: 10,
+            maxGSSize: 500,
+            mostSpecific: false,
+            ontology: 'all',
+            search: ''
+        };
+        const hasSort = ui.sort && Object.keys(ui.sort).length;
+        const uiChanged = Object.keys(DEF).some((k)=>ui[k] !== DEF[k]) || hasSort;
+        if (oe.activeTaxon || uiChanged) snap.ontologyEnrichment = {
+            activeTaxon: oe.activeTaxon || null,
+            ui: {
+                pAdjCutoff: ui.pAdjCutoff != null ? ui.pAdjCutoff : DEF.pAdjCutoff,
+                minGSSize: ui.minGSSize != null ? ui.minGSSize : DEF.minGSSize,
+                maxGSSize: ui.maxGSSize != null ? ui.maxGSSize : DEF.maxGSSize,
+                mostSpecific: !!ui.mostSpecific,
+                ontology: ui.ontology || DEF.ontology,
+                search: ui.search || DEF.search,
+                ...hasSort ? {
+                    sort: {
+                        ...ui.sort
+                    }
+                } : {}
+            }
+        };
+    }
+    return snap;
+}
+function $472fe3745b238881$var$validateSnapshot(snapshot) {
+    const warnings = {
+        fatal: null,
+        unresolved: {
+            views: [],
+            genes: [],
+            taxa: []
+        }
+    };
+    if (!snapshot || typeof snapshot !== 'object') {
+        warnings.fatal = 'snapshot is not an object';
+        return warnings;
+    }
+    if (snapshot.v !== $472fe3745b238881$var$SCHEMA_VERSION) {
+        warnings.fatal = `unsupported snapshot version ${snapshot.v} (expected ${$472fe3745b238881$var$SCHEMA_VERSION})`;
+        return warnings;
+    }
+    // Strict-id checks happen later — they need the store's grameneMaps,
+    // grameneTaxonomy, etc. which are async-loaded. The boot path will call
+    // doValidateViewSnapshot again after those land. For now we just
+    // structurally validate.
+    return warnings;
+}
+// JSON.parse(JSON.stringify(x)) — bundles see a wholly fresh object so
+// reducers can't accidentally mutate the snapshot we're holding for retry.
+function $472fe3745b238881$var$cloneForDispatch(x) {
+    return JSON.parse(JSON.stringify(x));
+}
+var $472fe3745b238881$export$2e2bcd8739ae039 = $472fe3745b238881$var$viewSnapshot;
+
+
+// Boot-time hydration of a shared view link.
+//
+// Entry points call `bootViewFromUrl(store)` once the store is created.
+// Public views resolve anonymously. For private views, the initial call
+// will 401; the Auth panel then re-invokes with `{user}` once Firebase has
+// emitted its first signed-in state, and the fetch retries with a Bearer
+// token. On success we apply the snapshot and strip `?view=` from the URL
+// so subsequent user actions don't sit under a stale shared-state URL.
+//
+// All errors are non-fatal — they surface in state.savedViews.fetchError
+// for any UI that wants to show them.
+const $c69c61828e36a328$var$PARAM = 'view';
+function $c69c61828e36a328$export$2e2bcd8739ae039(store, opts = {}) {
+    if (typeof window === 'undefined') return Promise.resolve(null);
+    const url = new URL(window.location.href);
+    const hash = url.searchParams.get($c69c61828e36a328$var$PARAM);
+    if (!hash) return Promise.resolve(null);
+    const { user: user = null } = opts;
+    return store.doFetchView({
+        hash: hash,
+        user: user
+    }).then(({ snapshot: snapshot })=>{
+        store.doApplyViewSnapshot(snapshot);
+        url.searchParams.delete($c69c61828e36a328$var$PARAM);
+        window.history.replaceState({}, '', url.toString());
+        return {
+            hash: hash,
+            applied: true
+        };
+    }).catch((err)=>{
+        // 401 here on the anonymous pass is expected for private views — the
+        // Auth panel will retry once it has a user. Other errors (404, 5xx,
+        // network) are reported and leave the param so a manual refresh can
+        // retry too.
+        console.warn('bootViewFromUrl:', err.message || err);
+        return {
+            hash: hash,
+            applied: false,
+            error: err.message || String(err)
+        };
+    });
+}
+
+
+// Client for the saved-views API ({api}/saved_views — see gramene-swagger
+// phase 3b). Mirrors the gene_lists pattern: Firebase Bearer ID token,
+// hash-based addressing, public vs private scope.
+//
+// Action creators all return Promises so calling UI (modal, boot path,
+// list view) can await them and surface success/error inline.
+//
+// Dev-mode mock: set `window.__SAVED_VIEWS_MOCK__ = true` in the console
+// and saves/fetches go through localStorage instead of the network. Lets us
+// drive Phase 4 (UI) without waiting on Phase 3b (server). Production
+// builds never touch the mock unless the flag is set at runtime, so this
+// is safe to ship.
+const $85a9f6732ceb79db$var$STORAGE_PREFIX = 'gramene_saved_view_mock_v1::';
+const $85a9f6732ceb79db$var$initialState = {
+    saving: false,
+    saveError: null,
+    lastSavedHash: null,
+    fetching: false,
+    fetchError: null,
+    lastFetched: null,
+    privateList: null,
+    publicList: null,
+    listError: null
+};
+const $85a9f6732ceb79db$var$savedViews = {
+    name: 'savedViews',
+    getReducer: ()=>(state = $85a9f6732ceb79db$var$initialState, { type: type, payload: payload })=>{
+            switch(type){
+                case 'SAVED_VIEW_SAVE_STARTED':
+                    return {
+                        ...state,
+                        saving: true,
+                        saveError: null
+                    };
+                case 'SAVED_VIEW_SAVE_SUCCEEDED':
+                    return {
+                        ...state,
+                        saving: false,
+                        lastSavedHash: payload.hash
+                    };
+                case 'SAVED_VIEW_SAVE_FAILED':
+                    return {
+                        ...state,
+                        saving: false,
+                        saveError: payload.error
+                    };
+                case 'SAVED_VIEW_FETCH_STARTED':
+                    return {
+                        ...state,
+                        fetching: true,
+                        fetchError: null
+                    };
+                case 'SAVED_VIEW_FETCH_SUCCEEDED':
+                    return {
+                        ...state,
+                        fetching: false,
+                        lastFetched: payload
+                    };
+                case 'SAVED_VIEW_FETCH_FAILED':
+                    return {
+                        ...state,
+                        fetching: false,
+                        fetchError: payload.error
+                    };
+                case 'SAVED_VIEW_LIST_RECEIVED':
+                    return {
+                        ...state,
+                        [payload.kind === 'public' ? 'publicList' : 'privateList']: payload.rows,
+                        listError: null
+                    };
+                case 'SAVED_VIEW_LIST_FAILED':
+                    return {
+                        ...state,
+                        listError: payload.error
+                    };
+                case 'SAVED_VIEW_RESET':
+                    return {
+                        ...$85a9f6732ceb79db$var$initialState
+                    };
+                default:
+                    return state;
+            }
+        },
+    selectSavedViews: (state)=>state.savedViews,
+    // POST a snapshot. Returns Promise<{hash, shareUrl}> on success.
+    // `user` is a Firebase user object (must respond to .getIdToken()).
+    doSaveView: ({ user: user, label: label, description: description, isPublic: isPublic })=>async ({ dispatch: dispatch, store: store })=>{
+            dispatch({
+                type: 'SAVED_VIEW_SAVE_STARTED'
+            });
+            try {
+                const snapshot = store.selectViewSnapshot();
+                const hash = await $85a9f6732ceb79db$var$computeContentHash(snapshot);
+                const site = store.selectConfiguration && store.selectConfiguration().id || '';
+                const token = user && user.getIdToken ? await user.getIdToken() : null;
+                if (!token) throw new Error('Not signed in');
+                const meta = {
+                    hash: hash,
+                    label: label,
+                    site: site,
+                    isPublic: !!isPublic,
+                    description: description || ''
+                };
+                if ($85a9f6732ceb79db$var$useMock()) $85a9f6732ceb79db$var$mockSave({
+                    ...meta,
+                    state: snapshot,
+                    uid: user.uid || 'mock',
+                    createdAt: new Date().toISOString()
+                });
+                else {
+                    const api = store.selectGrameneAPI();
+                    const res = await fetch(`${api}/saved_views`, {
+                        method: 'POST',
+                        headers: {
+                            'Content-Type': 'application/json',
+                            Authorization: `Bearer ${token}`
+                        },
+                        body: JSON.stringify({
+                            ...meta,
+                            state: snapshot
+                        })
+                    });
+                    if (!res.ok) throw new Error(`Save failed (${res.status})`);
+                }
+                const shareUrl = $85a9f6732ceb79db$var$buildShareUrl(hash);
+                dispatch({
+                    type: 'SAVED_VIEW_SAVE_SUCCEEDED',
+                    payload: {
+                        hash: hash
+                    }
+                });
+                return {
+                    hash: hash,
+                    shareUrl: shareUrl
+                };
+            } catch (err) {
+                dispatch({
+                    type: 'SAVED_VIEW_SAVE_FAILED',
+                    payload: {
+                        error: err.message || String(err)
+                    }
+                });
+                throw err;
+            }
+        },
+    // GET a snapshot by share hash. Anonymous-OK for public views; token is
+    // optional and only sent if the caller provides a user.
+    // Returns Promise<{snapshot, meta}>.
+    doFetchView: ({ hash: hash, user: user })=>async ({ dispatch: dispatch, store: store })=>{
+            dispatch({
+                type: 'SAVED_VIEW_FETCH_STARTED'
+            });
+            try {
+                let row;
+                if ($85a9f6732ceb79db$var$useMock()) {
+                    row = $85a9f6732ceb79db$var$mockFetch(hash);
+                    if (!row) throw new Error(`No saved view with hash ${hash}`);
+                } else {
+                    const api = store.selectGrameneAPI();
+                    const headers = {
+                        Accept: 'application/json'
+                    };
+                    if (user && user.getIdToken) try {
+                        headers.Authorization = `Bearer ${await user.getIdToken()}`;
+                    } catch (_) {}
+                    const res = await fetch(`${api}/saved_views?hash=${encodeURIComponent(hash)}`, {
+                        headers: headers
+                    });
+                    if (res.status === 401) throw new Error('Sign in to load this private view.');
+                    if (res.status === 404) throw new Error('Saved view not found (it may have been deleted).');
+                    if (!res.ok) throw new Error(`Fetch failed (${res.status})`);
+                    row = await res.json();
+                }
+                const out = {
+                    hash: hash,
+                    snapshot: row.state,
+                    meta: {
+                        label: row.label,
+                        description: row.description || '',
+                        site: row.site,
+                        isPublic: !!row.isPublic,
+                        owner: row.owner || null,
+                        createdAt: row.createdAt || null
+                    }
+                };
+                dispatch({
+                    type: 'SAVED_VIEW_FETCH_SUCCEEDED',
+                    payload: out
+                });
+                return out;
+            } catch (err) {
+                dispatch({
+                    type: 'SAVED_VIEW_FETCH_FAILED',
+                    payload: {
+                        error: err.message || String(err)
+                    }
+                });
+                throw err;
+            }
+        },
+    // List views for the current site. `scope` is 'public' (anonymous-OK)
+    // or 'private' (requires `user`).
+    doListSavedViews: ({ scope: scope, user: user })=>async ({ dispatch: dispatch, store: store })=>{
+            try {
+                const site = store.selectConfiguration && store.selectConfiguration().id || '';
+                let rows;
+                if ($85a9f6732ceb79db$var$useMock()) rows = $85a9f6732ceb79db$var$mockList({
+                    site: site,
+                    scope: scope,
+                    uid: user && user.uid
+                });
+                else {
+                    const api = store.selectGrameneAPI();
+                    const headers = {
+                        Accept: 'application/json'
+                    };
+                    if (scope === 'private') {
+                        if (!user || !user.getIdToken) throw new Error('Not signed in');
+                        headers.Authorization = `Bearer ${await user.getIdToken()}`;
+                    }
+                    const url = `${api}/saved_views?site=${encodeURIComponent(site)}&isPublic=${scope === 'public'}`;
+                    const res = await fetch(url, {
+                        headers: headers
+                    });
+                    if (!res.ok) throw new Error(`List failed (${res.status})`);
+                    rows = await res.json();
+                }
+                dispatch({
+                    type: 'SAVED_VIEW_LIST_RECEIVED',
+                    payload: {
+                        kind: scope,
+                        rows: rows
+                    }
+                });
+                return rows;
+            } catch (err) {
+                dispatch({
+                    type: 'SAVED_VIEW_LIST_FAILED',
+                    payload: {
+                        error: err.message || String(err)
+                    }
+                });
+                throw err;
+            }
+        },
+    // PATCH label / isPublic on a view I own. Mirrors updateList.
+    doUpdateSavedView: ({ viewId: viewId, user: user, label: label, isPublic: isPublic })=>async ({ store: store })=>{
+            const updates = {};
+            if (typeof label === 'string') updates.label = label;
+            if (typeof isPublic === 'boolean') updates.isPublic = isPublic;
+            if (!Object.keys(updates).length) return;
+            if ($85a9f6732ceb79db$var$useMock()) {
+                $85a9f6732ceb79db$var$mockUpdate(viewId, updates);
+                return {
+                    viewId: viewId,
+                    updates: updates
+                };
+            }
+            const token = await user.getIdToken();
+            const api = store.selectGrameneAPI();
+            const res = await fetch(`${api}/saved_views?viewId=${encodeURIComponent(viewId)}`, {
+                method: 'PATCH',
+                headers: {
+                    'Content-Type': 'application/json',
+                    Authorization: `Bearer ${token}`
+                },
+                body: JSON.stringify(updates)
+            });
+            if (!res.ok) throw new Error(`Update failed (${res.status})`);
+            return res.json();
+        },
+    // DELETE one of my saved views. Mirrors deleteList.
+    doDeleteSavedView: ({ viewId: viewId, user: user })=>async ({ store: store })=>{
+            if ($85a9f6732ceb79db$var$useMock()) {
+                $85a9f6732ceb79db$var$mockDelete(viewId);
+                return {
+                    viewId: viewId
+                };
+            }
+            const token = await user.getIdToken();
+            const api = store.selectGrameneAPI();
+            const res = await fetch(`${api}/saved_views?viewId=${encodeURIComponent(viewId)}`, {
+                method: 'DELETE',
+                headers: {
+                    Authorization: `Bearer ${token}`
+                }
+            });
+            if (!res.ok) throw new Error(`Delete failed (${res.status})`);
+            return res.json();
+        },
+    doResetSavedViewState: ()=>({ dispatch: dispatch })=>dispatch({
+                type: 'SAVED_VIEW_RESET'
+            }),
+    // Connect-friendly wrapper around bootViewFromUrl. Auth.js calls this on
+    // each auth-state emission, passing the current Firebase user (or null);
+    // bootView.js no-ops when ?view= isn't in the URL, so this is cheap to
+    // call repeatedly.
+    doBootSharedView: ({ user: user } = {})=>({ store: store })=>{
+            return (0, $c69c61828e36a328$export$2e2bcd8739ae039)(store, {
+                user: user
+            });
+        }
+};
+// ── helpers ─────────────────────────────────────────────────────────────
+// Test/dev: either set the runtime-only flag (`window.__SAVED_VIEWS_MOCK__ = true`,
+// cleared on reload), or persist via localStorage (`localStorage.setItem(
+// '__SAVED_VIEWS_MOCK__', 'true')`, survives reloads — needed for the
+// share-link round-trip which navigates).
+function $85a9f6732ceb79db$var$useMock() {
+    if (typeof window === 'undefined') return false;
+    if (window.__SAVED_VIEWS_MOCK__) return true;
+    try {
+        return typeof localStorage !== 'undefined' && localStorage.getItem('__SAVED_VIEWS_MOCK__') === 'true';
+    } catch (_) {
+        return false;
+    }
+}
+function $85a9f6732ceb79db$var$buildShareUrl(hash) {
+    if (typeof window === 'undefined') return `?view=${hash}`;
+    const u = new URL(window.location.href);
+    u.search = '';
+    u.searchParams.set('view', hash);
+    return u.toString();
+}
+// Content-addressable, ~72-bit short hash. The snapshot's `capturedAt` is
+// excluded from the hash input so two saves of the same view by the same
+// user produce the same hash (and the server's $setOnInsert preserves the
+// original createdAt).
+async function $85a9f6732ceb79db$var$computeContentHash(snapshot) {
+    const forHash = {
+        ...snapshot,
+        capturedAt: undefined
+    };
+    const text = $85a9f6732ceb79db$var$canonicalize(forHash);
+    if (typeof crypto !== 'undefined' && crypto.subtle) {
+        const buf = new TextEncoder().encode(text);
+        const digest = await crypto.subtle.digest('SHA-256', buf);
+        const bytes = new Uint8Array(digest);
+        let b64 = '';
+        for(let i = 0; i < bytes.length; i++)b64 += String.fromCharCode(bytes[i]);
+        return btoa(b64).replace(/\+/g, '-').replace(/\//g, '_').replace(/=+$/, '').slice(0, 12);
+    }
+    // Last-resort fallback for environments without WebCrypto.
+    let h = 0;
+    for(let i = 0; i < text.length; i++)h = (h << 5) - h + text.charCodeAt(i) | 0;
+    return ('h' + (h >>> 0).toString(36)).slice(0, 12);
+}
+// Stable stringify: sort object keys recursively so semantically-equivalent
+// snapshots hash identically.
+function $85a9f6732ceb79db$var$canonicalize(v) {
+    if (v === null || typeof v !== 'object') return JSON.stringify(v);
+    if (Array.isArray(v)) return '[' + v.map($85a9f6732ceb79db$var$canonicalize).join(',') + ']';
+    const keys = Object.keys(v).filter((k)=>v[k] !== undefined).sort();
+    return '{' + keys.map((k)=>JSON.stringify(k) + ':' + $85a9f6732ceb79db$var$canonicalize(v[k])).join(',') + '}';
+}
+// ── mock backend (localStorage) ─────────────────────────────────────────
+function $85a9f6732ceb79db$var$mockSave(row) {
+    if (typeof localStorage === 'undefined') return;
+    localStorage.setItem($85a9f6732ceb79db$var$STORAGE_PREFIX + row.hash, JSON.stringify({
+        ...row,
+        _id: row.hash + ' ' + row.uid
+    }));
+}
+function $85a9f6732ceb79db$var$mockFetch(hash) {
+    if (typeof localStorage === 'undefined') return null;
+    const raw = localStorage.getItem($85a9f6732ceb79db$var$STORAGE_PREFIX + hash);
+    return raw ? JSON.parse(raw) : null;
+}
+function $85a9f6732ceb79db$var$mockList({ site: site, scope: scope, uid: uid }) {
+    if (typeof localStorage === 'undefined') return [];
+    const out = [];
+    for(let i = 0; i < localStorage.length; i++){
+        const k = localStorage.key(i);
+        if (!k || !k.startsWith($85a9f6732ceb79db$var$STORAGE_PREFIX)) continue;
+        const row = JSON.parse(localStorage.getItem(k));
+        if (row.site !== site) continue;
+        if (scope === 'public' && !row.isPublic) continue;
+        if (scope === 'private' && (row.isPublic || row.uid !== uid)) continue;
+        out.push(row);
+    }
+    return out.sort((a, b)=>(b.createdAt || '').localeCompare(a.createdAt || ''));
+}
+function $85a9f6732ceb79db$var$mockUpdate(viewId, updates) {
+    if (typeof localStorage === 'undefined') return;
+    for(let i = 0; i < localStorage.length; i++){
+        const k = localStorage.key(i);
+        if (!k || !k.startsWith($85a9f6732ceb79db$var$STORAGE_PREFIX)) continue;
+        const row = JSON.parse(localStorage.getItem(k));
+        if (row._id === viewId) {
+            localStorage.setItem(k, JSON.stringify({
+                ...row,
+                ...updates
+            }));
+            return;
+        }
+    }
+}
+function $85a9f6732ceb79db$var$mockDelete(viewId) {
+    if (typeof localStorage === 'undefined') return;
+    for(let i = 0; i < localStorage.length; i++){
+        const k = localStorage.key(i);
+        if (!k || !k.startsWith($85a9f6732ceb79db$var$STORAGE_PREFIX)) continue;
+        const row = JSON.parse(localStorage.getItem(k));
+        if (row._id === viewId) {
+            localStorage.removeItem(k);
+            return;
+        }
+    }
+}
+var $85a9f6732ceb79db$export$2e2bcd8739ae039 = $85a9f6732ceb79db$var$savedViews;
+
+
 var $5df6c55c1bef3469$export$2e2bcd8739ae039 = [
     ...(0, $9d9aeaf9299e61a1$export$2e2bcd8739ae039),
     (0, $671312b287158a8a$export$2e2bcd8739ae039),
@@ -5140,7 +6332,10 @@ var $5df6c55c1bef3469$export$2e2bcd8739ae039 = [
     (0, $1508f5a42be6e7b5$export$2e2bcd8739ae039),
     (0, $c921a0d2b34aadb6$export$2e2bcd8739ae039),
     (0, $4f15cd8a7d970b18$export$2e2bcd8739ae039),
-    (0, $d365d8c287ab0c94$export$2e2bcd8739ae039)
+    (0, $d365d8c287ab0c94$export$2e2bcd8739ae039),
+    (0, $7f865ea0feda21af$export$2e2bcd8739ae039),
+    (0, $472fe3745b238881$export$2e2bcd8739ae039),
+    (0, $85a9f6732ceb79db$export$2e2bcd8739ae039)
 ];
 
 
@@ -5536,32 +6731,251 @@ const $541b8b0d8c5501d2$var$Suggestions = (props)=>{
                         ]
                     }, idx);
                 }),
-                /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)($541b8b0d8c5501d2$var$TryAnotherSite, {
-                    query: props.suggestionsQuery,
-                    config: props.configuration
+                /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)($541b8b0d8c5501d2$var$TryAnotherSite, {
+                    query: props.suggestionsQuery,
+                    config: props.configuration
+                })
+            ]
+        });
+    } else return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("div", {});
+};
+var $541b8b0d8c5501d2$export$2e2bcd8739ae039 = (0, $gXNCa$reduxbundlerreact.connect)('selectGrameneSuggestions', 'selectSuggestionsQuery', 'selectGrameneTaxonomy', 'selectConfiguration', 'doAcceptSuggestion', 'doAcceptGrameneSuggestion', $541b8b0d8c5501d2$var$Suggestions);
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+// eFP Browser embed — was its own package (gramene-efp-browser@1.0.11),
+// absorbed here on 2026-05-29 to drop the unmaintained nwb/webpack-4 build
+// pipeline and remove a dependency that needed --openssl-legacy-provider.
+// All upstream URLs and species-specific id formatters preserved as-is.
+
+
+const $59a241f3912e631e$var$urls = {
+    image: (genome, study, gene)=>`https://bar.utoronto.ca/api/efp_image/efp_${genome}/${study}/Absolute/${gene}`,
+    app: (genome, study, gene)=>`https://bar.utoronto.ca/efp_${genome}/cgi-bin/efpWeb.cgi?dataSource=${study}&mode=Absolute&primaryGene=${gene}`,
+    studies: (genome)=>`https://bar.utoronto.ca/api/efp_image/get_efp_data_source/${genome}`,
+    logo: 'https://bar.utoronto.ca/bbc_logo_small.gif',
+    spinner: 'https://www.sorghumbase.org/static/images/dna_spinner.svg'
+};
+const $59a241f3912e631e$var$zmv4_re = /Zm00001d/;
+const $59a241f3912e631e$var$browsers = {
+    sorghum_bicolor: {
+        formatGene: (gene)=>gene._id.replace('SORBI_3', 'Sobic.'),
+        genome: 'sorghum'
+    },
+    vitis_vinifera: {
+        formatGene: (gene)=>gene._id,
+        genome: 'grape'
+    },
+    arabidopsis_thaliana: {
+        formatGene: (gene)=>gene._id,
+        fixStudies: (studies)=>{
+            studies = studies.filter((s)=>s.value !== 'Klepikova_Atlas');
+            studies.unshift({
+                value: 'Klepikova_Atlas',
+                label: 'Klepikova Atlas'
+            });
+            return studies;
+        },
+        genome: 'arabidopsis'
+    },
+    zea_mays: {
+        formatGene: (gene)=>{
+            let id = gene._id;
+            if (gene.synonyms) gene.synonyms.forEach((syn)=>{
+                if ($59a241f3912e631e$var$zmv4_re.test(syn)) id = syn;
+            });
+            return id;
+        },
+        fixStudies: (studies)=>{
+            studies = studies.filter((s)=>s.value !== 'Hoopes_et_al_Atlas' && s.value !== 'Hoopes_et_al_Stress');
+            studies.unshift({
+                value: 'Hoopes_et_al_Stress',
+                label: 'Hoopes et. al., Stress'
+            });
+            studies.unshift({
+                value: 'Hoopes_et_al_Atlas',
+                label: 'Hoopes et. al., Atlas'
+            });
+            return studies;
+        },
+        genome: 'maize'
+    },
+    glycine_max: {
+        formatGene: (gene)=>gene._id.replace('GLYMA_', 'Glyma.'),
+        fixStudies: (studies)=>studies.filter((s)=>s.value !== 'soybean_senescence'),
+        genome: 'soybean'
+    },
+    oryza_sativa: {
+        genome: 'rice',
+        formatGene: (gene)=>gene.MSU_id,
+        fixStudies: (studies)=>{
+            studies = studies.filter((s)=>s.value !== 'rice_rma' && s.value !== 'rice_mas');
+            studies.unshift({
+                value: 'rice_rma',
+                label: 'rice rma'
+            });
+            studies.unshift({
+                value: 'rice_mas',
+                label: 'rice mas'
+            });
+            return studies;
+        }
+    }
+};
+// Subsites that refer to maize b73 as `zea_maysb73`.
+$59a241f3912e631e$var$browsers.zea_maysb73 = $59a241f3912e631e$var$browsers.zea_mays;
+const $59a241f3912e631e$var$ImageLoader = ({ url: url })=>{
+    const [loading, setLoading] = (0, $gXNCa$react.useState)(true);
+    const [error, setError] = (0, $gXNCa$react.useState)(false);
+    (0, $gXNCa$react.useEffect)(()=>{
+        setLoading(true);
+        setError(false);
+        const image = new Image();
+        image.src = url;
+        image.onload = ()=>setLoading(false);
+        image.onerror = ()=>{
+            setLoading(false);
+            setError(true);
+        };
+    }, [
+        url
+    ]);
+    return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("div", {
+        style: {
+            padding: 20
+        },
+        children: [
+            loading && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("img", {
+                src: $59a241f3912e631e$var$urls.spinner,
+                alt: "Loading\u2026"
+            }),
+            !loading && !error && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("img", {
+                style: {
+                    maxWidth: '100%'
+                },
+                src: url,
+                alt: "eFP browser output"
+            }),
+            error && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("p", {
+                children: "Error: Failed to load image"
+            })
+        ]
+    });
+};
+class $59a241f3912e631e$export$2e2bcd8739ae039 extends (0, $gXNCa$react.Component) {
+    constructor(props){
+        super(props);
+        this.state = {
+            currentStudy: null
+        };
+    }
+    getStudies(browser) {
+        fetch($59a241f3912e631e$var$urls.studies(browser.genome)).then((res)=>res.json()).then((res)=>{
+            if (res.wasSuccessful) {
+                let studies = res.data.sort().map((v)=>({
+                        value: v,
+                        label: v.replace(/_/g, ' ')
+                    }));
+                if (browser.fixStudies) studies = browser.fixStudies(studies);
+                this.setState({
+                    studies: studies
+                });
+            }
+        }).catch(console.error);
+    }
+    render() {
+        const gene = this.props.gene;
+        const browser = $59a241f3912e631e$var$browsers[gene.system_name];
+        if (!browser) return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("div", {
+            children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("h2", {
+                children: [
+                    "Can't find eFP browser for ",
+                    gene.system_name
+                ]
+            })
+        });
+        if (!this.state.studies) {
+            this.getStudies(browser);
+            return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("img", {
+                src: $59a241f3912e631e$var$urls.spinner,
+                alt: "Loading\u2026"
+            });
+        }
+        const efp_gene = browser.formatGene(gene);
+        // `study`/`onStudyChange` let a host drive the selection (so a saved view
+        // can restore it); fall back to local state when uncontrolled.
+        const study = this.props.study || this.state.currentStudy || this.state.studies[0].value;
+        const onSelect = (e)=>{
+            if (this.props.onStudyChange) this.props.onStudyChange(e.target.value);
+            else this.setState({
+                currentStudy: e.target.value
+            });
+        };
+        return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("div", {
+            style: {
+                paddingTop: 10
+            },
+            children: [
+                /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("label", {
+                    style: {
+                        paddingLeft: 20,
+                        paddingRight: 10
+                    },
+                    children: "Select a study:"
+                }),
+                /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("select", {
+                    value: study,
+                    onChange: onSelect,
+                    children: this.state.studies.map((s, idx)=>/*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("option", {
+                            value: s.value,
+                            children: s.label
+                        }, idx))
+                }),
+                /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("br", {}),
+                /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)($59a241f3912e631e$var$ImageLoader, {
+                    url: $59a241f3912e631e$var$urls.image(browser.genome, study, efp_gene)
+                }),
+                /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("a", {
+                    style: {
+                        paddingLeft: 100
+                    },
+                    href: $59a241f3912e631e$var$urls.app(browser.genome, study, efp_gene),
+                    target: "_blank",
+                    rel: "noreferrer",
+                    children: [
+                        "Powered by ",
+                        /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("img", {
+                            src: $59a241f3912e631e$var$urls.logo,
+                            style: {
+                                maxWidth: 40
+                            },
+                            alt: "BBC"
+                        }),
+                        " Webservices"
+                    ]
                 })
             ]
         });
-    } else return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("div", {});
-};
-var $541b8b0d8c5501d2$export$2e2bcd8739ae039 = (0, $gXNCa$reduxbundlerreact.connect)('selectGrameneSuggestions', 'selectSuggestionsQuery', 'selectGrameneTaxonomy', 'selectConfiguration', 'doAcceptSuggestion', 'doAcceptGrameneSuggestion', $541b8b0d8c5501d2$var$Suggestions);
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+    }
+}
+function $59a241f3912e631e$export$1bc0f3596ef2efe9(gene) {
+    return $59a241f3912e631e$var$browsers.hasOwnProperty(gene.system_name);
+}
 
 
 function $9e29a4f60318db7a$var$DynamicIframe(props) {
@@ -5587,15 +7001,43 @@ function $9e29a4f60318db7a$var$DynamicIframe(props) {
     });
 }
 const $9e29a4f60318db7a$var$Detail = (props)=>{
-    const gene = props.geneDocs[props.searchResult.id];
-    const [atlasExperiment, setAtlasExperiment] = (0, $gXNCa$react.useState)(null);
+    const geneId = props.searchResult.id;
+    const gene = props.geneDocs[geneId];
+    // User-selected view state (active sub-tab, chosen GXA experiment, chosen eFP
+    // study) lives in the uiViewState bundle keyed by geneId, so the shareable-
+    // views snapshot can round-trip it. Fetched data + the dev-only Local API
+    // toggle stay in local state. Defaults match the old local-state initials.
+    const expr = props.uiViewState && props.uiViewState.byGene[geneId] && props.uiViewState.byGene[geneId].expression || {};
+    const activeTab = expr.activeTab || 'gene';
+    const atlasExperiment = expr.atlasExperiment || null;
+    const setActiveTab = (k)=>props.doSetExpressionState({
+            geneId: geneId,
+            patch: {
+                activeTab: k
+            }
+        });
+    const setAtlasExperiment = (v)=>props.doSetExpressionState({
+            geneId: geneId,
+            patch: {
+                atlasExperiment: v
+            }
+        });
     const [atlasExperimentList, setAtlasExperimentList] = (0, $gXNCa$react.useState)([]);
     const [atlasFacets, setAtlasFacets] = (0, $gXNCa$react.useState)(null);
     const [isLocal, setIsLocal] = (0, $gXNCa$react.useState)(false);
-    const [activeTab, setActiveTab] = (0, $gXNCa$react.useState)('gene');
     const handleLocalAPIChange = (event)=>{
         setIsLocal(event.target.checked);
     };
+    // The expressionStudies resource is otherwise fetched only when a top-level
+    // expression view (exprViz/expression/export) is on — but this per-gene
+    // Expression detail also needs it (the Paralogs sub-tab's experiment list and
+    // the atlasExperiment selection both derive from it). Self-fetch on mount so
+    // opening the detail populates the studies even when no such view is enabled.
+    (0, $gXNCa$react.useEffect)(()=>{
+        if (!props.expressionStudies && props.doFetchExpressionStudies) props.doFetchExpressionStudies();
+    }, [
+        props.expressionStudies
+    ]);
     (0, $gXNCa$react.useEffect)(()=>{
         if (!props.expressionStudies) return;
         const tid = Math.floor(gene.taxon_id / 1000);
@@ -5618,10 +7060,15 @@ const $9e29a4f60318db7a$var$Detail = (props)=>{
             });
             setAtlasExperimentList(eList);
             setAtlasFacets(facets);
-            let refExp = eList.filter((e)=>e.isRef);
-            if (refExp.length === 1) setAtlasExperiment(refExp[0]._id);
-            else // no reference experiment - choose first
-            setAtlasExperiment(eList[0]._id);
+            // Only pick a default experiment when the user (or a restored snapshot)
+            // hasn't already chosen one — otherwise we'd clobber a saved selection
+            // the moment the studies list loads.
+            if (!atlasExperiment) {
+                let refExp = eList.filter((e)=>e.isRef);
+                if (refExp.length === 1) setAtlasExperiment(refExp[0]._id);
+                else // no reference experiment - choose first
+                setAtlasExperiment(eList[0]._id);
+            }
         }
     }, [
         props.expressionStudies
@@ -5653,6 +7100,7 @@ const $9e29a4f60318db7a$var$Detail = (props)=>{
                     /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.Form).Select, {
                         "aria-label": "experiment selector",
                         placeholder: "Select experiment",
+                        value: atlasExperiment || '',
                         onChange: (e)=>setAtlasExperiment(e.target.value),
                         children: atlasExperimentList.map((e, idx)=>/*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("option", {
                                 value: e._id,
@@ -5676,18 +7124,25 @@ const $9e29a4f60318db7a$var$Detail = (props)=>{
                     url: gene_url
                 })
             }, "gxa"),
-            (0, $gXNCa$grameneefpbrowser.haveBAR)(gene) && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.Tab), {
+            (0, $59a241f3912e631e$export$1bc0f3596ef2efe9)(gene) && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.Tab), {
                 tabClassName: "eFP",
                 eventKey: "eFP",
                 title: "eFP Browser",
-                children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$grameneefpbrowser))), {
-                    gene: gene
+                children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $59a241f3912e631e$export$2e2bcd8739ae039), {
+                    gene: gene,
+                    study: expr.barStudy,
+                    onStudyChange: (v)=>props.doSetExpressionState({
+                            geneId: geneId,
+                            patch: {
+                                barStudy: v
+                            }
+                        })
                 })
             }, "bar")
         ]
     });
 };
-var $9e29a4f60318db7a$export$2e2bcd8739ae039 = (0, $gXNCa$reduxbundlerreact.connect)('selectGrameneParalogs', 'selectExpressionStudies', 'doRequestParalogs', //'doRequestParalogExpression',
+var $9e29a4f60318db7a$export$2e2bcd8739ae039 = (0, $gXNCa$reduxbundlerreact.connect)('selectGrameneParalogs', 'selectExpressionStudies', 'selectUiViewState', 'doRequestParalogs', 'doFetchExpressionStudies', 'doSetExpressionState', //'doRequestParalogExpression',
 $9e29a4f60318db7a$var$Detail);
 
 
@@ -5706,6 +7161,7 @@ $9e29a4f60318db7a$var$Detail);
 
 
 
+
 const $5c2c79352d3d7b81$export$ec6b54b688be1708 = ({ fullscreen: fullscreen, onExitFullscreen: onExitFullscreen, title: title, className: className, children: children })=>{
     const [stableNode] = (0, $gXNCa$react.useState)(()=>typeof document !== 'undefined' ? document.createElement('div') : null);
     const inlineRef = (0, $gXNCa$react.useRef)(null);
@@ -5923,20 +7379,140 @@ const $64fad37f770d2bfe$var$TBROWSE_ZONES = [
 class $64fad37f770d2bfe$var$Homology extends (0, ($parcel$interopDefault($gXNCa$react))).Component {
     constructor(props){
         super(props);
+        // Async data caches stay in local state (per mount, per tree). The
+        // user-controlled view state (viewer toggle, resize height, tbrowse
+        // ViewState) is lifted into the uiViewState bundle, keyed by geneId.
+        //
+        // `*Status` fields track per-zone load lifecycle so the TBrowse
+        // toolbar can render loading/error affordances via its zoneStatus
+        // prop. They start `undefined` (no signal); flipped to 'loading'
+        // when the fetch kicks off and 'ready' / 'error' on settle.
         this.state = {
-            viewer: 'treevis',
             neighborhood: null,
             neighborhoodTreeId: null,
+            neighborhoodStatus: undefined,
             geneStructures: null,
             geneStructuresTreeId: null,
-            height: 600
+            geneStructuresStatus: undefined
         };
         if (!props.geneDocs.hasOwnProperty(props.searchResult.id)) props.requestGene(props.searchResult.id);
-        this.taxonomy = (0, ($parcel$interopDefault($gXNCa$gramenetreesclient))).taxonomy.tree(Object.values(props.grameneTaxonomy));
+        this.taxonomy = (0, ($parcel$interopDefault($gXNCa$gramenetreesclientsrctaxonomy))).tree(Object.values(props.grameneTaxonomy));
+    }
+    // ----- uiViewState accessors (with sensible defaults) -----
+    getGeneId() {
+        return this.props.searchResult.id;
+    }
+    getHomologySlice() {
+        const slice = this.props.uiViewState && this.props.uiViewState.byGene[this.getGeneId()];
+        return slice && slice.homology || {};
+    }
+    getViewer() {
+        return this.getHomologySlice().viewer || 'treevis';
+    }
+    getHeight() {
+        const h = this.getHomologySlice().height;
+        return typeof h === 'number' ? h : 600;
+    }
+    setViewer(viewer) {
+        this.props.doSetHomologyViewer({
+            geneId: this.getGeneId(),
+            viewer: viewer
+        });
+    }
+    setHeight(height) {
+        this.props.doSetHomologyHeight({
+            geneId: this.getGeneId(),
+            height: height
+        });
+    }
+    setTbrowseViewState(viewState) {
+        this.props.doSetHomologyTbrowseViewState({
+            geneId: this.getGeneId(),
+            tbrowse: viewState
+        });
+    }
+    // Seed the bundle with a pivot-computed initial tbrowse view state once the
+    // tree data is available and the user is actually looking at the tbrowse
+    // viewer. Called from lifecycle (not render) to avoid dispatching mid-render.
+    maybeSeedTbrowseViewState() {
+        if (this.getViewer() !== 'tbrowse') return;
+        if (this.getHomologySlice().tbrowse) return;
+        const id = this.getGeneId();
+        if (!this.props.geneDocs.hasOwnProperty(id)) return;
+        const gene = this.props.geneDocs[id];
+        if (!gene.homology) return;
+        const treeId = gene.homology.gene_tree.id;
+        const raw = this.props.grameneTrees[treeId];
+        if (!raw || !raw.taxon_id) return;
+        const adapted = (0, $gXNCa$tbrowse.fromGrameneGenetree)([
+            raw
+        ]);
+        const pivot = (0, $gXNCa$tbrowse.computePivotState)(adapted.tree, gene._id);
+        this.setTbrowseViewState({
+            selectedNodeId: null,
+            collapsedNodeIds: pivot ? pivot.collapsedNodeIds : [],
+            prunedNodeIds: [],
+            swappedNodeIds: pivot ? pivot.swappedNodeIds : [],
+            compressedNodeIds: [],
+            nodeOfInterestId: pivot ? pivot.targetId : null,
+            // Use each zone's intended fr-share + initial visibility from its
+            // definition (tree:30 / labels:20 / msa:50 / neighborhood:30 /
+            // genome:32) instead of uniform 25 across the board. Gives the MSA
+            // a wider initial pane and the tree a narrower one.
+            //
+            // `defaultVisible ?? true` matches tbrowse's own buildInitialViewState
+            // logic — zones default to visible unless their definition opts out
+            // (e.g. neighborhood and genome opt out so they only appear once
+            // their async data lands; tbrowse's Layout auto-flips them on then).
+            zones: $64fad37f770d2bfe$var$TBROWSE_ZONES.map((z)=>({
+                    id: z.id,
+                    width: z.defaultWidth,
+                    visible: z.defaultVisible ?? true
+                })),
+            zoneStates: {},
+            search: null
+        });
+    }
+    componentDidMount() {
+        this.maybeSeedTbrowseViewState();
+        this.maybeFetchTbrowseData();
+    }
+    componentDidUpdate() {
+        this.maybeSeedTbrowseViewState();
+        this.maybeFetchTbrowseData();
+    }
+    // Kick off the neighborhood + gene-structure fetches from lifecycle,
+    // not render. Each fetch internally dedupes on `_*FetchedFor === treeId`
+    // so calling on every commit is cheap. Gated on the user actually being
+    // on the tbrowse viewer + the tree data being loaded — otherwise we'd
+    // pay network cost for genes the user never looks at.
+    maybeFetchTbrowseData() {
+        if (this.getViewer() !== 'tbrowse') return;
+        const id = this.getGeneId();
+        if (!this.props.geneDocs.hasOwnProperty(id)) return;
+        const gene = this.props.geneDocs[id];
+        if (!gene.homology) return;
+        const treeId = gene.homology.gene_tree.id;
+        const raw = this.props.grameneTrees[treeId];
+        if (!raw || !raw.taxon_id) return;
+        // Lazily compute the adapted tbrowse data the same way renderTBrowse
+        // does, so fetchGeneStructures has the leaf ids without rerunning
+        // fromGrameneGenetree on every commit.
+        if (this._tbrowseTreeId !== treeId) {
+            this._tbrowseTreeId = treeId;
+            this._tbrowseData = (0, $gXNCa$tbrowse.fromGrameneGenetree)([
+                raw
+            ]);
+        }
+        this.fetchNeighborhood(treeId);
+        this.fetchGeneStructures(treeId, this._tbrowseData.tree);
     }
     fetchNeighborhood(treeId) {
         if (this._neighborhoodFetchedFor === treeId) return;
         this._neighborhoodFetchedFor = treeId;
+        this.setState({
+            neighborhoodStatus: 'loading'
+        });
         const api = this.props.grameneAPI;
         const url = new URL(`${api}/search`);
         url.searchParams.set('fl', 'id,name,gene_tree,gene_idx,region,start,end,strand,biotype,system_name,description');
@@ -5954,10 +7530,16 @@ class $64fad37f770d2bfe$var$Homology extends (0, ($parcel$interopDefault($gXNCa$
             if (this._neighborhoodFetchedFor !== treeId) return;
             this.setState({
                 neighborhood: (0, $gXNCa$tbrowse.fromGrameneNeighborhood)(json),
-                neighborhoodTreeId: treeId
+                neighborhoodTreeId: treeId,
+                neighborhoodStatus: 'ready'
             });
         }).catch((err)=>{
             console.warn('tbrowse neighborhood fetch failed:', err);
+            // Surface the failure via the zoneStatus prop. Reset the
+            // dedupe key so a re-mount or tree-change can retry.
+            if (this._neighborhoodFetchedFor === treeId) this.setState({
+                neighborhoodStatus: 'error'
+            });
             this._neighborhoodFetchedFor = null;
         });
     }
@@ -5966,6 +7548,9 @@ class $64fad37f770d2bfe$var$Homology extends (0, ($parcel$interopDefault($gXNCa$
         this._geneStructuresFetchedFor = treeId;
         const ids = Object.values(tree.nodes).filter((n)=>n.isLeaf && n.geneId).map((n)=>n.geneId);
         if (ids.length === 0) return;
+        this.setState({
+            geneStructuresStatus: 'loading'
+        });
         const api = this.props.grameneAPI;
         const BATCH_SIZE = 50;
         const batches = [];
@@ -5988,22 +7573,24 @@ class $64fad37f770d2bfe$var$Homology extends (0, ($parcel$interopDefault($gXNCa$
             const combined = [].concat(...results.map((r)=>Array.isArray(r) ? r : []));
             this.setState({
                 geneStructures: (0, $gXNCa$tbrowse.fromGrameneGeneStructures)(combined),
-                geneStructuresTreeId: treeId
+                geneStructuresTreeId: treeId,
+                geneStructuresStatus: 'ready'
             });
         }).catch((err)=>{
             console.warn('tbrowse gene-structures fetch failed:', err);
+            if (this._geneStructuresFetchedFor === treeId) this.setState({
+                geneStructuresStatus: 'error'
+            });
             this._geneStructuresFetchedFor = null;
         });
     }
     startResize(e) {
         e.preventDefault();
         const startY = e.clientY;
-        const startHeight = this.state.height;
+        const startHeight = this.getHeight();
         const onMouseMove = (moveEvent)=>{
             const newHeight = Math.max(200, startHeight + (moveEvent.clientY - startY));
-            this.setState({
-                height: newHeight
-            });
+            this.setHeight(newHeight);
         };
         const onMouseUp = ()=>{
             window.removeEventListener('mousemove', onMouseMove);
@@ -6026,7 +7613,7 @@ class $64fad37f770d2bfe$var$Homology extends (0, ($parcel$interopDefault($gXNCa$
                 /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("div", {
                     className: "gene-genetree",
                     style: {
-                        height: this.state.height,
+                        height: this.getHeight(),
                         width: '100%'
                     },
                     children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$gramenegenetreevis))), {
@@ -6048,41 +7635,36 @@ class $64fad37f770d2bfe$var$Homology extends (0, ($parcel$interopDefault($gXNCa$
     }
     renderTBrowse() {
         const treeId = this.gene.homology.gene_tree.id;
+        // Adapted tbrowse data is computed lazily in maybeFetchTbrowseData
+        // (called from lifecycle). If the user just flipped to tbrowse and
+        // the lifecycle hasn't fired yet, compute it once here without
+        // calling any fetches — those will fire from componentDidUpdate.
         if (this._tbrowseTreeId !== treeId) {
-            const raw = this.props.grameneTrees[treeId];
-            const adapted = (0, $gXNCa$tbrowse.fromGrameneGenetree)([
-                raw
-            ]);
             this._tbrowseTreeId = treeId;
-            this._tbrowseData = adapted;
-            const pivot = (0, $gXNCa$tbrowse.computePivotState)(adapted.tree, this.gene._id);
-            const zoneIds = $64fad37f770d2bfe$var$TBROWSE_ZONES.map((z)=>z.id);
-            this._tbrowseInitialViewState = {
-                selectedNodeId: null,
-                collapsedNodeIds: pivot ? pivot.collapsedNodeIds : [],
-                prunedNodeIds: [],
-                swappedNodeIds: pivot ? pivot.swappedNodeIds : [],
-                compressedNodeIds: [],
-                nodeOfInterestId: pivot ? pivot.targetId : null,
-                zones: zoneIds.map((id)=>({
-                        id: id,
-                        width: 25,
-                        visible: true
-                    })),
-                zoneStates: {},
-                search: null
-            };
+            this._tbrowseData = (0, $gXNCa$tbrowse.fromGrameneGenetree)([
+                this.props.grameneTrees[treeId]
+            ]);
         }
-        this.fetchNeighborhood(treeId);
-        this.fetchGeneStructures(treeId, this._tbrowseData.tree);
         const neighborhood = this.state.neighborhoodTreeId === treeId ? this.state.neighborhood : undefined;
         const geneStructures = this.state.geneStructuresTreeId === treeId ? this.state.geneStructures : undefined;
+        // Per-zone status for the TBrowse toolbar — pulses while a fetch
+        // is in flight, turns red on failure. Tracked per-tree so a
+        // tree-change resets any stale 'ready'/'error' from the prior gene.
+        const zoneStatus = {
+            neighborhood: this.state.neighborhoodTreeId === treeId ? this.state.neighborhoodStatus : this.state.neighborhoodStatus === 'loading' ? 'loading' : undefined,
+            genome: this.state.geneStructuresTreeId === treeId ? this.state.geneStructuresStatus : this.state.geneStructuresStatus === 'loading' ? 'loading' : undefined
+        };
+        // Bundle-driven (controlled) view state. If we're rendering tbrowse before
+        // componentDidMount/Update has seeded the bundle slice, skip this turn and
+        // let the re-render with the seeded state do the work.
+        const tbrowseVS = this.getHomologySlice().tbrowse;
+        if (!tbrowseVS) return null;
         return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$reactjsxruntime.Fragment), {
             children: [
                 /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("div", {
                     className: "gene-genetree",
                     style: {
-                        height: this.state.height,
+                        height: this.getHeight(),
                         width: '100%'
                     },
                     children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$tbrowse.TBrowse), {
@@ -6096,7 +7678,13 @@ class $64fad37f770d2bfe$var$Homology extends (0, ($parcel$interopDefault($gXNCa$
                         geneStructures: geneStructures,
                         zones: $64fad37f770d2bfe$var$TBROWSE_ZONES,
                         nodeOfInterest: this.gene._id,
-                        initialViewState: this._tbrowseInitialViewState
+                        viewState: tbrowseVS,
+                        onViewStateChange: (next)=>this.setTbrowseViewState(next),
+                        defaultOpenSections: {
+                            zones: true,
+                            search: true
+                        },
+                        zoneStatus: zoneStatus
                     })
                 }),
                 this.renderResizeHandle()
@@ -6104,12 +7692,10 @@ class $64fad37f770d2bfe$var$Homology extends (0, ($parcel$interopDefault($gXNCa$
         });
     }
     renderViewerToggle() {
-        const { viewer: viewer } = this.state;
+        const viewer = this.getViewer();
         const btn = (id, label)=>/*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("button", {
                 type: "button",
-                onClick: ()=>this.setState({
-                        viewer: id
-                    }),
+                onClick: ()=>this.setViewer(id),
                 style: {
                     padding: '4px 10px',
                     marginRight: 4,
@@ -6238,7 +7824,7 @@ class $64fad37f770d2bfe$var$Homology extends (0, ($parcel$interopDefault($gXNCa$
         else {
             const tree = this.props.grameneTrees[treeId];
             if (tree.hasOwnProperty('taxon_id')) {
-                this.tree = (0, ($parcel$interopDefault($gXNCa$gramenetreesclient))).genetree.tree([
+                this.tree = (0, ($parcel$interopDefault($gXNCa$gramenetreesclientsrcgenetree))).tree([
                     this.props.grameneTrees[treeId]
                 ]);
                 this.orthologs = this.orthologList();
@@ -6253,7 +7839,7 @@ class $64fad37f770d2bfe$var$Homology extends (0, ($parcel$interopDefault($gXNCa$
                 this.tree && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $5c2c79352d3d7b81$export$7c6e2c02157bb7d2), {
                     children: [
                         this.renderViewerToggle(),
-                        this.state.viewer === 'tbrowse' ? this.renderTBrowse() : this.renderTreeVis()
+                        this.getViewer() === 'tbrowse' ? this.renderTBrowse() : this.renderTreeVis()
                     ]
                 }, "content"),
                 this.tree && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $5c2c79352d3d7b81$export$900f1bfcd1cb6476), {
@@ -6266,7 +7852,7 @@ class $64fad37f770d2bfe$var$Homology extends (0, ($parcel$interopDefault($gXNCa$
         });
     }
 }
-var $64fad37f770d2bfe$export$2e2bcd8739ae039 = (0, $gXNCa$reduxbundlerreact.connect)('selectGrameneTaxonomy', 'selectGrameneTrees', 'selectGrameneGenomes', 'selectGrameneAPI', 'selectConfiguration', 'selectCuration', 'doRequestGrameneTree', 'doAcceptGrameneSuggestion', 'doReplaceGrameneFilters', $64fad37f770d2bfe$var$Homology);
+var $64fad37f770d2bfe$export$2e2bcd8739ae039 = (0, $gXNCa$reduxbundlerreact.connect)('selectGrameneTaxonomy', 'selectGrameneTrees', 'selectGrameneGenomes', 'selectGrameneAPI', 'selectConfiguration', 'selectCuration', 'selectUiViewState', 'doRequestGrameneTree', 'doSetHomologyViewer', 'doSetHomologyHeight', 'doSetHomologyTbrowseViewState', 'doAcceptGrameneSuggestion', 'doReplaceGrameneFilters', $64fad37f770d2bfe$var$Homology);
 
 
 
@@ -6757,7 +8343,7 @@ function $54c74a4689d5a778$var$buildIframeSrcDoc() {
 class $54c74a4689d5a778$var$Pathways extends (0, ($parcel$interopDefault($gXNCa$react))).Component {
     constructor(props){
         super(props);
-        this.taxonomy = (0, ($parcel$interopDefault($gXNCa$gramenetreesclient))).taxonomy.tree(Object.values(props.grameneTaxonomy));
+        this.taxonomy = (0, ($parcel$interopDefault($gXNCa$gramenetreesclientsrctaxonomy))).tree(Object.values(props.grameneTaxonomy));
         this.gene = props.geneDocs[props.searchResult.id];
         this.iframeRef = /*#__PURE__*/ (0, ($parcel$interopDefault($gXNCa$react))).createRef();
         // srcDoc is constant — the per-instance pathway/reaction state is
@@ -8012,22 +9598,55 @@ const $527ebc19dc92444d$var$buildId = (gene, geneSeq, up, down)=>{
     return `${geneSeq.genome}|${gene._id}|${gene.location.region}:${gs}..${ge} ${extras.join('|')}`;
 };
 const $527ebc19dc92444d$var$Detail = (props)=>{
-    const gene = props.geneDocs[props.searchResult.id];
-    const [tab, setTab] = (0, $gXNCa$react.useState)('dna');
-    const [upstream, setUpstream] = (0, $gXNCa$react.useState)(0);
-    const [downstream, setDownstream] = (0, $gXNCa$react.useState)(0);
-    const [tid, setTid] = (0, $gXNCa$react.useState)(gene.gene_structure.canonical_transcript);
+    const geneId = props.searchResult.id;
+    const gene = props.geneDocs[geneId];
+    // Sub-tab + selected isoform + flanking lengths live in the uiViewState
+    // bundle (keyed by geneId) so the shareable-views snapshot can round-trip
+    // them. Defaults match the old local-state initial values.
+    const slice = props.uiViewState && props.uiViewState.byGene[geneId] && props.uiViewState.byGene[geneId].sequences || {};
+    const tab = slice.tab || 'dna';
+    const tid = slice.tid || gene.gene_structure.canonical_transcript;
+    const upstream = slice.upstream || 0;
+    const downstream = slice.downstream || 0;
+    const setTab = (k)=>props.doSetSequencesState({
+            geneId: geneId,
+            patch: {
+                tab: k
+            }
+        });
+    const setTid = (v)=>props.doSetSequencesState({
+            geneId: geneId,
+            patch: {
+                tid: v
+            }
+        });
+    const setUpstream = (v)=>props.doSetSequencesState({
+            geneId: geneId,
+            patch: {
+                upstream: +v
+            }
+        });
+    const setDownstream = (v)=>props.doSetSequencesState({
+            geneId: geneId,
+            patch: {
+                downstream: +v
+            }
+        });
     let geneSeq;
     let rnaSeq;
     let pepSeq;
-    if (props.geneSequences && props.geneSequences[gene._id]) geneSeq = props.geneSequences[gene._id];
+    // The *_SEQUENCE_REQUESTED reducer inserts a `{}` placeholder before the
+    // fetch resolves, so a key-only existence check passes while the body is
+    // still empty — leading to `seq.substring` of undefined downstream. Gate
+    // on the actual payload field instead.
+    if (props.geneSequences && props.geneSequences[gene._id] && props.geneSequences[gene._id].seq) geneSeq = props.geneSequences[gene._id];
     else {
         props.doRequestGeneSequence(gene);
         return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("pre", {
             children: "loading"
         });
     }
-    if (props.rnaSequences && props.rnaSequences[tid]) rnaSeq = props.rnaSequences[tid];
+    if (props.rnaSequences && props.rnaSequences[tid] && props.rnaSequences[tid].seq) rnaSeq = props.rnaSequences[tid];
     else {
         props.doRequestRnaSequence(tid, gene);
         return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("pre", {
@@ -8040,7 +9659,7 @@ const $527ebc19dc92444d$var$Detail = (props)=>{
     let tl_id;
     if (transcript.translation) {
         tl_id = transcript.translation.id;
-        if (props.pepSequences && props.pepSequences[tl_id]) pepSeq = props.pepSequences[tl_id];
+        if (props.pepSequences && props.pepSequences[tl_id] && props.pepSequences[tl_id].seq) pepSeq = props.pepSequences[tl_id];
         else {
             props.doRequestPepSequence(tl_id, gene);
             return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("pre", {
@@ -8257,7 +9876,7 @@ const $527ebc19dc92444d$var$Detail = (props)=>{
         ]
     });
 };
-var $527ebc19dc92444d$export$2e2bcd8739ae039 = (0, $gXNCa$reduxbundlerreact.connect)('selectConfiguration', 'selectGeneSequences', 'selectRnaSequences', 'selectPepSequences', 'doRequestGeneSequence', 'doRequestRnaSequence', 'doRequestPepSequence', $527ebc19dc92444d$var$Detail);
+var $527ebc19dc92444d$export$2e2bcd8739ae039 = (0, $gXNCa$reduxbundlerreact.connect)('selectConfiguration', 'selectGeneSequences', 'selectRnaSequences', 'selectPepSequences', 'selectUiViewState', 'doRequestGeneSequence', 'doRequestRnaSequence', 'doRequestPepSequence', 'doSetSequencesState', $527ebc19dc92444d$var$Detail);
 
 
 
@@ -8447,12 +10066,12 @@ const $6c5c4f90059875bf$var$allDetails = [
 class $6c5c4f90059875bf$var$Gene extends (0, ($parcel$interopDefault($gXNCa$react))).Component {
     constructor(props){
         super(props);
+        // `details` is derived per-render config (which tabs the site enables,
+        // crossed with this row's `capabilities`) — keep it local.
         this.state = {
             details: $6c5c4f90059875bf$var$allDetails.map((o)=>({
                     ...o
-                })).filter((d)=>props.config.details[d.id]),
-            expandedDetail: props.expandedDetail,
-            fullscreen: false
+                })).filter((d)=>props.config.details[d.id])
         };
         let hasData = {};
         props.searchResult.capabilities.forEach((c)=>{
@@ -8461,28 +10080,46 @@ class $6c5c4f90059875bf$var$Gene extends (0, ($parcel$interopDefault($gXNCa$reac
         });
         this.state.details.forEach((d)=>d.available |= hasData.hasOwnProperty(d.id));
     }
+    componentDidMount() {
+        // Seed the auto-open-homology intent (from GeneList when numFound===1) the
+        // first time this row mounts, only if the user hasn't already opened/closed
+        // a tab here. Without this, the bundle would have no entry and the prior
+        // "auto-expand homology on single-result" behavior would be lost.
+        if (this.props.expandedDetail && this.expandedDetail === undefined) this.props.doExpandGeneDetail({
+            geneId: this.props.searchResult.id,
+            detail: this.props.expandedDetail
+        });
+    }
+    get expandedDetail() {
+        const slice = this.props.uiViewState && this.props.uiViewState.byGene[this.props.searchResult.id];
+        return slice ? slice.expandedDetail : undefined;
+    }
+    get fullscreen() {
+        const slice = this.props.uiViewState && this.props.uiViewState.byGene[this.props.searchResult.id];
+        return !!(slice && slice.fullscreen);
+    }
     getDetailStatus(d) {
-        if (this.state.expandedDetail === d.id) return 'expanded';
+        if (this.expandedDetail === d.id) return 'expanded';
         if (d.available) return 'closed';
         return d.id === "pubs" ? 'empty' : 'disabled';
     }
     setExpanded(d) {
         if (d.available || d.id === "pubs") {
-            if (this.state.expandedDetail === d.id) this.setState({
-                expandedDetail: null,
-                fullscreen: false
+            const geneId = this.props.searchResult.id;
+            if (this.expandedDetail === d.id) this.props.doExpandGeneDetail({
+                geneId: geneId,
+                detail: null
             });
             else {
-                const geneId = this.props.searchResult.id;
                 if (!(this.props.geneDocs && this.props.geneDocs.hasOwnProperty(geneId))) this.props.requestGene(geneId);
                 (0, ($parcel$interopDefault($gXNCa$reactga4))).event({
                     category: 'Search',
                     action: 'Details',
                     label: d.label
                 });
-                this.setState({
-                    expandedDetail: d.id,
-                    fullscreen: false
+                this.props.doExpandGeneDetail({
+                    geneId: geneId,
+                    detail: d.id
                 });
             }
         }
@@ -8560,7 +10197,7 @@ class $6c5c4f90059875bf$var$Gene extends (0, ($parcel$interopDefault($gXNCa$reac
                 /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("div", {
                     className: "gene-detail-tabs",
                     children: this.state.details.map((d, idx)=>{
-                        const isExpanded = this.state.expandedDetail === d.id;
+                        const isExpanded = this.expandedDetail === d.id;
                         return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.OverlayTrigger), {
                             placement: 'bottom',
                             overlay: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.Tooltip), {
@@ -8586,7 +10223,8 @@ class $6c5c4f90059875bf$var$Gene extends (0, ($parcel$interopDefault($gXNCa$reac
                                         title: "View full screen",
                                         onClick: (e)=>{
                                             e.stopPropagation();
-                                            this.setState({
+                                            this.props.doSetGeneFullscreen({
+                                                geneId: searchResult.id,
                                                 fullscreen: true
                                             });
                                         }
@@ -8596,19 +10234,24 @@ class $6c5c4f90059875bf$var$Gene extends (0, ($parcel$interopDefault($gXNCa$reac
                         }, idx);
                     })
                 }),
-                this.state.expandedDetail && this.ensureGene(searchResult.id) && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $5c2c79352d3d7b81$export$ec6b54b688be1708), {
+                this.expandedDetail && this.ensureGene(searchResult.id) && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $5c2c79352d3d7b81$export$ec6b54b688be1708), {
                     className: "visible-detail",
-                    fullscreen: this.state.fullscreen,
-                    onExitFullscreen: ()=>this.setState({
+                    fullscreen: this.fullscreen,
+                    onExitFullscreen: ()=>this.props.doSetGeneFullscreen({
+                            geneId: searchResult.id,
                             fullscreen: false
                         }),
-                    title: (this.state.details.find((d)=>d.id === this.state.expandedDetail) || {}).label,
-                    children: /*#__PURE__*/ (0, ($parcel$interopDefault($gXNCa$react))).createElement($6c5c4f90059875bf$var$inventory[this.state.expandedDetail], this.props)
+                    title: (this.state.details.find((d)=>d.id === this.expandedDetail) || {}).label,
+                    children: /*#__PURE__*/ (0, ($parcel$interopDefault($gXNCa$react))).createElement($6c5c4f90059875bf$var$inventory[this.expandedDetail], this.props)
                 })
             ]
         });
     }
 }
+// Wrap Gene so each row gets uiViewState + dispatchers. (We don't pull these
+// in at the GeneList level because the slice we care about is per-geneId; the
+// component-side getters read by row id.)
+const $6c5c4f90059875bf$var$ConnectedGene = (0, $gXNCa$reduxbundlerreact.connect)('selectUiViewState', 'doExpandGeneDetail', 'doSetGeneFullscreen', $6c5c4f90059875bf$var$Gene);
 const $6c5c4f90059875bf$var$GeneList = (props)=>{
     if (props.grameneSearch && props.grameneSearch.response && props.grameneTaxonomy) {
         let prev, page, next;
@@ -8650,7 +10293,7 @@ const $6c5c4f90059875bf$var$GeneList = (props)=>{
                         next
                     ]
                 }),
-                props.grameneSearch.response.docs.map((g, idx)=>/*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)($6c5c4f90059875bf$var$Gene, {
+                props.grameneSearch.response.docs.map((g, idx)=>/*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)($6c5c4f90059875bf$var$ConnectedGene, {
                         searchResult: g,
                         config: props.configuration,
                         taxName: props.grameneTaxonomy[g.taxon_id].name,
@@ -12864,12 +14507,19 @@ 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, axisLabels: axisLabels = null })=>{
+const $caf32827df861c4e$var$ParallelCoordsPlot = ({ rows: rows, fields: fields, scale: scale = 'linear', initialSelections: initialSelections = null, 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);
+    // Seed brushes from a restored saved view exactly once (the first render
+    // where `initialSelections` is non-empty). Read via a ref so a change to the
+    // prop — which happens on every brush as it round-trips through the store —
+    // doesn't force an SVG rebuild; the deps below already rerun on data changes.
+    const initialSelectionsRef = (0, $gXNCa$react.useRef)(initialSelections);
+    initialSelectionsRef.current = initialSelections;
+    const seededRef = (0, $gXNCa$react.useRef)(false);
     // 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/
@@ -12900,6 +14550,15 @@ const $caf32827df861c4e$var$ParallelCoordsPlot = ({ rows: rows, fields: fields,
         return ()=>ro.disconnect();
     }, []);
     (0, $gXNCa$react.useEffect)(()=>{
+        if (!seededRef.current) {
+            const init = initialSelectionsRef.current;
+            if (init && Object.keys(init).length) {
+                selectionsRef.current = {
+                    ...init
+                };
+                seededRef.current = true;
+            }
+        }
         if (clearVersion !== lastClearRef.current) {
             selectionsRef.current = {};
             lastClearRef.current = clearVersion;
@@ -13767,7 +15426,10 @@ const $1fd2507769d5bd00$var$ExprVizViewCmp = (props)=>{
                             onOpenFields: ()=>doToggleExprVizFieldsModal(tid, true),
                             onLoad: ()=>doFetchExprVizData(tid),
                             onReorder: (next)=>props.doReorderExprVizFields(tid, next),
-                            onAddRangeQuery: props.doAddGrameneRangeQuery
+                            onAddRangeQuery: props.doAddGrameneRangeQuery,
+                            onSetVizMode: (m)=>props.doSetExprVizVizMode(tid, m),
+                            onSetScale: (s)=>props.doSetExprVizScale(tid, s),
+                            onSetBrushes: (b)=>props.doSetExprVizBrushes(tid, b)
                         })
                     }, tid);
                 })
@@ -13927,16 +15589,21 @@ function $1fd2507769d5bd00$var$downloadTsv(filename, rows, fields, studies, expr
     document.body.removeChild(a);
     URL.revokeObjectURL(url);
 }
-const $1fd2507769d5bd00$var$TaxonPanel = ({ taxon: taxon, studies: studies, expressionSamples: expressionSamples, tabState: tabState, onOpenFields: onOpenFields, onLoad: onLoad, onReorder: onReorder, onAddRangeQuery: onAddRangeQuery })=>{
+const $1fd2507769d5bd00$var$TaxonPanel = ({ taxon: taxon, studies: studies, expressionSamples: expressionSamples, tabState: tabState, onOpenFields: onOpenFields, onLoad: onLoad, onReorder: onReorder, onAddRangeQuery: onAddRangeQuery, onSetVizMode: onSetVizMode, onSetScale: onSetScale, onSetBrushes: onSetBrushes })=>{
     const selected = tabState && tabState.selectedFields || [];
     const rows = tabState && tabState.rows || [];
     const fetchInfo = tabState && tabState.fetch || {
         status: 'idle',
         total: 0
     };
-    const [scale, setScale] = (0, $gXNCa$react.useState)('linear');
-    const [vizMode, setVizMode] = (0, $gXNCa$react.useState)('heatmap'); // 'parallel' | 'heatmap'
-    const [selections, setSelections] = (0, $gXNCa$react.useState)({});
+    // View config (sub-tab, scale, brushes) is persisted in the exprViz bundle
+    // per taxon so a saved view can round-trip it. Driven controlled from here.
+    const scale = tabState && tabState.scale || 'linear';
+    const vizMode = tabState && tabState.vizMode || 'heatmap'; // 'parallel' | 'heatmap'
+    const selections = tabState && tabState.brushes || {};
+    const setScale = (s)=>onSetScale && onSetScale(s);
+    const setVizMode = (m)=>onSetVizMode && onSetVizMode(m);
+    const setSelections = (b)=>onSetBrushes && onSetBrushes(b);
     const [clearVersion, setClearVersion] = (0, $gXNCa$react.useState)(0);
     const [hoveredId, setHoveredId] = (0, $gXNCa$react.useState)(null);
     const [plotHeight, setPlotHeight] = (0, $gXNCa$react.useState)(320);
@@ -14012,15 +15679,6 @@ const $1fd2507769d5bd00$var$TaxonPanel = ({ taxon: taxon, studies: studies, expr
         studies,
         expressionSamples
     ]);
-    (0, $gXNCa$react.useEffect)(()=>{
-        if (rows.length === 0 && hasBrush) {
-            setSelections({});
-            setClearVersion((v)=>v + 1);
-        }
-    }, [
-        rows.length,
-        hasBrush
-    ]);
     return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("div", {
         className: "exprviz-tab-panel",
         children: [
@@ -14161,6 +15819,7 @@ const $1fd2507769d5bd00$var$TaxonPanel = ({ taxon: taxon, studies: studies, expr
                             rows: rows,
                             fields: visibleFields,
                             scale: scale,
+                            initialSelections: selections,
                             onBrushChange: setSelections,
                             onReorder: handleReorder,
                             clearVersion: clearVersion,
@@ -14193,7 +15852,7 @@ const $1fd2507769d5bd00$var$TaxonPanel = ({ taxon: taxon, studies: studies, expr
         ]
     });
 };
-var $1fd2507769d5bd00$export$2e2bcd8739ae039 = (0, $gXNCa$reduxbundlerreact.connect)('selectExprViz', 'selectExprVizPivot', 'selectExprVizActiveTaxon', 'selectGrameneMaps', 'selectExpressionStudies', 'selectExpressionSamples', 'doSetExprVizActiveTaxon', 'doToggleExprVizFieldsModal', 'doFetchExprVizData', 'doReorderExprVizFields', 'doAddGrameneRangeQuery', $1fd2507769d5bd00$var$ExprVizViewCmp);
+var $1fd2507769d5bd00$export$2e2bcd8739ae039 = (0, $gXNCa$reduxbundlerreact.connect)('selectExprViz', 'selectExprVizPivot', 'selectExprVizActiveTaxon', 'selectGrameneMaps', 'selectExpressionStudies', 'selectExpressionSamples', 'doSetExprVizActiveTaxon', 'doToggleExprVizFieldsModal', 'doFetchExprVizData', 'doReorderExprVizFields', 'doSetExprVizVizMode', 'doSetExprVizScale', 'doSetExprVizBrushes', 'doAddGrameneRangeQuery', $1fd2507769d5bd00$var$ExprVizViewCmp);
 
 
 
@@ -14682,7 +16341,7 @@ const $597fe213417ee6ca$var$SortableTh = ({ label: label, sortKey: sortKey, acti
         }) : inner
     });
 };
-const $597fe213417ee6ca$var$OntologySection = ({ block: block, search: search, onAddFilter: onAddFilter })=>{
+const $597fe213417ee6ca$var$OntologySection = ({ block: block, search: search, sort: sort, onSortChange: onSortChange, onAddFilter: onAddFilter })=>{
     const filtered = (0, $gXNCa$react.useMemo)(()=>{
         if (!search) return block.rows;
         const needle = search.toLowerCase();
@@ -14692,14 +16351,13 @@ const $597fe213417ee6ca$var$OntologySection = ({ block: block, search: search, o
         search
     ]);
     const showType = $597fe213417ee6ca$var$ONTS_WITH_TYPE_COLUMN.has(block.ontology);
-    const [sortKey, setSortKey] = (0, $gXNCa$react.useState)('pAdj');
-    const [sortDir, setSortDir] = (0, $gXNCa$react.useState)('asc');
+    // Sort state is persisted per section in the bundle ui so a saved view
+    // restores it. Defaults match the historical local-state initials.
+    const sortKey = sort && sort.key || 'pAdj';
+    const sortDir = sort && sort.dir || 'asc';
     const handleSort = (key)=>{
-        if (key === sortKey) setSortDir((d)=>d === 'asc' ? 'desc' : 'asc');
-        else {
-            setSortKey(key);
-            setSortDir($597fe213417ee6ca$var$SORT_DEFAULT_DIR[key] || 'asc');
-        }
+        if (key === sortKey) onSortChange(block.ontology, sortKey, sortDir === 'asc' ? 'desc' : 'asc');
+        else onSortChange(block.ontology, key, $597fe213417ee6ca$var$SORT_DEFAULT_DIR[key] || 'asc');
     };
     const sorted = (0, $gXNCa$react.useMemo)(()=>{
         const accessor = $597fe213417ee6ca$var$SORT_ACCESSORS[sortKey];
@@ -14896,6 +16554,17 @@ const $597fe213417ee6ca$var$TaxonPanel = ({ taxon: taxon, ontologyEnrichment: on
     ] : [];
     // Hide ontologies that aren't used in this species at all.
     const blocks = allBlocks.filter((b)=>b.tested > 0);
+    const handleSortChange = (sectionKey, key, dir)=>{
+        onUiChange({
+            sort: {
+                ...ui.sort || {},
+                [sectionKey]: {
+                    key: key,
+                    dir: dir
+                }
+            }
+        });
+    };
     return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("div", {
         className: "oe-panel",
         children: [
@@ -14923,6 +16592,8 @@ const $597fe213417ee6ca$var$TaxonPanel = ({ taxon: taxon, ontologyEnrichment: on
                 children: blocks.map((b)=>/*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)($597fe213417ee6ca$var$OntologySection, {
                         block: b,
                         search: ui.search,
+                        sort: ui.sort && ui.sort[b.ontology],
+                        onSortChange: handleSortChange,
                         onAddFilter: onAddFilter
                     }, b.ontology))
             })
@@ -15061,6 +16732,223 @@ var $597fe213417ee6ca$export$2e2bcd8739ae039 = (0, $gXNCa$reduxbundlerreact.conn
 
 
 
+// "Save this view" UI — sits inside the Auth sidebar panel.
+//
+// Sign-in-gated by Auth.js (we only mount this when `user` is truthy). Opens
+// a modal with label + description + visibility toggle; on save, swaps to a
+// post-save state that shows the shareable URL with a copy button.
+//
+// Talks to the savedViews bundle. The snapshot itself is built inside
+// doSaveView via selectViewSnapshot — this component doesn't know or care
+// what the snapshot looks like.
+
+
+
+
+
+const $e63a3bee79bd1c7a$var$SaveViewButtonCmp = ({ user: user, savedViews: savedViews, doSaveView: doSaveView, doResetSavedViewState: doResetSavedViewState })=>{
+    const [showModal, setShowModal] = (0, $gXNCa$react.useState)(false);
+    const [label, setLabel] = (0, $gXNCa$react.useState)('');
+    const [description, setDescription] = (0, $gXNCa$react.useState)('');
+    const [isPublic, setIsPublic] = (0, $gXNCa$react.useState)(false);
+    const [shareUrl, setShareUrl] = (0, $gXNCa$react.useState)(null);
+    const [copied, setCopied] = (0, $gXNCa$react.useState)(false);
+    const reset = (0, $gXNCa$react.useCallback)(()=>{
+        setLabel('');
+        setDescription('');
+        setIsPublic(false);
+        setShareUrl(null);
+        setCopied(false);
+        doResetSavedViewState();
+    }, [
+        doResetSavedViewState
+    ]);
+    const handleOpen = ()=>{
+        reset();
+        setShowModal(true);
+    };
+    const handleClose = ()=>{
+        setShowModal(false);
+        reset();
+    };
+    const handleSave = async (e)=>{
+        e.preventDefault();
+        if (!label.trim()) return;
+        try {
+            const { shareUrl: shareUrl } = await doSaveView({
+                user: user,
+                label: label.trim(),
+                description: description.trim(),
+                isPublic: isPublic
+            });
+            setShareUrl(shareUrl);
+        } catch (_) {
+        // savedViews.saveError is already set; modal renders it
+        }
+    };
+    const handleCopy = async ()=>{
+        if (!shareUrl) return;
+        try {
+            await navigator.clipboard.writeText(shareUrl);
+            setCopied(true);
+            setTimeout(()=>setCopied(false), 1500);
+        } catch (_) {}
+    };
+    const saving = savedViews && savedViews.saving;
+    const saveError = savedViews && savedViews.saveError;
+    return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$reactjsxruntime.Fragment), {
+        children: [
+            /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.Button), {
+                size: "sm",
+                variant: "outline-primary",
+                style: {
+                    marginTop: 8
+                },
+                onClick: handleOpen,
+                title: "Save the current filters, views, and detail tabs as a shareable link",
+                children: "Save this view"
+            }),
+            /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$reactbootstrap.Modal), {
+                show: showModal,
+                onHide: handleClose,
+                centered: true,
+                children: [
+                    /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.Modal).Header, {
+                        closeButton: true,
+                        children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.Modal).Title, {
+                            children: shareUrl ? 'View saved' : 'Save this view'
+                        })
+                    }),
+                    /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$reactbootstrap.Modal).Body, {
+                        children: [
+                            !shareUrl && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$reactbootstrap.Form), {
+                                onSubmit: handleSave,
+                                children: [
+                                    /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$reactbootstrap.Form).Group, {
+                                        className: "mb-3",
+                                        children: [
+                                            /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.Form).Label, {
+                                                children: "Name"
+                                            }),
+                                            /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.Form).Control, {
+                                                autoFocus: true,
+                                                type: "text",
+                                                placeholder: "e.g. TAIR loci with TF binding sites",
+                                                value: label,
+                                                onChange: (e)=>setLabel(e.target.value),
+                                                disabled: saving,
+                                                required: true
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$reactbootstrap.Form).Group, {
+                                        className: "mb-3",
+                                        children: [
+                                            /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.Form).Label, {
+                                                children: "Description (optional)"
+                                            }),
+                                            /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.Form).Control, {
+                                                as: "textarea",
+                                                rows: 2,
+                                                value: description,
+                                                onChange: (e)=>setDescription(e.target.value),
+                                                disabled: saving
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.Form).Group, {
+                                        className: "mb-3",
+                                        children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.Form).Check, {
+                                            type: "switch",
+                                            id: "save-view-public",
+                                            label: "Make this view public (visible to anyone with the link)",
+                                            checked: isPublic,
+                                            onChange: (e)=>setIsPublic(e.target.checked),
+                                            disabled: saving
+                                        })
+                                    }),
+                                    saveError && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.Alert), {
+                                        variant: "danger",
+                                        children: saveError
+                                    }),
+                                    /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("div", {
+                                        className: "d-flex justify-content-end gap-2",
+                                        children: [
+                                            /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.Button), {
+                                                variant: "secondary",
+                                                onClick: handleClose,
+                                                disabled: saving,
+                                                children: "Cancel"
+                                            }),
+                                            /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.Button), {
+                                                type: "submit",
+                                                variant: "primary",
+                                                disabled: saving || !label.trim(),
+                                                children: saving ? /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$reactjsxruntime.Fragment), {
+                                                    children: [
+                                                        /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.Spinner), {
+                                                            as: "span",
+                                                            size: "sm",
+                                                            animation: "border"
+                                                        }),
+                                                        " Saving\u2026"
+                                                    ]
+                                                }) : 'Save'
+                                            })
+                                        ]
+                                    })
+                                ]
+                            }),
+                            shareUrl && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$reactjsxruntime.Fragment), {
+                                children: [
+                                    /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("p", {
+                                        children: "Share this link to let others open the same search and detail state:"
+                                    }),
+                                    /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$reactbootstrap.InputGroup), {
+                                        children: [
+                                            /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.Form).Control, {
+                                                type: "text",
+                                                value: shareUrl,
+                                                readOnly: true,
+                                                onFocus: (e)=>e.target.select()
+                                            }),
+                                            /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.Button), {
+                                                variant: copied ? 'success' : 'outline-secondary',
+                                                onClick: handleCopy,
+                                                children: copied ? /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$reactjsxruntime.Fragment), {
+                                                    children: [
+                                                        /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reacticonsbs.BsCheck2), {}),
+                                                        " Copied"
+                                                    ]
+                                                }) : /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$reactjsxruntime.Fragment), {
+                                                    children: [
+                                                        /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reacticonsbs.BsClipboard), {}),
+                                                        " Copy"
+                                                    ]
+                                                })
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("div", {
+                                        className: "mt-3 d-flex justify-content-end",
+                                        children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.Button), {
+                                            variant: "primary",
+                                            onClick: handleClose,
+                                            children: "Done"
+                                        })
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+};
+var $e63a3bee79bd1c7a$export$2e2bcd8739ae039 = (0, $gXNCa$reduxbundlerreact.connect)('selectSavedViews', 'doSaveView', 'doResetSavedViewState', $e63a3bee79bd1c7a$var$SaveViewButtonCmp);
+
+
 const $c5d403787de8b05f$var$provider = new (0, $gXNCa$firebaseauth.GoogleAuthProvider)();
 const $c5d403787de8b05f$var$Auth = (props)=>{
     const firebaseConfig = props.configuration && props.configuration.firebaseConfig;
@@ -15070,10 +16958,25 @@ const $c5d403787de8b05f$var$Auth = (props)=>{
     }, [
         firebaseConfig
     ]);
-    const [user, setUser] = (0, $gXNCa$react.useState)({});
+    const [user, setUser] = (0, $gXNCa$react.useState)(null);
     const [open, setOpen] = (0, $gXNCa$react.useState)(true);
+    // Subscribe once, unsubscribe on unmount. On each auth-state emission,
+    // also poke the shared-view boot path so a `?view=<hash>` for a private
+    // view gets retried with the now-available Bearer token. bootViewFromUrl
+    // no-ops when the param isn't present, so this is cheap.
+    (0, $gXNCa$react.useEffect)(()=>{
+        if (!auth) return undefined;
+        const unsub = (0, $gXNCa$firebaseauth.onAuthStateChanged)(auth, (u)=>{
+            setUser(u);
+            props.doBootSharedView({
+                user: u
+            });
+        });
+        return unsub;
+    }, [
+        auth
+    ]);
     if (!auth) return null;
-    (0, $gXNCa$firebaseauth.onAuthStateChanged)(auth, (user)=>setUser(user));
     function handleLogin() {
         (0, $gXNCa$firebaseauth.signInWithPopup)(auth, $c5d403787de8b05f$var$provider).then((result)=>{
             setUser(result.user);
@@ -15109,27 +17012,34 @@ const $c5d403787de8b05f$var$Auth = (props)=>{
                         })
                     ]
                 }),
-                open && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("div", {
+                open && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("div", {
                     className: "sidebar-section-body",
-                    children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("div", {
-                        children: user ? /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.Button), {
-                            size: "sm",
-                            variant: "success",
-                            onClick: handleLogout,
-                            children: user.displayName
-                        }) : /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.Button), {
-                            size: "sm",
-                            variant: "success",
-                            onClick: handleLogin,
-                            children: "Login"
+                    children: [
+                        /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("div", {
+                            children: user ? /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.Button), {
+                                size: "sm",
+                                variant: "success",
+                                onClick: handleLogout,
+                                children: user.displayName
+                            }) : /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.Button), {
+                                size: "sm",
+                                variant: "success",
+                                onClick: handleLogin,
+                                children: "Login"
+                            })
+                        }),
+                        user && user.uid && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("div", {
+                            children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $e63a3bee79bd1c7a$export$2e2bcd8739ae039), {
+                                user: user
+                            })
                         })
-                    })
+                    ]
                 })
             ]
         })
     });
 };
-var $c5d403787de8b05f$export$2e2bcd8739ae039 = (0, $gXNCa$reduxbundlerreact.connect)('selectConfiguration', $c5d403787de8b05f$var$Auth);
+var $c5d403787de8b05f$export$2e2bcd8739ae039 = (0, $gXNCa$reduxbundlerreact.connect)('selectConfiguration', 'doBootSharedView', $c5d403787de8b05f$var$Auth);
 
 
 
@@ -15505,4 +17415,5 @@ const $693dd8c7a5607c3a$export$5cb791131c501f6a = (0, $gXNCa$reduxbundlerreact.c
 
 
 
+
 //# sourceMappingURL=index.js.map