@rozie-ui/data-table-lit 0.7.3 → 0.8.0

package/src/DataTable.ts

@@ -6,7 +6,9 @@ import { ContextProvider, createContext } from '@lit/context';
 import { repeat } from 'lit/directives/repeat.js';
 import '@rozie-ui/popover-lit';
 import { isSafeKey, wrapAggregationFn, indexDefsById, editorKindWarning, collectGroupableLeafDefs } from './helpers/columnDefUtils';
+import { columnRuleKeys } from './helpers/columnRuleUtils';
 import { applyUpdater, clamp, focusables } from './helpers/indexMath';
+import { resolveFollow, sameIdSequence } from './helpers/activeFollow';
 import { escapeTsvField, parseTsv, tileGridToBox, tileIndex } from './helpers/tsvGrid';
 import { replaceRowValue, indexOfRowIn, replaceRowValues } from './helpers/rowValueUtils';
 import { createTable, getCoreRowModel, getSortedRowModel, getFilteredRowModel, getPaginationRowModel, getExpandedRowModel, getGroupedRowModel,
@@ -30,6 +32,7 @@ getFacetedUniqueValues as makeFacetedUniqueValues, getFacetedMinMaxValues as mak
 // guard so they never execute when off — the import token is the only static virtual-core
 // presence. NO per-framework adapter (the codegen guard forbids @tanstack/<fw>-virtual).
 import { Virtualizer, elementScroll, observeElementRect, observeElementOffset, measureElement } from '@tanstack/virtual-core';
+import { createHoldController, viewStatesEqual, CLEAN_VIEW_STATE } from './helpers/heldView';
 
 // table-core instance — top-level `let` referenced from hooks → React hoists to
 // useRef (hoistModuleLet). NULL until $onMount: createTable lives in $onMount so its
@@ -104,6 +107,12 @@ export interface DataTableHistoryChangePayload {
   canUndo: boolean;
   canRedo: boolean;
 }
+/** The held-view state (`holdView`): whether the view is held right now, and how many rows the held view disagrees with. */
+export interface DataTableViewState {
+  held: boolean;
+  filterMismatches: number;
+  sortMismatches: number;
+}
 /** The `range-change` payload: the new range corners (both `null` when the range cleared). */
 export type DataTableRangeChangePayload = DataTableRange;
 /** The `row-activate` payload. `row` is the original data object and `index` its position in the rendered model. */
@@ -118,7 +127,7 @@ export interface DataTableVisibleRangeChangePayload {
   end: number;
 }
 
-export interface RozieDataTableEventMap extends Omit<HTMLElementEventMap, 'activecell-change' | 'cell-edit-commit' | 'expand-change' | 'filter-change' | 'group-change' | 'history-change' | 'page-change' | 'pin-change' | 'range-change' | 'reorder-change' | 'resize-change' | 'row-activate' | 'row-edit-commit' | 'selection-change' | 'sort-change' | 'visibility-change' | 'visible-range-change' | 'data-change' | 'sorting-change' | 'global-filter-change' | 'column-filters-change' | 'pagination-change' | 'expanded-change' | 'grouping-change' | 'row-selection-change' | 'column-visibility-change' | 'column-sizing-change' | 'column-order-change' | 'column-pinning-change'> {
+export interface RozieDataTableEventMap extends Omit<HTMLElementEventMap, 'activecell-change' | 'cell-edit-commit' | 'expand-change' | 'filter-change' | 'group-change' | 'history-change' | 'page-change' | 'pin-change' | 'range-change' | 'reorder-change' | 'resize-change' | 'row-activate' | 'row-edit-commit' | 'selection-change' | 'sort-change' | 'visibility-change' | 'view-state-change' | 'visible-range-change' | 'data-change' | 'sorting-change' | 'global-filter-change' | 'column-filters-change' | 'pagination-change' | 'expanded-change' | 'grouping-change' | 'row-selection-change' | 'column-visibility-change' | 'column-sizing-change' | 'column-order-change' | 'column-pinning-change'> {
   'activecell-change': CustomEvent<DataTableActiveCellChangePayload>;
   'cell-edit-commit': CustomEvent<DataTableCellEditCommitPayload>;
   'expand-change': CustomEvent<ExpandedState>;
@@ -135,6 +144,7 @@ export interface RozieDataTableEventMap extends Omit<HTMLElementEventMap, 'activ
   'selection-change': CustomEvent<RowSelectionState>;
   'sort-change': CustomEvent<SortingState>;
   'visibility-change': CustomEvent<VisibilityState>;
+  'view-state-change': CustomEvent<DataTableViewState>;
   'visible-range-change': CustomEvent<DataTableVisibleRangeChangePayload>;
   'data-change': CustomEvent<any[]>;
   'sorting-change': CustomEvent<any[]>;
@@ -683,7 +693,7 @@ export default class DataTable extends SignalWatcher(LitElement) {
   @property({ type: Array, attribute: 'data' }) _data_attr!: any[];
   private _dataControllable = createLitControllableProperty<any[]>({ host: this, eventName: 'data-change', defaultValue: [], initialControlledValue: undefined });
   /**
-   * Config-array column fallback (lower precedence than `<Column>` children). Each entry: `{ id?, field, header?, sortable?, filterable?, pinned?, width? }`. Columns may come from this array, from `<Column>` children, or both (id-keyed last-write-wins union). A `pinned` value of `'left'` or `'right'` is applied once as the table's initial `columnPinning` state — identical to `<Column pinned>` — which also REORDERS that column, since table-core orders visible cells `[left-pinned, center, right-pinned]`. A consumer who has already expressed a pin (an initial two-way `columnPinning` model value or an interactive pin) owns the slice and this declaration is ignored.
+   * Config-array column fallback (lower precedence than `<Column>` children). Each entry: `{ id?, field, header?, sortable?, filterable?, filterFn?, sortingFn?, pinned?, width? }` (`filterFn`/`sortingFn` take a table-core built-in name or a custom function). Columns may come from this array, from `<Column>` children, or both (id-keyed last-write-wins union). A `pinned` value of `'left'` or `'right'` is applied once as the table's initial `columnPinning` state — identical to `<Column pinned>` — which also REORDERS that column, since table-core orders visible cells `[left-pinned, center, right-pinned]`. A consumer who has already expressed a pin (an initial two-way `columnPinning` model value or an interactive pin) owns the slice and this declaration is ignored.
    */
   @property({ type: Array }) columns: any[] = [];
   /**
@@ -753,7 +763,7 @@ export default class DataTable extends SignalWatcher(LitElement) {
    * `GroupingState` — an ordered `string[]` of column ids (multi-column → nested groups, e.g. `['region','category']`). An empty/unbound list is ungrouped (byte-identical-off). Group-header rows are collapsible (they ride the expand model). Surfaces through `group-change`; uncontrolled fallback (`$data.groupingDefault`, default `[]`) when unbound — the default is `null` (mirroring `expanded`) so the uncontrolled fallback is reachable and the grouping auto-expand default can activate when a consumer applies grouping without binding the two-way `grouping` model (a non-null `[]` default would short-circuit it). All reads are null-guarded, so table-core still receives an array.
    */
   @property({ type: Array, attribute: 'grouping' }) _grouping_attr: any[] | null = null;
-  private _groupingControllable = createLitControllableProperty<any[]>({ host: this, eventName: 'grouping-change', defaultValue: null, initialControlledValue: undefined });
+  private _groupingControllable = createLitControllableProperty<any[] | null>({ host: this, eventName: 'grouping-change', defaultValue: null, initialControlledValue: undefined });
   /**
    * `RowSelectionState` — `{ [rowId]: true }`. Checkbox-only toggle (the row body does not select). Driven by the `selectionMode` chrome. Two-way: fires `selection-change` regardless of binding.
    */
@@ -805,6 +815,10 @@ export default class DataTable extends SignalWatcher(LitElement) {
    * The maximum number of undo steps retained (oldest evicted past this depth). Only consulted when `undoable` is `true`.
    */
   @property({ type: Number, reflect: true, attribute: 'undo-limit' }) undoLimit: number = 100;
+  /**
+   * When `true`, the table holds its current view through its own writes (edit, paste, fill, cut, clear, the boolean toggle, undo and redo): rows keep the membership and order they had before the write and new values render in place, so an edited row does not jump or vanish under an active sort or filter. The view is re-derived (and both mismatch counts reset to 0) when `sorting`, `columnFilters` or `globalFilter` change, when `refreshView()` is called, when the dataset is swapped externally, or when `holdView` is toggled. Paging, page size, column visibility/order/pinning/sizing and expanding rows move through the held rows; a table write or `refreshView()` never changes the page (a sort, filter or grouping change returns to the first page). Falls back to live behaviour (with one console warning) while grouping is active, in `manual` mode, or with tree data (`getSubRows`). Passing a fresh `data` array that did not come from the table (for example reloading from the server after a save) is an external swap: it re-derives the view and clears undo history. Track mismatches with `view-state-change` / `getViewState()`.
+   */
+  @property({ type: Boolean, reflect: true, attribute: 'hold-view' }) holdView: boolean = false;
   /**
    * Opt-in windowing grammar: `false` (default, off — byte-identical to a non-virtual table) | `true` or `'rows'` (vertical row windowing; `true` is byte-behavior-identical to every existing consumer, zero churn) | `'columns'` (horizontal column windowing) | `'both'` (both axes windowed). Row windowing renders only the visible slice of rows inside a bounded `rdt-scroll` container (with leading/trailing spacer rows preserving total scroll height), windowing over the full filtered + sorted (pre-pagination) model and suppressing the client pagination chrome. Column windowing renders only the visible slice of leaf columns inside the same `rdt-scroll` container. An unrecognised string behaves as `false`.
    */
@@ -1144,7 +1158,8 @@ private __rozieCtxProvider_data_table_columns = new ContextProvider(this, { cont
     this._disconnectCleanups.push(effect(() => { const __watchVal = (() => [this.sorting, this.globalFilter, this.columnFilters, this.pagination, // Server-side page-count sources (#2): re-feed when the consumer's rowCount/pageCount
     // changes at runtime (e.g. a server response updates the total) so getPageCount() and the
     // Next button availability track the new total.
-    this.rowCount, this.pageCount, this.rowSelection, this.expanded, this.expandable, this.grouping, this.groupable, this.columnVisibility, this.columnSizing, this.columnOrder, this.columnPinning, this.selectionMode, (this.data || []).length, // Phase 51 req-4: key on the data REFERENCE (both sinks) so a committed edit re-feeds
+    this.rowCount, this.pageCount, this.rowSelection, this.expanded, this.expandable, this.grouping, this.groupable, this.columnVisibility, this.columnSizing, this.columnOrder, this.columnPinning, this.selectionMode, // Held view: toggling holdView re-derives (reFeed → setActive).
+    this.holdView, (this.data || []).length, // Phase 51 req-4: key on the data REFERENCE (both sinks) so a committed edit re-feeds
     // even when the fresh array is the SAME length (a single-cell edit replaces one row
     // object → new array ref, identical length → the .length key alone would miss it). The
     // controlled path observes $props.data; the uncontrolled path observes $data.dataDefault.
@@ -1212,6 +1227,8 @@ private __rozieCtxProvider_data_table_columns = new ContextProvider(this, { cont
     // call. One-shot and self-latching — see seedColumnPinning() in stateAssembly.rzts.
     this.seedColumnPinning();
     // Build the table instance HERE so the closures below capture the live `table`.
+    const cols0 = this.tableColumns();
+    this.lastColumnSig = this.columnSetSignature(cols0);
     this.table = createTable({
       // Plain value (NOT a `get data()` getter): an object-literal getter rebinds
       // `this` to the options object, and the Angular/Lit emitters resolve $props via
@@ -1222,11 +1239,12 @@ private __rozieCtxProvider_data_table_columns = new ContextProvider(this, { cont
       // currentData() = the bound prop when controlled, else the uncontrolled $data.dataDefault
       // (Phase 51 req-4 — so a committed edit's writeData re-feed is observed either way).
       data: this.feedData(),
-      columns: this.tableColumns(),
+      columns: cols0,
       state: this.currentState(),
       getCoreRowModel: getCoreRowModel(),
-      getSortedRowModel: getSortedRowModel(),
-      getFilteredRowModel: getFilteredRowModel(),
+      // Held view: the wrapped factories, ALWAYS (see holdCtrl's declaration).
+      getSortedRowModel: this.heldSortedRowModel,
+      getFilteredRowModel: this.heldFilteredRowModel,
       getPaginationRowModel: getPaginationRowModel(),
       // Expandable rows (phase 50, D-04): the expanded row model is supplied UNCONDITIONALLY
       // (mirrors the other models) — inert when `expanded` is empty + no getSubRows
@@ -1311,6 +1329,42 @@ private __rozieCtxProvider_data_table_columns = new ContextProvider(this, { cont
       // satisfies the strict bundled-leaf tsc (deferred-items strict-tsc #2 close).
       onStateChange: () => {}
     });
+    // Page index (final review #1). table-core's autoResetPageIndex (on by default unless
+    // manualPagination) queues `table.resetPageIndex()` in a microtask whenever the core,
+    // filtered, sorted or grouped memo recomputes — which includes every table write (new data)
+    // and refreshView()'s state copy — so a write on page 2 jumped back to page 1 and left the
+    // active cell on another record. The page reset is explicit instead: reFeed returns to page 1
+    // on a sort / columnFilters / globalFilter / grouping change. An external data swap keeps the
+    // page (the #4 overflow clamp in refreshRowModel still pulls it back when the new data has
+    // fewer pages): the swap is detected on different ticks per target (reFeed vs
+    // maybeClearHistoryOnExternalSwap), so a reset there would race the auto-reset's re-write.
+    // The queued auto-reset is NOT switched off (autoResetPageIndex: false): its pagination write
+    // is a re-render tick that several React/Solid paths have come to rely on (measured: B23/WR-01
+    // relocated-row focus, the column-virtual window, header tab stop, editor focus return all
+    // regress without it — the focus polls run before the framework commits the re-sorted rows).
+    // So it is kept, but it re-writes the CURRENT page (table-core's fed state — fresh on every
+    // target, and already page 1 after an explicit reset) instead of turning to page 1.
+    this.table.resetPageIndex = () => {
+      if (!this.table) return;
+      const pg = this.table.getState().pagination;
+      this.writePagination({
+        pageIndex: pg.pageIndex,
+        pageSize: pg.pageSize
+      });
+    };
+    // Held view: seed the sort/filter references the table was built with, so the first reFeed
+    // (often the first write's own data re-feed) does not misread them as a view change and
+    // release a just-captured hold.
+    const st0 = this.currentState();
+    this.lastHoldSorting = st0.sorting;
+    this.lastHoldColumnFilters = st0.columnFilters;
+    this.lastHoldGlobalFilter = st0.globalFilter;
+    this.lastPageGrouping = st0.grouping;
+    this.syncHoldActive(st0);
+    // Seed the external-swap baseline with the mount-time dataset, so the first re-feed after an
+    // early write (before any maybeClearHistoryOnExternalSwap ran) cannot misread the initial,
+    // unstamped `$props.data` as a swap and release a just-captured hold.
+    this.lastPropsData = this.data;
     this.refreshRowModel = () => {
       if (!this.table) return;
       // Capture fresh locals; never write a $data key then re-read it in the same fn
@@ -1340,15 +1394,32 @@ private __rozieCtxProvider_data_table_columns = new ContextProvider(this, { cont
       // through here) — guarded internally on colsWindowed() && colVirtualizer, so this is a no-op
       // on every other path.
       this.remeasureColumnWindow();
-      // D-05: on every data change (re-sort/filter/paginate/page-size — all re-pull here),
-      // clamp the active cell to the new bounds (same indices, clamped if the grid shrank;
-      // no row-id following, no top-bounce). isGrid()-gated so 'table' mode is untouched.
-      // B8/B23: pass the FRESH bounds derived from `nextRows` (NOT $data.rows, which is the
+      // Part 3 + D-05: on every data change (re-sort/filter/paginate/page-size/writes — all
+      // re-pull here) the active cell FOLLOWS its record by row id; where it cannot (paging,
+      // expand/collapse, an external swap) it falls back to the D-05 clamp (same indices, clamped
+      // if the grid shrank), and a record that left the view after a view change or a table write
+      // parks on its column header (followActiveCell, gridKeydownHandlers.rzts). isGrid()-gated so
+      // 'table' mode is untouched.
+      // B8/B23: pass the FRESH bounds and ids derived from `nextRows` (NOT $data.rows, which is the
       // async-stale useState snapshot on React) so a filter-to-fewer clamps the active cell AND
-      // the range corners on React too — never re-reading the pre-change model.
+      // the range corners on React too — never re-reading the pre-change model. The follow flags
+      // are plain `let`s, read and cleared here (ROZ138-safe).
       const nextRowCount = nextRows.length;
       const nextColCount = nextRows.length ? nextRows[0].getVisibleCells().length : nextGroups.length ? (nextGroups[nextGroups.length - 1].headers || []).length : 0;
-      this.clampActiveCell(nextRowCount, nextColCount);
+      const nextIds = nextRows.map((r: any) => r.id);
+      const fedData = this.table.options.data;
+      const dataChanged = fedData !== this.lastFedData;
+      this.lastFedData = fedData;
+      const viewChangeOrWrite = this.pendingViewChange || this.pendingWrite && dataChanged;
+      // Final review #8: new data that is NOT one of our writes (an external swap) without
+      // `getRowId` — the row ids are source indices, meaningless across the swap, so following
+      // them could land the active cell (or an open editor) on an unrelated record. Don't follow:
+      // the D-05 clamp keeps today's position. Reads table.options (fresh on every target).
+      const swapWithoutIds = dataChanged && !this.pendingWrite && !this.pendingViewChange && this.table.options.getRowId == null;
+      this.pendingViewChange = false;
+      if (dataChanged) this.pendingWrite = false;
+      this.followActiveCell(swapWithoutIds ? null : this.prevRowIds, nextIds, viewChangeOrWrite, nextRowCount, nextColCount, this.pendingEditFollow != null);
+      this.prevRowIds = nextIds;
       // #4: clamp a pageIndex that now points PAST the last page. When the consumer holds
       // pagination.pageIndex (controlled) and shrinks the data (filter / replace) so there are
       // fewer pages, the body renders blank ("Page 6 of 3" with Next disabled). Read table-core's
@@ -1362,11 +1433,11 @@ private __rozieCtxProvider_data_table_columns = new ContextProvider(this, { cont
       //     the clamp back through the pagination prop, the re-feed re-enters here with
       //     pageIndex === pc - 1, so `pageIndex > pc - 1` is false → no re-emit; a consumer that
       //     ignores the event triggers no further re-feed, so it stays a single emit either way.
-      //   • No fight with table-core's autoResetPageIndex: that reset only fires on table-core's OWN
-      //     setX mutations, which this fully-controlled-state architecture never calls (filters/data
-      //     flow through setOptions), so reading the live state here can only fire on a genuine
-      //     overflow — if the index is already valid we stay silent (uncontrolled self-heals too,
-      //     writing paginationDefault, with no regression since table-core does not auto-clamp here).
+      //   • table-core's auto page reset no longer turns the page (table.resetPageIndex is
+      //     overridden after createTable): the sort/filter/grouping page reset is explicit (reFeed),
+      //     and a table write, refreshView() or an external swap never turns the page. This
+      //     clamp therefore only fires on a genuine overflow — if the index is already valid we stay silent (uncontrolled self-heals too,
+      //     writing paginationDefault).
       const pgState = this.table.getState().pagination;
       const pc = this.table.getPageCount();
       if (pc > 0 && pgState.pageIndex > pc - 1) {
@@ -1392,6 +1463,17 @@ private __rozieCtxProvider_data_table_columns = new ContextProvider(this, { cont
       // across selection changes; a microtask defer covers React's post-render DOM patch.
       this.syncIndeterminate();
       if (typeof queueMicrotask !== 'undefined') queueMicrotask(this.syncIndeterminate);else Promise.resolve().then(this.syncIndeterminate);
+      // Held view: edge-triggered view-state-change (only when held/filterMismatches/
+      // sortMismatches changed). lastViewState is a plain `let` (ROZ138-safe).
+      const vs = this.holdCtrl.viewState(this.table);
+      if (!viewStatesEqual(vs, this.lastViewState)) {
+        this.lastViewState = vs;
+        this.dispatchEvent(new CustomEvent<DataTableViewState>("view-state-change", {
+          detail: vs,
+          bubbles: true,
+          composed: true
+        }));
+      }
     };
 
     // initial pull
@@ -1547,10 +1629,11 @@ private __rozieCtxProvider_data_table_columns = new ContextProvider(this, { cont
   }
 
   updated(changedProperties: Map<string, unknown>): void {
-    if (this.__rozieFirstUpdateDone && (changedProperties.has('rowCount') || changedProperties.has('pageCount') || changedProperties.has('expandable') || changedProperties.has('groupable') || changedProperties.has('selectionMode') || changedProperties.has('columns'))) { const __watchVal = untracked(() => [this.sorting, this.globalFilter, this.columnFilters, this.pagination, // Server-side page-count sources (#2): re-feed when the consumer's rowCount/pageCount
+    if (this.__rozieFirstUpdateDone && (changedProperties.has('rowCount') || changedProperties.has('pageCount') || changedProperties.has('expandable') || changedProperties.has('groupable') || changedProperties.has('selectionMode') || changedProperties.has('holdView') || changedProperties.has('columns'))) { const __watchVal = untracked(() => [this.sorting, this.globalFilter, this.columnFilters, this.pagination, // Server-side page-count sources (#2): re-feed when the consumer's rowCount/pageCount
     // changes at runtime (e.g. a server response updates the total) so getPageCount() and the
     // Next button availability track the new total.
-    this.rowCount, this.pageCount, this.rowSelection, this.expanded, this.expandable, this.grouping, this.groupable, this.columnVisibility, this.columnSizing, this.columnOrder, this.columnPinning, this.selectionMode, (this.data || []).length, // Phase 51 req-4: key on the data REFERENCE (both sinks) so a committed edit re-feeds
+    this.rowCount, this.pageCount, this.rowSelection, this.expanded, this.expandable, this.grouping, this.groupable, this.columnVisibility, this.columnSizing, this.columnOrder, this.columnPinning, this.selectionMode, // Held view: toggling holdView re-derives (reFeed → setActive).
+    this.holdView, (this.data || []).length, // Phase 51 req-4: key on the data REFERENCE (both sinks) so a committed edit re-feeds
     // even when the fresh array is the SAME length (a single-cell edit replaces one row
     // object → new array ref, identical length → the .length key alone would miss it). The
     // controlled path observes $props.data; the uncontrolled path observes $data.dataDefault.
@@ -1640,7 +1723,7 @@ private __rozieCtxProvider_data_table_columns = new ContextProvider(this, { cont
     if (name === 'column-filters') this._columnFiltersControllable.notifyAttributeChange(value as unknown as any[]);
     if (name === 'pagination') this._paginationControllable.notifyAttributeChange(value as unknown as any);
     if (name === 'expanded') this._expandedControllable.notifyAttributeChange(value as unknown as any | boolean);
-    if (name === 'grouping') this._groupingControllable.notifyAttributeChange(value as unknown as any[]);
+    if (name === 'grouping') this._groupingControllable.notifyAttributeChange(value as unknown as any[] | null);
     if (name === 'row-selection') this._rowSelectionControllable.notifyAttributeChange(value as unknown as any);
     if (name === 'column-visibility') this._columnVisibilityControllable.notifyAttributeChange(value as unknown as any);
     if (name === 'column-sizing') this._columnSizingControllable.notifyAttributeChange(value as unknown as any);
@@ -2022,6 +2105,108 @@ ${this.groupable ? html`<div class="rdt-group-bar-host" data-rozie-s-d5dcab4c>
 
   restoringHistory: boolean = false;
 
+  // ── Held view (`holdView`) ─────────────────────────────────────────────────────────────
+  // ONE hold controller per instance (helpers/heldView.ts) and the two wrapped row-model
+  // factories built ONCE from it, so createTable and every reFeed setOptions pass the SAME
+  // function references (a fresh wrapper per re-feed would rebuild table-core's memoized
+  // stage). Both wrapped factories are passed ALWAYS — not only while holding — because the
+  // sort-mismatch count is only correct when wrapSorted observes the live sort. While the
+  // controller is not holding, the wrappers return the base model unchanged (same identity),
+  // so a table without `holdView` is behaviour-identical. Top-level `const`s: React lowers each
+  // to a `useMemo(..., [])` (one instance per component). NOT `let`: React hoists a `let` to
+  // `useRef(init)` and does not rewrite a sibling hoisted `let` read inside that initializer to
+  // `.current`, so `let heldX = holdCtrl.wrapX(...)` would call `wrapX` on the ref object.
+  holdCtrl = createHoldController();
+
+  heldFilteredRowModel = this.holdCtrl.wrapFiltered(getFilteredRowModel());
+
+  heldSortedRowModel = this.holdCtrl.wrapSorted(getSortedRowModel());
+
+  // Set when the view was re-derived (a sort/filter change, refreshView()) and by writeData on
+  // every table write; consumed by the active-cell follow (Task 5). Plain `let`s, NOT $data —
+  // written and read inside refreshRowModel's call graph (ROZ138 / React stale reads).
+  pendingViewChange = false;
+
+  pendingWrite = false;
+
+  // Part 3 (active cell follows its record): the visible row ids at the end of the last
+  // refreshRowModel, and the data array that refresh fed. pendingWrite is consumed only by the
+  // refresh whose fed data CHANGED — in controlled `r-model:data` mode writeData's own
+  // $data.dataDefault write re-feeds the OLD `$props.data` first, and the parent's echo arrives
+  // a pass later; consuming the flag on that first, unchanged pass would turn the write's
+  // vanished row into a clamp instead of a park.
+  prevRowIds: string[] | null = null;
+
+  lastFedData: unknown = null;
+
+  // The last emitted view-state-change payload (refreshRowModel edge-triggers the emit).
+  lastViewState = CLEAN_VIEW_STATE;
+
+  // reFeed bookkeeping: the sort/filter references fed last time (a change releases the hold)
+  // and the one-shot fallback warning latch.
+  lastHoldSorting: unknown = null;
+
+  lastHoldColumnFilters: unknown = null;
+
+  lastHoldGlobalFilter: unknown = null;
+
+  holdFallbackWarned = false;
+
+  // The grouping reference fed last time (a change returns to page 1 — see table.resetPageIndex).
+  lastPageGrouping: unknown = null;
+
+  // The column-set signature fed last time (see columnSetSignature / reFeed).
+  lastColumnSig = '';
+
+  // A signature of the column set as table-core's sort / filter stages see it: each column's id
+  // and whether it can sort / filter (groups flattened, iteratively — no self-recursive const,
+  // which React lowers to a useCallback). table-core memoizes those stages on the sorting /
+  // columnFilters references and the upstream model only, NOT on the column defs; a stage that
+  // first ran before a sorted/filtered column existed (a <Column> child registering after the
+  // first pull, the norm on React/Solid/Lit) silently skipped that sort/filter and stays cached.
+  columnSetSignature = (defs: any) => {
+  let sig = '';
+  const stack = (defs || []).slice().reverse();
+  while (stack.length) {
+    const d = stack.pop();
+    if (!d) continue;
+    sig += String(d.id) + (d.enableSorting ? '+' : '') + (d.enableColumnFilter ? '*' : '') + '|';
+    if (Array.isArray(d.columns)) for (let i = d.columns.length - 1; i >= 0; i--) stack.push(d.columns[i]);
+  }
+  return sig;
+};
+
+  // The last `$props.data` reference maybeClearHistoryOnExternalSwap examined (seeded in
+  // $onMount). Declared up here, before reFeed, so reFeed can call isExternalSwap() without a
+  // forward reference (React useCallback ordering).
+  lastPropsData: unknown = null;
+
+  // Read-only: has `$props.data` changed to a reference we did NOT write since the last
+  // maybeClearHistoryOnExternalSwap? (reFeed uses it to release a held view before its refresh.)
+  isExternalSwap = () => {
+  const pd = this.data;
+  if (pd === this.lastPropsData) return false;
+  return !(pd != null && (pd as any)[this.DATA_WRITE_TOKEN_KEY] != null);
+};
+
+  // Whether the hold applies for state `st`: holdView on, and not one of the live-behaviour
+  // fallbacks (grouping active, `manual`, tree data). Called from $onMount (before the first
+  // pull) and from every reFeed; warns once when holdView is on but cannot hold.
+  syncHoldActive = (st: any) => {
+  const wanted = this.holdView === true;
+  const active = wanted && this.manual !== true && this.getSubRows == null && !(st.grouping || []).length;
+  // A setActive that RELEASES a hold (holdView on→off, or a fallback flipping the controller
+  // inactive while it was holding) re-derives the live view: for the active-cell follow that
+  // is a view change (a record the live view drops parks on its header).
+  const wasHolding = this.holdCtrl.isHolding();
+  this.holdCtrl.setActive(active);
+  if (wasHolding && !this.holdCtrl.isHolding()) this.pendingViewChange = true;
+  if (wanted && !active && !this.holdFallbackWarned) {
+    this.holdFallbackWarned = true;
+    console.warn('[rozie-data-table] holdView falls back to live behaviour while grouping is active, in manual mode, or with tree data (getSubRows); the view is not held.');
+  }
+};
+
   // Grouping auto-expand latch (phase 50 req-4): when grouping is ACTIVE and the consumer
   // has not bound `expanded` and has not yet toggled any group, group-header rows default to
   // EXPANDED (so the grouped subtree is visible — the standard grouped-grid affordance + the
@@ -2313,6 +2498,8 @@ ${this.groupable ? html`<div class="rdt-group-bar-host" data-rozie-s-d5dcab4c>
     // a custom fn defensively wrapped (T-50-04).
     groupable: c.groupable !== false,
     aggregationFn: wrapAggregationFn(c.aggregationFn),
+    // Per-column filterFn/sortingFn (built-in name or custom fn); absent when unset.
+    ...columnRuleKeys(c, id),
     pinned: c.pinned != null ? c.pinned : '',
     width: c.width != null ? c.width : '',
     // A-01 — `width` alone is inert; table-core sizes from `size`. Spread so an
@@ -2408,6 +2595,7 @@ ${this.groupable ? html`<div class="rdt-group-bar-host" data-rozie-s-d5dcab4c>
       // Grouping (phase 50 reqs 4-7) — same shape as the config branch (D-05 / T-50-04).
       groupable: spec.groupable !== false,
       aggregationFn: wrapAggregationFn(spec.aggregationFn),
+      ...columnRuleKeys(spec, id),
       pinned: spec.pinned != null ? spec.pinned : '',
       width: spec.width != null ? spec.width : '',
       // A-01 — see buildConfigDef; same mapping for the <Column> registry branch.
@@ -2764,6 +2952,14 @@ ${this.groupable ? html`<div class="rdt-group-bar-host" data-rozie-s-d5dcab4c>
     this.recordSnapshot(this.currentData());
     this.emitHistoryChangeIfEdged(prevU, prevR);
   }
+  // Held view (`holdView`): freeze the view as it is BEFORE this write (a no-op when the
+  // controller is inactive or already holding), then note which source rows this write
+  // replaced (the sort-mismatch count). Outside the `!restoringHistory` branch on purpose:
+  // undo/redo replays are table writes too. pendingWrite is consumed by the active-cell
+  // follow.
+  if (this.table) this.holdCtrl.capture(this.table);
+  this.holdCtrl.noteWrite(this.currentData() || [], Array.isArray(next) ? next : []);
+  this.pendingWrite = true;
   const fresh = Array.isArray(next) ? next.slice() : next;
   try {
     Object.defineProperty(fresh, this.DATA_WRITE_TOKEN_KEY, {
@@ -4312,6 +4508,18 @@ ${this.groupable ? html`<div class="rdt-group-bar-host" data-rozie-s-d5dcab4c>
   return this.lazyRowsActive() ? (row: any) => !this.rowIsLazyPlaceholder(row) : true;
 };
 
+  // Funnel a pagination write the table makes on its own (reFeed's page reset). writePagination is echo-guarded by `programmatic`: a re-feed that runs
+  // synchronously INSIDE another slice's funnel (a header filter input on the fine-grained
+  // targets) would have it silently dropped, so defer it to a microtask then.
+  writePaginationSoon = (next: any) => {
+  if (!this.programmatic) {
+    this.writePagination(next);
+    return;
+  }
+  const run = () => this.writePagination(next);
+  if (typeof queueMicrotask !== 'undefined') queueMicrotask(run);else Promise.resolve().then(run);
+};
+
   // Push fresh options into table-core + re-pull the row model. Extracted so BOTH the
   // re-feed $watch (above) and the Lit data-change $onUpdate (below) call it.
   reFeed = () => {
@@ -4322,11 +4530,78 @@ ${this.groupable ? html`<div class="rdt-group-bar-host" data-rozie-s-d5dcab4c>
   // TRANSIENTLY-STALE `$props.data` and wrongly wipe a just-recorded edit's history. The reset is
   // keyed on the `$props.data` REFERENCE actually changing instead — see the $onUpdate backstop
   // below (`maybeClearHistoryOnExternalSwap`), which runs on all six targets.
+  //
+  // Held view: decide whether the hold applies (it falls back to live behaviour under
+  // grouping, `manual`, and tree data), and re-derive on a sort/filter change. Fresh locals
+  // only — the state object is read once here and passed to setOptions below.
+  const st0 = this.currentState();
+  this.syncHoldActive(st0);
+  let st = st0;
+  // Page reset (table-core's auto reset no longer turns the page — see table.resetPageIndex): a sort / filter / grouping change
+  // returns to page 1. The first page is fed to table-core in THIS re-feed (a fresh state
+  // object), so the re-derive — and the active-cell follow, which resolves against the current
+  // page — already sees page 1; writePagination (after the refresh, below) carries it to the
+  // consumer's pagination model. Skipped when already on page 1 (no spurious page-change) and
+  // under `manual` (table-core never auto-reset there either).
+  let pageReset: {
+    pageIndex: number;
+    pageSize: number;
+  } | null = null;
+  const groupingChanged = st0.grouping !== this.lastPageGrouping;
+  this.lastPageGrouping = st0.grouping;
+  const viewChanged = st0.sorting !== this.lastHoldSorting || st0.columnFilters !== this.lastHoldColumnFilters || st0.globalFilter !== this.lastHoldGlobalFilter;
+  if (viewChanged) {
+    this.lastHoldSorting = st0.sorting;
+    this.lastHoldColumnFilters = st0.columnFilters;
+    this.lastHoldGlobalFilter = st0.globalFilter;
+    this.holdCtrl.release();
+    this.pendingViewChange = true;
+  }
+  if ((viewChanged || groupingChanged) && this.manual !== true && st0.pagination && st0.pagination.pageIndex !== 0) {
+    pageReset = {
+      pageIndex: 0,
+      pageSize: st0.pagination.pageSize
+    };
+    st = {
+      ...st0,
+      pagination: pageReset
+    };
+  }
+  // The column set changed (a <Column> registered, a `columns` entry was added, a column became
+  // sortable/filterable): table-core's sort and filter stages do not key on column defs, so a
+  // sort or filter that referenced a column which did not exist yet stays skipped (an initial
+  // `sorting` was ignored on React/Solid/Lit). Feed shallow copies of both arrays — the same
+  // memo invalidation refreshView() uses — so they re-run against the new columns. Not a view
+  // change: the hold (if any) is kept and the page is not reset.
+  const cols = this.tableColumns();
+  const colSig = this.columnSetSignature(cols);
+  if (colSig !== this.lastColumnSig) {
+    this.lastColumnSig = colSig;
+    st = {
+      ...st,
+      sorting: [...(st.sorting || [])],
+      columnFilters: [...(st.columnFilters || [])]
+    };
+  }
+  // An external swap releases the hold BEFORE this re-feed's refresh, so the one
+  // view-state-change it emits is already the re-derived state (never a stale held count
+  // measured against the new dataset). Only the hold is touched here — the history clear and
+  // the lastPropsData bookkeeping stay in maybeClearHistoryOnExternalSwap (keyed on the
+  // `$props.data` reference; see its comment). isExternalSwap() is read-only and compares
+  // against that same lastPropsData, so a transiently-stale `$props.data` (the reference
+  // already recorded) never reads as a swap.
+  if (this.holdCtrl.isHolding() && this.isExternalSwap()) this.holdCtrl.release();
+  // An external swap is a reset, not one of our writes: drop a write flag the echo never
+  // consumed (one-way `data`, no r-model), so the swap keeps the D-05 clamp fallback.
+  if (this.pendingWrite && this.isExternalSwap()) this.pendingWrite = false;
   this.table.setOptions((prev: any) => ({
     ...prev,
     data: this.feedData(),
-    columns: this.tableColumns(),
-    state: this.currentState(),
+    columns: cols,
+    state: st,
+    // Held view: the SAME wrapped factory references every re-feed (see holdCtrl).
+    getFilteredRowModel: this.heldFilteredRowModel,
+    getSortedRowModel: this.heldSortedRowModel,
     enableRowSelection: this.rowSelectionOption(),
     enableMultiRowSelection: this.selectionMode === 'multiple',
     // Re-pass the server-side page-count sources (#2) so a RUNTIME rowCount/pageCount change
@@ -4380,6 +4655,7 @@ ${this.groupable ? html`<div class="rdt-group-bar-host" data-rozie-s-d5dcab4c>
     onColumnSizingInfoChange: this.onColumnSizingInfoChangeCb
   }));
   if (this.refreshRowModel) this.refreshRowModel();
+  if (pageReset) this.writePaginationSoon(pageReset);
 };
 
   // LIT (+ any fine-grained target whose effect-tracked watch does NOT observe the plain
@@ -4404,15 +4680,24 @@ ${this.groupable ? html`<div class="rdt-group-bar-host" data-rozie-s-d5dcab4c>
   // non-data tick (sort/filter/pagination) never touches `$props.data` → never clears. Called from
   // BOTH the coarse re-feed watch AND the $onUpdate backstop (Lit's @property `data` the effect-
   // tracked watch can't observe); both are ref-gated so the redundant call is an idempotent no-op.
-  lastPropsData: unknown = null;
-
   maybeClearHistoryOnExternalSwap = () => {
   const pd = this.data;
   if (pd === this.lastPropsData) return; // $props.data did not change → not an external swap
   this.lastPropsData = pd;
-  if (!this.undoable) return;
   if (pd != null && (pd as any)[this.DATA_WRITE_TOKEN_KEY] != null) return; // descends from our write → keep
-  this.clearHistory();
+  // An external swap is a reset, not one of our writes: drop a write flag no echo consumed
+  // (one-way `data`). Here AND in reFeed, so it holds whichever of the two runs first on a
+  // target (Lit's $onUpdate and React's/Solid's effect order run this one before reFeed, after
+  // which reFeed's isExternalSwap() already reads false).
+  this.pendingWrite = false;
+  // A genuine external swap (runs regardless of `undoable`): it re-derives a held view (a
+  // backstop — reFeed normally released it already, before its own refresh) …
+  if (this.holdCtrl.isHolding()) {
+    this.holdCtrl.release();
+    if (this.refreshRowModel) this.refreshRowModel();
+  }
+  // … and clears undo history (only meaningful when `undoable`).
+  if (this.undoable) this.clearHistory();
 };
 
   lastData: any = null;
@@ -5176,6 +5461,31 @@ ${this.groupable ? html`<div class="rdt-group-bar-host" data-rozie-s-d5dcab4c>
   // DataTable.rozie) — so DataTable.rozie's $expose references them BY NAME with zero
   // indirection. This file stays the seam for verbs that need a rename/adapter, not a mandatory
   // stop for every $expose entry.
+  // Held view (`holdView`). refreshView() re-derives the view from the current filters and
+  // sort and resets both mismatch counts. It works with holdView off too: it forces custom
+  // filter/sort functions to re-run. table-core's filter and sort stages memoize on the
+  // columnFilters/sorting array REFERENCES (not on the column defs or the functions), and
+  // release() alone touches neither — so feed table-core SHALLOW COPIES of both arrays, which
+  // invalidates those memos. The next reFeed restores the original references (one harmless
+  // extra recompute). pendingViewChange is the component-scope `let` the active-cell follow
+  // consumes.
+  refreshView: () => void = () => {
+  this.holdCtrl.release();
+  this.pendingViewChange = true;
+  if (!this.table) return;
+  this.table.setOptions((p: any) => ({
+    ...p,
+    state: {
+      ...p.state,
+      columnFilters: [...(p.state.columnFilters || [])],
+      sorting: [...(p.state.sorting || [])]
+    }
+  }));
+  if (this.refreshRowModel) this.refreshRowModel();
+};
+
+  getViewState: () => DataTableViewState = () => this.holdCtrl.viewState(this.table);
+
   // interactionMode gate. 'grid' lights up roving nav; 'table' (default) is byte-behaviorally
   // identical to phase 48 (roles fall back to the literals, tabindex drops).
   isGrid = () => this.interactionMode === 'grid';
@@ -6206,6 +6516,7 @@ ${this.groupable ? html`<div class="rdt-group-bar-host" data-rozie-s-d5dcab4c>
   if (!tgt || !tgt.closest) return;
   const cellEl = tgt.closest('[data-grid-cell]');
   if (!cellEl) return;
+  this.activeCellEngaged = true;
   const rowAttr = cellEl.getAttribute('data-row');
   const colAttr = cellEl.getAttribute('data-col-index');
   if (rowAttr == null || colAttr == null) return;
@@ -6507,11 +6818,101 @@ ${this.groupable ? html`<div class="rdt-group-bar-host" data-rozie-s-d5dcab4c>
   if (typeof requestAnimationFrame === 'function') requestAnimationFrame(tryFocus);else setTimeout(tryFocus, 0);
 };
 
-  // D-05: clamp the active cell to bounds on every underlying-data change (re-sort, filter,
-  // pagination, page-size). KEEP the same indices; clamp ONLY when the grid shrank — NO
-  // row-id following, NO bounce-to-top on a filter keystroke. Gated by isGrid() so 'table'
-  // mode is entirely untouched. Invoked at the rowModelVer bump path (refreshRowModel).
-  clampActiveCell = (rowCount: any, colCount: any) => {
+  // followOpenEditors: when a re-derive changed the rows under an open single-cell editor or
+  // full-row editor, re-address it to its record's new index (re-seating editor focus there),
+  // or — when the record left the view — close it WITHOUT writing (its draft belonged to a record
+  // that is no longer on screen; the active cell, on the same record, parks). Returns true when an
+  // editor is still open on a moved record (it, not the cell, owns DOM focus).
+  followOpenEditors = (prevIds: any, nextIds: any) => {
+  if (!prevIds || sameIdSequence(prevIds, nextIds)) return false;
+  let owns = false;
+  const er = this._editingRow.value;
+  if (er >= 0) {
+    const ef = resolveFollow(prevIds, er, nextIds, true);
+    if (ef.kind === 'move') {
+      this._editingRow.value = ef.index;
+      this.focusEditorWhenReady(ef.index, this._editingCol.value, false);
+      owns = true;
+    } else if (ef.kind !== 'stay') {
+      // Latch the session (an unmount blur must not commit the stale draft) and tear down.
+      this.committedThisSession = true;
+      this.editTransition = true;
+      this.endEdit();
+      this.editTransition = false;
+    }
+  }
+  const rr = this._editingRowIndex.value;
+  if (rr != null && rr >= 0) {
+    const rf = resolveFollow(prevIds, rr, nextIds, true);
+    if (rf.kind === 'move') {
+      this._editingRowIndex.value = rf.index;
+      owns = true;
+    } else if (rf.kind !== 'stay') {
+      this.editTransition = true;
+      this.endRowEdit();
+      this.editTransition = false;
+    }
+  }
+  return owns;
+};
+
+  // The row id at a visible index / the visible index of a row id, read off table-core's LIVE
+  // model (windowSource — the same index space as $data.rows), never the React-stale $data.rows.
+  rowIdInModel = (index: any) => {
+  const row = this.windowSource()[index];
+  return row ? row.id : null;
+};
+
+  modelIndexOfRowId = (id: any) => {
+  const rows = this.windowSource();
+  for (let i = 0; i < rows.length; i++) if (rows[i].id === id) return i;
+  return -1;
+};
+
+  // Part 3 (design 2026-11-06): the active cell follows its RECORD across every re-derive.
+  // refreshRowModel hands over the previous and next visible row ids (fresh locals — never the
+  // React-stale $data.rows) and whether the rows changed because of a view change (sort /
+  // columnFilters / globalFilter / refreshView / a holdView release) or one of the table's own
+  // writes. resolveFollow (helpers/activeFollow.ts) decides:
+  //   • stay / clamp → the D-05 clamp below, unchanged (clamp = the row is gone after navigation
+  //     or a reset: paging, page size, expand/collapse, an external data swap);
+  //   • move → re-seat the active row at the record's new index;
+  //   • park → the record left the view after a view change / write: park on its column header.
+  // Skipped while a header is active (nothing to follow), on an empty model (B6 owns that), and
+  // before the active cell was ever engaged (it is still just the D-04 entry cell, not a record).
+  // The range is cleared when such a change altered row membership or order — a rectangle
+  // cannot follow rows that are no longer adjacent. Cleared AFTER the clamp so clampRange's
+  // (React-stale) corner write can never resurrect it. While the view is held the ids keep
+  // their order, so the range stays.
+  followActiveCell = (prevIds: any, nextIds: any, viewChangeOrWrite: any, rowCount: any, colCount: any, editFollowPending = false) => {
+  // An OPEN editor stays on the record it was opened for (its editing pair is index-addressed
+  // over the visible rows). Done first so the active-cell move below knows the editor owns focus.
+  // NOT grid-gated: the editCell / editRow verbs open editors in 'table' mode too (final review
+  // #2); only the active-cell part below is grid-only.
+  const editorOwnsFocus = this.followOpenEditors(prevIds, nextIds);
+  if (!this.isGrid()) return;
+  let follow: any = null;
+  if (this.activeCellEngaged && rowCount > 0 && !this._activeIsHeader.value && !this.gridEmptyFallback) {
+    follow = resolveFollow(prevIds, this._activeRow.value, nextIds, viewChangeOrWrite);
+  }
+  // Final review #3: a view change or a table write that EMPTIES the grid — B6 parks the
+  // active cell on the header fallback; when DOM focus was on the vanished body cell, move it
+  // there too (never to <body>).
+  const focusEmptyPark = rowCount <= 0 && viewChangeOrWrite;
+  this.clampActiveCell(rowCount, colCount, follow, editFollowPending || editorOwnsFocus, focusEmptyPark);
+  if (viewChangeOrWrite && !sameIdSequence(prevIds, nextIds)) this.clearRange();
+};
+
+  // D-05 (now the FALLBACK of the Part 3 follow — see followActiveCell above): clamp the active
+  // cell to bounds on an underlying-data change whose record could not be followed for a
+  // navigation / reset reason (paging, page size, expand/collapse, an external data swap), and
+  // on every change that left it in place. KEEP the same indices; clamp ONLY when the grid shrank
+  // — NO bounce-to-top. Where the record CAN be found it is followed first (`follow.kind ===
+  // 'move'`), and a record that left the view after a view change or a table write parks on its
+  // column header (`'park'`) instead of falling through to whichever row now holds its index.
+  // Gated by isGrid() so 'table' mode is entirely untouched. Invoked at the rowModelVer bump
+  // path (refreshRowModel → followActiveCell).
+  clampActiveCell = (rowCount: any, colCount: any, follow: any = null, editFollowPending = false, focusEmptyPark = false) => {
   if (!this.isGrid()) return;
   // B8/B23 React-stale guard: the bounds come from the FRESH model the caller (refreshRowModel)
   // just derived and passes in — NEVER re-read $data.rows here. `$data.rows = nextRows` is an
@@ -6535,6 +6936,8 @@ ${this.groupable ? html`<div class="rdt-group-bar-host" data-rozie-s-d5dcab4c>
   let recoverFocus = false;
   let doomedRow = -1;
   let doomedCol = 0;
+  // Part 3: is DOM focus on ANY body cell of this grid (the follow re-focuses only then)?
+  let focusOnBody = false;
   if (this.gridRoot) {
     const rootNode = this.gridRoot.getRootNode ? this.gridRoot.getRootNode() : null;
     const focusedEl = rootNode ? rootNode.activeElement : null;
@@ -6543,6 +6946,7 @@ ${this.groupable ? html`<div class="rdt-group-bar-host" data-rozie-s-d5dcab4c>
       const fRowAttr = focusedCell.getAttribute('data-row');
       const fColAttr = focusedCell.getAttribute('data-col-index');
       if (fRowAttr != null && fRowAttr !== '__header') {
+        focusOnBody = true;
         const fr = parseInt(fRowAttr, 10);
         const fc = parseInt(fColAttr, 10);
         if (Number.isFinite(fr) && fr > rowN - 1) {
@@ -6576,6 +6980,11 @@ ${this.groupable ? html`<div class="rdt-group-bar-host" data-rozie-s-d5dcab4c>
     // Moving DOM focus here would steal focus AND — on React — the fallback's @focusin
     // (setActiveIsHeader true) races the next clear-filter re-seat, leaving the tab-stop stuck on
     // the header. Focus recovery is for a shrink that leaves a VALID BODY cell to land on (below).
+    // The one exception (final review #3, `focusEmptyPark`): a view change or a table write
+    // emptied the grid while DOM focus was ON a body cell (or a just-committed edit expects it
+    // back) — that focus is about to drop to <body>, so move it to the header fallback cell
+    // (the roving tab stop). Never steals focus that is elsewhere.
+    if (focusEmptyPark && (focusOnBody || editFollowPending)) this.recoverGridFocus('__header', 0, this.headerLeafLevel());
     return;
   }
   // B6 recovery: the body model returned. If we were parked on the empty-grid header fallback,
@@ -6586,6 +6995,51 @@ ${this.groupable ? html`<div class="rdt-group-bar-host" data-rozie-s-d5dcab4c>
     this._activeIsHeader.value = false;
     this._activeRow.value = 0;
   }
+  // Part 3 move: the record is still in the view at a NEW index — follow it. Emit the new
+  // position (consumers tracking the active cell would otherwise hold a stale index) and, when
+  // DOM focus was on a body cell of this grid, re-focus at the new position (which also scrolls
+  // it into view). A pending B23 edit-follow owns focus instead (refreshRowModel resolves the
+  // same row by identity). Fresh locals only — no $data re-read after the writes (ROZ138).
+  if (follow && follow.kind === 'move') {
+    const nextRow = follow.index;
+    this._activeRow.value = nextRow;
+    this.clampRange(rowN - 1, colN - 1);
+    this.dispatchEvent(new CustomEvent<DataTableActiveCellChangePayload>("activecell-change", {
+      detail: {
+        rowIndex: this.toAbsRow(nextRow),
+        colIndex: col,
+        isHeader: false
+      },
+      bubbles: true,
+      composed: true
+    }));
+    if (focusOnBody && !editFollowPending) this.focusCellWhenReady(nextRow, col);
+    return;
+  }
+  // Part 3 park: the record left the view after a view change or one of the table's own
+  // writes. Park on the column's leaf header (keeping the column) rather than falling through
+  // to whichever record now sits at the old index — a typed character then lands on a header
+  // and edits nothing. NOT the B6 empty-grid fallback (no gridEmptyFallback): this park is
+  // user-visible and sticky until the person navigates. When DOM focus was on the vanished
+  // cell (or a just-committed edit expects focus back), move focus to that header so it never
+  // drops to <body> (the B25 problem).
+  if (follow && follow.kind === 'park') {
+    const level = this.headerLeafLevel();
+    this._activeIsHeader.value = true;
+    this._activeHeaderLevel.value = level;
+    this.clampRange(rowN - 1, colN - 1);
+    this.dispatchEvent(new CustomEvent<DataTableActiveCellChangePayload>("activecell-change", {
+      detail: {
+        rowIndex: null,
+        colIndex: col,
+        isHeader: true
+      },
+      bubbles: true,
+      composed: true
+    }));
+    if (focusOnBody || editFollowPending) this.recoverGridFocus('__header', col, level);
+    return;
+  }
   if (!this._activeIsHeader.value) {
     const lastRow = rowN - 1;
     const maxRow = lastRow < 0 ? 0 : lastRow;
@@ -6740,6 +7194,12 @@ ${this.groupable ? html`<div class="rdt-group-bar-host" data-rozie-s-d5dcab4c>
   // refreshRowModel/clampActiveCell chain → React hoists to useRef → persists per-instance.
   gridEmptyFallback = false;
 
+  // Part 3: has the active cell ever been placed on a grid cell (a focusin on a cell — click, Tab-in,
+  // keyboard nav, focusCell)? Until then the active cell is only the D-04 ENTRY cell, not a record
+  // cursor, so a mount-time re-derive (columns registering, grouping engaging) must not drag it off
+  // row 0 by following whichever record happened to sit there. Plain `let` (ROZ138-safe).
+  activeCellEngaged = false;
+
   // ══ Cell-range selection (phase 51 plan 04 / req-7 / D-07) ═══════════════════════════════
   // A rectangular cell range over the FULL visible model, addressed BY INDEX PAIRS
   // (rangeAnchor/rangeFocus = { rowIndex, colIndex }) — NEVER a stored DOM node, so the
@@ -8100,6 +8560,12 @@ ${this.groupable ? html`<div class="rdt-group-bar-host" data-rozie-s-d5dcab4c>
   // A new edit session starts — reset the sync idempotency latch so THIS session's eventual
   // commit is not silently no-op'd by a PRIOR session's already-set latch.
   this.committedThisSession = false;
+  // A pointerdown OUTSIDE the grid that happened BEFORE this editor opened (a toolbar button
+  // that calls the editCell verb) is not a click-away from it. Left set, onEditorBlur would
+  // consume it on the first null-relatedTarget blur of this editor — e.g. the blur Solid/Lit
+  // fire when a keyed re-render MOVES the editor's row (a re-sort under the open editor) —
+  // and commit-and-close the editor (final review #2, measured on solid + lit).
+  this.outsidePointerDown = false;
   this.setInvalid('');
   // Single-cell and full-row edit are mutually exclusive (D-06): entering a single-cell
   // editor clears any row-edit state so isEditing never resolves both modes for one cell.
@@ -8918,15 +9384,28 @@ ${this.groupable ? html`<div class="rdt-group-bar-host" data-rozie-s-d5dcab4c>
     const fromRow = this._editingRow.value;
     const fromCol = this._editingCol.value;
     const target = e.shiftKey ? this.prevEditableCell(fromRow, fromCol) : this.nextEditableCell(fromRow, fromCol);
+    // Part 3 (2026-11-06 design): the advance targets a RECORD, not an index. The commit below
+    // can re-sort / re-filter the rows (a write under an active sort or filter on the edited
+    // column), so capture the target row's id now — from table-core's live model, which agrees
+    // with the rendered rows before the write — and resolve its index again after the commit.
+    const targetRowId = target ? this.rowIdInModel(target.row) : null;
     // skipFocusReturn=true: don't bounce focus back to the committed cell — we advance
     // straight into the next editable cell's editor below. Use the RETURN value (not a
     // re-read of $data.editingRow — async-stale on React) to gate the advance: a validation
     // failure returns false and keeps the editor open (the user must fix the value first).
     const committed = this.commitEdit(undefined, true);
-    if (committed && target) {
-      this._activeRow.value = target.row;
+    // Where the target record is NOW: on targets whose re-derive runs synchronously inside the
+    // write this is already the re-derived index; elsewhere the model has not re-derived yet,
+    // the index is unchanged, and the refresh that follows moves the open editor and the active
+    // cell with the record (followActiveCell). -1: the record already left the view — open
+    // nothing (the refresh parked the active cell on its header).
+    const advanceRow = targetRowId != null ? this.modelIndexOfRowId(targetRowId) : -1;
+    if (committed && target && advanceRow >= 0) {
+      this._activeRow.value = advanceRow;
       this._activeColIndex.value = target.col;
-      this.beginEdit(target.row, target.col, null);
+      this.beginEdit(advanceRow, target.col, null);
+    } else if (committed && target) {
+      // The target record left the view: nothing to advance into.
     } else if (committed) {
       // B5: no editable cell in the Tab direction (grid start/end) — keep focus INSIDE the
       // grid by returning it to the just-committed cell instead of letting it drop to <body>.
@@ -9471,8 +9950,8 @@ ${this.groupable ? html`<div class="rdt-group-bar-host" data-rozie-s-d5dcab4c>
   set pagination(v: any) { this._paginationControllable.notifyPropertyWrite(v); }
   get expanded(): any | boolean { return this._expandedControllable.read(); }
   set expanded(v: any | boolean) { this._expandedControllable.notifyPropertyWrite(v); }
-  get grouping(): any[] { return this._groupingControllable.read(); }
-  set grouping(v: any[]) { this._groupingControllable.notifyPropertyWrite(v); }
+  get grouping(): any[] | null { return this._groupingControllable.read(); }
+  set grouping(v: any[] | null) { this._groupingControllable.notifyPropertyWrite(v); }
   get rowSelection(): any { return this._rowSelectionControllable.read(); }
   set rowSelection(v: any) { this._rowSelectionControllable.notifyPropertyWrite(v); }
   get columnVisibility(): any { return this._columnVisibilityControllable.read(); }