@ai-matrx/design-system 0.86.360 → 0.86.362

package/dist/record-list.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   ItemRow
-} from "./chunk-WHERV3VC.js";
+} from "./chunk-SOCDBDFS.js";
 import {
   ListEmptyView
 } from "./chunk-PRJW34R6.js";
@@ -11,7 +11,7 @@ import {
   ReadStaleNotice,
   readOf
 } from "./chunk-GUGBVQ4T.js";
-import "./chunk-42GFQMLA.js";
+import "./chunk-WUI5OFCH.js";
 import "./chunk-HEFTQUJ5.js";
 import {
   MAC_LIST_ATTRIBUTE
@@ -25,11 +25,11 @@ import "./chunk-NDTDBBMM.js";
 import "./chunk-KPZX2M2C.js";
 import "./chunk-WFBPCMPF.js";
 import "./chunk-OPF265PU.js";
-import "./chunk-LU75R6YX.js";
+import "./chunk-KOUHF4JC.js";
 import "./chunk-BD77DHUO.js";
 import "./chunk-BKCJUFD3.js";
 import "./chunk-MOZRIHJF.js";
-import "./chunk-T57DLONB.js";
+import "./chunk-AKSKVT2M.js";
 import "./chunk-BNXNIN2S.js";
 import "./chunk-HS6GMHKZ.js";
 import "./chunk-B5D3VIMC.js";

package/dist/settings.js

@@ -16,7 +16,7 @@ import {
 } from "./chunk-YRF22M5S.js";
 import {
   Tile
-} from "./chunk-WOA6WHV2.js";
+} from "./chunk-WLKHQGX5.js";
 import {
   Drawer,
   DrawerContent,
@@ -47,12 +47,12 @@ import {
   SearchField,
   Switch,
   Tabs
-} from "./chunk-LU75R6YX.js";
+} from "./chunk-KOUHF4JC.js";
 import "./chunk-BD77DHUO.js";
 import "./chunk-BKCJUFD3.js";
 import "./chunk-PIQJULQB.js";
 import "./chunk-MOZRIHJF.js";
-import "./chunk-T57DLONB.js";
+import "./chunk-AKSKVT2M.js";
 import "./chunk-BNXNIN2S.js";
 import {
   Select,

package/dist/styles.css

@@ -1239,6 +1239,24 @@ tr:has([data-matrx-cell-content]:is([data-matrx-cell-lines="two"], [data-matrx-c
   margin-top: calc(0.5lh - 8px);
 }
 
+/* A ROW WHOSE TEXT RUNS PAST ONE LINE KEEPS A ONE-LINE ROW'S AIR (Arman 2026-10-24: a page title
+   stacked over its URL sat flush against both row lines — the cell padding was sized for one line,
+   0 px in the Mac look). `data-matrx-row-lines="multi"` is set by data-table/multiline-rows.ts from
+   the text's own line boxes; every cell of that row gets the space above and below that a one-line
+   row's text has, half of (row height − one line), and the row reads from its first line. The row
+   actions sit centered on that first line too. */
+[data-matrx-table] tbody tr[data-row-id][data-matrx-row-lines="multi"] > td:not([data-matrx-table-row-action-cell]):not([data-matrx-table-message-cell]) {
+  padding-block: calc((var(--matrx-table-row-height, 2.5rem) - 1lh) / 2) !important;
+  vertical-align: top;
+}
+[data-matrx-table] tbody tr[data-row-id][data-matrx-row-lines="multi"] > td[data-matrx-table-row-action-cell] {
+  padding-block: max(0px, calc((var(--matrx-table-row-height, 2.5rem) - var(--matrx-table-row-action-size, 2rem)) / 2)) !important;
+  vertical-align: top;
+}
+[data-matrx-table] tbody tr[data-row-id][data-matrx-row-lines="multi"] > td [data-matrx-table-selection-target] {
+  margin-top: calc(0.5lh - 8px);
+}
+
 /* ONE LINE PER ROW — `cellLines="one"`, the table's default in every density (was condensed only,
    playground review B9; the agents list's six-line descriptions made a 130px row). Every descendant
    holds one line, the cell clips at its own edge (text never spills into the next column), and a

package/dist/thumbnail-grid.cjs

@@ -34,7 +34,8 @@ __export(thumbnail_grid_exports, {
   ThumbnailGrid: () => ThumbnailGrid,
   nudgeIds: () => nudgeIds,
   rangeIds: () => rangeIds,
-  reorderIds: () => reorderIds
+  reorderIds: () => reorderIds,
+  revealScrollTop: () => revealScrollTop
 });
 module.exports = __toCommonJS(thumbnail_grid_exports);
 
@@ -593,6 +594,20 @@ function nudgeIds(ids, moved, by) {
   const target = by === -Infinity ? 0 : by === Infinity ? rest.length : Math.min(rest.length, Math.max(0, first + by));
   return [...rest.slice(0, target), ...group, ...rest.slice(target)];
 }
+function revealScrollTop(box, el) {
+  const above = el.top - box.top;
+  const below = el.top + el.height - (box.top + box.height);
+  if (above < 0) return box.scrollTop + above;
+  if (below > 0) return box.scrollTop + Math.min(below, above);
+  return box.scrollTop;
+}
+function scrollParent(el) {
+  for (let n = el.parentElement; n; n = n.parentElement) {
+    const { overflowY } = getComputedStyle(n);
+    if ((overflowY === "auto" || overflowY === "scroll") && n.scrollHeight > n.clientHeight) return n;
+  }
+  return null;
+}
 function rangeIds(ids, a, b) {
   const i = ids.indexOf(a), j = ids.indexOf(b);
   if (i < 0 || j < 0) return [];
@@ -664,6 +679,7 @@ function ThumbnailGrid({
   minThumbWidth = 120,
   columns,
   aspectRatio = "3 / 4",
+  revealId,
   disabled = false,
   className,
   "aria-label": ariaLabel
@@ -677,6 +693,16 @@ function ThumbnailGrid({
   const [dragIds, setDragIds] = React6.useState(null);
   const [activeId, setActiveId] = React6.useState(null);
   const [overId, setOverId] = React6.useState(null);
+  React6.useEffect(() => {
+    if (!revealId || dragIds) return;
+    const el = nodes.current.get(revealId);
+    const box = el && scrollParent(el);
+    if (!el || !box) return;
+    const b = box.getBoundingClientRect();
+    const r = el.getBoundingClientRect();
+    const top = revealScrollTop({ scrollTop: box.scrollTop, top: b.top, height: box.clientHeight }, { top: r.top, height: r.height });
+    if (top !== box.scrollTop) box.scrollTo({ top, behavior: "smooth" });
+  }, [revealId]);
   const sensors = (0, import_core2.useSensors)((0, import_core2.useSensor)(import_core2.PointerSensor, { activationConstraint: { distance: 6 } }));
   const stopId = focusId && byId.has(focusId) ? focusId : ids.find((id) => selected.has(id)) ?? ids[0] ?? null;
   const shown = dragIds && overId ? reorderIds(ids, dragIds, overId) : ids;