@ai-matrx/design-system 0.39.4 → 0.40.0

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-D7O3uOIs.cjs';
+import { M as MatrxColumnDef, C as ColumnFiltersState, S as SortState, L as LayeredFilterRule, T as TableSearchMatchMode, a as ColumnFilterValue } from '../types-oVyZbfwn.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-p13OrDj-.js';
+import { M as MatrxColumnDef, C as ColumnFiltersState, S as SortState, L as LayeredFilterRule, T as TableSearchMatchMode, a as ColumnFilterValue } from '../types-Z32pxexx.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-D7O3uOIs.cjs';
+import { b as TableSavedViewsProps, c as MatrxDataTableDensity, d as MatrxDataTableRecordControls } from '../types-oVyZbfwn.cjs';
 import { MatrxTableMenuTarget, MatrxTableMenuPayload } from './menu-targets.cjs';
 import '../content-transfer.cjs';
 import '@ai-matrx/kit/content-transfer';

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-p13OrDj-.js';
+import { b as TableSavedViewsProps, c as MatrxDataTableDensity, d as MatrxDataTableRecordControls } from '../types-Z32pxexx.js';
 import { MatrxTableMenuTarget, MatrxTableMenuPayload } from './menu-targets.js';
 import '../content-transfer.js';
 import '@ai-matrx/kit/content-transfer';

package/dist/data-table/index.cjs

@@ -152,6 +152,7 @@ module.exports = __toCommonJS(data_table_exports);
 
 // src/data-table/MatrxDataTable.tsx
 var import_react21 = require("react");
+var import_react_dom2 = require("react-dom");
 var import_core3 = require("@dnd-kit/core");
 
 // src/data-table/icons.tsx
