@ai-matrx/design-system 0.18.15 → 0.18.18

package/dist/data-table/index.js

@@ -2029,13 +2029,17 @@ function PaletteRows({ title, items, onRun, extra, ai = false, glyphKind, fallba
   if (!items.length && !extra) return null;
   return /* @__PURE__ */ jsxs13("section", { className: "matrx-alchemy-palette-section", children: [
     /* @__PURE__ */ jsx21("h3", { children: title }),
-    items.map((item) => /* @__PURE__ */ jsxs13("button", { type: "button", className: cn("matrx-alchemy-palette-row", ai && "matrx-alchemy-palette-row-ai"), "aria-label": item.ariaLabel, onClick: () => onRun?.(item), children: [
-      item.icon ? /* @__PURE__ */ jsx21(item.icon, { className: "matrx-alchemy-menu-icon" }) : /* @__PURE__ */ jsx21(PaletteGlyph, { ai, ...glyphKind ? { kind: glyphKind } : {} }),
-      /* @__PURE__ */ jsxs13("span", { children: [
-        item.copyLabel ?? item.label,
-        item.hint ?? fallbackHint ? /* @__PURE__ */ jsx21("small", { className: "matrx-alchemy-menu-hint", children: item.hint ?? fallbackHint }) : null
-      ] })
-    ] }, item.id)),
+    items.map((item) => {
+      const label = item.copyLabel ?? item.label;
+      const hint = item.hint ?? fallbackHint;
+      return /* @__PURE__ */ jsxs13("button", { type: "button", className: cn("matrx-alchemy-palette-row", ai && "matrx-alchemy-palette-row-ai"), "aria-label": item.ariaLabel ?? `${label}${hint ? ` ${hint}` : ""}`, onClick: () => onRun?.(item), children: [
+        item.icon ? /* @__PURE__ */ jsx21(item.icon, { className: "matrx-alchemy-menu-icon" }) : /* @__PURE__ */ jsx21(PaletteGlyph, { ai, ...glyphKind ? { kind: glyphKind } : {} }),
+        /* @__PURE__ */ jsxs13("span", { children: [
+          label,
+          hint ? /* @__PURE__ */ jsx21("small", { className: "matrx-alchemy-menu-hint", children: hint }) : null
+        ] })
+      ] }, item.id);
+    }),
     extra
   ] });
 }
@@ -7267,6 +7271,12 @@ function MatrxDataTableCore({
     ...appendQuery?.scroll
   });
   const rootRef = useRef6(null);
+  const setDiagnosticBoundaryRef = useCallback4((node) => {
+    rootRef.current = node;
+    if (!node) return;
+    node.style.setProperty("outline", "2px solid #2563eb", "important");
+    node.style.setProperty("outline-offset", "-2px", "important");
+  }, []);
   useClippedContentGuard(rootRef, {
     label: typeof copy === "object" && copy.listLabel ? `Table: ${copy.listLabel}` : "MatrxDataTable"
   });
@@ -8134,7 +8144,7 @@ function MatrxDataTableCore({
         /* @__PURE__ */ jsxs26(
           "div",
           {
-            ref: rootRef,
+            ref: setDiagnosticBoundaryRef,
             "data-matrx-table": true,
             "data-url-state-table": urlState?.id,
             className: cn(
@@ -8676,7 +8686,7 @@ function MatrxDataTableCore({
                                           setSort({ id, direction: "desc" });
                                           return;
                                         }
-                                        setSort(null);
+                                        setSort({ id, direction: "asc" });
                                       },
                                       filterKind: meta?.kind ?? null,
                                       filterValue: columnFilters[id],