@opencorestack/opengridx 3.8.1 → 3.9.1

package/docs/API_REFERENCE.md

@@ -243,7 +243,7 @@ Public CSS: `ogx__cell-fill-handle` (24 × 24 px hit area in the corner cell; th
 
 | Prop | Type | Default | Description |
 | :--- | :--- | :--- | :--- |
-| `localeText` | `GridLocaleText` | — | Override user-visible strings: the Pagination labels, the empty-state label (`noRowsLabel`, which wins over the `noRowsLabel` prop), the cell-range announcement, the Ask AI button (`aiAssistantButton`) and the header filter row (`headerFilter*`, v3.6). See [`GridLocaleText`](#gridlocaletext). |
+| `localeText` | `GridLocaleText` | — | Override user-visible strings: the Pagination labels, the empty-state label (`noRowsLabel`, which wins over the `noRowsLabel` prop), the cell-range announcement, the Ask AI button (`aiAssistantButton`), the header filter row (`headerFilter*`, v3.6) and, since v3.9, every other built-in string (toolbar, column menu, filter, columns, pivot and AI panels, rows, overlays, live region). See [`GridLocaleText`](#gridlocaletext). |
 
 #### Imperative Ref
 
@@ -663,8 +663,8 @@ Context provider for overriding the grid's visual system.
 - **`colors`**: `primary`, `primaryDark`, `primaryLight`, `primaryFocus`, `secondary*`, `success`, `warning`, `error`, `info`, `white`, `black`, `gray` (`{ 50 … 900 }`). Toolbar, menu, selection and focus accents derive from `primary*` unless set directly.
 - **`typography`**: `fontFamily`, `fontFamilyMono`, `fontSizeXs` … `fontSizeXl`.
 - **`spacing`**: `xs` … `xxl`. **`borders`**: `widthThin/Medium/Thick`, `radiusSm` … `radiusXl`, `color`, `colorHover`. **`shadows`**: `sm` … `xl`.
-- **`grid`**: surfaces (`background`, `borderColor`, `headerBackground`, `headerText`, `headerHoverBackground`, `headerSortedBackground`, `rowText`, `rowHoverBackground`, `rowAlternateBackground`, `rowSelectedBackground`, `rowSelectedHoverBackground`, `cellFocusBorder`, `rangeBackground`, `rangeBorder` (v3.3), `pinnedLeftShadow`, `pinnedRightShadow`, `checkboxBg`, `checkboxBorder`), sizing (`rowHeightCompact`, `rowHeightStandard`, `rowHeightComfortable`, `headerHeight` in px, read by the grid's layout; the `rowHeight` / `headerHeight` props win), `cellPaddingX`, `cellPaddingY`, `cellFontSize`, `headerFontSize`; v3.7: fonts (`headerFontFamily`, `headerFontWeight`, `cellFontFamily`, `cellFontWeight`), `headerPaddingX`, outer `borderWidth` and `borderRadius`, dividers (`columnDividerWidth`, `headerColumnDividerWidth`, `rowDividerWidth`, `columnDividerColor`, `rowDividerColor`; `0` hides a divider).
-- **`overlays`**: colours (`background`, `text`, `border`, `shadow`, `item*`) and, v3.7, `fontFamily`, `fontWeight`, `fontSize` for menus and panels.
+- **`grid`**: surfaces (`background`, `borderColor`, `headerBackground`, `headerText`, `headerHoverBackground`, `headerSortedBackground`, `rowText`, `rowHoverBackground`, `rowAlternateBackground`, `rowSelectedBackground`, `rowSelectedHoverBackground`, `cellFocusBorder`, `rangeBackground`, `rangeBorder` (v3.3), `pinnedLeftShadow`, `pinnedRightShadow`, `checkboxBg`, `checkboxBorder`; v3.9: `checkboxCheckedBackground`, `checkboxCheckmark`, `expandIconColor`, `expandIconHoverColor`), sizing (`rowHeightCompact`, `rowHeightStandard`, `rowHeightComfortable`, `headerHeight` in px, read by the grid's layout; the `rowHeight` / `headerHeight` props win), `cellPaddingX`, `cellPaddingY`, `cellFontSize`, `headerFontSize`; v3.7: fonts (`headerFontFamily`, `headerFontWeight`, `cellFontFamily`, `cellFontWeight`), `headerPaddingX`, outer `borderWidth` and `borderRadius`, dividers (`columnDividerWidth`, `headerColumnDividerWidth`, `rowDividerWidth`, `columnDividerColor`, `rowDividerColor`; `0` hides a divider).
+- **`overlays`**: colours (`background`, `text`, `border`, `shadow`, `item*`) and, v3.7, `fontFamily`, `fontWeight`, `fontSize` for menus and panels; v3.9: `itemIndicatorColor` (the selection dot), `itemSelectedIcon`, `iconColor`, `sectionLabelText`, `dividerColor`.
 - **`toolbar`**, **`scrollbar`** (`thumbColor`, `trackColor`, `size`), **`skeleton`** (`baseColor`, `highlightColor`), **`transitions`**.
 
 #### Theme types
@@ -906,7 +906,7 @@ interface GridPivotValueField {
 
 ### `GridLocaleText`
 
-Override user-visible strings in the Pagination component and the empty state. All fields are optional.
+Override the grid's user-visible strings (visible text, `aria-label`, `title`, placeholder). All fields are optional; each one left out keeps its English default. Strings that contain a value (a header, a row id, a count) are functions.
 
 ```typescript
 interface GridLocaleText {
@@ -931,9 +931,98 @@ interface GridLocaleText {
   headerFilterTrue?: string;                        // "Yes"
   headerFilterFalse?: string;                       // "No"
   headerFilterOperators?: Partial<Record<GridFilterOperator, string>>; // operator names
+
+  // ── v3.9: every other UI string (default English shown) ──
+  // Grid, list view, overlays, live region
+  gridLabel; listViewLabel;                          // "Data grid", "Data grid list view" (the aria-label prop wins)
+  listViewItemCount(n); listViewPage(p, pc); listViewSelectedCount(n); // "3 items", "page 1 of 2", "2 selected"
+  loadingLabel; liveRegionLoading;                   // "Loading data", "Loading data..."
+  liveRegionError(message); liveRegionRowsFound(n);  // "Error: …", "4 rows found"
+  errorOverlayTitle; errorOverlayRetry;              // "Oops! Something went wrong", "Retry"
+  aggregationFooterLabel;                            // "Aggregation totals"
+  cellErrorLabel(field); cellErrorTooltip;           // "Error in cell: name", "Render error"
+  // Header
+  headerRowReorderLabel; headerRowReorderTooltip; headerDetailPanelLabel;
+  headerSelectAllLabel; headerDeselectAllLabel;      // "Select all rows", "Deselect all rows"
+  headerSortDescription(direction, priority, total); // "Sorted ascending, sort priority 1 of 2"
+  headerColumnMenuButtonLabel(header);               // "Open column menu for Name"
+  headerColumnResizeLabel(field); headerFilterNoFilterLabel(header);
+  // Rows
+  rowSelectLabel(id); rowDeselectLabel(id);          // "Select row 1", "Deselect row 1"
+  rowReorderLabel; rowDetailPanelExpandLabel; rowDetailPanelCollapseLabel; rowExpandLabel; rowCollapseLabel;
+  // Column menu
+  columnMenuLabel(header); columnMenuSortAscending; columnMenuSortDescending; columnMenuUnsort;
+  columnMenuPinColumn; columnMenuPinLeft; columnMenuPinLeftLabel; columnMenuPinRight; columnMenuPinRightLabel;
+  columnMenuUnpin; columnMenuUnpinLabel; columnMenuHideColumn; columnMenuHideColumnLabel(header);
+  columnMenuManageColumns; columnMenuManageColumnsLabel;
+  // Columns panel
+  columnsPanelSearchPlaceholder; columnsPanelDragToReorder; columnsPanelShowHideAll; columnsPanelReset; columnsPanelClose;
+  // Filter panel
+  filterPanelValueLabel(header); filterPanelOperatorLabel(header); filterPanelClearLabel(header); filterPanelClearTooltip;
+  filterPanelAny; filterPanelTrue; filterPanelFalse; filterPanelNumberPlaceholder; filterPanelValuePlaceholder;
+  filterPanelMatch; filterPanelAnd; filterPanelOr; filterPanelHiddenConditions(n); filterPanelNoColumns;
+  filterPanelOperators;                              // Partial<Record<GridFilterOperator, string>>, default: the operator id
+  // Toolbar and search (toolbarSearchPlaceholder also for QuickFilter)
+  toolbarLabel; toolbarSearchPlaceholder; toolbarSearchLabel; toolbarSearchClear;
+  toolbarColumns; toolbarColumnsLabel; toolbarColumnsPanelLabel;
+  toolbarFilters; toolbarFiltersLabel; toolbarFiltersActive; toolbarFiltersClearAll; toolbarFiltersClearAllTooltip;
+  toolbarFiltersClose; toolbarFiltersCloseTooltip; toolbarFiltersCloseLabel;
+  toolbarPivot; toolbarPivotLabel; toolbarPivotActive;
+  toolbarSummaries; toolbarSummariesLabel; toolbarSummariesActive(n); toolbarSummariesPanelLabel;
+  toolbarSummariesClearAll; toolbarSummariesClearAllTooltip; toolbarSummariesEmpty;
+  toolbarSummariesEmptyHintBefore; toolbarSummariesEmptyHintAfter;
+  toolbarAggregationFunctions;                       // Partial<Record<string, string>>, default: the function id
+  // Pivot panel
+  pivotPanelLabel; pivotMode; pivotReset; pivotResetTooltip;
+  pivotRowFields; pivotColumnFields; pivotValueFields;
+  pivotRowFieldsPlaceholder; pivotColumnFieldsPlaceholder; pivotValueFieldsPlaceholder;
+  pivotRemoveTooltip(header); pivotRemoveRowLabel(header); pivotRemoveColumnLabel(header); pivotRemoveValueLabel(header, fn);
+  pivotAggregationTooltip; pivotAggregationLabel(header);
+  pivotAggregationFunctions;                         // Partial<Record<string, string>>, default: the id in upper case
+  pivotAvailableFields; pivotAllFieldsInUse; pivotAddRow; pivotAddColumn; pivotAddValue;
+  pivotAddRowTooltip; pivotAddColumnTooltip; pivotAddValueTooltip;
+  pivotAddRowLabel(header); pivotAddColumnLabel(header); pivotAddValueLabel(header);
+  // AI assistant panel (aiAssistant.placeholder wins over aiAssistantPlaceholder)
+  aiAssistantTitle; aiAssistantClose; aiAssistantPromptLabel; aiAssistantPlaceholder;
+  aiAssistantStartDictation; aiAssistantStopDictation; aiAssistantAsk; aiAssistantStop; aiAssistantSuggestions;
+  aiAssistantAppliedChanges; aiAssistantRemoveChange(label); aiAssistantUndo; aiAssistantIgnored; aiAssistantIgnoredItem(message);
+  aiAssistantEarlier; aiAssistantThinking; aiAssistantStopped; aiAssistantUndone; aiAssistantChangeRemoved;
+  aiAssistantApplied(applied, ignored); aiAssistantNotValidated; aiAssistantFailed(message); aiAssistantUnknownError;
+  // Pagination buttons
+  paginationLabel; paginationFirstPageLabel; paginationFirstPageTooltip; paginationPreviousPageLabel;
+  paginationPreviousPageTooltip; paginationNextPageLabel; paginationNextPageTooltip;
+  paginationLastPageLabel; paginationLastPageTooltip;
+  // Cell selection stats bar
+  cellSelectionStatsCount; cellSelectionStatsSum; cellSelectionStatsAverage;
 }
 ```
 
+Each key's English default and parameter types are documented on `GridLocaleText` in `lib/types/locale.ts` (shown by editors on hover).
+
+### Locale text for every UI string (v3.9)
+
+Since v3.9 every built-in string of the grid goes through `localeText`: the toolbar and its panels, the column menu, the filter, columns, pivot and AI assistant panels, the row and select-all checkboxes, the pagination buttons, the loading and error overlays, the aggregation footer and the live-region announcements. Pass only the keys you translate; the rest stay English.
+
+```tsx
+<DataGrid
+  rows={rows}
+  columns={columns}
+  slots={{ toolbar: GridToolbar }}
+  localeText={{
+    toolbarSearchPlaceholder: 'Rechercher…',
+    columnMenuSortAscending: 'Tri croissant',
+    columnMenuHideColumnLabel: (header) => `Masquer la colonne ${header}`,
+    filterPanelOperators: { contains: 'contient' },
+    rowSelectLabel: (id) => `Sélectionner la ligne ${id}`,
+  }}
+/>
+```
+
+- The strings reach portalled menus and panels through React context, so a custom toolbar slot that renders the built-in `GridToolbar` is translated too.
+- Components used outside a grid (`ColumnVisibilityPanel`, `GridToolbar`, `FilterPanel`, `Pagination`, `QuickFilter`) show English. Their own props (`placeholder`, `aiAssistantLabel`, `Pagination`'s `localeText`) still win.
+- Not covered: the grouping column's default header (`'Group'`, set `groupingColDef.headerName`), pivot's `'Grand Total'` row label, export file contents, the AI change chips' labels, and developer console warnings.
+- An inline object of strings is fine: while it holds the same entries as on the previous render (records such as `filterPanelOperators` compared one level deep), the grid keeps the resolved strings and the rows are not re-rendered. Functions are compared by identity, so define function entries (`rowSelectLabel: id => …`) outside the render, or keep the whole object in a module constant or `useMemo`.
+
 ### `GridRowMeta`
 
 Available via `params.rowMeta` in `renderCell`. Undefined for non-hierarchy rows.

package/docs/architecture/datagrid-orchestration.md

@@ -113,10 +113,12 @@ in an effect, so **keep the call order when you move or add a hook**. In particu
 `GridToolbarSlot`, `GridAiAssistantArea` (the `aiAssistant` panel or `slots.aiAssistantPanel` while open, anchored under the toolbar), `GridStandaloneColumnPanel`, `GridListView` (list view) or `GridViewport` (`components/DataGrid/GridViewport.tsx`, the `role="grid"` viewport:
 `Header`, `GridPinnedRows` top, `GridEmptyState`, `GridVirtualRows`, `GridPinnedRows` bottom,
 `GridAggregationFooter`), `GridCellSelectionStatsArea` (`showCellSelectionStats` with `cellSelection`), then `slots.footer` or `GridPaginationArea`, `GridLiveRegion`,
-`GridLoadingOverlay` and `GridErrorOverlay`. `GridRoot` builds the overlay slot elements and passes the
+`GridLoadingOverlay` and `GridErrorOverlay`. `GridRoot` also provides `GridLocaleContext` (v3.9) around all of them: `localeText`, kept stable while shallowly equal (`useShallowStableValue`), resolved once by `resolveGridLocale` (`lib/utils/gridLocale.ts`); components and `Row` read it with `useGridLocale()` instead of a prop, so `Row` gets no prop that changes per render. `GridRoot` builds the overlay slot elements and passes the
 rest of its props on to `GridViewport`. The props all three row renderers take alike are built once in
 `GridViewport` (`rowRenderProps`) and spread into each. `rowRenderProps.cellRange` is the cell range's
 render rectangle; each row renderer turns it into a per-row `cellRange` (`getRowCellRange`), `null` for rows
 outside it, and `Row` is memoised with a value comparison of that prop, so a drag only re-renders the rows the
-range enters or leaves. `rowRenderProps.fillHandle` (v3.5) adds `fillHandleCol` to the one row that draws the fill
+range enters or leaves. The same rule holds for every row prop (v3.9): `editingCell` goes only to the row being
+edited, `focusedCellField` only to the focused row, and the row click and checkbox handlers keep one identity
+(`useGridRowInteractions` reads the latest handlers when called). `DataGrid.rowMemo.test.tsx` guards it. `rowRenderProps.fillHandle` (v3.5) adds `fillHandleCol` to the one row that draws the fill
 handle (a single selected cell gets an empty column interval, so it draws the handle but no range).

package/docs/architecture/use-grid-virtualization.md

@@ -90,6 +90,8 @@ Row heights include an expanded detail panel's height, so the prefix sums accoun
 
 Columns use the same search on `unpinnedAccWidths` (also inclusive), relative to the left edge of the unpinned area (`scrollLeft - leftPinnedWidth`), widened by 6 columns on each side. The skipped widths become `__spacer_left__` / `__spacer_right__` entries (`isSpacer: true`) in `virtualColumns`.
 
+The column window is computed in its own `useMemo` (v3.9), over the column parts of the layout (`unpinnedAccWidths`, `unpinnedColsWithWidth`, the pinned column lists and widths), `scrollLeft` and the viewport width only. A row change (an edit), a vertical scroll or a row-height change therefore keeps the same `virtualColumns` array, and `Row`, which is memoised on its props, does not re-render for it. `useLayout` returns the row and column parts from separate memos (v3.7.1), so the column fields keep their identity while rows change.
+
 When a column declares `colSpan` / `rowSpan`, `DataGrid` widens this window afterwards (`useGridSpanRowWindow` / `useGridSpanColumnWindow`) so a span whose origin is outside the window is not cut.
 
 ---

package/docs/components/pagination.md

@@ -41,7 +41,7 @@ You can replace the internal pagination UI using the `pagination` slot:
 
 ## 🌍 Internationalisation
 
-Pass `localeText` on `<DataGrid />` to override the text labels in the Pagination component (rows-per-page, range, and page-counter labels). The rows-per-page select takes its accessible name from the `paginationRowsPerPage` label. The navigation landmark label (`aria-label="Pagination"`) and the button labels and titles (`Go to next page`, `Next page`, …) are hardcoded and not overrideable via `localeText`.
+Pass `localeText` on `<DataGrid />` to override the text labels in the Pagination component (rows-per-page, range, and page-counter labels). The rows-per-page select takes its accessible name from the `paginationRowsPerPage` label. Since v3.9 the navigation landmark label (`paginationLabel`, default `"Pagination"`) and each button's label and tooltip (`paginationNextPageLabel` / `paginationNextPageTooltip` → `"Go to next page"` / `"Next page"`, and the same for First, Previous and Last) are `localeText` keys as well.
 
 | Key | Type | Default |
 | :--- | :--- | :--- |

package/docs/customization/theming.md

@@ -262,8 +262,12 @@ For visible gaps between cells instead of lines, set the divider colour to the g
 | `--ogx-fill-handle-color` | `var(--ogx-range-border)` | `var(--ogx-range-border)` | The fill handle square (`ogx__cell-fill-handle`, v3.5). Unset in the stylesheet, where it falls back to `--ogx-range-border`; every theme of `DataGridThemeProvider` sets it to `var(--ogx-range-border)`. Theme key `grid.fillHandleColor` |
 | `--ogx-grid-pinned-left-shadow` | `4px 0 24px...` | (darker) | Shadow on left-pinned columns |
 | `--ogx-grid-pinned-right-shadow` | `-4px 0 24px...` | (darker) | Shadow on right-pinned columns |
-| `--ogx-checkbox-bg` | — | `#1e293b` | Checkbox background (dark only) |
-| `--ogx-checkbox-border` | — | `#64748b` | Checkbox border (dark only) |
+| `--ogx-checkbox-bg` | — | `#1e293b` | Checkbox background (dark only). Theme key `grid.checkboxBg` |
+| `--ogx-checkbox-border` | — | `#64748b` | Checkbox border (dark only). Theme key `grid.checkboxBorder` |
+| `--ogx-checkbox-checked-bg` | primary | primary | Fill and border of a checked or indeterminate checkbox (v3.9). Theme key `grid.checkboxCheckedBackground` |
+| `--ogx-checkbox-checkmark` | `white` | `white` | Check mark and indeterminate dash (v3.9). Theme key `grid.checkboxCheckmark` |
+| `--ogx-expand-icon-color` | header text | header text | Expand / collapse chevron of group and tree rows (v3.9). Theme key `grid.expandIconColor` |
+| `--ogx-expand-icon-hover-color` | row text | row text | The chevron on hover (v3.9). Theme key `grid.expandIconHoverColor` |
 
 ### Toolbar, Overlay and Scrollbar Colors
 
@@ -282,6 +286,11 @@ Read with a fallback, so a grid without a provider looks the same as before. Ins
 | `--ogx-overlay-*` | `overlays.*` | white surface, gray border | Menus, panels, tooltips |
 | `--ogx-overlay-item-selected-bg` / `-text` | `overlays.itemSelected*` | 8% primary / primary-dark | Selected menu item |
 | `--ogx-overlay-item-danger-bg` / `-text` | `overlays.itemDanger*` | red tints | Remove-condition button in the filter panel |
+| `--ogx-overlay-item-indicator` | `overlays.itemIndicatorColor` (v3.9) | the selected item text | Dot before the selected option of a menu group (sort, pin) |
+| `--ogx-overlay-item-selected-icon` | `overlays.itemSelectedIcon` (v3.9) | primary | Icon of the selected menu option |
+| `--ogx-overlay-icon` | `overlays.iconColor` (v3.9) | gray-400 | Menu item icons |
+| `--ogx-overlay-section-label-text` | `overlays.sectionLabelText` (v3.9) | gray-400 | Menu section labels ("Pin column") |
+| `--ogx-overlay-divider` | `overlays.dividerColor` (v3.9) | overlay border | Lines between menu sections |
 | `--ogx-scrollbar-thumb` / `-track` / `-size` | `scrollbar.thumbColor` / `trackColor` / `size` | gray-300 / transparent / 8px | Grid viewport scrollbars |
 | `--ogx-skeleton-base` / `-highlight` | `skeleton.baseColor` / `highlightColor` | light grays | Loading skeleton rows |
 

package/docs/features/ai-toolkit.md

@@ -1,6 +1,6 @@
 # AI Toolkit: Schema, Validator, Assistant & Agent Tools
 
-*Since v3.4.0 (schema and validator); v3.5.0 (assistant panel, prompt handler, agent tools)* · Demos: [AI: Grid Schema & Validator](https://opencorestack.github.io/OpenGridX/ai-schema), [AI Assistant](https://opencorestack.github.io/OpenGridX/ai-assistant)
+*Since v3.4.0 (schema and validator); v3.5.0 (assistant panel, prompt handler, agent tools)* · Demos: [Grid Schema & Validator](https://opencorestack.github.io/OpenGridX/ai-schema), [AI Assistant](https://opencorestack.github.io/OpenGridX/ai-assistant)
 
 Let users drive the grid in plain language ("paid orders over $10k in the North, biggest first") with the model your app already uses. The `@opencorestack/opengridx/ai` entry point gives you the pieces the grid can own:
 

package/docs/features/rtl.md

@@ -42,7 +42,7 @@ The column menu is labelled by screen side: in RTL *Pin to Left* adds the column
 
 ## Known limitations
 
-- **Menu and panel labels are hard-coded English** ("Pin to Left", "Sort Ascending"); there is no `localeText` key for the column menu yet.
+- ~~Menu and panel labels are hard-coded English~~: since v3.9 every built-in string, including the column menu (`columnMenuPinLeft`, `columnMenuSortAscending`, …), is a `localeText` key. See *Locale text for every UI string* in [`API_REFERENCE.md`](../API_REFERENCE.md).
 - **Header filter operator symbols** are mirrored by the browser's bidi rules (`∋` shows as `∈`), as in any RTL text.
 - **`direction` set through CSS** (a class or stylesheet, not the `dir` attribute) and changed at runtime is not detected; scroll the grid or remount it with a `key`.
 - **Headless Chromium tests:** Playwright launches Chromium with `--hide-scrollbars`. With classic scrollbars (Linux) `scrollbar-gutter: stable` still reserves the gutter, and in RTL Chromium then cannot scroll the last gutter-width of the start into view (`scrollLeft` stops at minus the gutter). A plain scroller without the grid does the same and real browsers with visible scrollbars do not. Tests must compare with the browser's scroll origin, as `DataGrid.rtl.browser.test.tsx` does. To reproduce on macOS: `defaults write chrome-headless-shell AppleShowScrollBars Always` (undo with `defaults delete chrome-headless-shell`).

package/docs/performance.md

@@ -136,7 +136,7 @@ Measured with `npm run bench` (`bench/`), which installs the packed npm package
 | 500,000 (3.5.0) | 295 ms | 493 / 641 ms | 59 ms | 958 ms | 331 ms | 0 % | 39.4 MB |
 | 1,000,000 | 621 ms | 467 / 467 ms | 109 ms | 1,813 ms | 693 ms | 0 % | 76.9 MB |
 
-### Before and after the faster sort, quick filter and grouping (unreleased)
+### Before and after the faster sort, quick filter and grouping (3.6.0)
 
 Medians of 5 runs, the same machine, the 3.5.1 code (`122d431`) and the changed code (`e1df2f1`) measured back to back on 2026-10-12 (`bench/results/2026-10-12-apple-m1-darwin-before.json` and `bench/results/2026-10-12-apple-m1-darwin.json`). Load average at the start of each run: 2.9 (before) and 4.6 (after); an IDE, a browser and other tools were open. Row counts after every filter and grouping were identical in both runs.
 
@@ -162,6 +162,24 @@ What changed: sort keys are read once per row into typed arrays and strings are
 - **Sorting, the quick filter and grouping run on the main thread in one piece.** Up to 100k rows they finish in a few frames; at 1M a sort blocks the page for about 0.35–0.6 s in every engine, grouping for 0.7 s (1.8 s in Firefox), and the first quick-filter keystroke for about 1.8–3 s. For sorting or searching a million rows interactively, use server-side sorting and filtering.
 - **Reach:** past the browser's height cap rows cannot be scrolled to, and in Firefox the grid stops scrolling altogether. See [Reach](#reach-the-browser-height-ceiling).
 
+### Editing, selection and grouping at 1M rows (3.8 – 3.9)
+
+Measured in Chromium on an Apple M1, 1,000,000 rows, from the event to the end of its long task (best of three; not part of `npm run bench`, which covers mount, scroll, sort and filter).
+
+| Interaction | 3.7.0 | 3.8.0 | |
+| :--- | ---: | ---: | :--- |
+| Edit one cell | 561 ms | ~35 ms | the row store is updated in place; id lists over the visible rows are reused |
+| Paste 1,000 × 10 cells | ~790 ms | ~45 ms | |
+| Undo / redo of that paste | ~790 ms | ~45 ms | |
+| Fill 1,000 cells | 809 ms | ~50 ms | |
+| Expand a group | 279 ms | ~135 ms | leaf row metadata built once per tree |
+| Collapse a group | ~120 ms | ~1 ms | |
+| Select all | ~270 ms | ~270 ms | bounded by building 1M-id sets for the array `rowSelectionModel` |
+
+3.9.0 keeps rows memoised: selecting a row, starting or committing an edit, and vertical scrolling re-render only the rows they change (a click re-rendered every visible row, now one). React's own work per interaction is about 3–5 ms at 100k rows.
+
+To keep this, change rows by passing new row objects (never mutate them), keep `columns` and `localeText` shallowly stable (inline objects of plain values are fine; define function entries outside the render). Handlers such as `onRowClick` may be inline: the grid passes rows its own stable handlers.
+
 ### Method
 
 - **The app is the built package.** `bench/app` installs the tarball from `npm pack`, like a consumer, and is a production build (no React development checks).

package/docs/roadmap.md

@@ -85,14 +85,32 @@ This document tracks the current status of features in `OpenGridX` and outlines
 | **3.3.0** ✅ | shipped 7 Oct | **Cell range selection** (opt-in `cellSelection` prop): mouse drag, Shift+click, Shift+arrows; Ctrl+C / Cmd+C copies the block as TSV | Selection status bar (count, sum, average of selected cells); wrapped header text; React Compiler compatibility check |
 | **3.4.0** ✅ | shipped 8 Oct | **Paste from Excel / Google Sheets** into the selection, through `processRowUpdate` (values parsed per column type or `valueParser`, non-editable cells skipped, `onClipboardPaste` summary); **Delete clears a range**; built-in inputs and editors use the shared `Input` / `Checkbox` (`Input variant="cell"`). **Undo / redo** for cell edits and pastes (Ctrl+Z, Ctrl+Shift+Z / Ctrl+Y, `apiRef.undo()` / `redo()`) | **AI toolkit, part 1** in a new `@opencorestack/opengridx/ai` entry point: `getGridAiSchema(columns)` (JSON Schema of the filter, sort, grouping, aggregation, pivot and visibility models the columns allow) and `validateGridAiState(json, columns)` (drops unknown fields and operators, coerces values, returns errors) |
 | **3.5.0** ✅ | shipped 9 Oct | **AI toolkit, part 2**: `aiAssistant={{ onPrompt }}` Ask AI panel (chips, Undo, voice) that calls the app's own model through `createGridAiPromptHandler`; only validated replies apply; `createGridAgentTools(apiRef, columns)` (plain tool objects for CopilotKit, the Vercel AI SDK, provider tool calling or WebMCP) | **Header filter row** (`headerFilters`); **fill handle** (series, Alt copy, Ctrl/Cmd+D / R); `rowGroupingModel` controlled/uncontrolled pair |
+| **3.5.1** ✅ | shipped 10 Oct | **Content height capped to the browser's limit** (Firefox collapsed grids taller than ~17.9M px) | Dev warning names the reachable row count |
+| **3.6.0** ✅ | shipped 12 Oct | **Sorting 3–5× faster** (typed-array keys) | Next.js `'use client'` banner; optional peers safe in webpack / Turbopack; **RTL parts 1 and 2** (pinned columns); header filter `localeText` |
+| **3.7.0** ✅ | shipped 13 Oct | **Theme Builder** demo page + 16 theme keys | `DataGrid.tsx` split (`GridRoot` / `GridViewport`, composite hooks); types split per domain; demo smoke test |
+| **3.7.1** ✅ | shipped 13 Oct | Audit fixes: exports survive a throwing `valueGetter`; **formula escaping of `valueFormatter` text** (security) | Quick filter matches shown text; date paste fixes; list view theme; CSS reset scoped to the grid |
+| **3.8.0** ✅ | shipped 13 Oct | **Edits at 1M rows 10–20× faster** (in-place row store; edit ~35 ms, paste ~45 ms) | Group expand ~2×, collapse ~1 ms |
+| **3.8.1** ✅ | shipped 13 Oct | **Grid buttons keep their own styles** (AI panel, toolbar active states) | Exact `bigint` sort; stricter number text; dead-code cleanup; every export documented |
+| **3.9.0** ✅ | shipped 13 Oct | **`localeText` for every UI string** (~200 keys) | 9 theme keys + Theme Builder controls; rows stay memoised through selection and editing; demo sidebar by priority |
+| **3.9.1** ✅ | shipped 13 Oct | **npm package no longer ships 1.6 MB of test baselines** | `check:package` guard in CI; version badges read `package.json`; docs brought up to date |
+| 3.10.0 | open | AI change chips translatable | Backlog work below |
 | Freeze | 19 Dec – 5 Jan | Bug fixes only | — |
 
+### Now: backlog first (feature hold since 13 Oct)
+
+New features (the *Next* list below) wait until the open fixes, refactors and performance work are done. Tracked in [`superpowers/plans/2026-10-13-audit-tracker.md`](superpowers/plans/2026-10-13-audit-tracker.md):
+
+*   **Refactors** (no behaviour change): about 40 `as unknown as` casts (R4), files over 600 lines such as `GridToolbar.tsx` (R5), hooks with very wide parameter lists such as keyboard navigation (R6).
+*   **Performance**: the time-sliced filter / sort pipeline (held: 1.5–2× slower in total, needs to be within ~20 %); select-all at 1M rows (~270 ms, bounded by the array `rowSelectionModel`).
+*   **Demo**: syntax highlighting in the source viewer.
+*   **Bundle size (4.0)**: an app using only `DataGrid` ships 87 KB gzipped; opt-in [feature modules](superpowers/specs/2026-10-13-feature-modules-proposal.md) would save ~20 KB. Breaking, so planned for 4.0.
+
 ### Across the quarter
 
 *   ✅ **Published benchmark** (done 9 Oct): reproducible 10k / 100k / 500k / 1M-row numbers (scroll frame times, sort, filter and grouping time, memory, the reachable row) in [`docs/performance.md`](performance.md#benchmarks); rerun with `npm run bench`.
 *   ✅ **Next.js App Router guide** (done 12 Oct): [`docs/features/nextjs.md`](features/nextjs.md), verified with `next build` / `next start` on Next.js 15.5 and 16.4. The ES bundle now starts with `'use client'`.
-*   ✅ **RTL check** (done 12 Oct): [`docs/features/rtl.md`](features/rtl.md). Fixed: text alignment, horizontal scrolling and column virtualization, arrow keys, the resize and fill handles, range outlines and auto-scroll, toolbar panel placement. Pinned columns remain a limitation (Q1 2027).
-*   **Demo site**: source viewer on all examples (`DocsLayout` with Vite `?raw`) and syntax highlighting, done alongside each release's demo page.
+*   ✅ **RTL check** (done 12 Oct): [`docs/features/rtl.md`](features/rtl.md). Fixed: text alignment, horizontal scrolling and column virtualization, arrow keys, the resize and fill handles, range outlines and auto-scroll, toolbar panel placement; pinned columns followed in RTL part 2.
+*   **Demo site**: ✅ source viewer on every example (`DocsLayout` with Vite `?raw`); syntax highlighting still open.
 
 ### Definition of done for each feature
 
@@ -115,7 +133,7 @@ This document tracks the current status of features in `OpenGridX` and outlines
 *   **Undo must cover rejected updates**: a `processRowUpdate` that throws or a paste that partly fails must leave the history consistent.
 *   **Wrong AI filters** that look plausible: the validator, visible chips and undo are required, not optional.
 
-## 🔭 Next (Q1 2027)
+## 🔭 Next (Q1 2027) — on hold until the backlog above is closed
 
 
 *   **Row reordering inside tree data and row groups**, touch-friendly (MUI #4821, 405 👍, not in MUI X).
@@ -125,7 +143,7 @@ This document tracks the current status of features in `OpenGridX` and outlines
 *   **Sparklines** and a charts adapter that passes grid state to any chart library.
 *   **AI toolkit, part 3**: smart paste (unstructured text → pending rows) and `apiRef.getAiContext()` for "summarise selection"; an `opengridx-mcp` docs server for coding assistants.
 *   **Tailwind / shadcn theme preset**, sticky header against page scroll.
-*   ✅ **RTL, part 2** (done 12 Oct, [`rtl.md`](features/rtl.md)): pinned columns and pinned system columns with logical sticky offsets and mirrored shadows, column menu pinning by screen side, mirrored pagination arrows and tree chevrons, a direction change on a mounted grid, column reorder by drag checked. Remaining: hard-coded English menu labels (no `localeText` yet), and the bidi-mirrored header filter operator symbols.
+*   ✅ **RTL, part 2** (done 12 Oct, [`rtl.md`](features/rtl.md)): pinned columns and pinned system columns with logical sticky offsets and mirrored shadows, column menu pinning by screen side, mirrored pagination arrows and tree chevrons, a direction change on a mounted grid, column reorder by drag checked. Remaining: the bidi-mirrored header filter operator symbols (the menu labels became `localeText` keys in 3.9).
 
 ### Not planned
 
@@ -136,6 +154,9 @@ This document tracks the current status of features in `OpenGridX` and outlines
 
 ## ✅ Implemented Features (Recent)
 
+### 3.3 – 3.9 *(2026-10-07 → 2026-10-13)*
+- Spreadsheet editing (range selection, paste, undo / redo, fill handle), the AI toolkit (schema, validator, Ask AI panel, agent tools), header filters, the 1M-row benchmark and height cap, 3–5× faster sorting, RTL, the Theme Builder, a full audit with security and correctness fixes, 10–20× faster edits at 1M rows and `localeText` for every string. See the release table above and [CHANGELOG.md](../CHANGELOG.md).
+
 ### 3.x releases *(2026-09-29 → 2026-10-01)*
 - **3.0.0** correctness release (rows never modified, typed generics, React 18 support), **3.0.1** fill-height layout fix, **3.1.0** `sortComparator` and column auto-size, **3.2.0** non-blocking PDF export, **3.2.1** Safari boolean editor fix, **3.2.2** linear-time export regexes. Details in [CHANGELOG.md](../CHANGELOG.md); upgrade guide in [migration/v2-to-v3.md](migration/v2-to-v3.md).
 - Package smoke suite against the packed tarball in React 18 and 19 apps, pull-request CI, community files and a wiki generated from these docs.
@@ -158,5 +179,5 @@ This document tracks the current status of features in `OpenGridX` and outlines
 - **Core hook tests**: `useGridRowPipeline`, `useGridControlledState`, `useGridKeyboardNavigation` now have full test coverage (25 new tests).
 - **`CLAUDE.md`**: Root-level AI context file auto-loaded by Claude Code and other AI coding assistants.
 
-*   **Demo app (partial)**: 32 interactive examples across 6 categories (Main features, Advanced features, Components, Customization, Tutorials, Resources) with categorized sidebar navigation and per-page Table of Contents. Source code viewer present on 6 of 32 examples. Syntax highlighting and public deployment are in the upcoming Demo Site section above.
+*   **Demo app**: 56 pages in 13 categories ordered by what developers look for first (3.9), a per-page table of contents, the source viewer on every example, and public deployment on GitHub Pages with a smoke test of every route. Syntax highlighting is still open.
 *   **Quickstart & Installation Guides**: Comprehensive onboarding documentation for developers.

package/lib/components/AiAssistant/GridAiAssistantPanel.tsx

@@ -3,6 +3,7 @@ import type { GridAiAssistantPanelProps } from '../../types';
 import { Button } from '../ui/Button';
 import { Input } from '../ui/Input';
 import { useSpeechInput } from './useSpeechInput';
+import { useGridLocale } from '../DataGrid/gridLocaleContext';
 
 /** The sparkle of the Ask AI button and the panel title. */
 export function AiSparkleIcon() {
@@ -33,6 +34,7 @@ export function GridAiAssistantPanel(props: GridAiAssistantPanelProps) {
         status, statusText, message, errors, chips, history, suggestions, placeholder, voiceAvailable, canUndo,
         submit, stop, undo, removeChip, close,
     } = props;
+    const locale = useGridLocale();
     const [text, setText] = useState('');
     const inputRef = useRef<HTMLInputElement>(null);
     const speech = useSpeechInput(setText);
@@ -59,10 +61,10 @@ export function GridAiAssistantPanel(props: GridAiAssistantPanelProps) {
     };
 
     return (
-        <div className="ogx-ai-panel" role="dialog" aria-label="Ask AI">
+        <div className="ogx-ai-panel" role="dialog" aria-label={locale.aiAssistantTitle}>
             <div className="ogx-ai-panel__header">
-                <span className="ogx-ai-panel__title"><AiSparkleIcon />Ask AI</span>
-                <Button size="small" className="ogx-ai-panel__close" aria-label="Close" onClick={close}>×</Button>
+                <span className="ogx-ai-panel__title"><AiSparkleIcon />{locale.aiAssistantTitle}</span>
+                <Button size="small" className="ogx-ai-panel__close" aria-label={locale.aiAssistantClose} onClick={close}>×</Button>
             </div>
 
             <form className="ogx-ai-panel__form" onSubmit={handleSubmit}>
@@ -71,7 +73,7 @@ export function GridAiAssistantPanel(props: GridAiAssistantPanelProps) {
                     className="ogx-ai-panel__input"
                     value={text}
                     placeholder={placeholder}
-                    aria-label="Prompt"
+                    aria-label={locale.aiAssistantPromptLabel}
                     autoComplete="off"
                     onChange={(event) => setText(event.target.value)}
                 />
@@ -80,7 +82,7 @@ export function GridAiAssistantPanel(props: GridAiAssistantPanelProps) {
                         size="small"
                         variant="outlined"
                         className={`ogx-ai-panel__mic${speech.listening ? ' ogx-ai-panel__mic--on' : ''}`}
-                        aria-label={speech.listening ? 'Stop dictation' : 'Dictate a prompt'}
+                        aria-label={speech.listening ? locale.aiAssistantStopDictation : locale.aiAssistantStartDictation}
                         aria-pressed={speech.listening}
                         onClick={speech.toggle}
                     >
@@ -89,12 +91,12 @@ export function GridAiAssistantPanel(props: GridAiAssistantPanelProps) {
                 )}
                 {/* Separate keys: one reused <button> would turn into the submit button during the Stop click and submit again. */}
                 {running
-                    ? <Button key="stop" size="small" variant="outlined" onClick={thenFocusInput(stop)}>Stop</Button>
-                    : <Button key="ask" size="small" variant="contained" color="primary" type="submit" disabled={text.trim() === ''}>Ask</Button>}
+                    ? <Button key="stop" size="small" variant="outlined" onClick={thenFocusInput(stop)}>{locale.aiAssistantStop}</Button>
+                    : <Button key="ask" size="small" variant="contained" color="primary" type="submit" disabled={text.trim() === ''}>{locale.aiAssistantAsk}</Button>}
             </form>
 
             {suggestions.length > 0 && (
-                <div className="ogx-ai-panel__suggestions" aria-label="Suggestions" role="group">
+                <div className="ogx-ai-panel__suggestions" aria-label={locale.aiAssistantSuggestions} role="group">
                     {suggestions.map((suggestion) => (
                         <button key={suggestion} type="button" className="ogx-ai-panel__suggestion" disabled={running} onClick={() => send(suggestion)}>
                             {suggestion}
@@ -108,29 +110,29 @@ export function GridAiAssistantPanel(props: GridAiAssistantPanelProps) {
 
             {(chips.length > 0 || canUndo) && (
                 <div className="ogx-ai-panel__changes">
-                    <ul className="ogx-ai-panel__chips" aria-label="Applied changes">
+                    <ul className="ogx-ai-panel__chips" aria-label={locale.aiAssistantAppliedChanges}>
                         {chips.map((chip) => (
                             <li key={chip.id} className="ogx-ai-chip" data-part={chip.part}>
                                 <span className="ogx-ai-chip__label">{chip.label}</span>
-                                <button type="button" className="ogx-ai-chip__remove" aria-label={`Remove ${chip.label}`} onClick={thenFocusInput(() => removeChip(chip.id))}>×</button>
+                                <button type="button" className="ogx-ai-chip__remove" aria-label={locale.aiAssistantRemoveChange(chip.label)} onClick={thenFocusInput(() => removeChip(chip.id))}>×</button>
                             </li>
                         ))}
                     </ul>
-                    {canUndo && <Button size="small" variant="outlined" className="ogx-ai-panel__undo" onClick={thenFocusInput(undo)}>Undo</Button>}
+                    {canUndo && <Button size="small" variant="outlined" className="ogx-ai-panel__undo" onClick={thenFocusInput(undo)}>{locale.aiAssistantUndo}</Button>}
                 </div>
             )}
 
             {errors.length > 0 && (
-                <ul className="ogx-ai-panel__errors" aria-label="Ignored">
+                <ul className="ogx-ai-panel__errors" aria-label={locale.aiAssistantIgnored}>
                     {errors.map((error, i) => (
-                        <li key={`${error.path}:${i}`}>{error.path ? `Ignored: ${error.message}` : error.message}</li>
+                        <li key={`${error.path}:${i}`}>{error.path ? locale.aiAssistantIgnoredItem(error.message) : error.message}</li>
                     ))}
                 </ul>
             )}
 
             {history.length > 0 && (
                 <div className="ogx-ai-panel__history">
-                    <div className="ogx-ai-panel__history-title">Earlier</div>
+                    <div className="ogx-ai-panel__history-title">{locale.aiAssistantEarlier}</div>
                     <ul>
                         {history.map((entry, i) => (
                             <li key={`${i}:${entry.prompt}`}>

package/lib/components/Cell/CellErrorBoundary.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import { useGridLocale } from '../DataGrid/gridLocaleContext';
 
 // Must live at module scope (not inline) so React sees a stable component type.
 // Calling renderFn() here puts the throw one level BELOW CellErrorBoundary,
@@ -10,6 +11,21 @@ function CellRenderTarget({ renderFn }: { renderFn: () => React.ReactNode }) {
     return <>{renderFn()}</>;
 }
 
+/** The cell content after `renderCell` threw: a warning sign labelled with the field. */
+function CellErrorMarker({ field, message }: { field: string; message: string | undefined }) {
+    const locale = useGridLocale();
+    return (
+        <div
+            className="ogx__cell-error"
+            role="img"
+            aria-label={locale.cellErrorLabel(field)}
+            title={message ?? locale.cellErrorTooltip}
+        >
+            ⚠
+        </div>
+    );
+}
+
 interface CellErrorBoundaryProps {
     renderFn: () => React.ReactNode;
     field: string;
@@ -59,16 +75,7 @@ export class CellErrorBoundary extends React.Component<CellErrorBoundaryProps, C
 
     override render() {
         if (this.state.hasError) {
-            return (
-                <div
-                    className="ogx__cell-error"
-                    role="img"
-                    aria-label={`Error in cell: ${this.props.field}`}
-                    title={this.state.error?.message ?? 'Render error'}
-                >
-                    ⚠
-                </div>
-            );
+            return <CellErrorMarker field={this.props.field} message={this.state.error?.message} />;
         }
         return <CellRenderTarget renderFn={this.props.renderFn} />;
     }

package/lib/components/CellSelectionStats/CellSelectionStats.tsx

@@ -1,5 +1,6 @@
 import { formatAggregationValue } from '../../utils/aggregation';
 import type { GridCellSelectionStatsSlotProps } from '../../types';
+import { useGridLocale } from '../DataGrid/gridLocaleContext';
 
 export type CellSelectionStatsProps = GridCellSelectionStatsSlotProps & Record<string, unknown>;
 
@@ -9,21 +10,22 @@ export type CellSelectionStatsProps = GridCellSelectionStatsSlotProps & Record<s
  * @since v3.3
  */
 export function CellSelectionStats({ count, sum, average }: CellSelectionStatsProps) {
+    const locale = useGridLocale();
     return (
         <div className="ogx__cell-selection-stats">
             <span className="ogx__cell-selection-stat">
-                <span className="ogx__cell-selection-stat-label">Count</span>
+                <span className="ogx__cell-selection-stat-label">{locale.cellSelectionStatsCount}</span>
                 <span className="ogx__cell-selection-stat-value" data-stat="count">{count.toLocaleString()}</span>
             </span>
             {sum !== null && (
                 <span className="ogx__cell-selection-stat">
-                    <span className="ogx__cell-selection-stat-label">Sum</span>
+                    <span className="ogx__cell-selection-stat-label">{locale.cellSelectionStatsSum}</span>
                     <span className="ogx__cell-selection-stat-value" data-stat="sum">{formatAggregationValue(sum, 'sum')}</span>
                 </span>
             )}
             {average !== null && (
                 <span className="ogx__cell-selection-stat">
-                    <span className="ogx__cell-selection-stat-label">Average</span>
+                    <span className="ogx__cell-selection-stat-label">{locale.cellSelectionStatsAverage}</span>
                     <span className="ogx__cell-selection-stat-value" data-stat="average">{formatAggregationValue(average, 'avg')}</span>
                 </span>
             )}

package/lib/components/ColumnResizeHandle/ColumnResizeHandle.tsx

@@ -1,6 +1,7 @@
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { clampResizeWidth } from './clampResizeWidth';
 import { isRtl, logicalArrowKey } from '../../utils/direction';
+import { useGridLocale } from '../DataGrid/gridLocaleContext';
 
 
 export interface ColumnResizeHandleProps {
@@ -49,6 +50,7 @@ function suppressNextClick(): void {
 
 export function ColumnResizeHandle(props: ColumnResizeHandleProps) {
     const { field, currentWidth, onResize, onAutosize, minWidth, maxWidth, edge = 'end' } = props;
+    const locale = useGridLocale();
     const [isDragging, setIsDragging] = useState(false);
     const activeRef = useRef<ActiveResize | null>(null);
 
@@ -164,7 +166,7 @@ export function ColumnResizeHandle(props: ColumnResizeHandleProps) {
             onKeyDown={handleKeyDown}
             role="separator"
             aria-orientation="vertical"
-            aria-label={`Resize ${field} column`}
+            aria-label={locale.headerColumnResizeLabel(field)}
             aria-valuenow={Math.round(currentWidth)}
             aria-valuemin={Math.round(Math.min(minWidth ?? 50, currentWidth))}
             aria-valuemax={maxWidth}

package/lib/components/ColumnVisibilityPanel/ColumnVisibilityPanel.tsx

@@ -1,6 +1,7 @@
 import { useState, useMemo, useRef, useId } from 'react';
 import { Checkbox } from '../ui/Checkbox';
 import { Input } from '../ui/Input';
+import { useGridLocale } from '../DataGrid/gridLocaleContext';
 import type { GridColDef, GridRowModel, GridValidRowModel } from '../../types';
 
 
@@ -48,6 +49,7 @@ export function ColumnVisibilityPanel<R extends GridValidRowModel = GridRowModel
     props: ColumnVisibilityPanelProps<R>
 ) {
     const { columns, visibleColumns, onVisibilityChange, onShowAll, onHideAll, onColumnReorder, onColumnOrderReset, showNonHideableColumns } = props;
+    const locale = useGridLocale();
     const [searchQuery, setSearchQuery] = useState('');
     // Each checkbox is named by a <label htmlFor> holding the column name. (Wrapping Checkbox,
     // which renders its own <label>, in another <label> nested labels and left the name to a
@@ -119,7 +121,7 @@ export function ColumnVisibilityPanel<R extends GridValidRowModel = GridRowModel
                     <Input
                         autoComplete="off"
                         inputClassName="ogx-column-visibility-panel__search-input"
-                        placeholder="Search"
+                        placeholder={locale.columnsPanelSearchPlaceholder}
                         value={searchQuery}
                         onChange={(e) => setSearchQuery(e.target.value)}
                     />
@@ -153,7 +155,7 @@ export function ColumnVisibilityPanel<R extends GridValidRowModel = GridRowModel
                                     className="ogx-column-visibility-panel__drag-handle-wrapper"
                                     draggable
                                     onDragStart={handleDragStart(col.field)}
-                                    title="Drag to reorder"
+                                    title={locale.columnsPanelDragToReorder}
                                 >
                                     <DragHandleIcon />
                                 </span>
@@ -185,7 +187,7 @@ export function ColumnVisibilityPanel<R extends GridValidRowModel = GridRowModel
                         onChange={handleToggleAll}
                     />
                     <label htmlFor={`${idBase}-all`} className="ogx-column-visibility-panel__label">
-                        Show/Hide All
+                        {locale.columnsPanelShowHideAll}
                     </label>
                 </div>
                 <button
@@ -193,7 +195,7 @@ export function ColumnVisibilityPanel<R extends GridValidRowModel = GridRowModel
                     className="ogx-column-visibility-panel__reset-btn"
                     onClick={() => { onShowAll(); onColumnOrderReset?.(); }}
                 >
-                    Reset
+                    {locale.columnsPanelReset}
                 </button>
             </div>
         </div>

package/lib/components/DataGrid/GridAggregationFooter.tsx

@@ -3,6 +3,7 @@ import { formatAggregateForColumn, isAggregationAllowed } from '../../utils/aggr
 import type { GridColDef, GridAggregationModel, GridAggregationResult, GridColumnPinning } from '../../types';
 import { calculatePinnedPositions, getPinnedEdgeFields, isColumnPinned } from '../../utils/pinning';
 import { getRenderedColumnWidth } from '../../utils/columnWidth';
+import { useGridLocale } from './gridLocaleContext';
 
 const SYSTEM_COLUMN_WIDTH = 48;
 
@@ -41,6 +42,7 @@ export function GridAggregationFooter({
     pinnedColumns,
     loading = false,
 }: GridAggregationFooterProps) {
+    const locale = useGridLocale();
     // Same offsets as Row, so pinned totals sit exactly under their pinned body cells.
     const pinnedOffsets = useMemo(
         () => calculatePinnedPositions(
@@ -77,7 +79,7 @@ export function GridAggregationFooter({
         <div
             className={`ogx__aggregation-footer${loading ? ' ogx__aggregation-footer--loading' : ''}`}
             role="row"
-            aria-label="Aggregation totals"
+            aria-label={locale.aggregationFooterLabel}
             aria-live="polite"
             aria-busy={loading || undefined}
             style={{ minHeight: `${rowHeight}px` }}