@freegridjs/core 1.9.5 → 1.11.0

package/dist/index.js

@@ -432,9 +432,10 @@ var ColumnModel = class {
   setContainerWidth(width) {
     if (width === this.containerWidth) return false;
     this.containerWidth = width;
-    const before = this.displayed().map((c) => c.width).join();
+    const sig = () => this.displayed().map((c) => `${c.width}${c.region}`).join();
+    const before = sig();
     this.relayout();
-    return before !== this.displayed().map((c) => c.width).join();
+    return before !== sig();
   }
   roots() {
     return this.roots_;
@@ -608,7 +609,19 @@ var ColumnModel = class {
         return excess > 0 ? d > 0 : excess < 0 ? d < 0 : false;
       });
       if (!clamped.length) {
-        for (const n of pending) flexWidth.set(n, clampWidth(n.def, share(n)));
+        let rest = free;
+        for (const n of pending) {
+          const w = clampWidth(n.def, share(n));
+          flexWidth.set(n, w);
+          rest -= w;
+        }
+        for (const n of pending) {
+          if (rest < 1) break;
+          const w = flexWidth.get(n);
+          if (clampWidth(n.def, w + 1) !== w + 1) continue;
+          flexWidth.set(n, w + 1);
+          rest--;
+        }
         break;
       }
       let used = 0;
@@ -624,13 +637,16 @@ var ColumnModel = class {
     const next = { left: [], center: [], right: [] };
     this.leafById = /* @__PURE__ */ new Map();
     let index = 0;
+    const pinnedWidth = visible.reduce((s, n) => s + (n.pinned ? widthOf(n) : 0), 0);
+    const unpin = this.containerWidth > 0 && pinnedWidth > this.containerWidth * 0.75;
+    const x = { left: 0, center: 0, right: 0 };
     for (const r of REGIONS) {
-      let x = 0;
+      const to = unpin ? "center" : r;
       for (const n of visible) {
         if ((n.pinned ?? "center") !== r) continue;
-        const col = { id: n.id, def: n.def, node: n, width: widthOf(n), region: r, left: x, index: index++ };
-        x += col.width;
-        next[r].push(col);
+        const col = { id: n.id, def: n.def, node: n, width: widthOf(n), region: to, left: x[to], index: index++ };
+        x[to] += col.width;
+        next[to].push(col);
         this.leafById.set(n.id, col);
       }
     }
@@ -638,6 +654,39 @@ var ColumnModel = class {
   }
 };
 
+// src/keyboard.ts
+var imeKey = (e) => e.isComposing || e.keyCode === 229;
+var NAV_KEYS = /* @__PURE__ */ new Set(["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", "Tab", "Home", "End", "PageUp", "PageDown"]);
+function nextFocus(key, mods, p, s) {
+  const r = (i) => Math.max(0, Math.min(s.rows - 1, i));
+  const c = (i) => Math.max(0, Math.min(s.cols - 1, i));
+  switch (key) {
+    case "ArrowUp":
+      return { rowIndex: r(p.rowIndex - 1), colIndex: p.colIndex };
+    case "ArrowDown":
+      return { rowIndex: r(p.rowIndex + 1), colIndex: p.colIndex };
+    case "ArrowLeft":
+      return { rowIndex: p.rowIndex, colIndex: c(p.colIndex - 1) };
+    case "ArrowRight":
+      return { rowIndex: p.rowIndex, colIndex: c(p.colIndex + 1) };
+    case "PageUp":
+      return { rowIndex: r(p.rowIndex - s.pageRows), colIndex: p.colIndex };
+    case "PageDown":
+      return { rowIndex: r(p.rowIndex + s.pageRows), colIndex: p.colIndex };
+    case "Home":
+      return { rowIndex: mods.ctrl ? 0 : p.rowIndex, colIndex: 0 };
+    case "End":
+      return { rowIndex: mods.ctrl ? s.rows - 1 : p.rowIndex, colIndex: s.cols - 1 };
+    case "Tab": {
+      const flat2 = p.rowIndex * s.cols + p.colIndex + (mods.shift ? -1 : 1);
+      if (flat2 < 0 || flat2 >= s.rows * s.cols) return null;
+      return { rowIndex: Math.floor(flat2 / s.cols), colIndex: flat2 % s.cols };
+    }
+    default:
+      return null;
+  }
+}
+
 // src/formula.ts
 var FormulaError = class extends Error {
   constructor(code) {
@@ -1320,25 +1369,6 @@ function columnFormulaValue(def, row) {
 }
 var formulasOff = (def) => !!scopes.get(def)?.off?.();
 var isFormula = (v) => typeof v === "string" && v.length > 1 && v.startsWith("=");
-function formulaRefs(formula) {
-  let n;
-  try {
-    n = compile(formula);
-  } catch {
-    return null;
-  }
-  const out = /* @__PURE__ */ new Set();
-  const walk = (x) => {
-    if (x.k === "ref") out.add(x.name);
-    else if (x.k === "un") walk(x.a);
-    else if (x.k === "bin") {
-      walk(x.a);
-      walk(x.b);
-    } else if (x.k === "call") x.args.forEach(walk);
-  };
-  walk(n);
-  return [...out];
-}
 
 // src/rows/values.ts
 function getCellValue(def, row) {
@@ -1361,6 +1391,7 @@ var REGIONS2 = ["left", "center", "right"];
 var NUM_OPS = [[">=", "gte"], ["<=", "lte"], ["<>", "ne"], ["!=", "ne"], [">", "gt"], ["<", "lt"], ["=", "eq"]];
 var DATE_OPS = [[">", "after"], ["<", "before"], ["=", "equals"]];
 var RANGE = /^(.+?)\s*(?:~|\.\.)\s*(.+)$/;
+var MULTI = "~many";
 var toNumber = (s) => {
   const n = Number(s.replace(/[,\s₩$€¥]/g, ""));
   return s.trim() !== "" && Number.isFinite(n) ? n : null;
@@ -1460,8 +1491,21 @@ var FilterRow = class {
         box.closest(".fg-filter-cell").classList.toggle("fg-filter-active", !!model);
         if (box === box.ownerDocument.activeElement || box.getRootNode().activeElement === box) continue;
         if (box instanceof HTMLSelectElement) {
-          const v = model?.type === "set" && model.values.length === 1 ? JSON.stringify(model.values[0]) : "";
-          if ([...box.options].some((o) => o.value === v)) box.value = v;
+          const many = model?.type === "set" && model.values.length > 1 ? model.values.length : 0;
+          let multi = box.querySelector(`option[value="${MULTI}"]`);
+          if (many) {
+            if (!multi) {
+              multi = el("option", "", { value: MULTI });
+              multi.disabled = true;
+              box.options[0].after(multi);
+            }
+            multi.textContent = this.grid.store.state.locale.setSelected.replace("{n}", String(many));
+            box.value = MULTI;
+          } else {
+            multi?.remove();
+            const v = model?.type === "set" && model.values.length === 1 ? JSON.stringify(model.values[0]) : "";
+            if ([...box.options].some((o) => o.value === v)) box.value = v;
+          }
         } else box.value = filterText(model);
         box.classList.remove("fg-filter-bad");
       }
@@ -1475,6 +1519,10 @@ var FilterRow = class {
         if (!def) continue;
         const v = select.value;
         this.fillOptions(select, def);
+        if (v === MULTI) {
+          this.rebuilt = true;
+          continue;
+        }
         if (v && ![...select.options].some((o) => o.value === v)) {
           const o = el("option", "", { value: v });
           o.textContent = String(JSON.parse(v));
@@ -1495,7 +1543,7 @@ var FilterRow = class {
     select.replaceChildren(all2, ...opts);
   }
   cell(c, h) {
-    const cell = el("div", "fg-filter-cell");
+    const cell = el("div", "fg-filter-cell", { role: "gridcell" });
     cell.style.left = `${c.left}px`;
     cell.style.width = `${c.width}px`;
     cell.style.height = `${h}px`;
@@ -1529,6 +1577,7 @@ var FilterRow = class {
     });
     input.addEventListener("keydown", (e) => {
       e.stopPropagation();
+      if (imeKey(e)) return;
       if (e.key === "Enter") {
         clearTimeout(this.timers.get(c.id));
         apply();
@@ -1818,8 +1867,10 @@ function extreme(values, pickMax) {
 function aggregate(agg, values, rows) {
   if (typeof agg === "function") return agg(values, rows);
   switch (agg) {
-    case "sum":
-      return numbers(values).reduce((s, n) => s + n, 0);
+    case "sum": {
+      const nums = numbers(values);
+      return nums.length || !values.length ? nums.reduce((s, n) => s + n, 0) : null;
+    }
     case "avg": {
       const nums = numbers(values);
       return nums.length ? nums.reduce((s, n) => s + n, 0) / nums.length : null;
@@ -2055,6 +2106,7 @@ var Renderer = class {
     };
     this.overlayKey = "";
     this.heightFn = null;
+    this.freeBadge = null;
     this.onCardClick = (e) => {
       const target = e.target;
       const card = target.closest(".fg-card");
@@ -2203,7 +2255,8 @@ var Renderer = class {
     }
     if (options.autoHeight && !this.useCards()) {
       this.root.classList.add("fg-auto-height");
-      this.bodyEl.style.height = `${this.rowsHeight(count) + this.topOffset + bottomExtra + Math.max(0, this.scroller.offsetHeight - this.scroller.clientHeight)}px`;
+      const rowsH = count > 0 ? this.rowsHeight(count) : Math.max(this.rowsHeight(count), 3 * rh);
+      this.bodyEl.style.height = `${rowsH + this.topOffset + bottomExtra + Math.max(0, this.scroller.offsetHeight - this.scroller.clientHeight)}px`;
     }
     const sig = `${headerHeight}|${REGIONS3.map((r) => columns.regionWidth(r)).join(",")}|${this.rowsHeight(count) + this.topOffset + bottomExtra}|${summary && sumPinned ? sumPos : ""}|${sumRows}|${options.autoHeight ? 1 : 0}`;
     if (sig !== this.layoutSig) {
@@ -2262,6 +2315,7 @@ var Renderer = class {
       if (ref.nextElementSibling !== b) ref.after(b);
       ref = b;
     }
+    this.placeFreeBadge();
   }
   /** "No rows" / "Loading" over the body, or the noRowsOverlay / loadingOverlay given in the options. */
   paintOverlay(count) {
@@ -2352,7 +2406,7 @@ var Renderer = class {
     const { grid } = this;
     const state = grid.store.state;
     const total = grid.rowModel.server ? count : grid.viewRows().length;
-    const key = `${this.version}.${grid.valuesVersion}|${count}|${total}|${state.selected.size}|${JSON.stringify(state.range)}|${state.locale.code}`;
+    const key = `${this.version}.${grid.valuesVersion}|${count}|${total}|${state.selected.size}|${JSON.stringify(state.range)}|${JSON.stringify(state.extraRanges)}|${state.locale.code}`;
     if (this.statusEl && key === this.statusKey) return;
     this.statusKey = key;
     this.statusEl ?? (this.statusEl = el("div", "fg-statusbar", { role: "status", "aria-live": "polite" }));
@@ -3224,12 +3278,21 @@ var Renderer = class {
   /** Small "free version" mark in the bottom-right corner (unlicensed company domains flagged on freegrid.app). */
   showFreeBadge() {
     if (this.root.querySelector(".fg-free-badge")) return;
-    const a = el("a", "fg-free-badge", { href: "https://freegrid.app/pricing/", target: "_blank", rel: "noopener" });
+    const a = el("div", "fg-free-badge", { "aria-hidden": "true" });
     a.innerHTML = '<svg viewBox="0 0 32 32" width="14" height="14" aria-hidden="true"><rect width="32" height="32" rx="7" fill="#0E1726"/><path d="M7 11.5h18M7 16.5h18M7 21.5h18M13 7v18" stroke="#fff" stroke-width="2" stroke-linecap="round"/><rect x="14" y="12.5" width="11" height="3" rx="1" fill="#F2A900"/></svg>';
     const text2 = el("span");
     text2.textContent = `FreeGrid \xB7 ${this.grid.store.state.locale.freeBadge}`;
     a.append(text2);
     this.root.append(a);
+    this.freeBadge = a;
+    this.placeFreeBadge();
+  }
+  /** The free badge sits above the status bar and pager, not on them. */
+  placeFreeBadge() {
+    if (!this.freeBadge) return;
+    const below = (this.statusEl?.isConnected ? this.statusEl.offsetHeight : 0) + (this.pagerEl?.isConnected ? this.pagerEl.offsetHeight : 0);
+    const bottom = below ? `${below + 22}px` : "";
+    if (this.freeBadge.style.bottom !== bottom) this.freeBadge.style.bottom = bottom;
   }
   /** Card view applies when enabled and the grid is narrower than the breakpoint. */
   useCards() {
@@ -3549,6 +3612,8 @@ var en = {
   apply: "Apply",
   reset: "Reset",
   selectAll: "(Select all)",
+  setSelected: "({n} selected)",
+  noAggregate: "No aggregate",
   search: "Search\u2026",
   blanks: "(Blanks)",
   value: "Value",
@@ -3635,7 +3700,6 @@ var en = {
   freeBadge: "Free version",
   exportPdf: "Export PDF",
   exportJson: "Export JSON",
-  ai: { title: "AI assistant", placeholder: "Ask about the data or tell the grid what to do", send: "Send", thinking: "Working\u2026", undo: "Undo", undone: "Undone", failed: "The assistant did not answer", skipped: "Skipped", done: "Done" },
   cf: {
     title: "Conditional formatting",
     add: "Add rule",
@@ -3732,38 +3796,6 @@ function eventInside(e, ...els) {
   return els.some((el2) => !!el2 && el2.contains(e.target));
 }
 
-// src/keyboard.ts
-var NAV_KEYS = /* @__PURE__ */ new Set(["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", "Tab", "Home", "End", "PageUp", "PageDown"]);
-function nextFocus(key, mods, p, s) {
-  const r = (i) => Math.max(0, Math.min(s.rows - 1, i));
-  const c = (i) => Math.max(0, Math.min(s.cols - 1, i));
-  switch (key) {
-    case "ArrowUp":
-      return { rowIndex: r(p.rowIndex - 1), colIndex: p.colIndex };
-    case "ArrowDown":
-      return { rowIndex: r(p.rowIndex + 1), colIndex: p.colIndex };
-    case "ArrowLeft":
-      return { rowIndex: p.rowIndex, colIndex: c(p.colIndex - 1) };
-    case "ArrowRight":
-      return { rowIndex: p.rowIndex, colIndex: c(p.colIndex + 1) };
-    case "PageUp":
-      return { rowIndex: r(p.rowIndex - s.pageRows), colIndex: p.colIndex };
-    case "PageDown":
-      return { rowIndex: r(p.rowIndex + s.pageRows), colIndex: p.colIndex };
-    case "Home":
-      return { rowIndex: mods.ctrl ? 0 : p.rowIndex, colIndex: 0 };
-    case "End":
-      return { rowIndex: mods.ctrl ? s.rows - 1 : p.rowIndex, colIndex: s.cols - 1 };
-    case "Tab": {
-      const flat2 = p.rowIndex * s.cols + p.colIndex + (mods.shift ? -1 : 1);
-      if (flat2 < 0 || flat2 >= s.rows * s.cols) return null;
-      return { rowIndex: Math.floor(flat2 / s.cols), colIndex: flat2 % s.cols };
-    }
-    default:
-      return null;
-  }
-}
-
 // src/registry.ts
 var liveGrids = /* @__PURE__ */ new Map();
 var apiGrids = /* @__PURE__ */ new WeakMap();
@@ -3779,7 +3811,8 @@ var DEFAULT_KEYMAP = {
   "Ctrl+Z": "undo",
   "Ctrl+Y": "redo",
   "Ctrl+Shift+Z": "redo",
-  "Ctrl+F": "find"
+  "Ctrl+F": "find",
+  "Alt+ArrowDown": "columnMenu"
 };
 function comboOf(e) {
   const parts = [];
@@ -3928,6 +3961,8 @@ function attachBody(grid) {
       case "paste":
         navigator.clipboard?.readText?.().then((t) => grid.pasteText(t), () => void 0);
         return true;
+      case "columnMenu":
+        return grid.menu.openAtFocus();
     }
     if (!f) return false;
     if (!grid.editor.canEdit(f.rowIndex, f.colId)) return false;
@@ -3943,6 +3978,13 @@ function attachBody(grid) {
     }
     return false;
   };
+  const onImeKey = (e) => {
+    const f = grid.store.state.focus;
+    if (e.isComposing || e.key !== "Process" || e.ctrlKey || e.metaKey || e.altKey) return;
+    if (!f || !grid.editor.canEdit(f.rowIndex, f.colId)) return;
+    if (grid.columns.getColumn(f.colId).def.type === "boolean") return;
+    grid.editor.start(f.rowIndex, f.colId, "");
+  };
   const onExpandKey = (e) => {
     const f = grid.store.state.focus;
     if (!f || e.ctrlKey || e.metaKey || e.altKey || e.shiftKey) return false;
@@ -4092,6 +4134,10 @@ function attachBody(grid) {
     const cols = grid.columns.displayed();
     const count = grid.rowModel.getRowCount();
     if (!cols.length || !count) return;
+    if (imeKey(e)) {
+      onImeKey(e);
+      return;
+    }
     if (onExpandKey(e)) {
       e.preventDefault();
       return;
@@ -4156,14 +4202,14 @@ function attachBody(grid) {
   const nested = (e) => e.target?.closest?.(".fg-root") !== root;
   const onCopy = (e) => {
     if (fromField(e) || nested(e)) return;
-    const text2 = grid.selectionTSV(false);
+    const text2 = grid.copyText(false);
     if (!text2 || !e.clipboardData) return;
     e.clipboardData.setData("text/plain", text2);
     e.preventDefault();
   };
   const onCut = (e) => {
     if (fromField(e) || nested(e)) return;
-    const text2 = grid.selectionTSV(false);
+    const text2 = grid.copyText(false);
     if (!text2 || !e.clipboardData) return;
     e.clipboardData.setData("text/plain", text2);
     e.preventDefault();
@@ -4530,7 +4576,9 @@ var ColumnChooserDialog = class {
       if (!eventInside(e, popup)) this.close();
     };
     const onKey = (e) => {
-      if (e.key === "Escape") this.close();
+      if (e.key !== "Escape") return;
+      this.close();
+      this.grid.renderer.gridEl.focus();
     };
     document.addEventListener("pointerdown", onDown, true);
     document.addEventListener("keydown", onKey, true);
@@ -4669,12 +4717,13 @@ var ContextMenu = class {
     const node = grid.columns.getNode(colId);
     const def = node?.def;
     const dataCol = !!def && !isSystemCol(colId);
+    const checked = grid.store.state.selected.size ? grid.shownSelectedRows() : [];
     const items = [
       { label: loc.copy, shortcut: shortcut("C"), action: () => grid.copyToClipboard(false) },
       { label: loc.copyWithHeaders, action: () => grid.copyToClipboard(true) },
       // after the copy items, so defaultItems indexes from earlier versions still point at the same entries
       { label: loc.cut, shortcut: shortcut("X"), action: () => grid.cutToClipboard() },
-      ...grid.store.state.selected.size ? [{ label: loc.copyRows, action: () => grid.copyToClipboard(false, true) }] : [],
+      ...checked.length ? [{ label: loc.copyRows, action: () => grid.copyToClipboard(false, true) }] : [],
       { label: loc.paste, shortcut: shortcut("V"), action: () => this.pasteFromClipboard() }
     ];
     if (grid.history.canUndo() || grid.history.canRedo()) {
@@ -4684,8 +4733,8 @@ var ContextMenu = class {
         { label: loc.redo, shortcut: shortcut("Y"), action: () => grid.redo(), disabled: !grid.history.canRedo() }
       );
     }
-    if (grid.options.rowSelection && grid.store.state.selected.size) {
-      items.push({ label: loc.deleteRows, action: () => grid.api.removeSelectedRows() });
+    if (grid.options.rowSelection && checked.length) {
+      items.push({ label: loc.deleteRows, action: () => grid.removeRows(checked) });
     }
     if (dataCol) {
       items.push("separator", { label: loc.autosizeThis, action: () => grid.autoSize([colId]) });
@@ -4713,7 +4762,6 @@ var ContextMenu = class {
       { label: loc.exportCsv, action: () => grid.api.exportCsv() },
       ...grid.paid ? [{ label: loc.exportExcel, action: () => grid.api.exportXlsx() }] : [],
       { label: loc.exportJson, action: () => grid.api.exportJson() },
-      ...grid.options.assistant?.url && grid.paid ? [{ label: `${loc.ai.title}\u2026`, action: () => grid.api.openAssistant() }] : [],
       ...grid.paid ? [{ label: loc.exportPdf, action: () => grid.api.exportPdf() }] : []
     );
     if (grid.options.advancedFilter !== false && !grid.options.pivot && grid.paid) items.push("separator", { label: `${loc.advancedFilter}\u2026`, action: () => grid.filterBuilder.open() });
@@ -4780,7 +4828,9 @@ var ContextMenu = class {
     popupParent(this.grid.renderer.root).append(popup);
     const w = popup.offsetWidth || 220, h = popup.offsetHeight || 300;
     popup.style.left = `${Math.max(4, Math.min(x, window.innerWidth - w - 4))}px`;
-    popup.style.top = `${Math.max(4, Math.min(y, window.innerHeight - h - 4))}px`;
+    const top = Math.max(4, Math.min(y, window.innerHeight - h - 4));
+    popup.style.top = `${top}px`;
+    popup.style.maxHeight = `${Math.max(120, window.innerHeight - top - 8)}px`;
     this.popup = popup;
     const onDown = (e) => {
       if (!eventInside(e, popup)) this.close();
@@ -5061,6 +5111,7 @@ var Finder = class {
     input.addEventListener("input", () => this.find(input.value));
     bar.addEventListener("keydown", (e) => {
       e.stopPropagation();
+      if (imeKey(e)) return;
       if (e.key === "Escape") {
         e.preventDefault();
         this.closeBar();
@@ -5070,10 +5121,28 @@ var Finder = class {
         else this.next();
       }
     });
-    this.grid.renderer.root.append(bar);
+    const { root, headerEl, main } = this.grid.renderer;
+    root.append(bar);
+    const box = root.getBoundingClientRect(), head = headerEl.getBoundingClientRect(), area = main.getBoundingClientRect();
+    if (head.height) bar.style.top = `${Math.round(head.bottom - box.top) + 6}px`;
+    if (area.width) bar.style.right = `${Math.max(0, Math.round(box.right - area.right)) + 18}px`;
     this.bar = bar;
     input.focus();
   }
+  /** setLocale: the open bar's placeholder, button labels and "no matches" in the new language. */
+  relabel() {
+    if (!this.bar) return;
+    const loc = this.grid.store.state.locale;
+    const input = this.bar.querySelector("input");
+    input.placeholder = loc.findPlaceholder;
+    input.setAttribute("aria-label", loc.findPlaceholder);
+    const labels = [loc.findPrevious, loc.findNext, loc.close];
+    this.bar.querySelectorAll(".fg-findbar-btn").forEach((b, i) => {
+      b.setAttribute("aria-label", labels[i]);
+      b.title = labels[i];
+    });
+    this.updateCount();
+  }
   closeBar() {
     this.bar?.remove();
     this.bar = null;
@@ -5326,7 +5395,7 @@ var CellEditor = class {
     const col = this.grid.columns.getColumn(colId);
     if (!col?.def.field || rowIndex < 0 || rowIndex >= this.grid.rowModel.getRowCount()) return false;
     const node = this.grid.rowModel.getRow(rowIndex);
-    return !node.kind && cellEditable(col.def, node.data, rowIndex);
+    return !node.kind && this.grid.cellEditable(col.def, node.data, rowIndex);
   }
   start(rowIndex, colId, initialText) {
     if (this.cur && !this.commit(null)) return false;
@@ -5399,6 +5468,7 @@ var CellEditor = class {
     wrap2.append(msg);
     const onKey = (e) => {
       e.stopPropagation();
+      if (imeKey(e)) return;
       if (e.key === "Escape") {
         e.preventDefault();
         this.cancel();
@@ -5552,6 +5622,7 @@ var CellEditor = class {
       i = cols.length - 1;
       if (!this.session) r--;
     }
+    while (r !== rowIndex && r >= 0 && r < count && grid.rowModel.getRow(r)?.kind) r += step;
     if (r < 0 || r >= count) return;
     this.start(r, cols[i].id);
   }
@@ -6661,9 +6732,9 @@ function exportColumns(grid, ids) {
   return grid.columns.displayed().filter((c) => !isSystemCol(c.id)).map((c) => ({ id: c.id, def: c.def, node: c.node, width: c.width }));
 }
 function exportRows(grid, mode) {
-  if (mode === "selected") return grid.selectedRows();
+  if (mode === "selected") return grid.shownSelectedRows();
   if (mode === "all") return grid.rowModel.server ? grid.rowModel.dataRows().map((n) => n.data) : grid.viewRows();
-  return grid.rowModel.dataRows().map((n) => n.data);
+  return grid.orderedDataRows().map((n) => n.data);
 }
 var header = (def, id) => def.header ?? def.field ?? id;
 var ALIGNS = ["left", "center", "right"];
@@ -7118,8 +7189,10 @@ function buildXlsxSheet(grid, opts = {}) {
         return d ? { v: d, fmt } : String(v);
       }
       case "boolean":
+        if (typeof v === "number" && Number.isFinite(v)) return v;
         return typeof v === "boolean" ? v : String(v);
       default:
+        if (typeof v === "number" && Number.isFinite(v)) return v;
         return formatters[i](v);
     }
   };
@@ -7754,6 +7827,44 @@ function buildPivot(source, config, defOf, labels, locale) {
   });
   return { columns: [...rowColumns, ...valueColumns], rows, groupBy: cfg.rows.slice(0, -1) };
 }
+var ROLLUP = /* @__PURE__ */ new WeakMap();
+function rollupSource(row) {
+  return ROLLUP.get(row);
+}
+function buildRollup(source, cols, by) {
+  const isKey = (c) => by ? by.includes(c.id) : !c.def.aggFunc;
+  const keys = cols.filter(isKey).map((c) => c.def);
+  const rest = cols.filter((c) => !isKey(c) && c.def.field && !c.def.valueGetter).map((c) => c.def);
+  const values = rest.filter((d) => d.aggFunc);
+  const others = rest.filter((d) => !d.aggFunc);
+  const buckets = /* @__PURE__ */ new Map();
+  for (const r of source) {
+    const k = keys.map((d) => setKey(getCellValue(d, r))).join("
");
+    let list = buckets.get(k);
+    if (!list) buckets.set(k, list = []);
+    list.push(r);
+  }
+  const rows = [];
+  for (const src of buckets.values()) {
+    const row = { ...src[0] };
+    for (const d of values) {
+      try {
+        row[d.field] = aggregate(d.aggFunc, src.map((r) => getCellValue(d, r)), src);
+      } catch {
+        row[d.field] = null;
+      }
+    }
+    if (src.length > 1) {
+      for (const d of others) {
+        const first = setKey(getCellValue(d, src[0]));
+        if (src.some((r) => setKey(getCellValue(d, r)) !== first)) row[d.field] = null;
+      }
+    }
+    ROLLUP.set(row, src);
+    rows.push(row);
+  }
+  return rows;
+}
 
 // src/features.ts
 var PAID_FEATURES = {
@@ -7773,13 +7884,12 @@ var PAID_FEATURES = {
   formulas: { en: "Formulas", ko: "\uC218\uC2DD" },
   find: { en: "Find", ko: "\uCC3E\uAE30" },
   conditional: { en: "Conditional formatting", ko: "\uC870\uAC74\uBD80 \uC11C\uC2DD" },
-  assistant: { en: "AI assistant", ko: "AI \uC5B4\uC2DC\uC2A4\uD134\uD2B8" },
   merge: { en: "Merged cells", ko: "\uC140 \uBCD1\uD569" },
   workbook: { en: "Workbook", ko: "\uC6CC\uD06C\uBD81" }
 };
 
 // src/version.ts
-var version = "1.9.5";
+var version = "1.11.0";
 
 // src/license.ts
 var PUBLIC_KEY = { kty: "EC", crv: "P-256", x: "sUTKkglZmk-HMKPNub8p7AeLBKesHCU8irIkw9rJlbE", y: "j0U_aKRDR7iApY9UpaD3hUemhBLZJwDv9-QiT_hUyw8" };
@@ -8078,6 +8188,12 @@ var ColumnMenu = class {
       if (grouped.length) g.push([loc.expandAll, () => this.grid.expandAll(true)], [loc.collapseAll, () => this.grid.expandAll(false)]);
       popup.append(this.section(g));
     }
+    if (this.grid.getRollup() && !this.grid.isRollupKey(colId)) {
+      const cur = def.aggFunc ?? null;
+      const mark = (on, label) => `${on ? "\u2713 " : ""}${label}`;
+      const aggs = ["sum", "avg", "min", "max", "count"].map((a) => [mark(cur === a, loc[a]), () => this.grid.setColumnAggFunc(colId, a)]);
+      popup.append(this.section([[mark(!cur, loc.noAggregate), () => this.grid.setColumnAggFunc(colId, null)], ...aggs]));
+    }
     const items = [
       [loc.autosizeThis, () => this.grid.autoSize([colId])],
       [loc.autosizeAll, () => this.grid.autoSize()]
@@ -8105,14 +8221,30 @@ var ColumnMenu = class {
       this.close();
       this.grid.renderer.gridEl.focus();
     };
+    const onScroll = () => this.close();
+    const scroller = this.grid.renderer.scroller;
     document.addEventListener("pointerdown", onDown, true);
     document.addEventListener("keydown", onKey, true);
+    scroller.addEventListener("scroll", onScroll, { passive: true });
     this.off.push(
       () => document.removeEventListener("pointerdown", onDown, true),
-      () => document.removeEventListener("keydown", onKey, true)
+      () => document.removeEventListener("keydown", onKey, true),
+      () => scroller.removeEventListener("scroll", onScroll)
     );
     popup.querySelector(".fg-filter-value:not([hidden]), .fg-set-search, .fg-menu-item")?.focus();
   }
+  /** Keyboard (Alt+ArrowDown): the menu of the focused cell's column (else the first column), under its header. */
+  openAtFocus() {
+    const { grid } = this;
+    const f = grid.store.state.focus;
+    const colId = f && !isSystemCol(f.colId) ? f.colId : grid.columns.displayed().find((c) => !isSystemCol(c.id))?.id;
+    if (!colId) return false;
+    const root = grid.renderer.root;
+    const id = CSS.escape(colId);
+    const anchor = root.querySelector(`.fg-header-cell:not(.fg-header-group)[data-col="${id}"]`) ?? (f ? root.querySelector(`.fg-row[data-row="${f.rowIndex}"] .fg-cell[data-col="${id}"]`) : null) ?? grid.renderer.gridEl;
+    this.open(colId, anchor);
+    return true;
+  }
   /** The filter UI of a column (used by the menu and the filters panel); `done` runs after apply/reset. */
   filterSection(colId, done) {
     const node = this.grid.columns.getNode(colId);
@@ -8137,6 +8269,8 @@ var ColumnMenu = class {
       b.addEventListener("click", () => {
         run2();
         this.close();
+        const a = activeElement(this.grid.renderer.root);
+        if (!a || a === document.body || !a.isConnected) this.grid.renderer.gridEl.focus({ preventScroll: true });
       });
       s.append(b);
     }
@@ -8191,7 +8325,7 @@ var ColumnMenu = class {
     };
     select.addEventListener("change", sync);
     sync();
-    for (const input of [v1, v2]) input.addEventListener("keydown", (e) => e.key === "Enter" && apply());
+    for (const input of [v1, v2]) input.addEventListener("keydown", (e) => e.key === "Enter" && !imeKey(e) && apply());
     row.append(select, v1, v2);
     const read = () => {
       const op = select.value;
@@ -8303,7 +8437,7 @@ var ColumnMenu = class {
       grid.setFilter(colId, checked.size === distinct.size ? null : { type: "set", values: entries.filter(([k]) => checked.has(k)).map(([, v]) => v) });
       done();
     };
-    search.addEventListener("keydown", (e) => e.key === "Enter" && apply());
+    search.addEventListener("keydown", (e) => e.key === "Enter" && !imeKey(e) && apply());
     draw();
     box.append(this.title(loc), search, allLabel, list, this.actions(colId, loc, apply, done));
     return box;
@@ -8333,6 +8467,7 @@ var RowModel = class {
     this.sorted = [];
     this.display = [];
     this.indexById = null;
+    this.orderedCache = null;
     this.layoutCache = null;
     /** Searchable text of each row, kept between quick filter keystrokes. */
     this.quickCache = null;
@@ -8391,6 +8526,13 @@ var RowModel = class {
   fullCount() {
     return this.full.length;
   }
+  dataRowsBefore(index) {
+    const end = Math.min(index, this.full.length);
+    if (this.full === this.sorted) return end;
+    let n = 0;
+    for (let k = 0; k < end; k++) if (!this.full[k].kind) n++;
+    return n;
+  }
   dataCount() {
     return this.sorted.length;
   }
@@ -8411,6 +8553,19 @@ var RowModel = class {
   dataRows() {
     return this.sorted;
   }
+  /** Filtered data rows in display order, as if every group and tree row were expanded. */
+  orderedDataRows() {
+    const c = this.orderedCache;
+    if (c && c.full === this.full) return c.rows;
+    const d = this.last.display;
+    let rows = this.sorted;
+    if (d && (d.getParentId || d.groupBy.length)) {
+      const open = { ...d, expanded: /* @__PURE__ */ new Map(), defaultExpanded: -1, detailOpen: /* @__PURE__ */ new Set(), lazyChildren: void 0 };
+      rows = this.buildDisplay(open, this.last.sort ?? [], this.last.collator ?? this.deps.collator()).filter((n) => !n.kind);
+    }
+    this.orderedCache = { full: this.full, rows };
+    return rows;
+  }
   allNodes() {
     return this.nodes;
   }
@@ -8813,6 +8968,7 @@ var ServerRowModel = class {
     /** Server-side grouping, while groupBy has columns. */
     this.groups = null;
     this.displayIn = null;
+    this.quiet = false;
   }
   get bs() {
     return this.page ? this.page.size : this.deps.blockSize;
@@ -8911,9 +9067,19 @@ var ServerRowModel = class {
     const abs = this.base + index;
     const hit = this.peek(abs);
     if (hit) return hit;
-    if (index >= 0 && index < this.getRowCount()) this.ensure(Math.floor(abs / this.bs));
+    if (!this.quiet && index >= 0 && index < this.getRowCount()) this.ensure(Math.floor(abs / this.bs));
     return this.placeholder(abs);
   }
+  /** Run `fn` with getRow answering from loaded blocks only (rows not loaded stay placeholders, nothing is requested). */
+  withoutLoading(fn) {
+    const was = this.quiet;
+    this.quiet = true;
+    try {
+      return fn();
+    } finally {
+      this.quiet = was;
+    }
+  }
   ensure(k) {
     const cur = this.blocks.get(k);
     if (cur && (cur.state !== "failed" || Date.now() < (cur.retryAt ?? 0))) return;
@@ -9335,17 +9501,23 @@ var FilterBuilder = class {
     actions.append(reset, ok);
     popup.append(head, join, list, addBtn, actions);
     popupParent(grid.renderer.root).append(popup);
+    if (!rows.length) addBtn.click();
     const r = grid.renderer.root.getBoundingClientRect();
     const w = popup.offsetWidth || 460;
     popup.style.left = `${Math.max(4, Math.min(r.left + 24, (window.innerWidth || 1024) - w - 4))}px`;
-    popup.style.top = `${Math.max(4, r.top + 24)}px`;
+    const header2 = grid.renderer.headerEl.getBoundingClientRect();
+    const vh = window.innerHeight || 768;
+    const top = Math.max(4, Math.min((header2.height ? header2.bottom : r.top) + 8, vh - (popup.offsetHeight || 0) - 4));
+    popup.style.top = `${top}px`;
+    popup.style.maxHeight = `${Math.max(160, vh - top - 8)}px`;
     this.popup = popup;
-    if (!rows.length) addBtn.click();
     const onDown = (e) => {
       if (!eventInside(e, popup)) this.close();
     };
     const onKey = (e) => {
-      if (e.key === "Escape") this.close();
+      if (e.key !== "Escape") return;
+      this.close();
+      grid.renderer.gridEl.focus();
     };
     document.addEventListener("pointerdown", onDown, true);
     document.addEventListener("keydown", onKey, true);
@@ -9483,8 +9655,8 @@ var FormatDialog = class {
     CF_PRESETS.forEach((p, k) => {
       const b = el("button", "fg-cf-swatch", { type: "button", "aria-label": cf.styles[p.key], title: cf.styles[p.key], "aria-pressed": String(k === preset) });
       b.textContent = p.key === "bold" ? "B" : "Aa";
-      if (p.style.background) b.style.background = p.style.background;
-      if (p.style.color) b.style.color = p.style.color;
+      b.style.background = p.style.background ?? "#ffffff";
+      b.style.color = p.style.color ?? "#1f2430";
       b.addEventListener("click", () => {
         preset = k;
         for (const s of swatches.children) s.setAttribute("aria-pressed", String(s === b));
@@ -9583,348 +9755,9 @@ var FormatDialog = class {
       if (!eventInside(e, popup)) this.close();
     };
     const onKey = (e) => {
-      if (e.key === "Escape") this.close();
-    };
-    document.addEventListener("pointerdown", onDown, true);
-    document.addEventListener("keydown", onKey, true);
-    this.off.push(
-      () => document.removeEventListener("pointerdown", onDown, true),
-      () => document.removeEventListener("keydown", onKey, true)
-    );
-  }
-  close() {
-    for (const f of this.off) f();
-    this.off = [];
-    this.popup?.remove();
-    this.popup = null;
-  }
-};
-
-// src/assistant.ts
-var FILTER_TYPES = ["text", "number", "date", "set", "combined"];
-var CHART_TYPES = ["bar", "stackedBar", "line", "area", "pie", "donut", "combo", "scatter"];
-var MAX_ACTIONS = 30;
-function describeColumn(grid, id, def, rows) {
-  const col = { id, header: def.header ?? def.field ?? id };
-  if (def.type) col.type = def.type;
-  if (def.formula) col.formula = def.formula;
-  if (def.aggFunc && typeof def.aggFunc === "string") col.aggFunc = def.aggFunc;
-  let blanks = 0;
-  const counts = /* @__PURE__ */ new Map();
-  let min = Infinity, max = -Infinity, sum = 0, nums = 0;
-  let minText = "", maxText = "";
-  for (const r of rows) {
-    const v = getCellValue(def, r);
-    if (isBlank(v)) {
-      blanks++;
-      continue;
-    }
-    if (typeof v === "number" && Number.isFinite(v)) {
-      nums++;
-      sum += v;
-      if (v < min) min = v;
-      if (v > max) max = v;
-    } else if (def.type === "date") {
-      const t = v instanceof Date ? v.toISOString().slice(0, 10) : String(v);
-      if (!minText || t < minText) minText = t;
-      if (!maxText || t > maxText) maxText = t;
-    }
-    if (counts.size < 5e3) {
-      const k = setKey(v);
-      const c = counts.get(k);
-      if (c) c.n++;
-      else counts.set(k, { value: v, n: 1 });
-    }
-  }
-  col.blanks = blanks;
-  col.distinct = counts.size;
-  if (nums) Object.assign(col, { min, max, avg: Math.round(sum / nums * 1e3) / 1e3 });
-  if (minText) Object.assign(col, { min: minText, max: maxText });
-  if (!nums && counts.size) {
-    col.top = [...counts.values()].sort((a, b) => b.n - a.n).slice(0, 12).map((c) => ({ value: String(c.value).slice(0, 80), count: c.n }));
-  }
-  return col;
-}
-function assistantRequest(grid, prompt, options) {
-  const rows = grid.rowModel.dataRows().map((n) => n.data);
-  const all2 = grid.columns.getState().map((s2) => grid.columns.getNode(s2.colId)).filter((n) => n && !n.children && !isSystemCol(n.id));
-  const columns = all2.map((n) => ({ ...describeColumn(grid, n.id, n.def, rows), hidden: grid.columns.getState().find((s2) => s2.colId === n.id)?.hide || void 0 }));
-  const sampleN = typeof options.sampleRows === "number" && options.sampleRows >= 0 ? Math.min(50, options.sampleRows) : 5;
-  const sample = rows.slice(0, sampleN).map((r) => Object.fromEntries(all2.map((n) => [n.id, getCellValue(n.def, r)])));
-  const s = grid.store.state;
-  return {
-    prompt: String(prompt).slice(0, 2e3),
-    locale: s.locale.code,
-    rowCount: rows.length,
-    totalRows: grid.rowModel.server ? rows.length : grid.store.state.data.length,
-    columns,
-    sample,
-    state: {
-      sort: s.sort,
-      filters: s.filters,
-      quickFilter: s.quickFilter,
-      advancedFilter: s.advancedFilter,
-      groupBy: grid.getGroupBy(),
-      pivot: grid.getPivot(),
-      conditionalFormats: grid.getConditionalFormats()
-    },
-    ...options.context ? { context: options.context() } : {}
-  };
-}
-function applyAssistantActions(grid, actions) {
-  const before = { state: grid.api.getState(), defs: grid.columnDefs(), summary: grid.summaryOptions() };
-  const applied = [];
-  const skipped = [];
-  const charts = [];
-  const list = Array.isArray(actions) ? actions.slice(0, MAX_ACTIONS) : [];
-  const known = (id) => typeof id === "string" && !!grid.columns.getNode(id) && !grid.columns.getNode(id).children && !isSystemCol(id);
-  const ok = (a) => applied.push(a);
-  const skip = (a, reason) => skipped.push({ action: a, reason });
-  for (const raw of list) {
-    const a = raw;
-    if (!a || typeof a !== "object" || typeof a.type !== "string") {
-      skip(raw, "not an action");
-      continue;
-    }
-    try {
-      switch (a.type) {
-        case "sort": {
-          const sort = (Array.isArray(a.sort) ? a.sort : []).filter((x) => !!x && known(x.colId) && (x.dir === "asc" || x.dir === "desc"));
-          if (Array.isArray(a.sort) && sort.length !== a.sort.length) skip(a, "unknown column in sort");
-          grid.setSort(sort.map((x) => ({ colId: x.colId, dir: x.dir })));
-          ok(a);
-          break;
-        }
-        case "filter": {
-          if (!known(a.colId)) {
-            skip(a, "unknown column");
-            break;
-          }
-          const m = a.model;
-          if (m !== null && (!m || typeof m !== "object" || !FILTER_TYPES.includes(m.type))) {
-            skip(a, "bad filter model");
-            break;
-          }
-          grid.setFilter(a.colId, m);
-          ok(a);
-          break;
-        }
-        case "clearFilters":
-          for (const id of Object.keys(grid.store.state.filters)) grid.setFilter(id, null);
-          grid.setAdvancedFilter(null);
-          grid.api.setQuickFilter("");
-          ok(a);
-          break;
-        case "quickFilter":
-          grid.api.setQuickFilter(typeof a.text === "string" ? a.text.slice(0, 200) : "");
-          ok(a);
-          break;
-        case "advancedFilter": {
-          const f = a.filter;
-          const ids = [];
-          const walk = (x) => {
-            const o = x;
-            if (Array.isArray(o?.conditions)) o.conditions.forEach(walk);
-            else ids.push(o?.colId);
-          };
-          if (f) walk(f);
-          if (f && (!Array.isArray(f.conditions) || !ids.every(known))) {
-            skip(a, "unknown column in advanced filter");
-            break;
-          }
-          grid.setAdvancedFilter(f ?? null);
-          ok(a);
-          break;
-        }
-        case "groupBy": {
-          const ids = Array.isArray(a.colIds) ? a.colIds.filter(known) : [];
-          grid.setGroupBy(ids);
-          if (a.expand) grid.expandAll(true);
-          ok(a);
-          break;
-        }
-        case "pivot": {
-          const p = a.pivot;
-          if (p && (!Array.isArray(p.rows) || !Array.isArray(p.values) || !p.rows.every(known) || !(p.columns ?? []).every(known) || !p.values.every((v) => v && known(v.colId)))) {
-            skip(a, "unknown column in pivot");
-            break;
-          }
-          grid.setPivot(p ?? null);
-          ok(a);
-          break;
-        }
-        case "showColumns":
-        case "hideColumns": {
-          const ids = Array.isArray(a.colIds) ? a.colIds.filter(known) : [];
-          if (ids.length) grid.setColumnsVisible(ids, a.type === "showColumns");
-          ok(a);
-          break;
-        }
-        case "conditionalFormat": {
-          const f = a.format;
-          if (!f || !Array.isArray(f.columns) || !f.columns.length || !f.columns.every(known)) {
-            skip(a, "unknown column in format");
-            break;
-          }
-          grid.setConditionalFormats([...grid.getConditionalFormats(), f]);
-          ok(a);
-          break;
-        }
-        case "clearConditionalFormats":
-          grid.setConditionalFormats([]);
-          ok(a);
-          break;
-        case "addColumn": {
-          const c = a.column;
-          if (!c || typeof c.id !== "string" || !/^[\w.-]{1,40}$/.test(c.id) || grid.columns.getNode(c.id)) {
-            skip(a, "bad or taken column id");
-            break;
-          }
-          const f = typeof c.formula === "string" ? c.formula.startsWith("=") ? c.formula : `=${c.formula}` : "";
-          const refs = f ? formulaRefs(f) : null;
-          if (!refs) {
-            skip(a, "formula does not parse");
-            break;
-          }
-          const def = { id: c.id, header: typeof c.header === "string" ? c.header.slice(0, 80) : c.id, formula: f };
-          if (c.type === "number" || c.type === "date" || c.type === "text") def.type = c.type;
-          grid.api.setColumns([...grid.columnDefs(), def]);
-          ok(a);
-          break;
-        }
-        case "summary": {
-          const s = a.summary;
-          if (s && (!Array.isArray(s.rows) || !s.rows.every((r) => r && Object.keys(r.columns ?? {}).every(known)))) {
-            skip(a, "unknown column in summary");
-            break;
-          }
-          grid.setSummary(s ?? null);
-          ok(a);
-          break;
-        }
-        case "chart": {
-          const ids = Array.isArray(a.colIds) ? a.colIds.filter(known) : [];
-          const displayed = grid.columns.displayed().map((c) => c.id);
-          const idx = ids.map((id) => displayed.indexOf(id)).filter((i) => i >= 0);
-          const count = grid.rowModel.getRowCount();
-          if (!idx.length || !count) {
-            skip(a, "nothing to chart");
-            break;
-          }
-          const range = { start: { rowIndex: 0, colId: displayed[Math.min(...idx)] }, end: { rowIndex: Math.min(count, 200) - 1, colId: displayed[Math.max(...idx)] } };
-          charts.push(grid.api.createChart({ type: CHART_TYPES.includes(a.chartType) ? a.chartType : "bar", range, title: typeof a.title === "string" ? a.title.slice(0, 80) : void 0 }));
-          ok(a);
-          break;
-        }
-        case "message":
-          ok(a);
-          break;
-        default:
-          skip(a, "unknown action");
-      }
-    } catch {
-      skip(a, "failed");
-    }
-  }
-  const undo = () => {
-    for (const c of charts) c.destroy();
-    if (grid.columnDefs().length !== before.defs.length || grid.columnDefs().some((d, i) => d !== before.defs[i])) grid.api.setColumns(before.defs);
-    grid.setSummary(before.summary);
-    grid.api.setState(before.state);
-    if (!before.state.conditionalFormats) grid.setConditionalFormats([]);
-  };
-  return { applied, skipped, undo };
-}
-async function askAssistant(grid, prompt, options, signal) {
-  if (!options?.url) throw new Error("assistant.url is not set");
-  const headers = typeof options.headers === "function" ? options.headers() : options.headers ?? {};
-  const res = await fetch(options.url, {
-    method: "POST",
-    credentials: options.credentials ?? "same-origin",
-    headers: { "Content-Type": "application/json", Accept: "application/json", ...headers },
-    body: JSON.stringify(assistantRequest(grid, prompt, options)),
-    signal
-  });
-  if (!res.ok) throw new Error(`HTTP ${res.status} from the assistant`);
-  const json = await res.json();
-  const result = applyAssistantActions(grid, Array.isArray(json?.actions) ? json.actions : []);
-  const say = typeof json?.message === "string" ? json.message : result.applied.filter((a) => a.type === "message").map((a) => a.text ?? "").join("\n");
-  return { ...result, message: say.slice(0, 4e3) };
-}
-
-// src/interactions/assistantPanel.ts
-var AssistantPanel = class {
-  constructor(grid) {
-    this.grid = grid;
-    this.popup = null;
-    this.log = null;
-    this.off = [];
-    this.busy = null;
-  }
-  get isOpen() {
-    return !!this.popup;
-  }
-  open() {
-    if (this.popup) {
-      this.popup.querySelector(".fg-ai-input")?.focus();
-      return;
-    }
-    const { grid } = this;
-    const loc = grid.store.state.locale;
-    const opts = grid.options.assistant;
-    const popup = el("div", `fg-menu fg-ai-panel fg-theme-${grid.store.state.theme}`, { role: "dialog", "aria-label": loc.ai.title });
-    grid.applyFontTo(popup);
-    const head = el("div", "fg-chooser-head");
-    const title = el("span", "fg-menu-title");
-    title.textContent = loc.ai.title;
-    const x = el("button", "fg-chooser-close", { type: "button", "aria-label": loc.close });
-    x.textContent = "\xD7";
-    x.addEventListener("click", () => this.close());
-    head.append(title, x);
-    const log = el("div", "fg-ai-log", { role: "log", "aria-live": "polite" });
-    this.log = log;
-    const form = el("form", "fg-ai-form");
-    const input = el("textarea", "fg-input fg-ai-input", { rows: "2", placeholder: loc.ai.placeholder, "aria-label": loc.ai.placeholder, maxlength: "2000" });
-    const send2 = el("button", "fg-btn fg-btn-primary fg-ai-send", { type: "submit" });
-    send2.textContent = loc.ai.send;
-    form.append(input, send2);
-    const tips = el("div", "fg-ai-tips");
-    for (const s of (opts?.suggestions ?? []).slice(0, 6)) {
-      const b = el("button", "fg-ai-tip", { type: "button" });
-      b.textContent = s;
-      b.addEventListener("click", () => {
-        input.value = s;
-        input.focus();
-      });
-      tips.append(b);
-    }
-    input.addEventListener("keydown", (e) => {
-      if (e.key === "Enter" && !e.shiftKey && !e.isComposing) {
-        e.preventDefault();
-        form.requestSubmit?.() ?? form.dispatchEvent(new Event("submit", { cancelable: true }));
-      }
-    });
-    form.addEventListener("submit", (e) => {
-      e.preventDefault();
-      const prompt = input.value.trim();
-      if (!prompt || this.busy) return;
-      input.value = "";
-      void this.ask(prompt, send2);
-    });
-    popup.append(head, log, form);
-    if (tips.childElementCount) popup.append(tips);
-    popupParent(grid.renderer.root).append(popup);
-    const r = grid.renderer.root.getBoundingClientRect();
-    const w = popup.offsetWidth || 360;
-    popup.style.left = `${Math.max(4, Math.min(r.right - w - 16, (window.innerWidth || 1024) - w - 4))}px`;
-    popup.style.top = `${Math.max(4, r.top + 16)}px`;
-    this.popup = popup;
-    input.focus();
-    const onDown = (e) => {
-      if (!eventInside(e, popup) && !this.busy) this.close();
-    };
-    const onKey = (e) => {
-      if (e.key === "Escape") this.close();
+      if (e.key !== "Escape") return;
+      this.close();
+      grid.renderer.gridEl.focus();
     };
     document.addEventListener("pointerdown", onDown, true);
     document.addEventListener("keydown", onKey, true);
@@ -9933,58 +9766,11 @@ var AssistantPanel = class {
       () => document.removeEventListener("keydown", onKey, true)
     );
   }
-  say(who, text2) {
-    const msg = el("div", `fg-ai-msg fg-ai-${who}`);
-    msg.textContent = text2;
-    this.log?.append(msg);
-    if (this.log) this.log.scrollTop = this.log.scrollHeight;
-    return msg;
-  }
-  async ask(prompt, send2) {
-    const loc = this.grid.store.state.locale;
-    this.say("user", prompt);
-    const wait = this.say("ai", loc.ai.thinking);
-    wait.classList.add("fg-ai-wait");
-    this.busy = new AbortController();
-    send2.disabled = true;
-    try {
-      const res = await askAssistant(this.grid, prompt, this.grid.options.assistant, this.busy.signal);
-      wait.classList.remove("fg-ai-wait");
-      const changed = res.applied.filter((a) => a.type !== "message").length;
-      wait.textContent = res.message || (changed ? loc.ai.done : "");
-      if (res.skipped.length) {
-        const note = el("div", "fg-ai-note");
-        note.textContent = `${loc.ai.skipped}: ${res.skipped.map((s) => s.reason).join(", ")}`;
-        wait.append(note);
-      }
-      if (changed) {
-        const undo = el("button", "fg-btn fg-ai-undo", { type: "button" });
-        undo.textContent = loc.ai.undo;
-        undo.addEventListener("click", () => {
-          res.undo();
-          undo.disabled = true;
-          undo.textContent = loc.ai.undone;
-        });
-        wait.append(undo);
-      }
-      this.grid.events.emit("assistantAnswer", { prompt, message: res.message, applied: res.applied, skipped: res.skipped });
-    } catch (e) {
-      if (e?.name === "AbortError") return;
-      wait.remove();
-      this.say("error", loc.ai.failed);
-    } finally {
-      this.busy = null;
-      send2.disabled = false;
-    }
-  }
   close() {
-    this.busy?.abort();
-    this.busy = null;
     for (const f of this.off) f();
     this.off = [];
     this.popup?.remove();
     this.popup = null;
-    this.log = null;
   }
 };
 
@@ -10027,6 +9813,12 @@ var Grid = class {
     this.sourceDefs = [];
     this.pivotCfg = null;
     this.pivotData = null;
+    /** rollup option / setRollup: rows merged by the shown columns without an aggFunc. */
+    this.rollupOn = false;
+    /** rollup { by }: the columns the rows merge by (only the shown ones count); null: every shown column without an aggFunc. */
+    this.rollupBy = null;
+    /** The merged rows while rollup applies (not while pivoting), else null. */
+    this.rollupData = null;
     /** Grouping state from before pivot mode, restored when it ends. */
     this.savedGroup = null;
     /** 0-based page and rows per page (pagination only). */
@@ -10067,7 +9859,8 @@ var Grid = class {
       formula: (f, row) => evaluateFormula(f, row, /* @__PURE__ */ new Set(), 0, /* @__PURE__ */ new Map(), this.formulaScope)
     });
     this.formatDialog = new FormatDialog(this);
-    this.assistantPanel = new AssistantPanel(this);
+    /** Selection waiting for the row model to hold the newly merged rows (set by updateRows). */
+    this.rollupSelection = null;
     // ── pagination and server rows ──────────────────────────────
     /** Cells flashing after a transaction: `${rowId}\u0000${colId}` → time the flash ends. */
     /** showOverlay: an overlay the app asked for, shown whatever the row count. */
@@ -10093,6 +9886,8 @@ var Grid = class {
       }
     };
     this.density = "normal";
+    /** Set by the cellPadding option or setCellPadding; null: the theme / density value. */
+    this.cellPadding = null;
     // ── merge, aggregates, fill, pinned rows ────────────────────
     /** `sortWithinMerges` is on. */
     this.sortWithin = false;
@@ -10173,6 +9968,7 @@ var Grid = class {
     this.renderer.applyTheme();
     if (options.flashDuration) this.renderer.root.style.setProperty("--fg-flash-duration", `${this.flashMs()}ms`);
     this.renderer.applyFont(this.font.size, this.font.family);
+    if (options.cellPadding != null) this.applyCellPadding(options.cellPadding);
     this.menu = new ColumnMenu(this);
     this.chooser = new ColumnChooserDialog(this);
     this.contextMenu = new ContextMenu(this);
@@ -10199,7 +9995,6 @@ var Grid = class {
       () => this.charts.destroy(),
       () => this.filterBuilder.close(),
       () => this.formatDialog.close(),
-      () => this.assistantPanel.close(),
       attachTooltips(this)
     );
     if (typeof ResizeObserver !== "undefined") {
@@ -10208,6 +10003,7 @@ var Grid = class {
       this.disposers.push(() => ro.disconnect());
     }
     if (options.pivot) this.setPivot(options.pivot);
+    if (options.rollup) this.setRollup(options.rollup);
     void needsFreeBadge(options.licenseKey).then((show) => {
       if (show && !this.destroyed) this.renderer.showFreeBadge();
     });
@@ -10286,6 +10082,7 @@ var Grid = class {
   }
   /** Column definitions or visibility changed; filters/quick filter may depend on them. */
   columnsChanged() {
+    this.rebuildRollup();
     this.rowModel.invalidate();
     this.updateRows();
     this.refreshSummary();
@@ -10308,17 +10105,102 @@ var Grid = class {
   }
   updateRows() {
     const paged = !!this.options.pagination;
-    const data = this.pivotData ?? this.store.state.data;
+    const data = this.viewRows();
     this.rowModel.update({ ...this.store.state, data, display: this.display(), page: paged ? { index: this.page, size: this.pageSize } : null });
+    const remapped = this.rollupSelection;
+    if (remapped) {
+      this.rollupSelection = null;
+      this.setSelected(remapped);
+    }
     if (paged && this.page >= this.getPageCount()) {
       this.page = this.getPageCount() - 1;
       this.rowModel.update({ ...this.store.state, data, display: this.display(), page: { index: this.page, size: this.pageSize } });
     }
   }
   // ── pivot ───────────────────────────────────────────────────
-  /** Rows behind the view: the pivot table while pivoting, else the source data. */
+  /** Rows behind the view: the pivot table while pivoting, the merged rows with rollup, else the source data. */
   viewRows() {
-    return this.pivotData ?? this.store.state.data;
+    return this.pivotData ?? this.rollupData ?? this.store.state.data;
+  }
+  // ── rollup ──────────────────────────────────────────────────
+  getRollup() {
+    return this.rollupBy ? { by: [...this.rollupBy] } : this.rollupOn;
+  }
+  /** true: merge by every shown column without an aggFunc; { by }: merge by the shown `by` columns; false: off. */
+  setRollup(cfg) {
+    const by = cfg && typeof cfg === "object" ? Array.isArray(cfg.by) ? cfg.by.filter((id) => typeof id === "string") : null : null;
+    if (cfg && typeof cfg === "object" && !by) {
+      warn("setRollup: expected true, false or { by: string[] }");
+      return;
+    }
+    const on = !!cfg;
+    if (on && !this.allow("pivot")) return;
+    if (on && this.clientOnly("rollup")) return;
+    if (on && this.options.treeData) {
+      warn("rollup is not available with treeData");
+      return;
+    }
+    if (on === this.rollupOn && (by ?? []).join("
") === (this.rollupBy ?? []).join("
") && !by === !this.rollupBy) return;
+    this.editor.cancel();
+    this.rollupOn = on;
+    this.rollupBy = on ? by : null;
+    this.store.set({ range: null, focus: null });
+    this.columnsChanged();
+  }
+  /** Merge the source rows again (rollup on, not pivoting); the view is updated by the caller. */
+  rebuildRollup() {
+    const old = this.rollupData;
+    this.rollupData = this.rollupOn && !this.pivotCfg ? buildRollup(this.store.state.data, this.dataColumns().map((c) => ({ id: c.id, def: c.def })), this.rollupBy) : null;
+    if (old || this.rollupData) this.remapRollupSelection(old);
+  }
+  /**
+   * Keep the selection across a re-merge: a selected merged row stands for its source rows, and a newly merged
+   * row is selected when every one of its source rows was (so a delete never reaches a row nobody checked).
+   */
+  remapRollupSelection(old) {
+    const sel = this.store.state.selected;
+    if (!sel.size) return;
+    const idOf = (r) => this.rowModel.idOf(r);
+    const picked = old ? new Set(old.filter((r) => sel.has(idOf(r))).flatMap((r) => rollupSource(r) ?? [r]).map(idOf)) : sel;
+    const now = this.rollupData;
+    const next = now ? now.filter((r) => (rollupSource(r) ?? [r]).every((s) => picked.has(idOf(s)))).map(idOf) : this.store.state.data.map(idOf).filter((id) => picked.has(id));
+    if (next.length !== sel.size || next.some((id) => !sel.has(id))) this.rollupSelection = new Set(next);
+  }
+  /** With rollup { by }: whether the rows merge by this column (it is one of `by`). */
+  isRollupKey(colId) {
+    return !!this.rollupBy?.includes(colId);
+  }
+  /** The source rows behind `rows`: merged rollup rows stand for the rows they merge (for group and summary values). */
+  sourceRowsOf(rows) {
+    return this.rollupData ? rows.flatMap((r) => rollupSource(r) ?? [r]) : rows;
+  }
+  /** Whether a cell can be changed: never on merged rollup rows. */
+  cellEditable(def, row, rowIndex) {
+    return !this.rollupData && cellEditable(def, row, rowIndex);
+  }
+  /** Set or clear a column's aggFunc (null: no aggregate, so with rollup it becomes a column the rows merge by). */
+  setColumnAggFunc(colId, aggFunc) {
+    if (aggFunc !== null && typeof aggFunc !== "function" && !["sum", "avg", "min", "max", "count"].includes(aggFunc)) {
+      warn(`setColumnAggFunc: unknown aggFunc "${String(aggFunc)}"`);
+      return;
+    }
+    let found = false;
+    const map = (defs2) => defs2.map((d) => {
+      if (!d || typeof d !== "object") return d;
+      if (Array.isArray(d.children)) return { ...d, children: map(d.children) };
+      if ((d.id ?? d.field) !== colId) return d;
+      found = true;
+      const next = { ...d };
+      if (aggFunc) next.aggFunc = aggFunc;
+      else delete next.aggFunc;
+      return next;
+    });
+    const defs = map(this.sourceDefs);
+    if (!found) {
+      warn(`setColumnAggFunc: no column "${colId}"`);
+      return;
+    }
+    this.setColumns(defs);
   }
   /** Leaf columns of the user's definitions (not the pivot columns). */
   sourceLeaves() {
@@ -10376,6 +10258,7 @@ var Grid = class {
   afterPivotSwitch() {
     this.page = 0;
     this.store.set({ sort: [], filters: {}, range: null, focus: null });
+    this.rebuildRollup();
     this.rowModel.invalidate();
     this.updateRows();
     this.displayVersion++;
@@ -10484,12 +10367,31 @@ var Grid = class {
       } finally {
         this.keepRange = false;
       }
+      this.clampRanges();
     }
     this.editor.sync();
     if (flashKeys.size && this.options.flashCells !== false) this.flash(flashKeys);
     this.events.emit("transactionApplied", result);
     return result;
   }
+  /** Kept ranges and focus after the row count shrank: cut to the last row, dropped when wholly past it. */
+  clampRanges() {
+    const count = this.rowModel.getRowCount();
+    const { range, extraRanges, focus } = this.store.state;
+    const clamp = (r) => {
+      if (!r || r.start.rowIndex < count && r.end.rowIndex < count) return r;
+      if (Math.min(r.start.rowIndex, r.end.rowIndex) >= count) return null;
+      return { start: { ...r.start, rowIndex: Math.min(r.start.rowIndex, count - 1) }, end: { ...r.end, rowIndex: Math.min(r.end.rowIndex, count - 1) } };
+    };
+    const extras = extraRanges.map(clamp).filter((r) => !!r);
+    if (extras.length !== extraRanges.length || extras.some((r, i) => r !== extraRanges[i])) this.store.set({ extraRanges: extras });
+    if (focus && focus.rowIndex >= count) this.store.set({ focus: count ? { ...focus, rowIndex: count - 1 } : null });
+    const next = clamp(range);
+    if (next !== range) {
+      this.store.set({ range: next });
+      this.events.emit("rangeChange", { range: next && { start: { ...next.start }, end: { ...next.end } } });
+    }
+  }
   /** One transaction against `data` (remove → update → add); returns the new array. */
   /** Whether rows changed in `fields` could filter, sort, group or move differently. */
   viewReads(fields) {
@@ -10644,14 +10546,24 @@ var Grid = class {
     }
     if (want("groupBy") && Array.isArray(state.groupBy)) this.setGroupBy(state.groupBy.filter(known));
     if (want("pivot")) this.setPivot(state.pivot ?? null);
-    if (want("sort") && Array.isArray(state.sort)) this.setSort(state.sort.filter((x) => x && known(x.colId)));
-    if (want("filters") && state.filters && typeof state.filters === "object") {
-      const filters = Object.fromEntries(Object.entries(state.filters).filter(([id]) => known(id)));
-      this.store.set({ filters });
-      this.events.emit("filterChange", { filters: { ...filters } });
+    const query = {};
+    if (want("sort") && Array.isArray(state.sort)) {
+      const sort = this.checkSort(state.sort.filter((x) => x && known(x.colId)));
+      if (sort) query.sort = sort;
     }
-    if (want("advancedFilter")) this.setAdvancedFilter(state.advancedFilter ?? null);
-    if (want("quickFilter") && typeof state.quickFilter === "string") this.store.set({ quickFilter: state.quickFilter });
+    if (want("filters") && state.filters && typeof state.filters === "object") {
+      query.filters = Object.fromEntries(Object.entries(state.filters).filter(([id]) => known(id)));
+    }
+    if (want("advancedFilter")) {
+      const f = state.advancedFilter;
+      const next = f && typeof f === "object" && Array.isArray(f.conditions) && f.conditions.length ? f : null;
+      if (next !== this.store.state.advancedFilter && (!next || this.allow("advancedFilter"))) query.advancedFilter = next;
+    }
+    if (want("quickFilter") && typeof state.quickFilter === "string") query.quickFilter = state.quickFilter;
+    this.store.set(query);
+    if (query.sort) this.events.emit("sortChange", { sort: [...query.sort] });
+    if (query.filters) this.events.emit("filterChange", { filters: { ...query.filters } });
+    if ("advancedFilter" in query) this.events.emit("advancedFilterChange", { advancedFilter: query.advancedFilter ?? null });
     if (want("expanded") && state.expanded && typeof state.expanded === "object") {
       const expanded = new Map(Object.entries(state.expanded).filter(([, v]) => typeof v === "boolean"));
       if (this.savedGroup) this.savedGroup.expanded = expanded;
@@ -10677,11 +10589,13 @@ var Grid = class {
       rows.forEach((r, k) => {
         nums[k] = r.kind ? 0 : ++n;
       });
-      this.rowNumberCache = { rows, nums };
+      const first = this.page * this.pageSize;
+      const offset = this.options.pagination && !this.rowModel.server ? this.rowModel.dataRowsBefore?.(first) ?? first : 0;
+      this.rowNumberCache = { rows, nums, offset };
     }
     const v = this.rowNumberCache.nums[i];
     if (!v) return null;
-    return v + (this.options.pagination && !this.rowModel.server ? this.page * this.pageSize : 0);
+    return v + this.rowNumberCache.offset;
   }
   getPage() {
     return this.options.pagination ? this.page : 0;
@@ -10733,6 +10647,7 @@ var Grid = class {
   /** Server rows: drop the cache and load again. */
   refreshRows() {
     if (this.rowModel instanceof ServerRowModel) {
+      this.saveEditBeforeReload();
       this.rowModel.purge();
       this.renderer.invalidate({ rows: true });
     }
@@ -10742,6 +10657,12 @@ var Grid = class {
     this.renderer.invalidate({ header: true, rows: true });
     this.events.emit("rowsLoaded", total === null ? { start, end } : { start, end, total });
   }
+  /** Server rows are about to be dropped: save an open editor to its row first, else it is left over another row. */
+  saveEditBeforeReload() {
+    if (!this.rowModel.server) return;
+    this.editor.endRow(true);
+    if (this.editor.active && !this.editor.commit(null)) this.editor.cancel();
+  }
   serverFailed(start, end, error) {
     if (this.destroyed) return;
     warn(`datasource.getRows failed for rows ${start}\u2013${end}`);
@@ -10890,7 +10811,7 @@ var Grid = class {
     let m = this.aggCache.map.get(node.group);
     if (!m) this.aggCache.map.set(node.group, m = /* @__PURE__ */ new Map());
     if (!m.has(colId)) {
-      const rows = node.group.rows;
+      const rows = this.sourceRowsOf(node.group.rows);
       try {
         m.set(colId, aggregate(def.aggFunc, rows.map((r) => getCellValue(def, r)), rows));
       } catch {
@@ -11083,10 +11004,33 @@ var Grid = class {
     this.renderer.invalidateHeights();
     this.layoutChanged();
   }
+  /** Store and apply the padding; false when the value is not valid. */
+  applyCellPadding(px) {
+    if (px != null && !(typeof px === "number" && Number.isFinite(px) && px >= 0)) {
+      warn("cellPadding must be a number of px, 0 or more");
+      return false;
+    }
+    this.cellPadding = px;
+    if (px == null) this.renderer.root.style.removeProperty("--fg-cell-px");
+    else this.renderer.root.style.setProperty("--fg-cell-px", `${px}px`);
+    return true;
+  }
+  setCellPadding(px) {
+    if (px === this.cellPadding || !this.applyCellPadding(px)) return;
+    this.menu.close();
+    this.layoutChanged();
+  }
+  /** The padding in use: the set value, else the theme / density CSS variable. */
+  getCellPadding() {
+    if (this.cellPadding != null) return this.cellPadding;
+    const v = parseFloat(getComputedStyle(this.renderer.root).getPropertyValue("--fg-cell-px"));
+    return Number.isFinite(v) ? v : 12;
+  }
   /** Copy the grid font variables onto an element rendered outside the root (popups, drag ghost). */
   applyFontTo(target) {
     if (this.font.size) target.style.setProperty("--fg-font-size", `${this.font.size}px`);
     if (this.font.family) target.style.setProperty("--fg-font", this.font.family);
+    if (this.cellPadding != null) target.style.setProperty("--fg-cell-px", `${this.cellPadding}px`);
   }
   /** Current summary configuration and values, or null when there are no summary rows. */
   summary() {
@@ -11115,7 +11059,7 @@ var Grid = class {
     }
     const scope = opts.scope ?? "filtered";
     const rows = scope === "all" ? this.rowModel.allNodes().map((n) => n.data) : scope === "selected" ? this.selectedRows() : this.rowModel.dataRows().map((n) => n.data);
-    this.summaryValues = computeSummary(opts.rows, rows, (id) => this.columns.getNode(id)?.def);
+    this.summaryValues = computeSummary(opts.rows, this.sourceRowsOf(rows), (id) => this.columns.getNode(id)?.def);
   }
   // ── cell ranges ─────────────────────────────────────────────
   dataColumns() {
@@ -11208,12 +11152,11 @@ var Grid = class {
       out = [];
       for (let i = b.r1; i <= b.r2; i++) {
         const node = this.rowModel.getRow(i);
-        if (!node.kind) out.push(node.data);
+        if (node && !node.kind) out.push(node.data);
       }
       cols = displayed.slice(b.c1, b.c2 + 1).filter((c) => !isSystemCol(c.id));
     } else if (checkedRows) {
-      const sel = this.store.state.selected;
-      out = this.rowModel.dataRows().filter((n) => sel.has(n.id)).map((n) => n.data);
+      out = this.shownSelectedRows();
       cols = this.dataColumns();
     } else {
       const f = this.store.state.focus;
@@ -11268,8 +11211,17 @@ var Grid = class {
     if (text2) this.clearCells(true);
     return text2;
   }
+  /** Text a copy puts on the clipboard. Server rows: only the loaded rows, with a warning about the rest. */
+  copyText(headers, rows = false) {
+    const m = this.rowModel;
+    if (!(m instanceof ServerRowModel)) return this.selectionTSV(headers, rows);
+    const text2 = m.withoutLoading(() => this.selectionTSV(headers, rows));
+    const missing = rows ? 0 : m.withoutLoading(() => this.unloadedInRanges());
+    if (missing) warn(`copy: ${missing} row${missing > 1 ? "s" : ""} of the range ${missing > 1 ? "are" : "is"} not loaded and ${missing > 1 ? "were" : "was"} not copied`);
+    return text2;
+  }
   copyToClipboard(headers, rows = false) {
-    const text2 = this.selectionTSV(headers, rows);
+    const text2 = this.copyText(headers, rows);
     if (text2 && typeof navigator !== "undefined" && navigator.clipboard?.writeText) {
       try {
         navigator.clipboard.writeText(text2)?.catch?.(() => void 0);
@@ -11278,6 +11230,14 @@ var Grid = class {
     }
     return text2;
   }
+  /** Server rows: how many rows the ranges cover that are not loaded (placeholders). */
+  unloadedInRanges() {
+    const seen2 = /* @__PURE__ */ new Set();
+    for (const b of this.allRangeBounds()) for (let i = b.r1; i <= b.r2; i++) {
+      if (this.rowModel.getRow(i)?.kind === "loading") seen2.add(i);
+    }
+    return seen2.size;
+  }
   pasteText(text2) {
     const matrix = parseTSV(text2);
     const result = { changed: 0, skipped: 0 };
@@ -11300,19 +11260,21 @@ var Grid = class {
     const single = matrix.length === 1 && matrix[0].length === 1;
     const rows = single && b ? b.r2 - b.r1 + 1 : matrix.length;
     const width = single && b ? b.c2 - b.c1 + 1 : Math.max(...matrix.map((r) => r.length));
-    for (let dr = 0; dr < rows; dr++) {
-      const ri = r0 + dr;
-      if (ri >= count) break;
+    for (let ri = r0, dr = 0; ri < count && dr < rows; ri++) {
       const node = this.rowModel.getRow(ri);
-      if (node.kind) continue;
+      if (node.kind) {
+        if (single && b) dr++;
+        continue;
+      }
+      const line2 = dr++;
       for (let dc = 0; dc < width; dc++) {
         const col = displayed[c0 + dc];
         if (!col) break;
         if (isSystemCol(col.id)) continue;
-        const raw = single && b ? matrix[0][0] : matrix[dr]?.[dc];
+        const raw = single && b ? matrix[0][0] : matrix[line2]?.[dc];
         if (raw === void 0) continue;
         const def = col.def;
-        if (!def.field || !cellEditable(def, node.data, ri)) {
+        if (!def.field || !this.cellEditable(def, node.data, ri)) {
           result.skipped++;
           continue;
         }
@@ -11380,7 +11342,7 @@ var Grid = class {
       const id = this.rowModel.idOf(row);
       const rowIndex = this.rowModel.indexOfId(id);
       for (const c of cols) {
-        if (!cellEditable(c.def, row, rowIndex < 0 ? i : rowIndex)) continue;
+        if (!this.cellEditable(c.def, row, rowIndex < 0 ? i : rowIndex)) continue;
         const message = this.cellError(c.def, row, row[c.def.field]);
         if (message !== null) out.push({ row, rowIndex, colId: c.id, message });
       }
@@ -11645,26 +11607,36 @@ var Grid = class {
       const col = displayed[c];
       const node = this.rowModel.getRow(r);
       const def = col?.def;
-      if (!node || node.kind || !def?.field || isSystemCol(col.id) || !cellEditable(def, node.data, r)) return;
+      if (!node || node.kind || !def?.field || isSystemCol(col.id) || !this.cellEditable(def, node.data, r)) return;
       if (this.cellError(def, node.data, value2) !== null) return;
       this.writeCell(changes, node.data, def.field, col.id, r, value2);
     };
     const value = (r, c) => getCellValue(displayed[c].def, this.rowModel.getRow(r).data);
+    const dataRow = (r) => {
+      const node = this.rowModel.getRow(r);
+      return !!node && !node.kind;
+    };
+    const keep = (from, to, ok) => {
+      const out = [];
+      for (let i = from; i <= to; i++) if (ok(i)) out.push(i);
+      return out;
+    };
+    const dataCol = (c) => !!displayed[c] && !isSystemCol(displayed[c].id);
     if (t.r1 < src.r1 || t.r2 > src.r2) {
+      const down = keep(src.r2 + 1, t.r2, dataRow), up = keep(t.r1, src.r1 - 1, dataRow).reverse();
+      const rows = keep(src.r1, src.r2, dataRow);
       for (let c = src.c1; c <= src.c2; c++) {
-        const down = [], up = [];
-        for (let r = src.r1; r <= src.r2; r++) down.push(value(r, c));
-        for (let r = src.r2; r >= src.r1; r--) up.push(value(r, c));
-        fillSeries(down, t.r2 - src.r2).forEach((v, k) => write(src.r2 + 1 + k, c, v));
-        fillSeries(up, src.r1 - t.r1).forEach((v, k) => write(src.r1 - 1 - k, c, v));
+        const seed = rows.map((r) => value(r, c));
+        fillSeries(seed, down.length).forEach((v, k) => write(down[k], c, v));
+        fillSeries([...seed].reverse(), up.length).forEach((v, k) => write(up[k], c, v));
       }
     } else if (t.c1 < src.c1 || t.c2 > src.c2) {
-      for (let r = src.r1; r <= src.r2; r++) {
-        const right = [], left = [];
-        for (let c = src.c1; c <= src.c2; c++) right.push(value(r, c));
-        for (let c = src.c2; c >= src.c1; c--) left.push(value(r, c));
-        fillSeries(right, t.c2 - src.c2).forEach((v, k) => write(r, src.c2 + 1 + k, v));
-        fillSeries(left, src.c1 - t.c1).forEach((v, k) => write(r, src.c1 - 1 - k, v));
+      const right = keep(src.c2 + 1, t.c2, dataCol), left = keep(t.c1, src.c1 - 1, dataCol).reverse();
+      const cols = keep(src.c1, src.c2, dataCol);
+      for (const r of keep(src.r1, src.r2, dataRow)) {
+        const seed = cols.map((c) => value(r, c));
+        fillSeries(seed, right.length).forEach((v, k) => write(r, right[k], v));
+        fillSeries([...seed].reverse(), left.length).forEach((v, k) => write(r, left[k], v));
       }
     } else return;
     this.endCellTx(changes);
@@ -11733,7 +11705,7 @@ var Grid = class {
       const node = this.rowModel.getRow(r);
       for (let c = box.c1; c <= box.c2; c++) {
         const def = displayed[c]?.def;
-        if (node && !node.kind && def?.field && cellEditable(def, node.data, r) && (!cut || this.copyAllowed(def, node.data))) this.writeCell(changes, node.data, def.field, displayed[c].id, r, null);
+        if (node && !node.kind && def?.field && this.cellEditable(def, node.data, r) && (!cut || this.copyAllowed(def, node.data))) this.writeCell(changes, node.data, def.field, displayed[c].id, r, null);
       }
     }
     this.endCellTx(changes);
@@ -11764,7 +11736,7 @@ var Grid = class {
   removeRows(target, record = true) {
     if (this.clientOnly("removeRows")) return [];
     const data = this.store.state.data;
-    const match = typeof target === "function" ? target : /* @__PURE__ */ ((set) => (r) => set.has(r))(new Set(target));
+    const match = typeof target === "function" ? target : /* @__PURE__ */ ((set) => (r) => set.has(r))(new Set(Array.isArray(target) ? target.flatMap((r) => rollupSource(r) ?? [r]) : []));
     const removed = [];
     data.forEach((row, index) => {
       let hit = false;
@@ -11887,10 +11859,13 @@ var Grid = class {
     const cols = (ids ? ids.map((id) => this.columns.getColumn(id)) : this.columns.displayed()).filter((c) => !!c && isResizable(c.def));
     const { first, last } = this.renderer.renderedRange();
     const code = this.store.state.locale.code;
-    const HEADER_EXTRA = 24 + 22 + 6 + 14;
-    const CELL_EXTRA = 24;
+    const pad4 = this.getCellPadding() * 2;
+    const HEADER_EXTRA = pad4 + 6 + 14;
+    const FILTER_BTN = 6 + 22;
+    const filters = this.store.state.filters;
+    const CELL_EXTRA = pad4;
     for (const col of cols) {
-      let w = this.renderer.measureText(col.def.header ?? col.def.field ?? "", true) + HEADER_EXTRA;
+      let w = this.renderer.measureText(col.def.header ?? col.def.field ?? "", true) + HEADER_EXTRA + (filters[col.id] ? FILTER_BTN : 0);
       const fmt = getFormatter(col.def, code);
       for (let i = first; i <= last; i++) {
         const node = this.rowModel.getRow(i);
@@ -11906,6 +11881,13 @@ var Grid = class {
     this.columnsChanged();
   }
   setSort(sort) {
+    const valid = this.checkSort(sort);
+    if (!valid) return;
+    this.store.set({ sort: valid });
+    this.events.emit("sortChange", { sort: [...valid] });
+  }
+  /** The known, well-formed sort items, or null when a beforeSort handler refused them. */
+  checkSort(sort) {
     const valid = sort.filter((s) => {
       const node = this.columns.getNode(s.colId);
       if (!node || node.children) {
@@ -11914,9 +11896,7 @@ var Grid = class {
       }
       return s.dir === "asc" || s.dir === "desc";
     });
-    if (this.veto("beforeSort", { sort: valid.map((s) => ({ ...s })) })) return;
-    this.store.set({ sort: valid });
-    this.events.emit("sortChange", { sort: [...valid] });
+    return this.veto("beforeSort", { sort: valid.map((s) => ({ ...s })) }) ? null : valid;
   }
   toggleSort(colId, additive) {
     const cur = this.store.state.sort;
@@ -12082,9 +12062,19 @@ var Grid = class {
     }
     this.setSelected(next);
   }
+  /** The checked rows' data; a merged rollup row stands for its source rows, so these are always rows of the data. */
   selectedRows() {
     const sel = this.store.state.selected;
-    return sel.size ? this.rowModel.allNodes().filter((n) => sel.has(n.id)).map((n) => n.data) : [];
+    return sel.size ? this.sourceRowsOf(this.rowModel.allNodes().filter((n) => sel.has(n.id)).map((n) => n.data)) : [];
+  }
+  /** Filtered data rows in display order (group buckets, parents before children), collapsed ones included. */
+  orderedDataRows() {
+    return this.rowModel.orderedDataRows?.() ?? this.rowModel.dataRows();
+  }
+  /** Checked rows that pass the filters, in display order: what copy, export and delete of the checked rows act on. */
+  shownSelectedRows() {
+    const sel = this.store.state.selected;
+    return sel.size ? this.orderedDataRows().filter((n) => sel.has(n.id)).map((n) => n.data) : [];
   }
   withSelect(defs) {
     const sys = [];
@@ -12157,12 +12147,25 @@ var Grid = class {
     });
     this.columnsChanged();
   }
+  /** Close every popup of this grid (menus and dialogs); focus that was in one goes back to the grid. */
+  closePopups() {
+    const r = this.renderer.root.getRootNode();
+    const inPopup = !!(r.activeElement ?? document.activeElement)?.closest(".fg-menu");
+    this.menu.close();
+    this.chooser.close();
+    this.contextMenu.close();
+    this.filterBuilder.close();
+    this.formatDialog.close();
+    if (inPopup) this.renderer.gridEl.focus({ preventScroll: true });
+  }
   onChange(keys) {
     const has = (...k) => k.some((x) => keys.includes(x));
+    if (has("sort", "filters", "quickFilter", "advancedFilter")) this.saveEditBeforeReload();
     if (this.pivotCfg && has("data", "locale")) this.rebuildPivot(false);
+    if (this.rollupOn && has("data")) this.rebuildRollup();
+    if (has("locale", "theme")) this.closePopups();
     if (has("locale")) {
-      this.menu.close();
-      this.chooser.close();
+      this.finder.relabel();
       this.sideBar?.refresh();
       this.rowModel.invalidate();
     }
@@ -12253,12 +12256,6 @@ var Grid = class {
         if (!this.allow("conditional")) return;
         this.formatDialog.open(colId);
       }),
-      // closed: as if `assistant` were not set
-      askAssistant: guard((prompt) => askAssistant(this, prompt, this.allow("assistant") ? this.options.assistant : void 0)),
-      openAssistant: guard(() => {
-        if (!this.allow("assistant")) return;
-        this.assistantPanel.open();
-      }),
       getState: guard(() => this.getState()),
       setState: guard((s, o) => this.setState(s, o)),
       getScrollPosition: guard(() => this.renderer.getScroll()),
@@ -12267,6 +12264,11 @@ var Grid = class {
       setTheme: guard((t) => this.store.set({ theme: t })),
       setLocale: guard((l) => this.store.set({ locale: resolveLocale(l) })),
       setFont: guard((f) => this.setFont(f)),
+      setCellPadding: guard((px) => this.setCellPadding(px)),
+      getCellPadding: guard(() => this.getCellPadding()),
+      setRollup: guard((cfg) => this.setRollup(cfg)),
+      getRollup: guard(() => this.getRollup()),
+      setColumnAggFunc: guard((id, agg) => this.setColumnAggFunc(id, agg)),
       setColumnVisible: guard((id, v) => this.setColumnsVisible([id], v)),
       autoSizeColumns: guard((ids) => this.autoSize(ids)),
       resetColumnState: guard(() => this.resetColumns()),