nexus-shared 3.1.0 → 3.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (104) hide show
  1. package/CHANGELOG.md +704 -446
  2. package/LICENSE +21 -21
  3. package/README.md +44 -5
  4. package/dist/Client.Index.d.ts +3 -0
  5. package/dist/Client.Index.js +3 -0
  6. package/dist/Components/Forms/Crud.js +322 -161
  7. package/dist/Components/Forms/CrudHistory.d.ts +66 -0
  8. package/dist/Components/Forms/CrudHistory.js +140 -0
  9. package/dist/Components/Forms/CrudParts.js +2 -1
  10. package/dist/Components/Forms/Form.js +4 -1
  11. package/dist/Components/Inputs/CodeBox.d.ts +69 -0
  12. package/dist/Components/Inputs/CodeBox.js +316 -0
  13. package/dist/Components/Inputs/DatePicker.js +4 -1
  14. package/dist/Components/Inputs/DateRangePicker.js +4 -1
  15. package/dist/Components/Inputs/DateTimePicker.js +4 -1
  16. package/dist/Components/Inputs/Dropdown.js +4 -1
  17. package/dist/Components/Inputs/InputRenderer.js +3 -0
  18. package/dist/Components/Inputs/NumberBox.js +4 -2
  19. package/dist/Components/Inputs/TextArea.js +4 -1
  20. package/dist/Components/Inputs/TextBox.js +4 -1
  21. package/dist/Components/Inputs/TimePicker.js +4 -1
  22. package/dist/Components/Inputs/TreeView.d.ts +55 -5
  23. package/dist/Components/Inputs/TreeView.js +372 -23
  24. package/dist/Components/Layouts/ThemePicker.d.ts +3 -2
  25. package/dist/Components/Layouts/ThemePicker.js +16 -4
  26. package/dist/Components/Viewers/DataTable.js +63 -21
  27. package/dist/Components/Viewers/DataTableParts.d.ts +26 -8
  28. package/dist/Components/Viewers/DataTableParts.js +39 -10
  29. package/dist/Helpers/ApiModules.d.ts +3 -34
  30. package/dist/Helpers/ApiModules.js +3 -3
  31. package/dist/Helpers/ApiRoutes.d.ts +68 -26
  32. package/dist/Helpers/ApiRoutes.js +31 -27
  33. package/dist/Helpers/ArrayHelpers.d.ts +0 -0
  34. package/dist/Helpers/ArrayHelpers.js +2 -0
  35. package/dist/Helpers/CodeHelpers.d.ts +97 -0
  36. package/dist/Helpers/CodeHelpers.js +332 -0
  37. package/dist/Helpers/CrudBackend.d.ts +94 -4
  38. package/dist/Helpers/CrudBackend.js +168 -9
  39. package/dist/Helpers/CrudColumns.d.ts +51 -0
  40. package/dist/Helpers/CrudColumns.js +69 -0
  41. package/dist/Helpers/CrudHelpers.d.ts +50 -5
  42. package/dist/Helpers/CrudHelpers.js +109 -12
  43. package/dist/Helpers/InputParamsHelpers.js +8 -0
  44. package/dist/Helpers/MessageBuilder.js +2 -0
  45. package/dist/Helpers/NexusHelpers.d.ts +0 -0
  46. package/dist/Helpers/NexusHelpers.js +1 -0
  47. package/dist/Helpers/RequestCache.d.ts +35 -0
  48. package/dist/Helpers/RequestCache.js +113 -0
  49. package/dist/Helpers/TableExport.js +12 -12
  50. package/dist/Helpers/TableHelpers.d.ts +1 -1
  51. package/dist/Helpers/TableHelpers.js +7 -2
  52. package/dist/Helpers/TableJoins.d.ts +70 -0
  53. package/dist/Helpers/TableJoins.js +250 -0
  54. package/dist/Helpers/TableStore.d.ts +5 -0
  55. package/dist/Helpers/TableStore.js +9 -0
  56. package/dist/Helpers/TreeStore.d.ts +225 -11
  57. package/dist/Helpers/TreeStore.js +683 -90
  58. package/dist/Helpers/UserPreferences.d.ts +8 -0
  59. package/dist/Helpers/UserPreferences.js +17 -0
  60. package/dist/Interfaces/CrudInterfaces.d.ts +47 -9
  61. package/dist/Interfaces/FormInterfaces.d.ts +4 -1
  62. package/dist/Interfaces/InputInterfaces.d.ts +24 -0
  63. package/dist/Interfaces/MessageInterfaces.d.ts +1 -1
  64. package/dist/Interfaces/PreferenceInterfaces.d.ts +8 -0
  65. package/dist/Interfaces/PreferenceInterfaces.js +2 -5
  66. package/dist/Interfaces/TableInterfaces.d.ts +86 -4
  67. package/dist/Services/ApiProxy.d.ts +36 -1
  68. package/dist/Services/ApiProxy.js +182 -52
  69. package/dist/Services/ApiProxyRules.d.ts +203 -0
  70. package/dist/Services/ApiProxyRules.js +426 -0
  71. package/dist/Services/JoinSources.d.ts +48 -0
  72. package/dist/Services/JoinSources.js +74 -0
  73. package/dist/Services/ServerApi.d.ts +13 -2
  74. package/dist/Services/ServerApi.js +8 -3
  75. package/dist/Shared.Index.d.ts +4 -0
  76. package/dist/Shared.Index.js +4 -0
  77. package/package.json +87 -85
  78. package/src/Styles/Nexus.Avatar.css +79 -79
  79. package/src/Styles/Nexus.Base.css +117 -117
  80. package/src/Styles/Nexus.Button.css +180 -180
  81. package/src/Styles/Nexus.Calendar.css +273 -273
  82. package/src/Styles/Nexus.Chat.css +1443 -1443
  83. package/src/Styles/Nexus.Choice.css +343 -343
  84. package/src/Styles/Nexus.Crud.css +168 -168
  85. package/src/Styles/Nexus.DateTime.css +81 -81
  86. package/src/Styles/Nexus.Dropdown.css +725 -725
  87. package/src/Styles/Nexus.Editor.css +295 -295
  88. package/src/Styles/Nexus.Excel.css +389 -389
  89. package/src/Styles/Nexus.Form.css +279 -279
  90. package/src/Styles/Nexus.Index.css +37 -37
  91. package/src/Styles/Nexus.Input.css +196 -4
  92. package/src/Styles/Nexus.Markdown.css +237 -237
  93. package/src/Styles/Nexus.Menu.css +237 -237
  94. package/src/Styles/Nexus.Popup.css +724 -724
  95. package/src/Styles/Nexus.Rows.css +637 -637
  96. package/src/Styles/Nexus.Slider.css +276 -276
  97. package/src/Styles/Nexus.Tab.Buttons.css +432 -432
  98. package/src/Styles/Nexus.Table.css +31 -30
  99. package/src/Styles/Nexus.Theme.Picker.css +59 -3
  100. package/src/Styles/Nexus.Themes.css +194 -194
  101. package/src/Styles/Nexus.Time.css +144 -144
  102. package/src/Styles/Nexus.Toast.css +263 -263
  103. package/src/Styles/Nexus.Tokens.css +89 -89
  104. package/src/Styles/Nexus.Tree.css +500 -431
