@ai-matrx/design-system 0.44.0 → 0.44.2

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # Changelog
 
+## 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
+  `matrx-progress-indeterminate`. The sweep's 40% width lives in the package layer, which a host's
+  utilities layer outranks, so every indeterminate bar painted a solid full-width fill and never
+  moved (found live on matrx-frontend's video job card). The indicator now carries `w-full` only
+  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.
+
 ## 0.44.0 (2026-09-26 — the layer the person used last is on top)
 
 * **`announceLayerFront(element)` / `LAYER_FRONT_EVENT` (`matrx:layer-front`)** — one signal

package/dist/content-transfer.css

@@ -1,7 +1,9 @@
 /* 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 it is never sized here. */
+[data-alchemy-trigger]:not([data-alchemy-trigger="context"]) {
   width: 2rem;
   height: 2rem;
 }
@@ -25,7 +27,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-CqU57qk8.cjs';
+import { g as MatrxDataTableCopyConfig, M as MatrxColumnDef } from '../types-cvgKRetM.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-CUR8Hbt5.js';
+import { g as MatrxDataTableCopyConfig, M as MatrxColumnDef } from '../types-Bzzzed5d.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-CqU57qk8.cjs';
+import { M as MatrxColumnDef, C as ColumnFiltersState, S as SortState, L as LayeredFilterRule, T as TableSearchMatchMode, a as ColumnFilterValue } from '../types-cvgKRetM.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-CUR8Hbt5.js';
+import { M as MatrxColumnDef, C as ColumnFiltersState, S as SortState, L as LayeredFilterRule, T as TableSearchMatchMode, a as ColumnFilterValue } from '../types-Bzzzed5d.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-CqU57qk8.cjs';
+import { b as TableSavedViewsProps, c as MatrxDataTableDensity, d as MatrxDataTableRecordControls } from '../types-cvgKRetM.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-CUR8Hbt5.js';
+import { b as TableSavedViewsProps, c as MatrxDataTableDensity, d as MatrxDataTableRecordControls } from '../types-Bzzzed5d.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

@@ -13884,6 +13884,26 @@ function MatrxDataTableCore({
   );
   const sheetRef = (0, import_react21.useRef)(sheet);
   sheetRef.current = sheet;
+  const onSheetSelectionRef = (0, import_react21.useRef)(spreadsheet?.onSelectionChange);
+  onSheetSelectionRef.current = spreadsheet?.onSelectionChange;
+  const sheetSelectionKey = sheet.range ? `${sheet.range.anchor.rowId}\0${sheet.range.anchor.fieldName}\0${sheet.range.focus.rowId}\0${sheet.range.focus.fieldName}\0${sheet.bounds ? `${sheet.bounds.r0}:${sheet.bounds.r1}:${sheet.bounds.c0}:${sheet.bounds.c1}` : ""}` : "";
+  (0, import_react21.useEffect)(() => {
+    const tell = onSheetSelectionRef.current;
+    if (!tell) return;
+    const current = sheetRef.current;
+    if (!current.range) {
+      tell(null);
+      return;
+    }
+    const { rowIds, columnIds: columnIds2 } = current.selectionAddresses();
+    tell({
+      active: { rowId: current.range.focus.rowId, columnId: current.range.focus.fieldName },
+      rowIds,
+      columnIds: columnIds2,
+      cellCount: rowIds.length * columnIds2.length,
+      tsv: current.selectionTsv()
+    });
+  }, [sheetSelectionKey]);
   const searchValueRef = (0, import_react21.useRef)(searchValue);
   searchValueRef.current = searchValue;
   const facetsEnabled = Boolean(facets && facets.enabled !== false);