@ai-matrx/design-system 0.44.1 → 0.44.3

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # Changelog
 
+## 0.44.3 (2026-09-26 — nothing inside a context-menu region is restyled)
+
+* **Fix:** 0.44.2 stopped sizing the context REGION, but the trigger's icon rules were descendant
+  selectors (`[data-alchemy-trigger] .matrx-tap-icon`, and its `:hover`), so every tap-button icon a
+  context menu wraps (message actions, composer buttons) was resized and recoloured, and hovering
+  the region recoloured them all. Both rules now exclude `="context"`.
+* Test: `styles.test.ts` "never restyles the content INSIDE a context-menu region" (RED → GREEN).
+
+**Consumer action:** none.
+
+## 0.44.2 (2026-09-26 — a context-menu region is never sized like an icon)
+
+* **Fix:** `content-transfer.css` sized every `[data-alchemy-trigger]` to 2rem (2.75rem on coarse
+  pointers). `data-alchemy-trigger="context"` marks the whole REGION a context menu wraps, so once
+  matrx-frontend's context menu adopted it every wrapped chat message collapsed to 32px wide (video,
+  job card and text, found live 2026-09-26). The sizing rules now exclude `="context"`.
+* Test: `styles.test.ts` "never sizes a context-menu region as if it were an icon button"
+  (RED without the change → GREEN).
+
+**Consumer action:** none.
+
 ## 0.44.1 (2026-09-26 — an indeterminate Progress actually sweeps)
 
 * **Fix:** an indeterminate `Progress` (`value={null}`) carried `w-full` beside
@@ -9,6 +30,11 @@
   when it is determinate.
 * Test: `controls.test.tsx` "never pairs the indeterminate sweep with a full-width utility"
   (RED without the change → GREEN).
+* **Feature (records-ui merge tranche 6l):** `spreadsheet.onSelectionChange(selection | null)` — the
+  table tells its consumer where the person is standing after every move of the cell cursor or the
+  selected rectangle: the active cell, the rectangle's row and column ids in visual order, its cell
+  count and its TSV. The merged record grid builds its side-chat agent context from it. Test:
+  `MatrxDataTable.selection-is-told.test.tsx` (RED 1/2 on 0.44.0 → GREEN 2/2).
 
 **Consumer action:** none.
 

package/dist/content-transfer.css

@@ -1,17 +1,20 @@
 /* Structural Alchemy rules. Hosts own token values; Tailwind is never required. */
 @import "./tap-target.css";
