gramene-search 2.21.0 → 2.22.0

package/dist/index.js

@@ -850,6 +850,42 @@ function $af4441dd29af05df$var$markSubtree(node, source, invert) {
     });
 }
 const $af4441dd29af05df$export$6b95404109a3e2ec = 'Genomic intervals';
+function $af4441dd29af05df$export$634f7214da1b780a({ map: map, region: region, start: start, end: end }) {
+    return `(map:${map} AND region:${region}` + ` AND start:[* TO ${end}] AND end:[${start} TO *])`;
+}
+function $af4441dd29af05df$export$535c09441f37845d({ mapLabel: mapLabel, map: map, region: region, start: start, end: end }) {
+    return `${mapLabel || map} ${region}:${Number(start).toLocaleString()}-${Number(end).toLocaleString()}`;
+}
+// Note the field order is inverted relative to the interval: `start` carries the
+// interval's END and `end` carries its START, because the pair is an overlap test.
+const $af4441dd29af05df$var$INTERVAL_RE = /^\(map:(\S+) AND region:(\S+) AND start:\[\* TO (\d+)\] AND end:\[(\d+) TO \*\]\)$/;
+function $af4441dd29af05df$export$67920d3e3cb3f136(fqValue) {
+    const m = $af4441dd29af05df$var$INTERVAL_RE.exec(String(fqValue || ''));
+    if (!m) return null;
+    return {
+        map: m[1],
+        region: m[2],
+        end: Number(m[3]),
+        start: Number(m[4])
+    };
+}
+/** `[lo TO hi]`, as produced by the expression brush and the Location tab. */ const $af4441dd29af05df$var$RANGE_RE = /^\[\s*(\S+)\s+TO\s+(\S+)\s*\]$/;
+function $af4441dd29af05df$export$9ee0ceaa589fc567(fqValue) {
+    const m = $af4441dd29af05df$var$RANGE_RE.exec(String(fqValue || ''));
+    return m ? {
+        lo: m[1],
+        hi: m[2]
+    } : null;
+}
+function $af4441dd29af05df$export$cd9b2ffd001c6d65(lo, hi) {
+    return `[${lo} TO ${hi}]`;
+}
+function $af4441dd29af05df$export$a7f4fa59930e5088(node) {
+    if (!node || node.hasOwnProperty('children')) return null;
+    if ($af4441dd29af05df$export$67920d3e3cb3f136(node.fq_value)) return 'interval';
+    if ($af4441dd29af05df$export$9ee0ceaa589fc567(node.fq_value)) return 'range';
+    return 'value';
+}
 const $af4441dd29af05df$export$da3188ffd2da2525 = {
     orthologs: {
         label: 'orthologs',
@@ -1061,8 +1097,19 @@ const $af4441dd29af05df$var$grameneFilters = {
                         // start, so a gene that merely crosses the boundary still matches.
                         const intervalNode = {
                             fq_field: 'location',
-                            fq_value: `(map:${map} AND region:${region}` + ` AND start:[* TO ${end}] AND end:[${start} TO *])`,
-                            name: `${mapLabel} ${region}:${start.toLocaleString()}-${end.toLocaleString()}`,
+                            fq_value: $af4441dd29af05df$export$634f7214da1b780a({
+                                map: map,
+                                region: region,
+                                start: start,
+                                end: end
+                            }),
+                            name: $af4441dd29af05df$export$535c09441f37845d({
+                                mapLabel: mapLabel,
+                                map: map,
+                                region: region,
+                                start: start,
+                                end: end
+                            }),
                             category: 'Genomic interval',
                             negate: false,
                             showMenu: false
@@ -1084,6 +1131,24 @@ const $af4441dd29af05df$var$grameneFilters = {
                         $af4441dd29af05df$var$markSubtree(newState, newState, false);
                         return newState;
                     }
+                case 'GRAMENE_FILTER_EDITED':
+                    {
+                        // Edits only rewrite a leaf's value and label. The node keeps its place,
+                        // its negate flag and any expansion, and the tree shape is untouched — so
+                        // unlike an insert there is nothing to reindex.
+                        newState = Object.assign({}, state, {
+                            status: 'search',
+                            showMarked: true,
+                            searchOffset: 0
+                        });
+                        const node = $af4441dd29af05df$var$findNodeWithLeftIdx(newState, payload.leftIdx);
+                        if (!node || node.hasOwnProperty('children')) break;
+                        node.fq_value = payload.fq_value;
+                        if (payload.name !== undefined) node.name = payload.name;
+                        node.showMenu = false;
+                        $af4441dd29af05df$var$markSubtree(newState, node, false);
+                        return newState;
+                    }
                 case 'GRAMENE_FILTER_EXPANSION_SET':
                     {
                         // Setting or clearing an expansion is just a field on the node — the tree
@@ -1419,6 +1484,28 @@ const $af4441dd29af05df$var$grameneFilters = {
                 ]
             });
         },
+    // Replace one leaf's value in place, keeping its position in the tree.
+    doEditGrameneFilter: (filter, fq_value, name)=>({ dispatch: dispatch })=>{
+            dispatch({
+                type: 'BATCH_ACTIONS',
+                actions: [
+                    {
+                        type: 'GRAMENE_SEARCH_CLEARED'
+                    },
+                    {
+                        type: 'GRAMENE_TAXONOMY_CLEARED'
+                    },
+                    {
+                        type: 'GRAMENE_FILTER_EDITED',
+                        payload: {
+                            leftIdx: filter.leftIdx,
+                            fq_value: fq_value,
+                            name: name
+                        }
+                    }
+                ]
+            });
+        },
     doToggleGrameneFilterMenu: (node)=>({ dispatch: dispatch })=>{
             dispatch({
                 type: 'GRAMENE_FILTER_MENU_TOGGLED',
@@ -20883,18 +20970,26 @@ function $909272efb41be16f$export$94955a075dcb14b2(genome) {
             length: lengths[i]
         })).filter((r)=>!$909272efb41be16f$var$UNPLACED.test(String(r.name)));
 }
-const $909272efb41be16f$var$GenomicIntervalForm = ({ grameneMaps: grameneMaps, targetTaxonId: targetTaxonId, onAdd: onAdd })=>{
-    const [open, setOpen] = (0, $gXNCa$react.useState)(false);
+const $909272efb41be16f$export$4fa3dba3103266ea = ({ grameneMaps: grameneMaps, targetTaxonId: targetTaxonId, initial: initial, submitLabel: submitLabel, onSubmit: onSubmit, onCancel: onCancel })=>{
     const [taxonId, setTaxonId] = (0, $gXNCa$react.useState)('');
-    const [region, setRegion] = (0, $gXNCa$react.useState)('');
-    const [start, setStart] = (0, $gXNCa$react.useState)('');
-    const [end, setEnd] = (0, $gXNCa$react.useState)('');
+    const [region, setRegion] = (0, $gXNCa$react.useState)(initial ? String(initial.region) : '');
+    const [start, setStart] = (0, $gXNCa$react.useState)(initial ? String(initial.start) : '');
+    const [end, setEnd] = (0, $gXNCa$react.useState)(initial ? String(initial.end) : '');
     const { reference: reference, anchors: anchors, rest: rest } = (0, $gXNCa$react.useMemo)(()=>$909272efb41be16f$export$ac97d17982e0cb21(grameneMaps, targetTaxonId), [
         grameneMaps,
         targetTaxonId
     ]);
-    // Default to the site's reference genome once maps have loaded.
-    const effectiveTaxon = taxonId || reference[0] && String(reference[0].taxon_id) || '';
+    // An edit starts on the filter's own genome; a new interval starts on the
+    // site's reference. `initial.map` is an assembly accession, so find its genome.
+    const initialTaxon = (0, $gXNCa$react.useMemo)(()=>{
+        if (!initial) return '';
+        const hit = Object.values(grameneMaps || {}).find((m)=>m && m._id === initial.map);
+        return hit ? String(hit.taxon_id) : '';
+    }, [
+        initial,
+        grameneMaps
+    ]);
+    const effectiveTaxon = taxonId || initialTaxon || reference[0] && String(reference[0].taxon_id) || '';
     const genome = effectiveTaxon ? (grameneMaps || {})[effectiveTaxon] : null;
     const chromosomes = (0, $gXNCa$react.useMemo)(()=>$909272efb41be16f$export$94955a075dcb14b2(genome), [
         genome
@@ -20906,8 +21001,7 @@ const $909272efb41be16f$var$GenomicIntervalForm = ({ grameneMaps: grameneMaps, t
     // Validated against the assembly's own region lengths, so the message can name
     // the actual limit rather than just refusing.
     const error = (()=>{
-        if (!genome) return null;
-        if (s === null || e === null) return null;
+        if (!genome || s === null || e === null) return null;
         if (!Number.isFinite(s) || !Number.isFinite(e)) return 'Positions must be numbers.';
         if (s < 1 || e < 1) return 'Positions start at 1.';
         if (s > e) return 'Start must not be greater than end.';
@@ -20917,112 +21011,134 @@ const $909272efb41be16f$var$GenomicIntervalForm = ({ grameneMaps: grameneMaps, t
     const ready = !!genome && !!effectiveRegion && s !== null && e !== null && !error;
     const submit = ()=>{
         if (!ready) return;
-        onAdd({
+        onSubmit({
             map: genome._id,
             mapLabel: genome.display_name || genome._id,
             region: effectiveRegion,
             start: s,
             end: e
         });
-        setStart('');
-        setEnd('');
+        if (!initial) {
+            setStart('');
+            setEnd('');
+        }
     };
     const genomeOption = (m)=>/*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("option", {
             value: m.taxon_id,
             children: m.display_name || m.system_name
         }, m.taxon_id);
     return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("div", {
-        className: "gramene-interval",
+        className: "gramene-interval-form",
         children: [
-            /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("div", {
-                className: "gramene-interval-toggle",
-                onClick: ()=>setOpen(!open),
+            /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$reactbootstrap.Form).Select, {
+                size: "sm",
+                className: "mb-1",
+                value: effectiveTaxon,
+                onChange: (ev)=>{
+                    setTaxonId(ev.target.value);
+                    setRegion('');
+                },
                 children: [
-                    open ? /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reacticonsbs.BsChevronDown), {}) : /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reacticonsbs.BsChevronRight), {}),
-                    " Add genomic interval"
+                    reference.map(genomeOption),
+                    anchors.length > 0 && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("optgroup", {
+                        label: "Reference genomes",
+                        children: anchors.map(genomeOption)
+                    }),
+                    rest.length > 0 && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("optgroup", {
+                        label: "Other genomes",
+                        children: rest.map(genomeOption)
+                    })
                 ]
             }),
-            open && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("div", {
-                className: "gramene-interval-form",
-                children: [
-                    /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$reactbootstrap.Form).Select, {
-                        size: "sm",
-                        className: "mb-1",
-                        value: effectiveTaxon,
-                        onChange: (ev)=>{
-                            setTaxonId(ev.target.value);
-                            setRegion('');
-                        },
+            /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.Form).Select, {
+                size: "sm",
+                className: "mb-1",
+                value: effectiveRegion,
+                onChange: (ev)=>setRegion(ev.target.value),
+                children: chromosomes.map((c)=>/*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("option", {
+                        value: c.name,
                         children: [
-                            reference.map(genomeOption),
-                            anchors.length > 0 && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("optgroup", {
-                                label: "Reference genomes",
-                                children: anchors.map(genomeOption)
-                            }),
-                            rest.length > 0 && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("optgroup", {
-                                label: "Other genomes",
-                                children: rest.map(genomeOption)
-                            })
+                            c.name,
+                            c.length ? ` (${Math.round(c.length / 1e6)} Mb)` : ''
                         ]
-                    }),
-                    /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.Form).Select, {
+                    }, c.name))
+            }),
+            /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("div", {
+                className: "gramene-interval-range",
+                children: [
+                    /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.Form).Control, {
                         size: "sm",
-                        className: "mb-1",
-                        value: effectiveRegion,
-                        onChange: (ev)=>setRegion(ev.target.value),
-                        children: chromosomes.map((c)=>/*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("option", {
-                                value: c.name,
-                                children: [
-                                    c.name,
-                                    c.length ? ` (${Math.round(c.length / 1e6)} Mb)` : ''
-                                ]
-                            }, c.name))
-                    }),
-                    /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("div", {
-                        className: "gramene-interval-range",
-                        children: [
-                            /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.Form).Control, {
-                                size: "sm",
-                                type: "number",
-                                min: "1",
-                                placeholder: "start",
-                                value: start,
-                                onChange: (ev)=>setStart(ev.target.value)
-                            }),
-                            /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("span", {
-                                className: "gramene-interval-dash",
-                                children: "\u2013"
-                            }),
-                            /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.Form).Control, {
-                                size: "sm",
-                                type: "number",
-                                min: "1",
-                                placeholder: "end",
-                                value: end,
-                                onChange: (ev)=>setEnd(ev.target.value),
-                                onKeyDown: (ev)=>{
-                                    if (ev.key === 'Enter') submit();
-                                }
-                            })
-                        ]
+                        type: "number",
+                        min: "1",
+                        placeholder: "start",
+                        value: start,
+                        onChange: (ev)=>setStart(ev.target.value)
                     }),
-                    error && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("div", {
-                        className: "gramene-interval-error",
-                        children: error
+                    /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("span", {
+                        className: "gramene-interval-dash",
+                        children: "\u2013"
                     }),
+                    /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.Form).Control, {
+                        size: "sm",
+                        type: "number",
+                        min: "1",
+                        placeholder: "end",
+                        value: end,
+                        onChange: (ev)=>setEnd(ev.target.value),
+                        onKeyDown: (ev)=>{
+                            if (ev.key === 'Enter') submit();
+                        }
+                    })
+                ]
+            }),
+            error && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("div", {
+                className: "gramene-interval-error",
+                children: error
+            }),
+            /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("div", {
+                className: "gramene-interval-actions",
+                children: [
                     /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.Button), {
                         size: "sm",
                         variant: "primary",
                         className: "gramene-interval-submit",
                         disabled: !ready,
                         onClick: submit,
-                        children: "Add interval"
+                        children: submitLabel || 'Add interval'
+                    }),
+                    onCancel && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.Button), {
+                        size: "sm",
+                        variant: "link",
+                        className: "gramene-interval-cancel",
+                        onClick: onCancel,
+                        children: "cancel"
                     })
                 ]
             })
         ]
     });
 };
+/** The collapsible "Add genomic interval" entry at the foot of the Filters panel. */ const $909272efb41be16f$var$GenomicIntervalForm = ({ grameneMaps: grameneMaps, targetTaxonId: targetTaxonId, onAdd: onAdd })=>{
+    const [open, setOpen] = (0, $gXNCa$react.useState)(false);
+    return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("div", {
+        className: "gramene-interval",
+        children: [
+            /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("div", {
+                className: "gramene-interval-toggle",
+                onClick: ()=>setOpen(!open),
+                children: [
+                    open ? /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reacticonsbs.BsChevronDown), {}) : /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reacticonsbs.BsChevronRight), {}),
+                    " Add genomic interval"
+                ]
+            }),
+            open && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)($909272efb41be16f$export$4fa3dba3103266ea, {
+                grameneMaps: grameneMaps,
+                targetTaxonId: targetTaxonId,
+                onSubmit: onAdd
+            })
+        ]
+    });
+};
 var $909272efb41be16f$export$2e2bcd8739ae039 = $909272efb41be16f$var$GenomicIntervalForm;
 
 
@@ -21031,6 +21147,146 @@ var $909272efb41be16f$export$2e2bcd8739ae039 = $909272efb41be16f$var$GenomicInte
 
 
 
+/**
+ * Edit one filter leaf in place, with a form shaped to what that leaf actually is:
+ * a genomic interval gets the genome/chromosome/start/end fields, a `[lo TO hi]`
+ * range gets two number boxes, anything else gets its raw value.
+ *
+ * Groups are not editable — their only parameter is the operator, which the menu
+ * already exposes as "convert to".
+ *
+ * The plain-value case is honest but limited: many leaves carry an opaque id (a
+ * pathway number, an ontology term, a saved-search hash) whose replacement a user
+ * has no way to know. It is offered because a typo in a gene name or a term is
+ * worth fixing without deleting and starting over.
+ */ const $91efc9c46e3775e3$var$FilterEditor = ({ node: node, grameneMaps: grameneMaps, targetTaxonId: targetTaxonId, onSave: onSave, onCancel: onCancel })=>{
+    const kind = (0, $af4441dd29af05df$export$a7f4fa59930e5088)(node);
+    const range = kind === 'range' ? (0, $af4441dd29af05df$export$9ee0ceaa589fc567)(node.fq_value) : null;
+    const [lo, setLo] = (0, $gXNCa$react.useState)(range ? range.lo : '');
+    const [hi, setHi] = (0, $gXNCa$react.useState)(range ? range.hi : '');
+    const [value, setValue] = (0, $gXNCa$react.useState)(kind === 'value' ? String(node.fq_value ?? '') : '');
+    if (!kind) return null;
+    if (kind === 'interval') {
+        const initial = (0, $af4441dd29af05df$export$67920d3e3cb3f136)(node.fq_value);
+        return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("div", {
+            className: "gramene-filter-editor",
+            children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $909272efb41be16f$export$4fa3dba3103266ea), {
+                grameneMaps: grameneMaps,
+                targetTaxonId: targetTaxonId,
+                initial: initial,
+                submitLabel: "Save",
+                onCancel: onCancel,
+                onSubmit: (iv)=>onSave((0, $af4441dd29af05df$export$634f7214da1b780a)(iv), (0, $af4441dd29af05df$export$535c09441f37845d)(iv))
+            })
+        });
+    }
+    if (kind === 'range') {
+        const ok = lo !== '' && hi !== '';
+        const save = ()=>{
+            if (ok) onSave((0, $af4441dd29af05df$export$cd9b2ffd001c6d65)(lo, hi), `${lo}-${hi}`);
+        };
+        return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("div", {
+            className: "gramene-filter-editor",
+            children: [
+                /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("div", {
+                    className: "gramene-interval-range",
+                    children: [
+                        /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.Form).Control, {
+                            size: "sm",
+                            value: lo,
+                            onChange: (e)=>setLo(e.target.value),
+                            placeholder: "from"
+                        }),
+                        /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("span", {
+                            className: "gramene-interval-dash",
+                            children: "\u2013"
+                        }),
+                        /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.Form).Control, {
+                            size: "sm",
+                            value: hi,
+                            onChange: (e)=>setHi(e.target.value),
+                            placeholder: "to",
+                            onKeyDown: (e)=>{
+                                if (e.key === 'Enter') save();
+                            }
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("div", {
+                    className: "gramene-interval-actions",
+                    children: [
+                        /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.Button), {
+                            size: "sm",
+                            variant: "primary",
+                            className: "gramene-interval-submit",
+                            disabled: !ok,
+                            onClick: save,
+                            children: "Save"
+                        }),
+                        /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.Button), {
+                            size: "sm",
+                            variant: "link",
+                            className: "gramene-interval-cancel",
+                            onClick: onCancel,
+                            children: "cancel"
+                        })
+                    ]
+                })
+            ]
+        });
+    }
+    const ok = String(value).trim() !== '';
+    // Keep the node's own label in step with its value, unless the label was
+    // something other than the value to begin with (a suggestion's display name),
+    // in which case leave it alone rather than overwriting it with a raw id.
+    const save = ()=>{
+        if (!ok) return;
+        const v = String(value).trim();
+        const nameFollowedValue = String(node.name ?? '') === String(node.fq_value ?? '');
+        onSave(v, nameFollowedValue ? v : undefined);
+    };
+    return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("div", {
+        className: "gramene-filter-editor",
+        children: [
+            /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.Form).Control, {
+                size: "sm",
+                value: value,
+                onChange: (e)=>setValue(e.target.value),
+                onKeyDown: (e)=>{
+                    if (e.key === 'Enter') save();
+                }
+            }),
+            /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("div", {
+                className: "gramene-interval-actions",
+                children: [
+                    /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.Button), {
+                        size: "sm",
+                        variant: "primary",
+                        className: "gramene-interval-submit",
+                        disabled: !ok,
+                        onClick: save,
+                        children: "Save"
+                    }),
+                    /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.Button), {
+                        size: "sm",
+                        variant: "link",
+                        className: "gramene-interval-cancel",
+                        onClick: onCancel,
+                        children: "cancel"
+                    })
+                ]
+            })
+        ]
+    });
+};
+var $91efc9c46e3775e3$export$2e2bcd8739ae039 = $91efc9c46e3775e3$var$FilterEditor;
+
+
+
+
+
+
+
 
 
 // "Save this view" UI — sits inside the Auth sidebar panel.