@@ -1069,6 +1070,7 @@ function TableTitleRow({
   tabs,
   actions,
   children,
+  singleRow = false,
   className
 }) {
   const Heading = headingLevel === 1 ? "h1" : "h2";
@@ -1077,7 +1079,8 @@ function TableTitleRow({
     {
       "data-matrx-table-toolbar": true,
       className: cn(
-        "relative flex min-w-0 shrink-0 flex-wrap items-center gap-2",
+        "relative flex min-w-0 shrink-0 items-center gap-2",
+        singleRow ? "flex-nowrap overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden" : "flex-wrap",
         className
       ),
       children: [
@@ -1096,7 +1099,7 @@ function TableTitleRow({
           "div",
           {
             "data-matrx-table-title-search": true,
-            className: "order-last w-full min-w-0 sm:order-none sm:w-64 sm:shrink-0 sm:max-w-md",
+            className: singleRow ? "w-44 min-w-[9rem] shrink-0 sm:w-64 sm:max-w-md" : "order-last w-full min-w-0 sm:order-none sm:w-64 sm:shrink-0 sm:max-w-md",
             children: search
           }
         ) : null,
@@ -1106,7 +1109,7 @@ function TableTitleRow({
           "div",
           {
             "data-matrx-table-actions": true,
-            className: "ml-auto flex min-w-0 flex-wrap items-center gap-0",
+            className: cn("ml-auto flex min-w-0 items-center gap-0", singleRow ? "shrink-0 flex-nowrap" : "flex-wrap"),
             children: actions
           }
         ) : null
@@ -4372,7 +4375,8 @@ function PreparationWorkspace({ restoreFocus, open, state, scopes, scopeLabels,
         /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("summary", { children: [
           "Use prepared content \xB7 ",
           eligibleActions.length,
-          " destinations"
+          " ",
+          eligibleActions.length === 1 ? "destination" : "destinations"
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "matrx-alchemy-destination-grid", children: eligibleActions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("button", { type: "button", className: "matrx-alchemy-palette-row", disabled: busy !== null || Boolean(bufferError || formatError) || !preparedArtifact, onClick: () => void deliverAction(action), children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(DestinationPresentation, { action }) }, action.id)) })
       ] }) : null,
@@ -13494,6 +13498,11 @@ function MatrxDataTableCore({
   const rowCopyInMenu = rowCopyPlacement === "menu" && Boolean(rowActions);
   const showInlineRowCopy = showRowCopy && !rowCopyInMenu;
   const showToolbarCopy = effectiveCopy !== void 0 && effectiveCopy.showToolbar !== false;
+  const placeToolbar = (node) => {
+    if (!toolbar || !("portalInto" in toolbar)) return node;
+    const target = toolbar.portalInto;
+    return target ? (0, import_react_dom2.createPortal)(node, target) : null;
+  };
   const renderRowActions = (row, controls) => {
     const actions = rowActions?.(row, controls);
     const scopedActions = /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(MatrxTableRowControlsScope, { value: controls, children: actions });
@@ -14321,9 +14330,10 @@ function MatrxDataTableCore({
               notice,
               savedViewError ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { role: "alert", className: "shrink-0 text-xs text-destructive", children: savedViewError }) : null,
               toolbarActionError ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { role: "alert", className: "shrink-0 text-xs text-destructive", children: toolbarActionError }) : null,
-              !hideToolbar && (viewTabs || toolbar?.title || toolbar?.titleCount || showSearch || toolbar?.customSearch || toolbar?.anyOf || toolbar?.layeredFilters || toolbar?.facets && toolbar.facets.length > 0 || toolbar?.leading || toolbar?.actions || toolbar?.refresh || toolbar?.add || tableId && SavedViews || hasActiveFilters || showToolbarCopy || columns.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+              placeToolbar(!hideToolbar && (viewTabs || toolbar?.title || toolbar?.titleCount || showSearch || toolbar?.customSearch || toolbar?.anyOf || toolbar?.layeredFilters || toolbar?.facets && toolbar.facets.length > 0 || toolbar?.leading || toolbar?.actions || toolbar?.refresh || toolbar?.add || tableId && SavedViews || hasActiveFilters || showToolbarCopy || columns.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
                 TableTitleRow,
                 {
+                  ...toolbar?.singleRow ? { singleRow: true } : {},
                   tabs: viewTabs ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(TableViewWorkspace, { snapshot: currentViewSnapshot, onApply: applySavedView, related: relatedTableActions }, tableId ?? "table") : void 0,
                   ...toolbar?.title === void 0 ? {} : { title: toolbar.title },
                   ...toolbar?.titleCount === void 0 ? {} : { count: toolbar.titleCount },
@@ -14458,8 +14468,31 @@ function MatrxDataTableCore({
                       "div",
                       {
                         "data-matrx-table-actions": true,
-                        className: "ml-auto flex min-w-0 flex-wrap items-center gap-0",
+                        className: cn(
+                          "ml-auto flex min-w-0 items-center gap-0",
+                          toolbar?.singleRow ? "shrink-0 flex-nowrap" : "flex-wrap"
+                        ),
                         children: [
+                          toolbar?.singleRow && coverageResult && coverageResult.notice ? /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(Tooltip, { children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+                              "span",
+                              {
+                                "data-matrx-table-coverage": true,
+                                "data-matrx-table-coverage-scope": coverageResult.scope,
+                                role: "status",
+                                tabIndex: 0,
+                                className: "mr-1 inline-flex shrink-0 items-center whitespace-nowrap rounded-md border border-amber-300/70 bg-amber-50 px-2 py-0.5 text-[11px] font-semibold text-amber-900 dark:border-amber-500/40 dark:bg-amber-950/40 dark:text-amber-200",
+                                children: [
+                                  coverageResult.badge,
+                                  /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("span", { className: "sr-only", children: [
+                                    ": ",
+                                    coverageResult.notice
+                                  ] })
+                                ]
+                              }
+                            ) }),
+                            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(TooltipContent, { className: "max-w-xs", children: coverageResult.notice })
+                          ] }) : null,
                           /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
                             TableToolbarAction,
                             {
@@ -14602,9 +14635,9 @@ function MatrxDataTableCore({
                     )
                   ]
                 }
-              ),
+              )),
               /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { "data-matrx-table-body-region": true, className: "flex min-h-0 flex-1 flex-col gap-2", children: [
-                coverageResult && coverageResult.notice ? /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+                coverageResult && coverageResult.notice && !toolbar?.singleRow ? /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
                   "div",
                   {
                     "data-matrx-table-coverage": true,