package/CHANGELOG.md CHANGED
@@ -1,446 +1,704 @@
1
- # Changelog
2
-
3
- Notable changes to `nexus-shared`. The **values** of exported constants count as API here: several of them are the
4
- Nexus backend's own numbers, and a value that differs from the backend by one does not fail loudly — it silently
5
- means the wrong thing on every record and every permission check.
6
-
7
- ## 3.1.0
8
-
9
- **New features, no code break.** Every export of `3.0.0` is still exported (49 are new: 33 from `nexus-shared`, 16 from
10
- `nexus-shared/client`), and no exported constant changed its value, so `^3.0.0` takes it. The owner chose the number
11
- on 2026-10-08. What can move for an app is its **stylesheet overrides**: these class names and custom properties were
12
- renamed or dropped, and an override of the old name no longer applies.
13
-
14
- | Was | Now |
15
- |---|---|
16
- | `.nx-columns__head`, `__title`, `__count`, `__foot` | `.nx-table-panel__head`, `__title`, `__count`, `__foot` |
17
- | `.nx-table-panel__body` | `.nx-popover__scroll` |
18
- | `.nx-chat-avatar`, `--nx-chat-avatar` | `.nx-avatar`, `--nx-avatar-size` |
19
- | `.nx-table__frame`'s border | on `.nx-table` |
20
- | `--nx-field-scrollbar`, `--nx-field-scrollbar-hover`, `--nx-dropdown-scrollbar`, `--nx-time-scrollbar` | gone: one thin bar everywhere |
21
- | `.nx-form__skeleton*` | gone: a loading form shows its real inputs, disabled |
22
- | `.nx-excel__refused` | gone: the import's report lists are `.nx-excel__problems` |
23
-
24
- - **Bulk insert, and rows added to an import (the owner, 2026-10-07).** `ExcelImport` and `openExcelImport` take
25
- `mode: "bulk"`: the import with no file, its new rows' editor opening with one empty row for the person to type
26
- into, sent to the same `Excel/Import` with the same checks, a problem then naming its row ("Row 3 · Region name").
27
- `DataTable` offers it as **Bulk insert** beside **Import from a spreadsheet**, and only beside an Add, as it is an Add
28
- of many rows (`TableExcel.bulk: false` leaves it out). A sheet with a required list cannot be typed in - a list's key
29
- is picked in the spreadsheet - and the panel says so; its file review takes no added rows either. Any other file's
30
- new rows take Add, Insert and Duplicate: an added row is numbered after every row the file had
31
- (`excelSheetRows(rows, columns, after)`), and one left empty is dropped, not refused. The new rows no longer fold
32
- away (folding unmounted the editor and lost every edit), the footer counts what will be sent, and the review is inert
33
- while an import is out.
34
- - **Nothing typed is lost unasked.** Closing the window, or Start over, over rows typed or changed in it asks first
35
- (`ExcelImportHandle.unsavedRows`); picking the entry again while its window is minimized brings that window back
36
- rather than a fresh one. An untouched date or time is no edit: `toInputValue` reads them as their inputs do.
37
- - **An import that wrote nothing keeps its rows** and lists under them each refusal, by row, in the backend's words:
38
- `readExcelResponse` keeps a refusal's report (`result`, as XLS_X044 sends it) instead of dropping it, so the panel no
39
- longer says only "No Region was added". Refusals read in row order.
40
- - `ExcelEditorRow`'s three own fields are optional, as an added row has none; new helpers `excelRowNumber`,
41
- `hasExcelValues` and `isExcelRowTyped`, and `excelProblemPlace(problem, byRow)`. `RowsInputHandle.remove(index,
42
- { undo: false })` drops a row with no Undo offered, and keeps the person's own last Undo where it was.
43
- - **A list shows what an import wrote.** After an import, `DataTable` runs `excel.onImported` first and reads its rows
44
- after it: a `Crud` drops its cached lists there, and the reload used to be asked before, so on a page just opened it
45
- was answered from the cache and the imported rows stayed off the screen until a reload.
46
- - **What imported records start as.** `ExcelSettings` gains `recordStatuses` (`ExcelRecordStatus`: `value`, `label`)
47
- and `defaultRecordStatus`; when a model offers any, the import shows "New records start as", the default picked,
48
- and sends the choice (`importExcelRows(..., { recordStatus })`; `ExcelBackend.importRequest(rows, recordStatus?)`,
49
- the Nexus one sending `{ rows, recordStatus }`). The report says "3 cities added as In review".
50
- - **`Crud`, from the owner's review on 2026-10-07.** The active list is labelled **Active**, not "All" - it leaves out
51
- the trash and the deleted. **Recover asks first** ("Recover Asia?", "It goes back to the active list."), one record
52
- or many, like trash and delete. Recover and Move back to trash wear the back arrow (`iconArrowBackUp`): the
53
- clock-shaped restore icon read as History beside a page's history action.
54
- - **`details.actions`**: buttons of the page's own in the details popup's footer, before Edit and Close
55
- (`CrudDetailsAction`: `id`, `label`, `icon`, `endpoint`, `hidden`, `onSelect(row, popup)`). One that names an
56
- `endpoint` shows only to a user who may call it, by the rule every built-in action follows.
57
- - **The spreadsheet import, as the owner asked on 2026-10-07.** Once a file is picked, the steps and the template and
58
- file buttons give way to the file's name; another file is a Start over (now a bordered button) or a fresh popup. The
59
- rows already there are read-only and never sent, and the footer says they are skipped. The new rows have Remove and
60
- Lock at their end. After an import the review is gone: the panel shows what was added, what was not written and why,
61
- and what was skipped and why. The `nx-excel__refused` list is gone with it; the report's lists are
62
- `nx-excel__problems` blocks.
63
- - **`TabularForm` `actionsAt="end"` and `lockable`.** The row's actions in a column fixed at the right edge, as a data
64
- table has them: Remove and Lock as buttons of their own, anything else in a menu after them. A locked row's inputs
65
- are read-only ("Locked: unlock the row to change it.") and it cannot be removed; the locks are the screen's, never
66
- the value's.
67
- - **A tabular form no longer jumps when a cell is clicked.** The line under the table, which holds the hint or the
68
- message of the input with focus, keeps its height whether or not it says anything.
69
- - **A slow answer lands in the list the user moved to.** `Crud` writes an action's answer into the table only when
70
- the table still holds the list the action was asked from, fully loaded. Otherwise (the user switched lists while
71
- the request was out, or a list is still loading) it patches every cached list and reads the one on screen again from
72
- them, stopping a load that may have been asked before the change. Before, a record trashed from the active list and
73
- answered after a switch to the trash was written over by the stale trash list and showed in neither list until the
74
- page was opened again. The same rule covers `handle.apply`, Add, Edit and the read-back after an Add; a Create that
75
- answers no key now loads the list instead of showing the cached one.
76
- - **The theme panel is a quick preference panel.** Under the theme, `ThemeSwitcher` now shows `PreferencesPicker`
77
- (`preferences={false}` leaves it out): Language and region (interface language, calendar), Dates and times (date
78
- picker language, clock, display date format: the existing `DatePreferences`), Numbers (number scale, thousands
79
- separator) and Tables (default page size, a row click opens the record). New: `UserPreferences`,
80
- `readUserPreferences`, `setUserPreferences`, `useUserPreferences`, `subscribeUserPreferences`, `useNumberLocale`,
81
- `DEFAULT_USER_PREFERENCES`, `PREFERENCE_STORAGE_KEYS` (`nx-language`, `nx-number-scale`, `nx-thousands`,
82
- `nx-page-size`, `nx-row-click`), `InterfaceLanguage`, `ThousandsSeparator`, and `ENumberScales` (the core's enum, by
83
- member value).
84
- - **Numbers follow the person's settings.** `numberLocale(scale, separator)` gives `en-US`/`en-IN` or a key such as
85
- `"en-IN|.|,"` that `formatNumber`, `parseNumber` and `getNumberSymbols` read. `NumberBox` and `Slider` use it when
86
- they have no `locale` (they defaulted to `en-US`, which is still the setting's default), and so do a `DataTable`'s and
87
- `CrudDetails`' number cells (`CellTextOptions.locale`, new). A number box rewrites its text when the setting changes.
88
- - **`DataTable` `pageSize` and `openOnClick` give way to the person's choice once it is made**: the default page size
89
- (when the table offers it) and the row click. A page size picked in a table with a `stateKey` still wins, and that
90
- table now saves a size only when it differs from the one it opens with, so a later default reaches it.
91
- - **Animations: On, Off or System, chosen in the theme panel.** `ThemeScript` now writes `data-nx-motion`
92
- (`reduce` or `full`) on `<html>` before the first paint, from the visitor's choice (`data-nx-animations`, saved as
93
- `nx-animations`) and the system's `prefers-reduced-motion`, and keeps it current when the system setting changes.
94
- **Every stylesheet reads that attribute instead of the media query**, and so does script motion (the popup's
95
- minimize and maximize, smooth scrolls). On animates on a machine whose operating system turned animations off; Off
96
- never animates. An app that does not render `ThemeScript` animates whatever the system says. New: `AnimationMode`,
97
- `setAnimations`, `motionFor`, `REDUCED_MOTION_QUERY`, the `ANIMATIONS_*` and `MOTION_ATTRIBUTE` constants, and
98
- `useTheme()`'s `animations`, `motion` and `setAnimations`.
99
- - **Density: Compact or Cozy.** `data-nx-density` on `<html>` (`nx-density`; `setDensity`, `useTheme().density`).
100
- Cozy makes `--nx-control-sm/md/lg` 32/38/44 and the new `--nx-row` 38; compact is exactly the old sizes. Table rows
101
- and headers, menu items, dropdown options and the Columns panel's lines are now sized from `--nx-row`, so they
102
- follow it. `ThemeScript` takes `defaultDensity`.
103
- - **Scale grid, development builds only**: Off, px (a line every 4px, solid every 48px) or mm (millimetres, solid every
104
- centimetre), drawn over the window on `[data-nx-grid] body::after`. `ThemeScript`'s `grid` and `ThemePicker`'s
105
- `showGrid` default to `isDevelopmentBuild()`, so a production build neither shows the section nor applies a saved
106
- grid. New: `ScaleGrid`, `setScaleGrid`, `isDevelopmentBuild`.
107
- - **`ThemePicker` / `ThemeSwitcher`** add Density, Animations and Scale grid under Mode and Theme (`showDensity`,
108
- `showAnimations`, `showGrid`).
109
- - **Popups fade in and out** (160ms in, 120ms out), with nothing else moving: the slide and scale are gone. **Every
110
- popover panel fades** in and out in 120ms through one rule on `.nx-popover`; the menu's, the table panels' and the
111
- dropdown's own opening animations are gone. A closing panel takes no clicks, and nothing waits for a fade.
112
- - **Popover panels fit the window.** `placeUnderAnchor` and `placeAtPoint` pick the side that fits, or the one with
113
- more room, and write that room as `--nx-popover-room`; a panel that marks its scrolling part `.nx-popover__scroll`
114
- is never taller than it. That part reaches the panel's right wall, so its scroll bar sits on the wall, and carries
115
- the right padding inside. Menus, the theme panel and the table's Columns and Filters panels use it; `usePopoverPanel`
116
- lost its own height cap. New `showPanel` opens a panel scrolled to the top, and a hovered menu item no longer scrolls
117
- its list. Placing an open panel again (on every scroll) no longer throws its list back to the top.
118
- - **A panel's padding is `--nx-popover-pad`.** `.nx-popover`'s own padding loaded after the menu's and the table
119
- panels', so a menu was 16px inside its edge, not the 4px it asked for, and the table panels 16px, not 8px; both now
120
- get theirs. `.nx-table-panel__body` is gone (`.nx-popover__scroll`).
121
- - **One thin, quiet scroll bar everywhere, the design lab's.** `Nexus.Base.css` gives every element
122
- `scrollbar-width: thin` and a thumb of the text colour at 22% on no track. The theme panel, menus and context menus,
123
- the table's Columns and Filters panels, popup bodies, the date-time panel, the chat, code blocks and tables in
124
- Markdown and rich text, and the admin page and menu drew the browser's 15px bar with a painted grey track; on
125
- Windows, Chrome and Edge now draw every bar 10px wide, as the lab does (Firefox's thin bar is 8px; Safari draws its
126
- own thin bar). The components' own bars are gone: the 8px `::-webkit-scrollbar` pill of the text area, the Markdown
127
- preview and the rich text (Chromium and WebKit ignore it once `scrollbar-width` is set), and the thin bar with a
128
- stronger thumb of the tree, the tabular form, the dropdown list and the time picker. The data table's rows keep
129
- theirs (`Nexus.Table.css`) until a later change, and the time picker's columns still hide the thumb until the
130
- pointer or the keys are in them. `--nx-field-scrollbar`, `--nx-field-scrollbar-hover`, `--nx-dropdown-scrollbar` and
131
- `--nx-time-scrollbar` are gone; the text area's resize grip reads `--nx-field-grip`. Room kept for a bar narrows with
132
- it: every `scrollbar-gutter: stable` (the admin page and its bar, whose right edge moves from 27 to 22px off the
133
- window, the chat thread, the dropdown list) and the padding a modal popup keeps for the page's bar
134
- (`--nx-scrollbar-gap`, measured).
135
- - **A form whose values load shows its real inputs, disabled, instead of placeholders.** A `Crud`'s Edit popup, an
136
- `ApiForm` with `loadValue` and a `Form` with `loading` have their final size from the first frame, and the values
137
- land in the same inputs, as a load (no "Unsaved changes", no "Discard your changes?"). While loading, `FormStore`
138
- takes nothing typed, even from an input whose `disabled` was taken off by hand, and draws such an input again from
139
- the store when loading ends; a submit already waited. The `.nx-form__skeleton*` classes and their animation are gone.
140
- - **The form's status line keeps its one line when empty, and a form's bar fills a popup's foot**, so the status sits
141
- beside the buttons: "Loading…" or "Unsaved changes" coming and going no longer moves the bar, and a `Crud` popup
142
- lost the empty 12px row it had above its buttons.
143
- - **`Avatar`** (`nexus-shared/client`): a person's round picture, or their initials on a soft tone without one or
144
- when it fails to load. `size` `sm`/`md`/`lg` or `--nx-avatar-size`; `onChangePicture` makes it a button with a
145
- camera over it on hover. The chat's and the dropdown's avatars are now this one: `ChatAvatar` and
146
- `DropdownAvatar` still exist and draw it, `.nx-chat-avatar` is gone (`.nx-avatar`), `.nx-dropdown-avatar` stays
147
- as the dropdown's size, and `--nx-chat-avatar` is `--nx-avatar-size`.
148
- - **`Button` `dot`**: a small dot on the corner, for something new behind it such as unread notifications; `"primary"`
149
- marks a state that is on, such as filters.
150
- - **`Menu`: a control inside a heading is chosen like a row.** An entry `{ heading: <node> }` may hold a button with
151
- `role="menuitem"`: the arrow keys walk it with the rows, and a click on it closes the menu. A menu opened from the
152
- keyboard still starts on its first row.
153
- - **The data table is one frame**: the bar, the rows and the footer sit in one border (`.nx-table` carries it now,
154
- not `.nx-table__frame`), with a line under the bar and the footer as the bottom band (`--nx-footbar`, a new
155
- token). An empty bar takes no room. Column headings are 12px, weight 650.
156
- - **`DataTable` `add`**: the table's own Add, first in the bar. With `excel`, it is a split button whose arrow holds
157
- Download template, Import from a spreadsheet and Export to Excel, which then leave the options menu. `Crud`
158
- passes its Add this way.
159
- - **The data table's bar is one line on a wide table, in a new order**: the Add section (`add`, then the page's
160
- `actions`) and the lists (`toolbar`) on the left; Reload, the options menu (⋮) and the search, rows per page inside
161
- it, on the right. It was the lists, the search, Reload, ⋮, `actions` and Add, wrapping where they fell: at 1126px
162
- on the admin shell the bar broke into three ragged rows. A narrower table now moves whole parts, by its own width
163
- (container queries on `.nx-table`): under 670px the search takes the top line (with nothing on the left, it leads
164
- the buttons' line), under 375px Reload moves to the end of ⋮ (`DataTable` asks the hidden button, so the width is
165
- written once, in the stylesheet), and under 325px, beside lists, the Add section takes the last line with its buttons
166
- sharing it. On the admin shell those are windows of 695, 400 and 350px. A bar wider than those widths expect (a
167
- long Add label, the page's own buttons, cozy density) is squeezed into the next step as soon as a line would break
168
- (`data-squeeze` on `.nx-table__bar`, set a frame after a size change). A `toolbar` or `actions` that renders
169
- nothing takes no room and decides no step, and a bar left with nothing else is hidden. New classes
170
- `.nx-table__bar-add` (Add and `actions`) and `.nx-table__reload`; the search is now a child of `.nx-table__bar` after
171
- `.nx-table__bar-end`, not inside it, and grows to 19rem from a 12rem basis.
172
- - **Columns opens from the options menu (⋮)**, as its first item; the bar has no Columns button. Reload, Columns
173
- and the options button are ghost buttons. `TableColumnsPanel` takes an `anchor` and an `open()` handle for this.
174
- - **`TabButtons` `labels="auto"`**: every label while its container (a data table) is at least 900px wide, only the
175
- chosen one's below. `Crud`'s lists use it.
176
- - **`DataTable` `selectBy`**: while rows are selected, their count opens a menu that selects again by what the rows
177
- are: All on this page, then each `{ label, icon, test }`, which leaves exactly the matching rows on the page
178
- selected. `Crud`'s main list offers Pinned, Not pinned, Flagged and Not flagged.
179
- - **`SplitButton` `fixed`**: the main button never changes; the menu holds other ways to do it, run when picked.
180
- - **`DataTable` `filterInputs`: an advanced filter.** Input params, each named after the column it filters, become
181
- **Filters** in the options menu (⋮): a small form under the button, applied as it changes. The values are
182
- `TableQuery.filters` (`TableStore.setFilters` sets them, `{}` clears); a client table matches them in `queryRows`
183
- (a fifth argument), and a server gets them flat by name through `CrudBackend.pageRequest`'s third argument, as
184
- `filterRequest` writes them (a date range as `{name}From`/`{name}Before`). A `CrudBackend` or loader of your own
185
- ignores them until it reads that argument or `query.filters`. Also new: `activeFilters`, `asFilterInput`,
186
- `filterMatcher`, `filterNames`; `usePopoverPanel` and `PopoverPanelHandle` (`nexus-shared/client`), the panel
187
- Filters and Columns share; `followAnchor`'s second argument, a panel whose size it follows too.
188
- - **Renamed: `.nx-columns__head`, `__title`, `__count` and `__foot` are `.nx-table-panel__*`**, shared by both panels.
189
- An override of the old names no longer applies.
190
-
191
- ## 3.0.0
192
-
193
- **Breaking. This changes the value of exported constants, and `2.0.0` is on npm with the old ones.** Publishing it
194
- as a patch or a minor would hand `^2.0.0` consumers different numbers under a compatible-looking range, which is the
195
- worst way to ship this, so it takes a major. The owner chose the number on 2026-10-02, together with `nexus-public`
196
- and `nexus-admin`, which both depend on this package and so move to `3.0.0` with it; their `nexus-shared` range is
197
- now `^3.0.0`, because a bump of this one alone would leave them pulling the old, wrong constants.
198
-
199
- **`nexus-icons` must be installed at `1.1.0` or newer**, and the dependency range here says so. The chat components
200
- added in this version use `iconChecks`, `iconCornerUpLeft`, `iconMessageCircle`, `iconPaperclip`, `iconSend` and
201
- `iconUserPlus`, none of which exist in `nexus-icons@1.0.0`: with the old range a fresh install resolved to `1.0.0`
202
- and the build failed on six missing exports.
203
-
204
- ### `NexusModule` — `Chat` added, and every module after it moved up one bit
205
-
206
- The backend's `EModules` gained `Chat` at bit 6, and everything after it shifted. `NexusModule` follows it exactly.
207
- A permission is a bitmask of these flags, so a package that kept the old numbers would grant and deny the wrong
208
- modules without any error to show for it.
209
-
210
- | Module | Was | Now |
211
- |---|---|---|
212
- | `None` | 0 | 0 |
213
- | `Migrations` | 1 | 1 |
214
- | `Configuration` | 2 | 2 |
215
- | `Identity` | 4 | 4 |
216
- | `Enterprise` | 8 | 8 |
217
- | `Drive` | 16 | 16 |
218
- | `Message` | 32 | 32 |
219
- | **`Chat`** | *(did not exist)* | **64** |
220
- | `Accounting` | 64 | **128** |
221
- | `Report` | 128 | **256** |
222
- | `Requisition` | 256 | **512** |
223
- | `Tenant` | 512 | **1024** |
224
- | `Subscription` | 1024 | **2048** |
225
- | `Reservation` | 2048 | **4096** |
226
- | `School` | 4096 | **8192** |
227
- | `Pharmacy` | 8192 | **16384** |
228
- | `Staffing` | 16384 | **32768** |
229
- | `Portfolio` | 32768 | **65536** |
230
-
231
- `NEXUS_MODULES` gained the matching entry (`key: "chat"`, `label: "Chat"`, `env: "API_CHAT"`), so `Chat` can be
232
- looked up, proxied and named in messages like every other module.
233
-
234
- **What to check when you upgrade.** Code that uses the names (`NexusModule.Reservation`) needs nothing. Anything
235
- that stored, transmitted or hard-coded a **number** has to be revisited:
236
-
237
- - permission masks saved in a database, a cache, a token claim or a settings file;
238
- - proxy URLs written with a number in place of a key (`/api/app/2048/…` is now `/api/app/4096/…`, and `reservation`
239
- by key has always worked and still does);
240
- - a backend that has not taken the `Chat` shift yet — both sides move together or neither does.
241
-
242
- ### `NEXUS_FLAGGED_STATUS` — 15 → 25
243
-
244
- The owner settled the record-status bands, and `ERecordStatus.Flagged` is seeded at **25**. `NexusCrudBackend`
245
- decides whether a row is flagged by comparing `recordStatus` to this constant, so a package on 15 while the backend
246
- writes 25 shows the wrong flag on every row, and flagging one writes a status the backend does not recognise.
247
-
248
- The bands, for anything that reasons about them:
249
-
250
- | Band | Range |
251
- |---|---|
252
- | Active | 0–39 |
253
- | — Active account | 0–29 |
254
- | — Flag | **25–29** |
255
- | — Pending, unverified, in review, approval required | 30–39 |
256
- | Trash | 40–59 |
257
- | Delete | 60 and above |
258
-
259
- `NEXUS_ACTIVE_STATUS` stays 0, and the `recordStatus < 40` reading of "a live record" that the rest of the code
260
- already assumes stays right.
261
-
262
- Note that **the flag is a range, 25–29, and this release still checks a single value.** Only the seeded member at 25
263
- has a meaning today, and the bands are about to become configurable per project, so a range-aware check belongs with
264
- that work rather than here. Do not read the single value as the final answer.
265
-
266
- ### Removed: the archive
267
-
268
- The owner removed the archive on 2026-09-30: a record is live, in the trash, or deleted, and the way back from
269
- deleted lands it in the trash. The second put-away list and its second recovery path were the only reason the CRUD
270
- had both Restore and Recover, and the bands close up behind it — **Trash is 40–59 and Delete 60 and above**, so
271
- nothing stored keeps a meaning it no longer has. `recordStatus < 40` still reads "a live record".
272
-
273
- What goes, all of it breaking for anything that named it:
274
-
275
- - `CrudMode` loses `"archive"`, so a CRUD shows All, Flagged, Trash and Deleted.
276
- - `CrudRowActionName` and `CrudMassActionName` lose `"archive"` and `"restore"`. Recover, the trash's own way back,
277
- is untouched: a CRUD that offered both now offers one.
278
- - `CrudEndpoints` loses `archive` and `restore`; `apiController` stops naming `Archive`, `Restore`, `MassArchive`,
279
- `MassRestore`, `ArchiveListing` and `ArchivePagination`, and `lists`/`pages` lose their `archive` key.
280
- - `MessageActionName` loses `"archive"`, and the message builder its words and its "It can be restored from the
281
- archive." confirmation detail. `"restore"` stays in the vocabulary: it is a plain verb, not the archive's.
282
-
283
- **What to check when you upgrade.** A CRUD that listed `"archive"` in `modes` or `actions` no longer compiles,
284
- which is the point — the endpoint behind it is gone from the backend too. A backend that still answers
285
- `ArchiveListing` is not asked for it any more.
286
-
287
- ### Added: the chat
288
-
289
- A discussion on any record — a leave request the manager and a co-worker talk through, a purchase order, an
290
- applicant, a tender — behind one icon that says whether anything is waiting. Nothing that does not use it changes.
291
-
292
- - A conversation is named by three values, `ChatScope`: the **domain** (which kind of record), the **parent id** (the
293
- record) and the **user id** (who is reading). The domain is the app's own enum, given either as a template
294
- (`<Chat<EDomainTypes> …>`) or once in `ChatRegister`, the same way `ApiRegister` names the module enum. Without one
295
- it is a plain number.
296
- - **No domain numbers are defined here.** They belong to the backend's `EDomainTypes`, and the warning at the top of
297
- this file applies to them in full. `defineChatDomains` only gives an app's domains their names on screen.
298
- - `ChatButton` is an icon in three looks: quiet with no messages, the accent on its tint once there are messages, and
299
- the accent filled with an unread badge once some are unread. One size in all three, with the badge over the corner,
300
- so a column of them in a table does not move as the counts arrive.
301
- - `ChatSummaryCache` fills every icon that mounted in the same moment with **one call per domain**. A list whose rows
302
- already carry their counts passes `summary` and makes no call at all.
303
- - `Chat` is the icon with the conversation in a popup; `ChatPanel` is the conversation on its own, for a record's own
304
- page. Messages are **Markdown**: written in `MarkdownEditor` and drawn by `MarkdownView`. Enter sends and
305
- Shift+Enter starts a line, except in a list or a code fence, where the editor keeps Enter; `sendKey="modifier"`
306
- moves sending to Ctrl+Enter.
307
- - One mark where the time sits says how far a message of your own has got: a spinner while sending, a tick once the
308
- server has it, two once `deliveredTo` holds somebody, two in the accent once `readBy` does.
309
- - Where the data comes from is one interface, `ChatSource`. `apiChatSource` goes through the app's `ChatBackend`
310
- (`NexusChatBackend` by default); `localChatSource` keeps a conversation in memory for a demo or a test.
311
- - **The Nexus endpoints are the shape the Chat module is expected to take, not an API that answers today.**
312
- `NexusModule.Chat` is a number and a proxy key; the controller is not built. Each difference, when it lands, is one
313
- override on `NexusChatBackend`.
314
- - `check:themes` gained a rule: body text on the primary tint, which is a message bubble of your own. Every theme
315
- clears AAA except catppuccin light at 6.84, so it is held to the AA 4.5 that applies to body text.
316
- - **A record holds many conversations.** `ChatScope` names the record; each conversation in it is a
317
- `ChatConversation` with its own id and a type, `one-to-one` or `group`. `ChatPlaceSource` lists them and starts
318
- them, `useChatPlace` is the hook, and `apiChatPlace` is the API one. A panel given a `source` still shows that one
319
- conversation and no switch, so nothing that used the first round changes.
320
- - The panel's body has three views — the thread, the list of conversations, and New chat — and the bar moves between
321
- them. With several conversations the title is the switch; with one it is just the title.
322
- - Starting a chat never asks for the type: one person makes a one-to-one, more make a group, and a name makes a
323
- group either way. A one-to-one with somebody who already has one is expected to come back rather than be made
324
- twice; `localChatPlace` keeps that rule.
325
- - `@` at the start of a word offers the people in the conversation, narrows as it is typed, and owns Enter while it
326
- is open. A mention is plain `@Name`, or a Markdown link with `mentionHref`; either way the ids travel in the
327
- draft's `mentions`.
328
- - `ChatSnapshot` gained `loaded`: a store that has read nothing yet holds empty counts, and a panel must not write
329
- those over what a conversation list already knows.
330
-
331
- ### Added: several at once, `TabButtons multiple`
332
-
333
- `TabButtons` picks one option; with `multiple` it picks several, so a list of choices that must be seen all at once
334
- (the weekdays a rule runs on, the letters or symbols a pattern allows) needs no second control. Nothing that does
335
- not pass it changes.
336
-
337
- - `value` is an array and `onChange` hands back the chosen values **in option order**, whatever order they were
338
- clicked in. Values that match no option are ignored and never handed back.
339
- - The options are native checkboxes in a `role="group"`: Tab moves between them and Space toggles one. The group
340
- still needs `aria-label` or `aria-labelledby`.
341
- - There is no sliding indicator: each chosen option is raised with the indicator's own colors, border and shadow,
342
- and keeps the pointer, since a click takes it away again. An option that is not chosen sits flat on the track.
343
- - The options **wrap** onto more rows when they do not fit, each row as tall as a one-row track's options, and an
344
- option is never narrower than it is tall, so a row of single letters lines up. On a touch screen
345
- (`pointer: coarse`) every option is a medium control's height: 26 letters on a phone are 34px targets, not 22px.
346
- - Made and checked for the `nav` design (`/demo/tab-buttons`, "Several at once"); `design="list"` with `multiple`
347
- renders checkboxes too, but has not been checked yet.
348
-
349
- ### Added: inputs that follow others, `dependsOn`, and a row's own params, `cellParams`
350
-
351
- Two optional keys, added 2026-09-26 for the builder's class form, whose company model shows only when the class has a
352
- company or a branch and whose type arguments offer a key type in one row and a model in the next. Nothing that does
353
- not pass them changes.
354
-
355
- - **`dependsOn: ["hasCompany"]`** on an input's params (Form only). When a named input's value changes — typed, or
356
- set from code — this input draws again **without mounting again** (nothing typed in it is lost) and its params are
357
- read afresh, so getters for `hidden`, `readOnly`, `readOnlyMessage`, `label`, `hint` or `options` answer for the
358
- values as they are now. Its rule is asked again too, so a `required` a getter switched on counts at once. An input
359
- that names any is asked `hidden` each time it draws, so it can come and go; one that names none is asked once, when
360
- the form draws, as before. Name the input itself to follow its own typing.
361
- - **`cellParams(row, name, index)`** on `TabularForm` and `GroupForm`: the params of one cell that differ from its
362
- column's, such as a picker's `options` and `selectedOptions`. Asked as the row draws; return nothing for the
363
- column's own params, and the **same object** for the same answer (the merged params are kept per answer, so the cell
364
- does not draw again for nothing). Getters on either side stay getters. Rules still come from the column.
365
-
366
- ### Added: a generated column in a tabular or group form
367
-
368
- Two optional props on `TabularForm` and `GroupForm`, for a column whose values a row's **position** decides rather
369
- than the user — a bitwise enum's value, a line number, a running total. Nothing that does not pass them changes.
370
-
371
- - `deriveRows(rows)` returns one patch per row and runs after every change, including a row being added, removed,
372
- duplicated or **moved**. The patches are written as code writes, so only the cells whose value really changed
373
- mount again and focus stays on the row's own menu: a keyboard can move a row twice in a row.
374
- - `cellReadOnly(row, name, index)` is asked for every cell as it renders and returns the reason a cell is
375
- generated. The cell is locked and shows that reason as its read-only note. Because it is asked per render, a
376
- column can lock and unlock while the form around it changes, which params cannot do — they are fixed once a form
377
- opens.
378
-
379
- ### Added: rows nobody may change, `rowReadOnly`
380
-
381
- One optional prop on `TabularForm` and `GroupForm`, for rows the user did not write and may not change — the fields
382
- a class inherits from its parent, shown first in the same grid as its own. Nothing that does not pass it changes.
383
-
384
- - `rowReadOnly(row, index)` returns the reason (or `true`). Every cell of such a row is read-only with that reason
385
- as its note, the row's menu in a tabular form offers nothing (no insert, duplicate, move or remove), and the row
386
- below it cannot move up past it. Nothing reorders the rows: keep the locked ones first.
387
- - A locked row says nothing about its columns: the column-header lock is worked out from the other rows in view, so
388
- a grid of inherited rows and one own row does not put a lock on every header.
389
-
390
- ### Added: a panel beside a CRUD form, `form.aside`
391
-
392
- An Add or Edit popup can show a panel next to its form: a preview of what a save would produce, a summary, a help
393
- panel. It takes a node, or a function handed `{ form, action, row }` — `form` being that popup's own `FormStore`, so
394
- a panel follows what is typed through `subscribeValue()` and the form around it never re-renders for it.
395
-
396
- The two are columns above 1000px, each scrolling on its own so a long form cannot push the panel off the screen, and
397
- they stack below that with the **form first**, in the DOM as well as on the screen. `--nx-crud-aside-width` sets the
398
- panel's share (default `clamp(20rem, 38%, 44rem)`). Pair it with a wide `form.size` — `xl` or `full`; a panel in a
399
- 560px popup leaves the form nothing. A CRUD that passes no `aside` renders exactly what it did before, wrapper and
400
- all.
401
-
402
- ### `TabularForm` reworked: one row control, rows that do not move, one lock per column
403
-
404
- The owner called the tabular design bad, from a screenshot of an 18-row table with one generated column. Every fault
405
- was in this component rather than in the page that used it, so every fix is here. Nothing needs a new prop, and a
406
- table that passed nothing new looks different — deliberately.
407
-
408
- **Breaking, visually and for tests.** Two things a consumer may be reaching for have moved:
409
-
410
- - **The remove column is gone.** Remove was a column of unlabelled `×` buttons at the end, beside a row menu that
411
- already held Remove: two ways to act on one row, and a whole column spent on one of them. Now a row has one
412
- control, the menu beside its number, holding Insert above, Insert below, Duplicate, Move up, Move down and Remove.
413
- `removable` still decides whether Remove is offered. A test that clicked a button named `Remove <row>` opens the
414
- row's menu instead: `Row 2 actions`, then the `Remove` item. `.nx-tabular__end` and `.nx-tabular__remove` are gone
415
- from the DOM and the stylesheet; so is `--nx-tabular-end`, replaced by `--nx-tabular-menu` (the menu's slot width).
416
- - **The row number no longer opens the menu.** It used to *become* the menu on hover: the number faded out and dots
417
- faded in over it, so the numbering looked broken and the grid felt unstable as the pointer crossed it. The number
418
- now stays where it is, right-aligned, at every moment, and the menu button sits beside it in its own space,
419
- always present. The number column is that much wider.
420
-
421
- **Fixed, with no change to how a table is written:**
422
-
423
- - **Every row is one line high, whatever it holds.** The row's grid track was sized by its tallest cell, so a single
424
- `textarea` column of `rows: 2` made every cell of its row 20px taller than the row's own box — drawing the cells,
425
- their edges and their focus rings over the rows below. One row of content therefore looked taller than its
426
- neighbours, and a focus ring bled outside its cell. The row now has one track exactly its own height, cells keep
427
- what they hold inside their bounds, and a `textarea` fills its cell and scrolls inside it.
428
- - **No resize grips in cells.** A `textarea` in a cell took `resize: vertical` from the multi-line input rule, so
429
- every cell of such a column offered a grip that would break the alignment of its row. They are `resize: none` now.
430
- - **A filled cell and an empty one are drawn the same.** Same consequence as the above: only the cell with text was
431
- tall enough to show what the overflow was doing.
432
- - **`maxHeight` comes down to whole rows.** The scroller used to end wherever the number fell, cutting the last row
433
- in half, which reads as broken rather than as scrollable. The component measures its header, its frame and its
434
- real row height and caps itself just under what was asked for. A number too small for one row is left alone.
435
- - **A generated column says so once.** `cellReadOnly` put a lock in every cell of the column it locked — eighteen
436
- locks for one fact. The lock is now on the **column header**, with the reason as its title, and the cells keep the
437
- read-only tint and their own reason, which still shows under the table when one is used. A lock that really is per
438
- row (some rows locked, not all) leaves the header alone and is drawn per cell as before.
439
- - **Less chrome.** The frame is `--nx-border` rather than `--nx-border-strong`: the sheet draws every line it needs
440
- inside itself, and in a popup or a panel the strong edge was a box around a box around boxes.
441
-
442
- ## 2.0.0
443
-
444
- The rewrite: compiled `dist` with the entry points `.`, `/client`, `/server` and `/styles.css`, in place of 1.x's
445
- raw TypeScript from `src` with `.`, `/client` and `/interface`. A major version, so nobody on `^1.1.21` is moved
446
- into a different API.
1
+ # Changelog
2
+
3
+ Notable changes to `nexus-shared`. The **values** of exported constants count as API here: several of them are the
4
+ Nexus backend's own numbers, and a value that differs from the backend by one does not fail loudly — it silently
5
+ means the wrong thing on every record and every permission check.
6
+
7
+ ## 3.2.0
8
+
9
+ **New features, no code break.** Every export of `3.1.0` is still exported (99 are new: 72 from `nexus-shared`, 16
10
+ from `nexus-shared/client`, 11 from `nexus-shared/server`), and no exported constant changed a value: six only gained
11
+ keys or entries (`API_ACTIONS`, `CRUD_ROW_ACTIONS`, `CRUD_MASS_ACTIONS`, `MESSAGE_ACTION_NAMES`,
12
+ `DEFAULT_USER_PREFERENCES`, `PREFERENCE_STORAGE_KEYS`). Both were checked against the published `3.1.0`: its exports
13
+ by the TypeScript checker, its constants by importing both builds. The owner chose the number on 2026-10-10. It needs
14
+ `nexus-icons` `^1.2.0`, the first with `iconStarOff`. What can move for an app:
15
+
16
+ - **A CRUD built from `apiController` reads `BookmarkListing` and writes `SwitchBookmarks`**, the Nexus backend's
17
+ names since 2026-10-07, in place of `PinListing` / `Pin`. See "Pins and favourites from one call" below.
18
+ - **Stylesheet overrides** of the pinned section's classes and of the outlined field's raised label (both below).
19
+ - **`TablePinnedHead` is deprecated**: `TableSectionHead` takes the section's icon. The old name still renders the
20
+ pinned section's head, with the pin icon and the new classes, so an import of it keeps building.
21
+
22
+ ### A tree whose children load when they are opened
23
+
24
+ The owner, 2026-10-09: administrative regions in two versions, a data table and a tree, both paged on the server; the
25
+ tree "when a node is expanded, calls the API, gets the info and caches it". The data table already paged on the
26
+ server, so the change is the tree's. Added only; a tree without `loadChildren` works as before, with one fix it shares.
27
+
28
+ - **`TreeView` `loadChildren`** (`nexus-shared/client`): asks for an item's children when it is first expanded, a page
29
+ at a time - `{ parent, parentValue, skip, take, signal }` in, `{ items, total?, hasMore? }` out, at once or in a
30
+ promise - and for the top level too when `items` is left out. The children go under the item asked for, whatever
31
+ their own parent field says. New params `childPageSize` (default 50), `hasChildrenKey` (a boolean or a count such as
32
+ `childCount`; without it an item shows a chevron until its first page answers, and loses it when that is empty),
33
+ `cacheKey`, `cacheLifetime` and `partialMessage`; `items` is optional now.
34
+ - **Status rows**, rows of the windowed list like the others, reached with the arrows and pressed with Enter or Space:
35
+ a loading row while a page comes (the parent `aria-busy`, a polite announcement), "Could not load the items." /
36
+ "Could not load more items." with Retry (the Dropdown's words), and **Load more** with how many are left when the
37
+ total is known. Focus on one of them follows the page to its first new item. New classes `.nx-tree__row--status`,
38
+ `--loading`, `--error`, `--more`, `.nx-tree__status-icon`, `.nx-tree__status-text`, `.nx-tree__retry`.
39
+ - **What is loaded stays**: collapse and expand again asks nothing. With `cacheKey`, pages are kept in `treePages`, a
40
+ `RequestCache` shared by every tree on the page, for 5 minutes: a remount or a second tree asks nothing, and a request
41
+ already on its way is shared. A failure is not kept, so Retry asks again.
42
+ - **`refresh(value?)`** on the handle drops the kept pages (all, or an item's and everything under it) and loads again
43
+ only what is on screen - the top level and the open items with rows in view; the rest load fresh when next opened or
44
+ scrolled to. What is drawn stays until the fresh pages replace it, and an item still there keeps what is open under it.
45
+ - **Checking, with `cascade`**: an item whose items are not all loaded (`TreeNode.partial`) cannot be checked as a
46
+ whole - a check stands for everything under it, and the value can only hold items that were loaded, so it would
47
+ silently leave the rest out. A click says so (`partialMessage`); it shows mixed when something loaded under it is
48
+ checked, never checked; Select all checks the loaded parts. A saved value whose item is not loaded yet stays in the
49
+ value and checks the item when it comes. Without `cascade` nothing changes.
50
+ - **Nothing asks in bulk**: Expand all, `*` and `defaultExpanded` open loaded items only.
51
+ - **`TreeStore`**: options `lazy`, `lazyRoots`, `hasChildrenKey`; `canExpand`, `find`, `pagesOf`, `beginLoad`,
52
+ `receivePage`, `failLoad`, `replacePages`, `markStale`, `rootPages`, and `insertMany`, a batch insert that updates
53
+ counts along one path (a page of 50 into 100,000 items: 0.3 ms); `TreeNode.pages`, `.partial`, `.status`. Helpers
54
+ `treePages`, `treePagesKey`, `treePageKey`, `expireTreePages`, `treeHasChildren`, `treeStatusKey`, and the types
55
+ `TreeChildrenRequest`, `TreeChildrenPage`, `TreeChildPages`, `TreeStatusKind`.
56
+ - **`RequestCache`** (`Helpers/RequestCache.ts`, `nexus-shared`): answers kept by key for a lifetime, a request on its
57
+ way shared, a failure not kept, `drop` by key prefix or test; `REQUEST_CACHE_LIFETIME`, `isPromiseLike`.
58
+ - **Fix, every tree**: a node's `uid` counted from one counter for the whole page, so a page rendered on a server that
59
+ had rendered trees before numbered its rows differently from the browser, and React reported a hydration mismatch
60
+ in development (production does not check attributes). It is counted per store now.
61
+ - **Fix, every tree: a scroll that takes the focused row out of view keeps its position** (nexus.web, the same
62
+ evening: after a client-side navigation a jump to the end came back up to 1,120px, and a wheel step left Load more
63
+ out of view). Chrome lays the page out inside the removal of a focused element, in the middle of React's commit,
64
+ when the leaving rows are gone and the new ones not yet in, and clamped or anchored the scroll position to that short
65
+ list. Focus now moves from a row to the tree's viewport in the event that moves the window, before the row leaves
66
+ (a name box being edited lets go without saving, as when its row unmounted), and `.nx-tree__list` gets a `min-height`
67
+ of all its rows, so a layout at any moment of a commit sees its full height.
68
+
69
+ ### Focus rings shown whole
70
+
71
+ The owner, 2026-10-08: the theme panel cut the focus ring of its last example input (bottom) and of the date-format
72
+ dropdown (left), and a focused outlined input's raised label sat across its own ring. No export changed; what a
73
+ consumer may notice:
74
+
75
+ - **`.nx-popover__scroll` keeps 4px of room** on its top, bottom and left for focus rings, with a matching negative
76
+ margin so nothing moves, and `scroll-padding` of 4px. Every panel that scrolls through it gets it: the theme panel,
77
+ menus, and the table's Columns and Filters panels. A panel's `--nx-popover-pad` must be 4px or more. Where the
78
+ scroller is its panel's first or last child, as a menu's list is, its left corner follows the panel's curve (the
79
+ inner radius less that room: 9px in a menu), so a scrolled item's highlight never paints over the rounded border.
80
+ - **A focused outlined field** (`design="outlined"`) draws a 2px accent outline over its border instead of the soft
81
+ ring outside it, so the raised label sits in a clean gap. The raised label is placed with `top: -0.6em` instead of a
82
+ transform, and its backing is now the label's `::before`: it starts exactly on the box's edge at every screen scale
83
+ and paints nothing above it. The gradient it replaces painted a strip of the field's colour above read-only and
84
+ disabled boxes and in dark popovers. An app that styles the outlined label's `::before` overrides that backing. The
85
+ standard and inbox designs are unchanged.
86
+
87
+ ### The API proxy hides the backend
88
+
89
+ The owner, 2026-10-08: nexus.web's network tab showed `POST /api/app/configuration/Region/MassRecover` answer
90
+ `307 Temporary Redirect` with the backend's own https address in it, which the browser then called directly, and
91
+ asked for a proxy behind which the app looks like the backend itself. `createApiProxy({ token })` is called as before
92
+ and no export is removed; what a route may notice:
93
+
94
+ - **No redirect reaches the browser** (was: passed on, its Location rewritten only on the backend's own host). One that
95
+ stays inside the module - the root's origin, or its host moved to https, under the root's path - is followed on the
96
+ server as `fetch` follows it, up to 3; any other answers 502 `BACKEND_REDIRECT_REFUSED` or `BACKEND_REDIRECT_LIMIT`.
97
+ - **Response headers by an allowlist** (was: all but the hop headers): `DEFAULT_PROXY_RESPONSE_HEADERS` and the Nexus
98
+ backend's `X-Nexus-*`. A header an app read through the proxy (`X-Request-Id`, `X-Total-Count`) must now be named in
99
+ `responseHeaders`; Server, X-Powered-By, X-AspNet-*, HSTS, CORS, Location, Link and Set-Cookie never pass (Set-Cookie
100
+ with `passCookies`). Every answer gets `X-Content-Type-Options: nosniff`, and `Cache-Control: private, no-store`
101
+ when the backend sent none.
102
+ - **Error pages are replaced** with the failure envelope and the backend's status (`BACKEND_ERROR_PAGE`): HTML, text,
103
+ stack traces, and JSON that repeats the user's token. JSON refusals pass as they came.
104
+ - **Refusals carry `errorCode` and `errorMessages`** beside `message` and `messageCode`, and say nothing about the
105
+ server: an unset module answers "The School API is not set up on this server." (was: "... is not set (API_SCHOOL).",
106
+ which named a setting; the log has it now), and a module the browser calls directly "... is not available at this
107
+ address." New: 403 `CROSS_SITE_REFUSED`, 413 `REQUEST_TOO_LARGE`, 400 `REQUEST_UNREADABLE`.
108
+ - **The request**: the browser's X-Forwarded-*, Forwarded, X-Real-IP, method and path overrides, `Expect` and Next.js's
109
+ own headers never go on; the proxy writes X-Forwarded-For (the last address the app received, and only ever an IPv4
110
+ or IPv6 address) and X-Forwarded-Host and -Proto (the app's configured origin, else the request's). A module whose
111
+ root is a path on the app is called at this server's own host and port, over http (was: the request URL's protocol,
112
+ which Next.js takes from X-Forwarded-Proto), and never at the configured origin or anywhere a request header names.
113
+ - **`configureServerApi({ origin })` must not trust the Host header.** `serverApi` calls a relative root at that origin,
114
+ so one built from a request's Host lets a client pick an address on the server's machine. The template's
115
+ `api-setup.ts` now takes the Host only as `localhost:<PORT>` or `127.0.0.1:<PORT>` (Next.js sets `PORT` to the port
116
+ it listens on); an app with a copy of the older one, which took any localhost port, should change it the same way.
117
+ - **A server call can say who the client is.** `lastForwardedAddress` (which now takes anything with a `get`, Next.js's
118
+ `headers()` included) and `readIpAddress` are exported from `nexus-shared/server`: the client's address as the proxy
119
+ reads it, an IP address or nothing. The template's `api-setup.ts` uses the first in `configureServerApi({ headers })`
120
+ to give Identity calls, and only them, `X-Forwarded-For` and the browser's `User-Agent`: sign-in leaves from the
121
+ server, and Identity's rate limit counts per address. An app that signs in through `serverApi` should do the same,
122
+ for Identity's calls only, since reading the request makes a page render per request.
123
+ - **New options** `responseHeaders`, `passCookies`, `maxBodySize` (100 MB), `maxRedirects`, `clientAddress`,
124
+ `allowCrossSite`, `failure`, `onProblem`; **new exports** `DEFAULT_PROXY_RESPONSE_HEADERS`, `DEFAULT_PROXY_BODY_LIMIT`,
125
+ `DEFAULT_PROXY_REDIRECTS`, `PROXY_REFUSALS`, `nexusFailure`, `lastForwardedAddress`, `readIpAddress` and the types
126
+ `ApiProxyFailure`, `ApiProxyProblem`, `ApiProxyCode` (`nexus-shared/server`), and `serverAppOrigin`.
127
+ - **A backend on a development certificate**: the proxy now calls the backend's https address itself, and Node.js
128
+ trusts ASP.NET Core's development certificate only when started with `NODE_USE_SYSTEM_CA=1` (or
129
+ `NODE_EXTRA_CA_CERTS`). Without it such a module answers 502 `BACKEND_UNREACHABLE`, and the server's log says why.
130
+
131
+ ### The code box
132
+
133
+ The owner, 2026-10-08: one shared input for codes typed a box to a character - one-time codes, SSNs, and more - as
134
+ dynamic as possible (numbers, strings, hex). New exports, nothing removed:
135
+
136
+ - **`CodeBox`** (`nexus-shared/client`): one real input lying unseen over a box per character, so autofill
137
+ (`autoComplete="one-time-code"`), a paste and a screen reader see one field. `length` or `groups`, a `separator`
138
+ outside the value, `characters` (`digits`, `letters`, `alphanumeric`, `hex`) or an `allowed` one-character pattern,
139
+ `letterCase`, `masked`, `slotPlaceholder`, `block`, `onComplete`, and the field shell's label, hint, error, sizes and
140
+ read-only note.
141
+ - **`type: "code"`** in `InputParams` (`CodeInputParams`): `renderInput`, `validateInput`, `normalizeInputValue` and
142
+ `formatInputValue` know it.
143
+ - **One typing model** for every way text arrives - a key, a phone's keyboard or its suggestion, an input method, a
144
+ paste, autofill: a whole code replaces everything; a character replaces a selected box, or goes into the box with the
145
+ ring - inserted while the code has an empty box, so a box Backspace removed takes the right digit back, and over that
146
+ box once the code is full. ← → Home End select box by box, and a full code's caret selects its last box. An input
147
+ method's word goes in once, when it commits. A pasted message gives its one code ("Your 2-step code is 482913" is
148
+ 482913; "482 913" and "123-45-6789" are read whole), or nothing when it holds more characters than boxes and no one
149
+ code. `onComplete` runs once per code, and again once the boxes were short - by typing, a form's reset, or the page
150
+ emptying a controlled `value`.
151
+ - **A saved code is never cut**: `value`, `defaultValue` and a form's loaded record (`normalizeInputValue`) lose only
152
+ separators, case and a hex "#". A code the boxes cannot hold is kept, shown invalid at once, and a form refuses to
153
+ save it. The over-long message names the count: "The code is 6 digits long, not 7."
154
+ - **What a screen reader hears** is what the boxes show: "9 digits, in groups of 3, 2 and 4", "8 digits: DD/MM/YYYY".
155
+ A read-only code shows the accent border on every box while it has focus.
156
+ - **Styles**: a box without `block` keeps its own width (`.nx-code:not([data-block]) .nx-code__slot`), about as wide
157
+ as it is tall, and the boxes shrink alike on a narrow screen.
158
+ - **Helpers and types** (`nexus-shared`): `validateCode`, `formatCode`, `codeGroups`, `codeLength`, `loadCode`,
159
+ `codeFits`, `describeCode`, `readCodeText`, `typeCode`, `settleCode`, `moveCode`, `codeAfterInput`,
160
+ `CODE_CHARACTER_PATTERNS`, `DEFAULT_CODE_LENGTH`, `CodeCharacters`, `CodeRules`, `CodeShape`, `CodeEdit`, `CodeText`,
161
+ `CodeMove`; `normalizeCode` stays exported, though the box itself now loads a code with `loadCode`.
162
+
163
+ ### Another record's name, joined by the database or by the table
164
+
165
+ Added only; nothing an app uses changes (2026-10-08, the owner: "some columns we joined into DB, some frontend").
166
+
167
+ - **A column whose value is another record's** (`TableColumn.join`): the row holds the key (`from`), and the table asks
168
+ the source once for every key its rows hold - a Nexus controller's `findListing`, or a `TableJoinSource` of the
169
+ page's own - then shows the record's field, searched, sorted, exported and shown in the details like any column. A key
170
+ with no record shows "Not found". `crudColumns.clientJoin(SUB_REGIONS, { key: "subRegionName", label: "Sub-region",
171
+ from: "subRegionId" })` is the Nexus form.
172
+ - **One cache for the page** (`tableJoins`, `Helpers/TableJoins.ts`): keys asked for in the same moment by every table and
173
+ picker go in one call per source; a call already out is waited for; answers are kept 5 minutes (`JOIN_LIFETIME`) and an
174
+ aged one is still drawn while it is asked again; a failed call is not repeated for 30 seconds. A Reload of a table, and
175
+ a `Crud` write on the controller looked up, mark its answers old (`expireLookups`).
176
+ - **A short tag after a value** (`TableColumn.tag`), and the one every reference to a record gets when that record is no
177
+ longer available: `CrudBackend.unavailableTag(status)` - Nexus: "Trashed" (warning) from 40, "Deleted" (danger) from 60,
178
+ none for a live record. `crudColumns.dbJoin({ key: "regionName", label: "Region", status: "regionRecordStatus" })` reads
179
+ it from a status the database joined into the row; `clientJoin` from the record it looked up. New class
180
+ `.nx-table__tag--after`.
181
+ - **A picker of a controller's usable records** (`crudPicker(REGIONS, { labelKey: "regionName" })`, `nexus-shared/client`):
182
+ its `ActiveListing` read once for the page and searched in the browser, a saved value it no longer offers found through
183
+ the same cached `findListing`, tagged and never offered again. `CrudBackend.isPickable(record)` - Nexus: under 30.
184
+ - `TableStore.refreshValues()` searches and sorts again when values changed without the rows; `CrudEndpoints` takes the
185
+ `findListing` and `activeListing` an `apiController` already has.
186
+
187
+ ### Pins and favourites from one call
188
+
189
+ Two things move for an app:
190
+
191
+ - **A CRUD built from `apiController` now reads `BookmarkListing` and writes `SwitchBookmarks` / `MassSwitchBookmarks`**,
192
+ the Nexus backend's names since 2026-10-07. An app whose backend still answers only `PinListing` / `Pin` / `MassPin`
193
+ passes its own endpoints without `bookmarks`, `bookmark` and `mass.bookmark`, and keeps the pin-only behaviour.
194
+ - **The section classes are renamed** (an app's override of an old name stops matching):
195
+
196
+ | Was | Now |
197
+ |---|---|
198
+ | `tbody.nx-table__pins` | `tbody.nx-table__section[data-section="pins"]` (and `"favorites"`) |
199
+ | `.nx-table__pin-row`, `__pin-cell`, `__pin-toggle`, `__pin-caret`, `__pin-icon`, `__pin-title`, `__pin-count`, `__pin-loading` | `.nx-table__section-row`, `__section-cell`, `__section-toggle`, `__section-caret`, `__section-icon`, `__section-title`, `__section-count`, `__section-loading` |
200
+ | `.nx-table__pin-mark` | `.nx-table__mark`, inside `.nx-table__marks` |
201
+ | `data-pinned` on a section's row, `data-table-pins` on its toggle | gone: `data-section` on the section |
202
+ | saved `pinsOpen` | `openSections` (an old `pinsOpen: true` still opens the pinned section) |
203
+
204
+ What is new (the owner's rules, `Project-Skills/README.RULES.md`, "Rules for Favorite or Pin"):
205
+
206
+ - **Favourites beside pins, from one call.** `CrudEndpoints.bookmarks` (`Room/BookmarkListing`) answers every record
207
+ this user marked, each with its bits (`bookmarkTypes`: 1 pinned, 2 favourite); `Crud` splits them into a **Pinned**
208
+ and a **Favourites** section above the active list, each folding on its own and remembered. The lists' own rows need
209
+ not carry marks: every record's marks come from that call.
210
+ - **The marks show where a row's number is**, one under the other: a pinned favourite wears the pin above the star, in
211
+ the list and in both sections, with no column of its own (the owner, 2026-10-08). `DataTable` takes
212
+ `rowMarks(row)`; a section's row with none wears the section's icon.
213
+ - **Directed switches, never a toggle.** Pin and **Add to favourites** / **Remove from favourites** on a row send the
214
+ record's whole set (`bookmark`, `?bookmarkTypes=3`, built by `CrudBackend.marksRequest`); on a selection they send
215
+ one bit and the way (`mass.bookmark`, `?bookmarkTypes=2&isAdding=true`, `massMarksRequest`), only the records it
216
+ is for, and a selection is offered only the ways it can still go - both, when it is mixed. Bits the package does not
217
+ know are kept. While a whole-set backend's marks are not read yet, the actions wait and say why.
218
+ - **A limit each:** `configureCrud({ maxFavorites })`, the same as `maxPins` unless set (`markLimit`). Nothing is ever
219
+ taken off to meet a lowered limit.
220
+ - **No reload:** a switch's answer (`answeredMarks`, or the ids a mass switch answers) is written into the sections,
221
+ the table and every list kept. A record trashed leaves the sections and keeps its marks; recovered, it comes back.
222
+ - `DataTable` takes `sections` (`TableRowSection`: key, label, icon, rows, loading, max); `pinnedRows` and the other
223
+ `pinned*` props stay, as one section with the key `pins`. Select by **Favourites** / **Not favourites**. The message
224
+ builder knows `favorite` and `unfavorite` ("3 guests added to the favourites."). New helpers: `CRUD_MARKS`,
225
+ `CRUD_MARK_BITS`, `hasMark`, `withMark`, `markLimit`, `markDirections`, `markedRecords`, `patchMarkedRecords`,
226
+ `dropMarkedRows`, `crudMassEndpoint`.
227
+ - **Needs `nexus-icons` with `iconStarOff`**, which is new in its source (not on npm): release `nexus-icons` with a
228
+ raised version first, and raise this package's `nexus-icons` range to it.
229
+
230
+ ### A CRUD page passes params and the CRUD does the rest (2026-10-08)
231
+
232
+ The owner: *"we just pass params no logic, due to we have 1000+ similar page"*. What the Regions page did itself is
233
+ now `Crud`'s, so a page is its controller, columns and inputs:
234
+
235
+ - **`apiController(module, controller, subject, options)`**: `commands: "switch"` (the default, the Nexus backend since
236
+ 2026-10-07: `SwitchFlag`, `MassSwitchFlag`, `BookmarkListing`, `SwitchBookmarks`, `MassSwitchBookmarks`) or
237
+ `"toggle"` (`Flag`, `MassFlag`, `PinListing`, `Pin`, `MassPin`), and `without` for what a backend lacks (`"pages"`,
238
+ `"audit"`, `"flag"`, `"marks"`, `"mass.description"`, ...). **The return type now marks those members optional**
239
+ (`pages`, `pagination`, `flag`, `audit`, the marks, the mass actions): a caller that reads one adds `!` or `?.`.
240
+ `MODULES.controller` takes the same options.
241
+ - **A directed flag.** Flag and Unflag send the way (`CrudBackend.flagRequest`, Nexus `?isFlagged=`); a selection is
242
+ offered Flag and Unflag only as it can still go, sends only the records each is for, and says "the other N already
243
+ were" when the answer lists fewer. `NexusCrudBackend.isFlagged` is the band 25-29, and `canFlag` keeps Flag off a
244
+ pending record (30-39). The old "Flag / unflag" toggle of a mixed selection is gone.
245
+ - **History built in.** With an `audit` endpoint the person may call, every row offers **History** and the details
246
+ **View history**: `AuditHistory` and `openAuditHistory` (moved from nexus.web), its words from
247
+ `CrudBackend.auditWords`.
248
+ - **Presets:** `crudColumns.status()`, `.description()` (a `markdown` column: text in the table, formatted in the
249
+ details), `.added()`, `.changed()`, and `crudInputs.description()` (Markdown, 1000 characters, one hint for every
250
+ model). `TableColumn.markdown` is new.
251
+ - **A Create answered with the payload** (no status, so no list can place it) is read back once through `details`.
252
+ - **The export names the list on screen** (`CrudBackend.exportFilters`, Nexus `{ flag: 50 | 52 | 54 | 55 }`).
253
+ ### The theme panel: grouped, twice as wide, and the input design (2026-10-08)
254
+
255
+ - **Input design is a quick preference** (`UserPreferences.inputDesign`, key `nx-input-design`): Standard, Outlined or
256
+ Inbox for every labelled input whose page and form name none (`useInputDesign`). An input with a design of its own
257
+ (a grid's cells) keeps it, and one with no label (a table's search box) stays standard: it has no label to place.
258
+ - **`ThemeSwitcher`'s panel is 680px wide** (was 340), its settings in named sections two to a row - Theme across the
259
+ top, then Appearance, Language and region, Dates and times, Numbers, Tables, and Forms (the input design, with a box
260
+ to try it) - and one under the other on a narrow window. `ThemePicker`'s card group is named Colors now, under Theme.
261
+
262
+ - **`Crud` takes `backend`**, for an app whose pages sit on two backends. `CrudBackend` gains `canFlag`, `flagRequest`,
263
+ `exportFilters`, `statusText` and `auditWords`, each with a default, so an app's own backend class still compiles.
264
+
265
+ ## 3.1.0
266
+
267
+ **New features, no code break.** Every export of `3.0.0` is still exported (49 are new: 33 from `nexus-shared`, 16 from
268
+ `nexus-shared/client`), and no exported constant changed its value, so `^3.0.0` takes it. The owner chose the number
269
+ on 2026-10-08. What can move for an app is its **stylesheet overrides**: these class names and custom properties were
270
+ renamed or dropped, and an override of the old name no longer applies.
271
+
272
+ | Was | Now |
273
+ |---|---|
274
+ | `.nx-columns__head`, `__title`, `__count`, `__foot` | `.nx-table-panel__head`, `__title`, `__count`, `__foot` |
275
+ | `.nx-table-panel__body` | `.nx-popover__scroll` |
276
+ | `.nx-chat-avatar`, `--nx-chat-avatar` | `.nx-avatar`, `--nx-avatar-size` |
277
+ | `.nx-table__frame`'s border | on `.nx-table` |
278
+ | `--nx-field-scrollbar`, `--nx-field-scrollbar-hover`, `--nx-dropdown-scrollbar`, `--nx-time-scrollbar` | gone: one thin bar everywhere |
279
+ | `.nx-form__skeleton*` | gone: a loading form shows its real inputs, disabled |
280
+ | `.nx-excel__refused` | gone: the import's report lists are `.nx-excel__problems` |
281
+
282
+ - **Bulk insert, and rows added to an import (the owner, 2026-10-07).** `ExcelImport` and `openExcelImport` take
283
+ `mode: "bulk"`: the import with no file, its new rows' editor opening with one empty row for the person to type
284
+ into, sent to the same `Excel/Import` with the same checks, a problem then naming its row ("Row 3 · Region name").
285
+ `DataTable` offers it as **Bulk insert** beside **Import from a spreadsheet**, and only beside an Add, as it is an Add
286
+ of many rows (`TableExcel.bulk: false` leaves it out). A sheet with a required list cannot be typed in - a list's key
287
+ is picked in the spreadsheet - and the panel says so; its file review takes no added rows either. Any other file's
288
+ new rows take Add, Insert and Duplicate: an added row is numbered after every row the file had
289
+ (`excelSheetRows(rows, columns, after)`), and one left empty is dropped, not refused. The new rows no longer fold
290
+ away (folding unmounted the editor and lost every edit), the footer counts what will be sent, and the review is inert
291
+ while an import is out.
292
+ - **Nothing typed is lost unasked.** Closing the window, or Start over, over rows typed or changed in it asks first
293
+ (`ExcelImportHandle.unsavedRows`); picking the entry again while its window is minimized brings that window back
294
+ rather than a fresh one. An untouched date or time is no edit: `toInputValue` reads them as their inputs do.
295
+ - **An import that wrote nothing keeps its rows** and lists under them each refusal, by row, in the backend's words:
296
+ `readExcelResponse` keeps a refusal's report (`result`, as XLS_X044 sends it) instead of dropping it, so the panel no
297
+ longer says only "No Region was added". Refusals read in row order.
298
+ - `ExcelEditorRow`'s three own fields are optional, as an added row has none; new helpers `excelRowNumber`,
299
+ `hasExcelValues` and `isExcelRowTyped`, and `excelProblemPlace(problem, byRow)`. `RowsInputHandle.remove(index,
300
+ { undo: false })` drops a row with no Undo offered, and keeps the person's own last Undo where it was.
301
+ - **A list shows what an import wrote.** After an import, `DataTable` runs `excel.onImported` first and reads its rows
302
+ after it: a `Crud` drops its cached lists there, and the reload used to be asked before, so on a page just opened it
303
+ was answered from the cache and the imported rows stayed off the screen until a reload.
304
+ - **What imported records start as.** `ExcelSettings` gains `recordStatuses` (`ExcelRecordStatus`: `value`, `label`)
305
+ and `defaultRecordStatus`; when a model offers any, the import shows "New records start as", the default picked,
306
+ and sends the choice (`importExcelRows(..., { recordStatus })`; `ExcelBackend.importRequest(rows, recordStatus?)`,
307
+ the Nexus one sending `{ rows, recordStatus }`). The report says "3 cities added as In review".
308
+ - **`Crud`, from the owner's review on 2026-10-07.** The active list is labelled **Active**, not "All" - it leaves out
309
+ the trash and the deleted. **Recover asks first** ("Recover Asia?", "It goes back to the active list."), one record
310
+ or many, like trash and delete. Recover and Move back to trash wear the back arrow (`iconArrowBackUp`): the
311
+ clock-shaped restore icon read as History beside a page's history action.
312
+ - **`details.actions`**: buttons of the page's own in the details popup's footer, before Edit and Close
313
+ (`CrudDetailsAction`: `id`, `label`, `icon`, `endpoint`, `hidden`, `onSelect(row, popup)`). One that names an
314
+ `endpoint` shows only to a user who may call it, by the rule every built-in action follows.
315
+ - **The spreadsheet import, as the owner asked on 2026-10-07.** Once a file is picked, the steps and the template and
316
+ file buttons give way to the file's name; another file is a Start over (now a bordered button) or a fresh popup. The
317
+ rows already there are read-only and never sent, and the footer says they are skipped. The new rows have Remove and
318
+ Lock at their end. After an import the review is gone: the panel shows what was added, what was not written and why,
319
+ and what was skipped and why. The `nx-excel__refused` list is gone with it; the report's lists are
320
+ `nx-excel__problems` blocks.
321
+ - **`TabularForm` `actionsAt="end"` and `lockable`.** The row's actions in a column fixed at the right edge, as a data
322
+ table has them: Remove and Lock as buttons of their own, anything else in a menu after them. A locked row's inputs
323
+ are read-only ("Locked: unlock the row to change it.") and it cannot be removed; the locks are the screen's, never
324
+ the value's.
325
+ - **A tabular form no longer jumps when a cell is clicked.** The line under the table, which holds the hint or the
326
+ message of the input with focus, keeps its height whether or not it says anything.
327
+ - **A slow answer lands in the list the user moved to.** `Crud` writes an action's answer into the table only when
328
+ the table still holds the list the action was asked from, fully loaded. Otherwise (the user switched lists while
329
+ the request was out, or a list is still loading) it patches every cached list and reads the one on screen again from
330
+ them, stopping a load that may have been asked before the change. Before, a record trashed from the active list and
331
+ answered after a switch to the trash was written over by the stale trash list and showed in neither list until the
332
+ page was opened again. The same rule covers `handle.apply`, Add, Edit and the read-back after an Add; a Create that
333
+ answers no key now loads the list instead of showing the cached one.
334
+ - **The theme panel is a quick preference panel.** Under the theme, `ThemeSwitcher` now shows `PreferencesPicker`
335
+ (`preferences={false}` leaves it out): Language and region (interface language, calendar), Dates and times (date
336
+ picker language, clock, display date format: the existing `DatePreferences`), Numbers (number scale, thousands
337
+ separator) and Tables (default page size, a row click opens the record). New: `UserPreferences`,
338
+ `readUserPreferences`, `setUserPreferences`, `useUserPreferences`, `subscribeUserPreferences`, `useNumberLocale`,
339
+ `DEFAULT_USER_PREFERENCES`, `PREFERENCE_STORAGE_KEYS` (`nx-language`, `nx-number-scale`, `nx-thousands`,
340
+ `nx-page-size`, `nx-row-click`), `InterfaceLanguage`, `ThousandsSeparator`, and `ENumberScales` (the core's enum, by
341
+ member value).
342
+ - **Numbers follow the person's settings.** `numberLocale(scale, separator)` gives `en-US`/`en-IN` or a key such as
343
+ `"en-IN|.|,"` that `formatNumber`, `parseNumber` and `getNumberSymbols` read. `NumberBox` and `Slider` use it when
344
+ they have no `locale` (they defaulted to `en-US`, which is still the setting's default), and so do a `DataTable`'s and
345
+ `CrudDetails`' number cells (`CellTextOptions.locale`, new). A number box rewrites its text when the setting changes.
346
+ - **`DataTable` `pageSize` and `openOnClick` give way to the person's choice once it is made**: the default page size
347
+ (when the table offers it) and the row click. A page size picked in a table with a `stateKey` still wins, and that
348
+ table now saves a size only when it differs from the one it opens with, so a later default reaches it.
349
+ - **Animations: On, Off or System, chosen in the theme panel.** `ThemeScript` now writes `data-nx-motion`
350
+ (`reduce` or `full`) on `<html>` before the first paint, from the visitor's choice (`data-nx-animations`, saved as
351
+ `nx-animations`) and the system's `prefers-reduced-motion`, and keeps it current when the system setting changes.
352
+ **Every stylesheet reads that attribute instead of the media query**, and so does script motion (the popup's
353
+ minimize and maximize, smooth scrolls). On animates on a machine whose operating system turned animations off; Off
354
+ never animates. An app that does not render `ThemeScript` animates whatever the system says. New: `AnimationMode`,
355
+ `setAnimations`, `motionFor`, `REDUCED_MOTION_QUERY`, the `ANIMATIONS_*` and `MOTION_ATTRIBUTE` constants, and
356
+ `useTheme()`'s `animations`, `motion` and `setAnimations`.
357
+ - **Density: Compact or Cozy.** `data-nx-density` on `<html>` (`nx-density`; `setDensity`, `useTheme().density`).
358
+ Cozy makes `--nx-control-sm/md/lg` 32/38/44 and the new `--nx-row` 38; compact is exactly the old sizes. Table rows
359
+ and headers, menu items, dropdown options and the Columns panel's lines are now sized from `--nx-row`, so they
360
+ follow it. `ThemeScript` takes `defaultDensity`.
361
+ - **Scale grid, development builds only**: Off, px (a line every 4px, solid every 48px) or mm (millimetres, solid every
362
+ centimetre), drawn over the window on `[data-nx-grid] body::after`. `ThemeScript`'s `grid` and `ThemePicker`'s
363
+ `showGrid` default to `isDevelopmentBuild()`, so a production build neither shows the section nor applies a saved
364
+ grid. New: `ScaleGrid`, `setScaleGrid`, `isDevelopmentBuild`.
365
+ - **`ThemePicker` / `ThemeSwitcher`** add Density, Animations and Scale grid under Mode and Theme (`showDensity`,
366
+ `showAnimations`, `showGrid`).
367
+ - **Popups fade in and out** (160ms in, 120ms out), with nothing else moving: the slide and scale are gone. **Every
368
+ popover panel fades** in and out in 120ms through one rule on `.nx-popover`; the menu's, the table panels' and the
369
+ dropdown's own opening animations are gone. A closing panel takes no clicks, and nothing waits for a fade.
370
+ - **Popover panels fit the window.** `placeUnderAnchor` and `placeAtPoint` pick the side that fits, or the one with
371
+ more room, and write that room as `--nx-popover-room`; a panel that marks its scrolling part `.nx-popover__scroll`
372
+ is never taller than it. That part reaches the panel's right wall, so its scroll bar sits on the wall, and carries
373
+ the right padding inside. Menus, the theme panel and the table's Columns and Filters panels use it; `usePopoverPanel`
374
+ lost its own height cap. New `showPanel` opens a panel scrolled to the top, and a hovered menu item no longer scrolls
375
+ its list. Placing an open panel again (on every scroll) no longer throws its list back to the top.
376
+ - **A panel's padding is `--nx-popover-pad`.** `.nx-popover`'s own padding loaded after the menu's and the table
377
+ panels', so a menu was 16px inside its edge, not the 4px it asked for, and the table panels 16px, not 8px; both now
378
+ get theirs. `.nx-table-panel__body` is gone (`.nx-popover__scroll`).
379
+ - **One thin, quiet scroll bar everywhere, the design lab's.** `Nexus.Base.css` gives every element
380
+ `scrollbar-width: thin` and a thumb of the text colour at 22% on no track. The theme panel, menus and context menus,
381
+ the table's Columns and Filters panels, popup bodies, the date-time panel, the chat, code blocks and tables in
382
+ Markdown and rich text, and the admin page and menu drew the browser's 15px bar with a painted grey track; on
383
+ Windows, Chrome and Edge now draw every bar 10px wide, as the lab does (Firefox's thin bar is 8px; Safari draws its
384
+ own thin bar). The components' own bars are gone: the 8px `::-webkit-scrollbar` pill of the text area, the Markdown
385
+ preview and the rich text (Chromium and WebKit ignore it once `scrollbar-width` is set), and the thin bar with a
386
+ stronger thumb of the tree, the tabular form, the dropdown list and the time picker. The data table's rows keep
387
+ theirs (`Nexus.Table.css`) until a later change, and the time picker's columns still hide the thumb until the
388
+ pointer or the keys are in them. `--nx-field-scrollbar`, `--nx-field-scrollbar-hover`, `--nx-dropdown-scrollbar` and
389
+ `--nx-time-scrollbar` are gone; the text area's resize grip reads `--nx-field-grip`. Room kept for a bar narrows with
390
+ it: every `scrollbar-gutter: stable` (the admin page and its bar, whose right edge moves from 27 to 22px off the
391
+ window, the chat thread, the dropdown list) and the padding a modal popup keeps for the page's bar
392
+ (`--nx-scrollbar-gap`, measured).
393
+ - **A form whose values load shows its real inputs, disabled, instead of placeholders.** A `Crud`'s Edit popup, an
394
+ `ApiForm` with `loadValue` and a `Form` with `loading` have their final size from the first frame, and the values
395
+ land in the same inputs, as a load (no "Unsaved changes", no "Discard your changes?"). While loading, `FormStore`
396
+ takes nothing typed, even from an input whose `disabled` was taken off by hand, and draws such an input again from
397
+ the store when loading ends; a submit already waited. The `.nx-form__skeleton*` classes and their animation are gone.
398
+ - **The form's status line keeps its one line when empty, and a form's bar fills a popup's foot**, so the status sits
399
+ beside the buttons: "Loading…" or "Unsaved changes" coming and going no longer moves the bar, and a `Crud` popup
400
+ lost the empty 12px row it had above its buttons.
401
+ - **`Avatar`** (`nexus-shared/client`): a person's round picture, or their initials on a soft tone without one or
402
+ when it fails to load. `size` `sm`/`md`/`lg` or `--nx-avatar-size`; `onChangePicture` makes it a button with a
403
+ camera over it on hover. The chat's and the dropdown's avatars are now this one: `ChatAvatar` and
404
+ `DropdownAvatar` still exist and draw it, `.nx-chat-avatar` is gone (`.nx-avatar`), `.nx-dropdown-avatar` stays
405
+ as the dropdown's size, and `--nx-chat-avatar` is `--nx-avatar-size`.
406
+ - **`Button` `dot`**: a small dot on the corner, for something new behind it such as unread notifications; `"primary"`
407
+ marks a state that is on, such as filters.
408
+ - **`Menu`: a control inside a heading is chosen like a row.** An entry `{ heading: <node> }` may hold a button with
409
+ `role="menuitem"`: the arrow keys walk it with the rows, and a click on it closes the menu. A menu opened from the
410
+ keyboard still starts on its first row.
411
+ - **The data table is one frame**: the bar, the rows and the footer sit in one border (`.nx-table` carries it now,
412
+ not `.nx-table__frame`), with a line under the bar and the footer as the bottom band (`--nx-footbar`, a new
413
+ token). An empty bar takes no room. Column headings are 12px, weight 650.
414
+ - **`DataTable` `add`**: the table's own Add, first in the bar. With `excel`, it is a split button whose arrow holds
415
+ Download template, Import from a spreadsheet and Export to Excel, which then leave the options menu. `Crud`
416
+ passes its Add this way.
417
+ - **The data table's bar is one line on a wide table, in a new order**: the Add section (`add`, then the page's
418
+ `actions`) and the lists (`toolbar`) on the left; Reload, the options menu (⋮) and the search, rows per page inside
419
+ it, on the right. It was the lists, the search, Reload, ⋮, `actions` and Add, wrapping where they fell: at 1126px
420
+ on the admin shell the bar broke into three ragged rows. A narrower table now moves whole parts, by its own width
421
+ (container queries on `.nx-table`): under 670px the search takes the top line (with nothing on the left, it leads
422
+ the buttons' line), under 375px Reload moves to the end of ⋮ (`DataTable` asks the hidden button, so the width is
423
+ written once, in the stylesheet), and under 325px, beside lists, the Add section takes the last line with its buttons
424
+ sharing it. On the admin shell those are windows of 695, 400 and 350px. A bar wider than those widths expect (a
425
+ long Add label, the page's own buttons, cozy density) is squeezed into the next step as soon as a line would break
426
+ (`data-squeeze` on `.nx-table__bar`, set a frame after a size change). A `toolbar` or `actions` that renders
427
+ nothing takes no room and decides no step, and a bar left with nothing else is hidden. New classes
428
+ `.nx-table__bar-add` (Add and `actions`) and `.nx-table__reload`; the search is now a child of `.nx-table__bar` after
429
+ `.nx-table__bar-end`, not inside it, and grows to 19rem from a 12rem basis.
430
+ - **Columns opens from the options menu (⋮)**, as its first item; the bar has no Columns button. Reload, Columns
431
+ and the options button are ghost buttons. `TableColumnsPanel` takes an `anchor` and an `open()` handle for this.
432
+ - **`TabButtons` `labels="auto"`**: every label while its container (a data table) is at least 900px wide, only the
433
+ chosen one's below. `Crud`'s lists use it.
434
+ - **`DataTable` `selectBy`**: while rows are selected, their count opens a menu that selects again by what the rows
435
+ are: All on this page, then each `{ label, icon, test }`, which leaves exactly the matching rows on the page
436
+ selected. `Crud`'s main list offers Pinned, Not pinned, Flagged and Not flagged.
437
+ - **`SplitButton` `fixed`**: the main button never changes; the menu holds other ways to do it, run when picked.
438
+ - **`DataTable` `filterInputs`: an advanced filter.** Input params, each named after the column it filters, become
439
+ **Filters** in the options menu (⋮): a small form under the button, applied as it changes. The values are
440
+ `TableQuery.filters` (`TableStore.setFilters` sets them, `{}` clears); a client table matches them in `queryRows`
441
+ (a fifth argument), and a server gets them flat by name through `CrudBackend.pageRequest`'s third argument, as
442
+ `filterRequest` writes them (a date range as `{name}From`/`{name}Before`). A `CrudBackend` or loader of your own
443
+ ignores them until it reads that argument or `query.filters`. Also new: `activeFilters`, `asFilterInput`,
444
+ `filterMatcher`, `filterNames`; `usePopoverPanel` and `PopoverPanelHandle` (`nexus-shared/client`), the panel
445
+ Filters and Columns share; `followAnchor`'s second argument, a panel whose size it follows too.
446
+ - **Renamed: `.nx-columns__head`, `__title`, `__count` and `__foot` are `.nx-table-panel__*`**, shared by both panels.
447
+ An override of the old names no longer applies.
448
+
449
+ ## 3.0.0
450
+
451
+ **Breaking. This changes the value of exported constants, and `2.0.0` is on npm with the old ones.** Publishing it
452
+ as a patch or a minor would hand `^2.0.0` consumers different numbers under a compatible-looking range, which is the
453
+ worst way to ship this, so it takes a major. The owner chose the number on 2026-10-02, together with `nexus-public`
454
+ and `nexus-admin`, which both depend on this package and so move to `3.0.0` with it; their `nexus-shared` range is
455
+ now `^3.0.0`, because a bump of this one alone would leave them pulling the old, wrong constants.
456
+
457
+ **`nexus-icons` must be installed at `1.1.0` or newer**, and the dependency range here says so. The chat components
458
+ added in this version use `iconChecks`, `iconCornerUpLeft`, `iconMessageCircle`, `iconPaperclip`, `iconSend` and
459
+ `iconUserPlus`, none of which exist in `nexus-icons@1.0.0`: with the old range a fresh install resolved to `1.0.0`
460
+ and the build failed on six missing exports.
461
+
462
+ ### `NexusModule` — `Chat` added, and every module after it moved up one bit
463
+
464
+ The backend's `EModules` gained `Chat` at bit 6, and everything after it shifted. `NexusModule` follows it exactly.
465
+ A permission is a bitmask of these flags, so a package that kept the old numbers would grant and deny the wrong
466
+ modules without any error to show for it.
467
+
468
+ | Module | Was | Now |
469
+ |---|---|---|
470
+ | `None` | 0 | 0 |
471
+ | `Migrations` | 1 | 1 |
472
+ | `Configuration` | 2 | 2 |
473
+ | `Identity` | 4 | 4 |
474
+ | `Enterprise` | 8 | 8 |
475
+ | `Drive` | 16 | 16 |
476
+ | `Message` | 32 | 32 |
477
+ | **`Chat`** | *(did not exist)* | **64** |
478
+ | `Accounting` | 64 | **128** |
479
+ | `Report` | 128 | **256** |
480
+ | `Requisition` | 256 | **512** |
481
+ | `Tenant` | 512 | **1024** |
482
+ | `Subscription` | 1024 | **2048** |
483
+ | `Reservation` | 2048 | **4096** |
484
+ | `School` | 4096 | **8192** |
485
+ | `Pharmacy` | 8192 | **16384** |
486
+ | `Staffing` | 16384 | **32768** |
487
+ | `Portfolio` | 32768 | **65536** |
488
+
489
+ `NEXUS_MODULES` gained the matching entry (`key: "chat"`, `label: "Chat"`, `env: "API_CHAT"`), so `Chat` can be
490
+ looked up, proxied and named in messages like every other module.
491
+
492
+ **What to check when you upgrade.** Code that uses the names (`NexusModule.Reservation`) needs nothing. Anything
493
+ that stored, transmitted or hard-coded a **number** has to be revisited:
494
+
495
+ - permission masks saved in a database, a cache, a token claim or a settings file;
496
+ - proxy URLs written with a number in place of a key (`/api/app/2048/…` is now `/api/app/4096/…`, and `reservation`
497
+ by key has always worked and still does);
498
+ - a backend that has not taken the `Chat` shift yet — both sides move together or neither does.
499
+
500
+ ### `NEXUS_FLAGGED_STATUS` — 15 → 25
501
+
502
+ The owner settled the record-status bands, and `ERecordStatus.Flagged` is seeded at **25**. `NexusCrudBackend`
503
+ decides whether a row is flagged by comparing `recordStatus` to this constant, so a package on 15 while the backend
504
+ writes 25 shows the wrong flag on every row, and flagging one writes a status the backend does not recognise.
505
+
506
+ The bands, for anything that reasons about them:
507
+
508
+ | Band | Range |
509
+ |---|---|
510
+ | Active | 0–39 |
511
+ | — Active account | 0–29 |
512
+ | — Flag | **25–29** |
513
+ | — Pending, unverified, in review, approval required | 30–39 |
514
+ | Trash | 40–59 |
515
+ | Delete | 60 and above |
516
+
517
+ `NEXUS_ACTIVE_STATUS` stays 0, and the `recordStatus < 40` reading of "a live record" that the rest of the code
518
+ already assumes stays right.
519
+
520
+ Note that **the flag is a range, 25–29, and this release still checks a single value.** Only the seeded member at 25
521
+ has a meaning today, and the bands are about to become configurable per project, so a range-aware check belongs with
522
+ that work rather than here. Do not read the single value as the final answer.
523
+
524
+ ### Removed: the archive
525
+
526
+ The owner removed the archive on 2026-09-30: a record is live, in the trash, or deleted, and the way back from
527
+ deleted lands it in the trash. The second put-away list and its second recovery path were the only reason the CRUD
528
+ had both Restore and Recover, and the bands close up behind it — **Trash is 40–59 and Delete 60 and above**, so
529
+ nothing stored keeps a meaning it no longer has. `recordStatus < 40` still reads "a live record".
530
+
531
+ What goes, all of it breaking for anything that named it:
532
+
533
+ - `CrudMode` loses `"archive"`, so a CRUD shows All, Flagged, Trash and Deleted.
534
+ - `CrudRowActionName` and `CrudMassActionName` lose `"archive"` and `"restore"`. Recover, the trash's own way back,
535
+ is untouched: a CRUD that offered both now offers one.
536
+ - `CrudEndpoints` loses `archive` and `restore`; `apiController` stops naming `Archive`, `Restore`, `MassArchive`,
537
+ `MassRestore`, `ArchiveListing` and `ArchivePagination`, and `lists`/`pages` lose their `archive` key.
538
+ - `MessageActionName` loses `"archive"`, and the message builder its words and its "It can be restored from the
539
+ archive." confirmation detail. `"restore"` stays in the vocabulary: it is a plain verb, not the archive's.
540
+
541
+ **What to check when you upgrade.** A CRUD that listed `"archive"` in `modes` or `actions` no longer compiles,
542
+ which is the point — the endpoint behind it is gone from the backend too. A backend that still answers
543
+ `ArchiveListing` is not asked for it any more.
544
+
545
+ ### Added: the chat
546
+
547
+ A discussion on any record — a leave request the manager and a co-worker talk through, a purchase order, an
548
+ applicant, a tender — behind one icon that says whether anything is waiting. Nothing that does not use it changes.
549
+
550
+ - A conversation is named by three values, `ChatScope`: the **domain** (which kind of record), the **parent id** (the
551
+ record) and the **user id** (who is reading). The domain is the app's own enum, given either as a template
552
+ (`<Chat<EDomainTypes> …>`) or once in `ChatRegister`, the same way `ApiRegister` names the module enum. Without one
553
+ it is a plain number.
554
+ - **No domain numbers are defined here.** They belong to the backend's `EDomainTypes`, and the warning at the top of
555
+ this file applies to them in full. `defineChatDomains` only gives an app's domains their names on screen.
556
+ - `ChatButton` is an icon in three looks: quiet with no messages, the accent on its tint once there are messages, and
557
+ the accent filled with an unread badge once some are unread. One size in all three, with the badge over the corner,
558
+ so a column of them in a table does not move as the counts arrive.
559
+ - `ChatSummaryCache` fills every icon that mounted in the same moment with **one call per domain**. A list whose rows
560
+ already carry their counts passes `summary` and makes no call at all.
561
+ - `Chat` is the icon with the conversation in a popup; `ChatPanel` is the conversation on its own, for a record's own
562
+ page. Messages are **Markdown**: written in `MarkdownEditor` and drawn by `MarkdownView`. Enter sends and
563
+ Shift+Enter starts a line, except in a list or a code fence, where the editor keeps Enter; `sendKey="modifier"`
564
+ moves sending to Ctrl+Enter.
565
+ - One mark where the time sits says how far a message of your own has got: a spinner while sending, a tick once the
566
+ server has it, two once `deliveredTo` holds somebody, two in the accent once `readBy` does.
567
+ - Where the data comes from is one interface, `ChatSource`. `apiChatSource` goes through the app's `ChatBackend`
568
+ (`NexusChatBackend` by default); `localChatSource` keeps a conversation in memory for a demo or a test.
569
+ - **The Nexus endpoints are the shape the Chat module is expected to take, not an API that answers today.**
570
+ `NexusModule.Chat` is a number and a proxy key; the controller is not built. Each difference, when it lands, is one
571
+ override on `NexusChatBackend`.
572
+ - `check:themes` gained a rule: body text on the primary tint, which is a message bubble of your own. Every theme
573
+ clears AAA except catppuccin light at 6.84, so it is held to the AA 4.5 that applies to body text.
574
+ - **A record holds many conversations.** `ChatScope` names the record; each conversation in it is a
575
+ `ChatConversation` with its own id and a type, `one-to-one` or `group`. `ChatPlaceSource` lists them and starts
576
+ them, `useChatPlace` is the hook, and `apiChatPlace` is the API one. A panel given a `source` still shows that one
577
+ conversation and no switch, so nothing that used the first round changes.
578
+ - The panel's body has three views — the thread, the list of conversations, and New chat — and the bar moves between
579
+ them. With several conversations the title is the switch; with one it is just the title.
580
+ - Starting a chat never asks for the type: one person makes a one-to-one, more make a group, and a name makes a
581
+ group either way. A one-to-one with somebody who already has one is expected to come back rather than be made
582
+ twice; `localChatPlace` keeps that rule.
583
+ - `@` at the start of a word offers the people in the conversation, narrows as it is typed, and owns Enter while it
584
+ is open. A mention is plain `@Name`, or a Markdown link with `mentionHref`; either way the ids travel in the
585
+ draft's `mentions`.
586
+ - `ChatSnapshot` gained `loaded`: a store that has read nothing yet holds empty counts, and a panel must not write
587
+ those over what a conversation list already knows.
588
+
589
+ ### Added: several at once, `TabButtons multiple`
590
+
591
+ `TabButtons` picks one option; with `multiple` it picks several, so a list of choices that must be seen all at once
592
+ (the weekdays a rule runs on, the letters or symbols a pattern allows) needs no second control. Nothing that does
593
+ not pass it changes.
594
+
595
+ - `value` is an array and `onChange` hands back the chosen values **in option order**, whatever order they were
596
+ clicked in. Values that match no option are ignored and never handed back.
597
+ - The options are native checkboxes in a `role="group"`: Tab moves between them and Space toggles one. The group
598
+ still needs `aria-label` or `aria-labelledby`.
599
+ - There is no sliding indicator: each chosen option is raised with the indicator's own colors, border and shadow,
600
+ and keeps the pointer, since a click takes it away again. An option that is not chosen sits flat on the track.
601
+ - The options **wrap** onto more rows when they do not fit, each row as tall as a one-row track's options, and an
602
+ option is never narrower than it is tall, so a row of single letters lines up. On a touch screen
603
+ (`pointer: coarse`) every option is a medium control's height: 26 letters on a phone are 34px targets, not 22px.
604
+ - Made and checked for the `nav` design (`/demo/tab-buttons`, "Several at once"); `design="list"` with `multiple`
605
+ renders checkboxes too, but has not been checked yet.
606
+
607
+ ### Added: inputs that follow others, `dependsOn`, and a row's own params, `cellParams`
608
+
609
+ Two optional keys, added 2026-09-26 for the builder's class form, whose company model shows only when the class has a
610
+ company or a branch and whose type arguments offer a key type in one row and a model in the next. Nothing that does
611
+ not pass them changes.
612
+
613
+ - **`dependsOn: ["hasCompany"]`** on an input's params (Form only). When a named input's value changes — typed, or
614
+ set from code — this input draws again **without mounting again** (nothing typed in it is lost) and its params are
615
+ read afresh, so getters for `hidden`, `readOnly`, `readOnlyMessage`, `label`, `hint` or `options` answer for the
616
+ values as they are now. Its rule is asked again too, so a `required` a getter switched on counts at once. An input
617
+ that names any is asked `hidden` each time it draws, so it can come and go; one that names none is asked once, when
618
+ the form draws, as before. Name the input itself to follow its own typing.
619
+ - **`cellParams(row, name, index)`** on `TabularForm` and `GroupForm`: the params of one cell that differ from its
620
+ column's, such as a picker's `options` and `selectedOptions`. Asked as the row draws; return nothing for the
621
+ column's own params, and the **same object** for the same answer (the merged params are kept per answer, so the cell
622
+ does not draw again for nothing). Getters on either side stay getters. Rules still come from the column.
623
+
624
+ ### Added: a generated column in a tabular or group form
625
+
626
+ Two optional props on `TabularForm` and `GroupForm`, for a column whose values a row's **position** decides rather
627
+ than the user — a bitwise enum's value, a line number, a running total. Nothing that does not pass them changes.
628
+
629
+ - `deriveRows(rows)` returns one patch per row and runs after every change, including a row being added, removed,
630
+ duplicated or **moved**. The patches are written as code writes, so only the cells whose value really changed
631
+ mount again and focus stays on the row's own menu: a keyboard can move a row twice in a row.
632
+ - `cellReadOnly(row, name, index)` is asked for every cell as it renders and returns the reason a cell is
633
+ generated. The cell is locked and shows that reason as its read-only note. Because it is asked per render, a
634
+ column can lock and unlock while the form around it changes, which params cannot do — they are fixed once a form
635
+ opens.
636
+
637
+ ### Added: rows nobody may change, `rowReadOnly`
638
+
639
+ One optional prop on `TabularForm` and `GroupForm`, for rows the user did not write and may not change — the fields
640
+ a class inherits from its parent, shown first in the same grid as its own. Nothing that does not pass it changes.
641
+
642
+ - `rowReadOnly(row, index)` returns the reason (or `true`). Every cell of such a row is read-only with that reason
643
+ as its note, the row's menu in a tabular form offers nothing (no insert, duplicate, move or remove), and the row
644
+ below it cannot move up past it. Nothing reorders the rows: keep the locked ones first.
645
+ - A locked row says nothing about its columns: the column-header lock is worked out from the other rows in view, so
646
+ a grid of inherited rows and one own row does not put a lock on every header.
647
+
648
+ ### Added: a panel beside a CRUD form, `form.aside`
649
+
650
+ An Add or Edit popup can show a panel next to its form: a preview of what a save would produce, a summary, a help
651
+ panel. It takes a node, or a function handed `{ form, action, row }` — `form` being that popup's own `FormStore`, so
652
+ a panel follows what is typed through `subscribeValue()` and the form around it never re-renders for it.
653
+
654
+ The two are columns above 1000px, each scrolling on its own so a long form cannot push the panel off the screen, and
655
+ they stack below that with the **form first**, in the DOM as well as on the screen. `--nx-crud-aside-width` sets the
656
+ panel's share (default `clamp(20rem, 38%, 44rem)`). Pair it with a wide `form.size` — `xl` or `full`; a panel in a
657
+ 560px popup leaves the form nothing. A CRUD that passes no `aside` renders exactly what it did before, wrapper and
658
+ all.
659
+
660
+ ### `TabularForm` reworked: one row control, rows that do not move, one lock per column
661
+
662
+ The owner called the tabular design bad, from a screenshot of an 18-row table with one generated column. Every fault
663
+ was in this component rather than in the page that used it, so every fix is here. Nothing needs a new prop, and a
664
+ table that passed nothing new looks different — deliberately.
665
+
666
+ **Breaking, visually and for tests.** Two things a consumer may be reaching for have moved:
667
+
668
+ - **The remove column is gone.** Remove was a column of unlabelled `×` buttons at the end, beside a row menu that
669
+ already held Remove: two ways to act on one row, and a whole column spent on one of them. Now a row has one
670
+ control, the menu beside its number, holding Insert above, Insert below, Duplicate, Move up, Move down and Remove.
671
+ `removable` still decides whether Remove is offered. A test that clicked a button named `Remove <row>` opens the
672
+ row's menu instead: `Row 2 actions`, then the `Remove` item. `.nx-tabular__end` and `.nx-tabular__remove` are gone
673
+ from the DOM and the stylesheet; so is `--nx-tabular-end`, replaced by `--nx-tabular-menu` (the menu's slot width).
674
+ - **The row number no longer opens the menu.** It used to *become* the menu on hover: the number faded out and dots
675
+ faded in over it, so the numbering looked broken and the grid felt unstable as the pointer crossed it. The number
676
+ now stays where it is, right-aligned, at every moment, and the menu button sits beside it in its own space,
677
+ always present. The number column is that much wider.
678
+
679
+ **Fixed, with no change to how a table is written:**
680
+
681
+ - **Every row is one line high, whatever it holds.** The row's grid track was sized by its tallest cell, so a single
682
+ `textarea` column of `rows: 2` made every cell of its row 20px taller than the row's own box — drawing the cells,
683
+ their edges and their focus rings over the rows below. One row of content therefore looked taller than its
684
+ neighbours, and a focus ring bled outside its cell. The row now has one track exactly its own height, cells keep
685
+ what they hold inside their bounds, and a `textarea` fills its cell and scrolls inside it.
686
+ - **No resize grips in cells.** A `textarea` in a cell took `resize: vertical` from the multi-line input rule, so
687
+ every cell of such a column offered a grip that would break the alignment of its row. They are `resize: none` now.
688
+ - **A filled cell and an empty one are drawn the same.** Same consequence as the above: only the cell with text was
689
+ tall enough to show what the overflow was doing.
690
+ - **`maxHeight` comes down to whole rows.** The scroller used to end wherever the number fell, cutting the last row
691
+ in half, which reads as broken rather than as scrollable. The component measures its header, its frame and its
692
+ real row height and caps itself just under what was asked for. A number too small for one row is left alone.
693
+ - **A generated column says so once.** `cellReadOnly` put a lock in every cell of the column it locked — eighteen
694
+ locks for one fact. The lock is now on the **column header**, with the reason as its title, and the cells keep the
695
+ read-only tint and their own reason, which still shows under the table when one is used. A lock that really is per
696
+ row (some rows locked, not all) leaves the header alone and is drawn per cell as before.
697
+ - **Less chrome.** The frame is `--nx-border` rather than `--nx-border-strong`: the sheet draws every line it needs
698
+ inside itself, and in a popup or a panel the strong edge was a box around a box around boxes.
699
+
700
+ ## 2.0.0
701
+
702
+ The rewrite: compiled `dist` with the entry points `.`, `/client`, `/server` and `/styles.css`, in place of 1.x's
703
+ raw TypeScript from `src` with `.`, `/client` and `/interface`. A major version, so nobody on `^1.1.21` is moved
704
+ into a different API.