@@ -21475,6 +21731,7 @@ function $693dd8c7a5607c3a$var$logAction(action) {
     });
 }
 const $693dd8c7a5607c3a$var$Filter = ({ node: node, moveCopyMode: moveCopyMode, showMarked: showMarked, actions: actions })=>{
+    const [editing, setEditing] = (0, $gXNCa$react.useState)(false);
     let classes = 'gramene-filter gramene-filter';
     if (node.operation) classes = `${classes}-${(0, $af4441dd29af05df$export$c8b6102be216752a)(node.operation)}`;
     // An expansion decorates whatever node it sits on, leaf or group — same as negate.
@@ -21534,6 +21791,14 @@ const $693dd8c7a5607c3a$var$Filter = ({ node: node, moveCopyMode: moveCopyMode,
                 ]
             }, key++));
         });
+        if ((0, $af4441dd29af05df$export$a7f4fa59930e5088)(node)) menuItems.push(/*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("li", {
+            onClick: ()=>{
+                $693dd8c7a5607c3a$var$logAction(`Edit filter`);
+                actions.toggleMenu(node);
+                setEditing(true);
+            },
+            children: "edit"
+        }, key++));
         if (node.leftIdx > 0) {
             menuItems.push(/*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("li", {
                 onClick: ()=>{
@@ -21642,12 +21907,23 @@ const $693dd8c7a5607c3a$var$Filter = ({ node: node, moveCopyMode: moveCopyMode,
             })
         ]
     });
+    const editor = editing ? /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $91efc9c46e3775e3$export$2e2bcd8739ae039), {
+        node: node,
+        grameneMaps: actions.grameneMaps,
+        targetTaxonId: actions.targetTaxonId,
+        onCancel: ()=>setEditing(false),
+        onSave: (fq_value, name)=>{
+            setEditing(false);
+            actions.editNode(node, fq_value, name);
+        }
+    }) : null;
     return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("div", {
         className: classes,
         onClick: (e)=>$693dd8c7a5607c3a$var$handleClick(e, moveCopyMode, showMarked, node, actions),
         children: [
             content,
             menu,
+            editor,
             children
         ]
     }, node.leftIdx);
@@ -21662,7 +21938,12 @@ const $693dd8c7a5607c3a$var$FiltersCmp = (props)=>{
         selectTarget: props.doMoveOrCopyGrameneFilter,
         markTargets: props.doMarkGrameneFilterTargets,
         unmarkTargets: props.doUnmarkGrameneFilterTargets,
-        toggleMenu: props.doToggleGrameneFilterMenu
+        toggleMenu: props.doToggleGrameneFilterMenu,
+        editNode: props.doEditGrameneFilter,
+        // Carried alongside the actions so every nested Filter can reach them without
+        // threading two more props through the recursion.
+        grameneMaps: props.grameneMaps,
+        targetTaxonId: props.targetTaxonId
     };
     const intervalForm = /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $909272efb41be16f$export$2e2bcd8739ae039), {
         grameneMaps: props.grameneMaps,
@@ -21710,7 +21991,7 @@ const $693dd8c7a5607c3a$var$FiltersCmp = (props)=>{
         })
     });
 };
-const $693dd8c7a5607c3a$export$92a576f896a9bf72 = (0, $gXNCa$reduxbundlerreact.connect)('selectGrameneFilters', 'selectConfiguration', 'doNegateGrameneFilter', 'doDeleteGrameneFilter', 'doChangeGrameneFilterOperation', 'doExpandGrameneFilter', 'doRemoveGrameneExpansion', 'doMoveOrCopyGrameneFilter', 'doMarkGrameneFilterTargets', 'doUnmarkGrameneFilterTargets', 'doToggleGrameneFilterMenu', 'selectGrameneMaps', 'selectTargetTaxonId', 'doAddGrameneInterval', 'doClearGrameneFilters', $693dd8c7a5607c3a$var$FiltersCmp);
+const $693dd8c7a5607c3a$export$92a576f896a9bf72 = (0, $gXNCa$reduxbundlerreact.connect)('selectGrameneFilters', 'selectConfiguration', 'doNegateGrameneFilter', 'doDeleteGrameneFilter', 'doChangeGrameneFilterOperation', 'doExpandGrameneFilter', 'doRemoveGrameneExpansion', 'doMoveOrCopyGrameneFilter', 'doMarkGrameneFilterTargets', 'doUnmarkGrameneFilterTargets', 'doToggleGrameneFilterMenu', 'selectGrameneMaps', 'selectTargetTaxonId', 'doAddGrameneInterval', 'doEditGrameneFilter', 'doClearGrameneFilters', $693dd8c7a5607c3a$var$FiltersCmp);
 const $693dd8c7a5607c3a$var$ResultsCmp = (props)=>{
     let activeViews = props.grameneViews.options;
     return props.grameneFilters.rightIdx > 0 ? /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("div", {