-/* Match Matrx sidebar icon geometry and its theme-aware color vocabulary. */
-[data-alchemy-trigger] {
+/* Match Matrx sidebar icon geometry and its theme-aware color vocabulary.
+   `data-alchemy-trigger="context"` marks a whole context-menu REGION (a chat
+   message, a row), never an icon button, so neither it nor anything inside it
+   is sized or recoloured here. */
+[data-alchemy-trigger]:not([data-alchemy-trigger="context"]) {
   width: 2rem;
   height: 2rem;
 }
-[data-alchemy-trigger] .matrx-tap-icon {
+[data-alchemy-trigger]:not([data-alchemy-trigger="context"]) .matrx-tap-icon {
   width: 1.125rem;
   height: 1.125rem;
   color: var(--shell-nav-icon, hsl(var(--foreground)));
   stroke-width: 1.75;
 }
-[data-alchemy-trigger]:hover .matrx-tap-icon {
+[data-alchemy-trigger]:not([data-alchemy-trigger="context"]):hover .matrx-tap-icon {
   color: var(--shell-nav-icon-hover, hsl(var(--foreground)));
 }
 [data-alchemy-trigger="glass"] .matrx-tap-pill {
@@ -25,7 +28,7 @@
 [data-alchemy-trigger="outline"] { width: 1.75rem; height: 1.75rem; padding: 0; }
 [data-alchemy-trigger="outline"] > svg { width: 1rem; height: 1rem; stroke-width: 2; }
 @media (pointer: coarse) {
-  [data-alchemy-trigger] { width: 2.75rem; height: 2.75rem; }
+  [data-alchemy-trigger]:not([data-alchemy-trigger="context"]) { width: 2.75rem; height: 2.75rem; }
 }
 .matrx-alchemy {
   display: inline-flex;

package/dist/data-table/copy-helpers.d.cts

@@ -1,5 +1,5 @@
 import { AgentPayloadInput } from './copy-types.cjs';
-import { g as MatrxDataTableCopyConfig, M as MatrxColumnDef } from '../types-cvgKRetM.cjs';
+import { g as MatrxDataTableCopyConfig, M as MatrxColumnDef } from '../types-JTUQsDV0.cjs';
 import '../content-transfer.cjs';
 import 'react';
 import '@ai-matrx/kit/content-transfer';

package/dist/data-table/copy-helpers.d.ts

@@ -1,5 +1,5 @@
 import { AgentPayloadInput } from './copy-types.js';
-import { g as MatrxDataTableCopyConfig, M as MatrxColumnDef } from '../types-Bzzzed5d.js';
+import { g as MatrxDataTableCopyConfig, M as MatrxColumnDef } from '../types-BNDN9all.js';
 import '../content-transfer.js';
 import 'react';
 import '@ai-matrx/kit/content-transfer';

package/dist/data-table/filter-engine.d.cts

@@ -1,4 +1,4 @@
-import { M as MatrxColumnDef, C as ColumnFiltersState, S as SortState, L as LayeredFilterRule, T as TableSearchMatchMode, a as ColumnFilterValue } from '../types-cvgKRetM.cjs';
+import { M as MatrxColumnDef, C as ColumnFiltersState, S as SortState, L as LayeredFilterRule, T as TableSearchMatchMode, a as ColumnFilterValue } from '../types-JTUQsDV0.cjs';
 import '../content-transfer.cjs';
 import 'react';
 import '@ai-matrx/kit/content-transfer';

package/dist/data-table/filter-engine.d.ts

@@ -1,4 +1,4 @@
-import { M as MatrxColumnDef, C as ColumnFiltersState, S as SortState, L as LayeredFilterRule, T as TableSearchMatchMode, a as ColumnFilterValue } from '../types-Bzzzed5d.js';
+import { M as MatrxColumnDef, C as ColumnFiltersState, S as SortState, L as LayeredFilterRule, T as TableSearchMatchMode, a as ColumnFilterValue } from '../types-BNDN9all.js';
 import '../content-transfer.js';
 import 'react';
 import '@ai-matrx/kit/content-transfer';

package/dist/data-table/host.d.cts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { ComponentType, ReactNode, MouseEventHandler } from 'react';
 import { CopyControlProps } from './copy-types.cjs';
 export { AgentPayloadInput, AiCustomSource, AiVariant, CopyExportConfig } from './copy-types.cjs';
-import { b as TableSavedViewsProps, c as MatrxDataTableDensity, d as MatrxDataTableRecordControls } from '../types-cvgKRetM.cjs';
+import { b as TableSavedViewsProps, c as MatrxDataTableDensity, d as MatrxDataTableRecordControls } from '../types-JTUQsDV0.cjs';
 import { MatrxTableMenuTarget, MatrxTableMenuPayload, MatrxTableMenuSectionsResolver, MatrxTableMenuIconName } from './menu-targets.cjs';
 export { MatrxTableMenuItem, MatrxTableMenuSection } from './menu-targets.cjs';
 import '../content-transfer.cjs';

package/dist/data-table/host.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { ComponentType, ReactNode, MouseEventHandler } from 'react';
 import { CopyControlProps } from './copy-types.js';
 export { AgentPayloadInput, AiCustomSource, AiVariant, CopyExportConfig } from './copy-types.js';
-import { b as TableSavedViewsProps, c as MatrxDataTableDensity, d as MatrxDataTableRecordControls } from '../types-Bzzzed5d.js';
+import { b as TableSavedViewsProps, c as MatrxDataTableDensity, d as MatrxDataTableRecordControls } from '../types-BNDN9all.js';
 import { MatrxTableMenuTarget, MatrxTableMenuPayload, MatrxTableMenuSectionsResolver, MatrxTableMenuIconName } from './menu-targets.js';
 export { MatrxTableMenuItem, MatrxTableMenuSection } from './menu-targets.js';
 import '../content-transfer.js';

package/dist/data-table/index.cjs

@@ -15495,7 +15495,7 @@ function MatrxDataTableCore({
                                                 ...frozenStyle(id)
                                               },
                                               children: [
-                                                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ColumnHeaderDropZone, { id, enabled: reorderableColumns, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+                                                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ColumnHeaderDropZone, { id, enabled: reorderableColumns && col.reorderable !== false, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
                                                   ColumnHeaderCell,
                                                   {
                                                     label: col.header,
@@ -15537,7 +15537,7 @@ function MatrxDataTableCore({
                                                     align: col.align,
                                                     compact,
                                                     marker,
-                                                    reorderColumn: reorderableColumns ? { id, label: headerLabel } : void 0,
+                                                    reorderColumn: reorderableColumns && col.reorderable !== false ? { id, label: headerLabel } : void 0,
                                                     menuItems: col.headerMenu,
                                                     MenuIcon: host.MenuIcon
                                                   }