@ai-matrx/design-system 0.21.3 → 0.21.4

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-BarjBFyG.cjs';
+import { M as MatrxColumnDef, C as ColumnFiltersState, S as SortState, L as LayeredFilterRule, T as TableSearchMatchMode, a as ColumnFilterValue } from '../types-DRusLYrU.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-JFlsIv-0.js';
+import { M as MatrxColumnDef, C as ColumnFiltersState, S as SortState, L as LayeredFilterRule, T as TableSearchMatchMode, a as ColumnFilterValue } from '../types-CbGNfo7r.js';
 import '../content-transfer.js';
 import 'react';
 import '@ai-matrx/kit/content-transfer';

package/dist/data-table/host.cjs

@@ -24,8 +24,10 @@ var host_exports = {};
 __export(host_exports, {
   MatrxDataTableProvider: () => MatrxDataTableProvider,
   MatrxTableRowAlchemyScope: () => MatrxTableRowAlchemyScope,
+  MatrxTableRowControlsScope: () => MatrxTableRowControlsScope,
   useMatrxDataTableHost: () => useMatrxDataTableHost,
-  useMatrxTableRowAlchemy: () => useMatrxTableRowAlchemy
+  useMatrxTableRowAlchemy: () => useMatrxTableRowAlchemy,
+  useMatrxTableRowControls: () => useMatrxTableRowControls
 });
 module.exports = __toCommonJS(host_exports);
 var import_react = require("react");
@@ -48,4 +50,13 @@ function MatrxTableRowAlchemyScope({ value, children }) {
 function useMatrxTableRowAlchemy() {
   return (0, import_react.useContext)(RowAlchemyContext);
 }
+var ROW_CONTROLS_SLOT = /* @__PURE__ */ Symbol.for("ai-matrx.design-system.table-row-controls-context");
+var rowControlsRegistry = globalThis;
+var RowControlsContext = rowControlsRegistry[ROW_CONTROLS_SLOT] ??= (0, import_react.createContext)(null);
+function MatrxTableRowControlsScope({ value, children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RowControlsContext.Provider, { value, children });
+}
+function useMatrxTableRowControls() {
+  return (0, import_react.useContext)(RowControlsContext);
+}
 //# sourceMappingURL=host.cjs.map

package/dist/data-table/host.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/data-table/host.tsx"],"sourcesContent":["\"use client\";\nimport { createContext, useContext, type Context, type ComponentType, type ReactNode, type MouseEventHandler } from \"react\";\nimport type { CopyControlProps } from \"./copy-types\";\nimport type { MatrxDataTableDensity, TableSavedViewsProps } from \"./types\";\n\nexport type {\n  AgentPayloadInput,\n  AiCustomSource,\n  AiVariant,\n  CopyControlProps,\n  CopyExportConfig,\n} from \"./copy-types\";\n\nexport interface TableLinkProps { href: string; children: ReactNode; className?: string; onClick?: MouseEventHandler<HTMLAnchorElement>; }\n/**\n * Host-owned toolbar affordance. The table package keeps operation state and\n * labels; an application can supply its canonical icon-button primitive\n * without making the shared package depend on an application UI package.\n */\nexport interface TableToolbarActionProps { ariaLabel: string; tooltip?: string | undefined; disabled?: boolean | undefined; busy?: boolean | undefined; /** Indicates a selected mutually-exclusive action such as the current page. */ active?: boolean | undefined; onClick: () => void; children: ReactNode; }\nexport interface TableSidePanelProps { title: string; titleNode?: ReactNode; description?: ReactNode; onClose: () => void; defaultWidth?: number; headerActions?: ReactNode; children: ReactNode; }\nexport interface TableWindowPanelProps { id: string; title: string; onClose: () => void; width?: number; height?: number; minWidth?: number; minHeight?: number; actionsRight?: ReactNode; bodyClassName?: string; sidebarDefaultSize?: number; sidebarMinSize?: number; sidebar?: ReactNode; children: ReactNode; }\nexport interface TableEntityRefProps { token: string; id: string; href?: string; children: ReactNode; className?: string; }\nexport interface TablePeekProps { kind: string; id: string; href?: string; onClose: () => void; }\nexport interface TableDoors { href?: string; peekKind?: string; canPeek?: boolean; }\nexport interface MatrxDataTableHost { JsonViewer?: ComponentType<{ data: object | string }>; Link?: ComponentType<TableLinkProps>; CopyControls?: ComponentType<CopyControlProps>; ToolbarAction?: ComponentType<TableToolbarActionProps>; SidePanelSurface?: ComponentType<TableSidePanelProps>; WindowPanel?: ComponentType<TableWindowPanelProps>; EntityRef?: ComponentType<TableEntityRefProps>; resolveEntityDoors?: (token: string, id: string, href?: string | null) => TableDoors | null; ResourcePeek?: ComponentType<TablePeekProps>; SavedViews?: ComponentType<TableSavedViewsProps>; /** Host default; a table's explicit density takes precedence. */ defaultDensity?: MatrxDataTableDensity; notify?: { success(message: string): void; error(message: string): void }; }\n// Public entrypoints are independently bundled in ESM and CJS. The context\n// identity must survive those bundle boundaries; values stay provider-scoped.\nconst HOST_SLOT = Symbol.for(\"ai-matrx.design-system.table-host-context\");\nconst hostRegistry = globalThis as typeof globalThis & { [HOST_SLOT]?: Context<MatrxDataTableHost> };\nconst HostContext = hostRegistry[HOST_SLOT] ??= createContext<MatrxDataTableHost>({});\nexport function MatrxDataTableProvider({ value, children }: { value: MatrxDataTableHost; children: ReactNode }) { return <HostContext.Provider value={value}>{children}</HostContext.Provider>; }\nexport function useMatrxDataTableHost(): MatrxDataTableHost { return useContext(HostContext); }\n\nexport interface MatrxTableRowAlchemy {\n  copy: CopyControlProps;\n  placement: \"inline\" | \"menu\";\n  ready: boolean;\n  activate(): void;\n  prepare(restoreFocus?: () => void): Promise<void>;\n}\n\nconst ROW_ALCHEMY_SLOT = Symbol.for(\"ai-matrx.design-system.table-row-alchemy-context\");\nconst rowAlchemyRegistry = globalThis as typeof globalThis & { [ROW_ALCHEMY_SLOT]?: Context<MatrxTableRowAlchemy | null> };\nconst RowAlchemyContext = rowAlchemyRegistry[ROW_ALCHEMY_SLOT] ??= createContext<MatrxTableRowAlchemy | null>(null);\n\nexport function MatrxTableRowAlchemyScope({ value, children }: { value: MatrxTableRowAlchemy; children: ReactNode }) { return <RowAlchemyContext.Provider value={value}>{children}</RowAlchemyContext.Provider>; }\n\nexport function useMatrxTableRowAlchemy(): MatrxTableRowAlchemy | null { return useContext(RowAlchemyContext); }\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAoH;AA8BK;AAHzH,IAAM,YAAY,uBAAO,IAAI,2CAA2C;AACxE,IAAM,eAAe;AACrB,IAAM,cAAc,aAAa,SAAS,UAAM,4BAAkC,CAAC,CAAC;AAC7E,SAAS,uBAAuB,EAAE,OAAO,SAAS,GAAuD;AAAE,SAAO,4CAAC,YAAY,UAAZ,EAAqB,OAAe,UAAS;AAAyB;AACzL,SAAS,wBAA4C;AAAE,aAAO,yBAAW,WAAW;AAAG;AAU9F,IAAM,mBAAmB,uBAAO,IAAI,kDAAkD;AACtF,IAAM,qBAAqB;AAC3B,IAAM,oBAAoB,mBAAmB,gBAAgB,UAAM,4BAA2C,IAAI;AAE3G,SAAS,0BAA0B,EAAE,OAAO,SAAS,GAAyD;AAAE,SAAO,4CAAC,kBAAkB,UAAlB,EAA2B,OAAe,UAAS;AAA+B;AAE1M,SAAS,0BAAuD;AAAE,aAAO,yBAAW,iBAAiB;AAAG;","names":[]}
+{"version":3,"sources":["../../src/data-table/host.tsx"],"sourcesContent":["\"use client\";\nimport { createContext, useContext, type Context, type ComponentType, type ReactNode, type MouseEventHandler } from \"react\";\nimport type { CopyControlProps } from \"./copy-types\";\nimport type { MatrxDataTableDensity, MatrxDataTableRecordControls, TableSavedViewsProps } from \"./types\";\n\nexport type {\n  AgentPayloadInput,\n  AiCustomSource,\n  AiVariant,\n  CopyControlProps,\n  CopyExportConfig,\n} from \"./copy-types\";\n\nexport interface TableLinkProps { href: string; children: ReactNode; className?: string; onClick?: MouseEventHandler<HTMLAnchorElement>; }\n/**\n * Host-owned toolbar affordance. The table package keeps operation state and\n * labels; an application can supply its canonical icon-button primitive\n * without making the shared package depend on an application UI package.\n */\nexport interface TableToolbarActionProps { ariaLabel: string; tooltip?: string | undefined; disabled?: boolean | undefined; busy?: boolean | undefined; /** Indicates a selected mutually-exclusive action such as the current page. */ active?: boolean | undefined; onClick: () => void; children: ReactNode; }\nexport interface TableSidePanelProps { title: string; titleNode?: ReactNode; description?: ReactNode; onClose: () => void; defaultWidth?: number; headerActions?: ReactNode; children: ReactNode; }\nexport interface TableWindowPanelProps { id: string; title: string; onClose: () => void; width?: number; height?: number; minWidth?: number; minHeight?: number; actionsRight?: ReactNode; bodyClassName?: string; sidebarDefaultSize?: number; sidebarMinSize?: number; sidebar?: ReactNode; children: ReactNode; }\nexport interface TableEntityRefProps { token: string; id: string; href?: string; children: ReactNode; className?: string; }\nexport interface TablePeekProps { kind: string; id: string; href?: string; onClose: () => void; }\nexport interface TableDoors { href?: string; peekKind?: string; canPeek?: boolean; }\nexport interface TableRowContextRegistry { register(tableId: string, resolve: (rowId: string) => unknown): () => void; }\nexport interface TableContextMenuBoundaryProps { label: string; children: ReactNode; }\nexport interface MatrxDataTableHost { JsonViewer?: ComponentType<{ data: object | string }>; Link?: ComponentType<TableLinkProps>; CopyControls?: ComponentType<CopyControlProps>; ToolbarAction?: ComponentType<TableToolbarActionProps>; SidePanelSurface?: ComponentType<TableSidePanelProps>; WindowPanel?: ComponentType<TableWindowPanelProps>; EntityRef?: ComponentType<TableEntityRefProps>; resolveEntityDoors?: (token: string, id: string, href?: string | null) => TableDoors | null; ResourcePeek?: ComponentType<TablePeekProps>; SavedViews?: ComponentType<TableSavedViewsProps>; rowContextRegistry?: TableRowContextRegistry; createDefaultRowContext?: (row: unknown, controls: import(\"./types\").MatrxDataTableRecordControls) => unknown; ContextMenuBoundary?: ComponentType<TableContextMenuBoundaryProps>; /** Host default; a table's explicit density takes precedence. */ defaultDensity?: MatrxDataTableDensity; notify?: { success(message: string): void; error(message: string): void }; }\n// Public entrypoints are independently bundled in ESM and CJS. The context\n// identity must survive those bundle boundaries; values stay provider-scoped.\nconst HOST_SLOT = Symbol.for(\"ai-matrx.design-system.table-host-context\");\nconst hostRegistry = globalThis as typeof globalThis & { [HOST_SLOT]?: Context<MatrxDataTableHost> };\nconst HostContext = hostRegistry[HOST_SLOT] ??= createContext<MatrxDataTableHost>({});\nexport function MatrxDataTableProvider({ value, children }: { value: MatrxDataTableHost; children: ReactNode }) { return <HostContext.Provider value={value}>{children}</HostContext.Provider>; }\nexport function useMatrxDataTableHost(): MatrxDataTableHost { return useContext(HostContext); }\n\nexport interface MatrxTableRowAlchemy {\n  copy: CopyControlProps;\n  controls?: MatrxDataTableRecordControls;\n  placement: \"inline\" | \"menu\";\n  ready: boolean;\n  activate(): void;\n  prepare(restoreFocus?: () => void): Promise<void>;\n}\n\nconst ROW_ALCHEMY_SLOT = Symbol.for(\"ai-matrx.design-system.table-row-alchemy-context\");\nconst rowAlchemyRegistry = globalThis as typeof globalThis & { [ROW_ALCHEMY_SLOT]?: Context<MatrxTableRowAlchemy | null> };\nconst RowAlchemyContext = rowAlchemyRegistry[ROW_ALCHEMY_SLOT] ??= createContext<MatrxTableRowAlchemy | null>(null);\n\nexport function MatrxTableRowAlchemyScope({ value, children }: { value: MatrxTableRowAlchemy; children: ReactNode }) { return <RowAlchemyContext.Provider value={value}>{children}</RowAlchemyContext.Provider>; }\n\nexport function useMatrxTableRowAlchemy(): MatrxTableRowAlchemy | null { return useContext(RowAlchemyContext); }\n\nconst ROW_CONTROLS_SLOT = Symbol.for(\"ai-matrx.design-system.table-row-controls-context\");\nconst rowControlsRegistry = globalThis as typeof globalThis & { [ROW_CONTROLS_SLOT]?: Context<MatrxDataTableRecordControls | null> };\nconst RowControlsContext = rowControlsRegistry[ROW_CONTROLS_SLOT] ??= createContext<MatrxDataTableRecordControls | null>(null);\nexport function MatrxTableRowControlsScope({ value, children }: { value: MatrxDataTableRecordControls; children: ReactNode }) { return <RowControlsContext.Provider value={value}>{children}</RowControlsContext.Provider>; }\nexport function useMatrxTableRowControls(): MatrxDataTableRecordControls | null { return useContext(RowControlsContext); }\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAoH;AAgCK;AAHzH,IAAM,YAAY,uBAAO,IAAI,2CAA2C;AACxE,IAAM,eAAe;AACrB,IAAM,cAAc,aAAa,SAAS,UAAM,4BAAkC,CAAC,CAAC;AAC7E,SAAS,uBAAuB,EAAE,OAAO,SAAS,GAAuD;AAAE,SAAO,4CAAC,YAAY,UAAZ,EAAqB,OAAe,UAAS;AAAyB;AACzL,SAAS,wBAA4C;AAAE,aAAO,yBAAW,WAAW;AAAG;AAW9F,IAAM,mBAAmB,uBAAO,IAAI,kDAAkD;AACtF,IAAM,qBAAqB;AAC3B,IAAM,oBAAoB,mBAAmB,gBAAgB,UAAM,4BAA2C,IAAI;AAE3G,SAAS,0BAA0B,EAAE,OAAO,SAAS,GAAyD;AAAE,SAAO,4CAAC,kBAAkB,UAAlB,EAA2B,OAAe,UAAS;AAA+B;AAE1M,SAAS,0BAAuD;AAAE,aAAO,yBAAW,iBAAiB;AAAG;AAE/G,IAAM,oBAAoB,uBAAO,IAAI,mDAAmD;AACxF,IAAM,sBAAsB;AAC5B,IAAM,qBAAqB,oBAAoB,iBAAiB,UAAM,4BAAmD,IAAI;AACtH,SAAS,2BAA2B,EAAE,OAAO,SAAS,GAAiE;AAAE,SAAO,4CAAC,mBAAmB,UAAnB,EAA4B,OAAe,UAAS;AAAgC;AACrN,SAAS,2BAAgE;AAAE,aAAO,yBAAW,kBAAkB;AAAG;","names":[]}

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

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { ComponentType, ReactNode, MouseEventHandler } from 'react';
+import { b as TableSavedViewsProps, c as MatrxDataTableRecordControls, d as MatrxDataTableDensity } from '../types-DRusLYrU.cjs';
 import { CopyControlProps } from './copy-types.cjs';
 export { AgentPayloadInput, AiCustomSource, AiVariant, CopyExportConfig } from './copy-types.cjs';
-import { b as TableSavedViewsProps, c as MatrxDataTableDensity } from '../types-BarjBFyG.cjs';
 import '../content-transfer.cjs';
 import '@ai-matrx/kit/content-transfer';
 import '../content-transfer/icon.cjs';
@@ -69,6 +69,13 @@ interface TableDoors {
     peekKind?: string;
     canPeek?: boolean;
 }
+interface TableRowContextRegistry {
+    register(tableId: string, resolve: (rowId: string) => unknown): () => void;
+}
+interface TableContextMenuBoundaryProps {
+    label: string;
+    children: ReactNode;
+}
 interface MatrxDataTableHost {
     JsonViewer?: ComponentType<{
         data: object | string;
@@ -81,7 +88,10 @@ interface MatrxDataTableHost {
     EntityRef?: ComponentType<TableEntityRefProps>;
     resolveEntityDoors?: (token: string, id: string, href?: string | null) => TableDoors | null;
     ResourcePeek?: ComponentType<TablePeekProps>;
-    SavedViews?: ComponentType<TableSavedViewsProps>; /** Host default; a table's explicit density takes precedence. */
+    SavedViews?: ComponentType<TableSavedViewsProps>;
+    rowContextRegistry?: TableRowContextRegistry;
+    createDefaultRowContext?: (row: unknown, controls: MatrxDataTableRecordControls) => unknown;
+    ContextMenuBoundary?: ComponentType<TableContextMenuBoundaryProps>; /** Host default; a table's explicit density takes precedence. */
     defaultDensity?: MatrxDataTableDensity;
     notify?: {
         success(message: string): void;
@@ -95,6 +105,7 @@ declare function MatrxDataTableProvider({ value, children }: {
 declare function useMatrxDataTableHost(): MatrxDataTableHost;
 interface MatrxTableRowAlchemy {
     copy: CopyControlProps;
+    controls?: MatrxDataTableRecordControls;
     placement: "inline" | "menu";
     ready: boolean;
     activate(): void;
@@ -105,5 +116,10 @@ declare function MatrxTableRowAlchemyScope({ value, children }: {
     children: ReactNode;
 }): React.JSX.Element;
 declare function useMatrxTableRowAlchemy(): MatrxTableRowAlchemy | null;
+declare function MatrxTableRowControlsScope({ value, children }: {
+    value: MatrxDataTableRecordControls;
+    children: ReactNode;
+}): React.JSX.Element;
+declare function useMatrxTableRowControls(): MatrxDataTableRecordControls | null;
 
-export { CopyControlProps, type MatrxDataTableHost, MatrxDataTableProvider, type MatrxTableRowAlchemy, MatrxTableRowAlchemyScope, type TableDoors, type TableEntityRefProps, type TableLinkProps, type TablePeekProps, type TableSidePanelProps, type TableToolbarActionProps, type TableWindowPanelProps, useMatrxDataTableHost, useMatrxTableRowAlchemy };
+export { CopyControlProps, type MatrxDataTableHost, MatrxDataTableProvider, type MatrxTableRowAlchemy, MatrxTableRowAlchemyScope, MatrxTableRowControlsScope, type TableContextMenuBoundaryProps, type TableDoors, type TableEntityRefProps, type TableLinkProps, type TablePeekProps, type TableRowContextRegistry, type TableSidePanelProps, type TableToolbarActionProps, type TableWindowPanelProps, useMatrxDataTableHost, useMatrxTableRowAlchemy, useMatrxTableRowControls };

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

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { ComponentType, ReactNode, MouseEventHandler } from 'react';
+import { b as TableSavedViewsProps, c as MatrxDataTableRecordControls, d as MatrxDataTableDensity } from '../types-CbGNfo7r.js';
 import { CopyControlProps } from './copy-types.js';
 export { AgentPayloadInput, AiCustomSource, AiVariant, CopyExportConfig } from './copy-types.js';
-import { b as TableSavedViewsProps, c as MatrxDataTableDensity } from '../types-JFlsIv-0.js';
 import '../content-transfer.js';
 import '@ai-matrx/kit/content-transfer';
 import '../content-transfer/icon.js';
@@ -69,6 +69,13 @@ interface TableDoors {
     peekKind?: string;
     canPeek?: boolean;
 }
+interface TableRowContextRegistry {
+    register(tableId: string, resolve: (rowId: string) => unknown): () => void;
+}
+interface TableContextMenuBoundaryProps {
+    label: string;
+    children: ReactNode;
+}
 interface MatrxDataTableHost {
     JsonViewer?: ComponentType<{
         data: object | string;
@@ -81,7 +88,10 @@ interface MatrxDataTableHost {
     EntityRef?: ComponentType<TableEntityRefProps>;
     resolveEntityDoors?: (token: string, id: string, href?: string | null) => TableDoors | null;
     ResourcePeek?: ComponentType<TablePeekProps>;
-    SavedViews?: ComponentType<TableSavedViewsProps>; /** Host default; a table's explicit density takes precedence. */
+    SavedViews?: ComponentType<TableSavedViewsProps>;
+    rowContextRegistry?: TableRowContextRegistry;
+    createDefaultRowContext?: (row: unknown, controls: MatrxDataTableRecordControls) => unknown;
+    ContextMenuBoundary?: ComponentType<TableContextMenuBoundaryProps>; /** Host default; a table's explicit density takes precedence. */
     defaultDensity?: MatrxDataTableDensity;
     notify?: {
         success(message: string): void;
@@ -95,6 +105,7 @@ declare function MatrxDataTableProvider({ value, children }: {
 declare function useMatrxDataTableHost(): MatrxDataTableHost;
 interface MatrxTableRowAlchemy {
     copy: CopyControlProps;
+    controls?: MatrxDataTableRecordControls;
     placement: "inline" | "menu";
     ready: boolean;
     activate(): void;
@@ -105,5 +116,10 @@ declare function MatrxTableRowAlchemyScope({ value, children }: {
     children: ReactNode;
 }): React.JSX.Element;
 declare function useMatrxTableRowAlchemy(): MatrxTableRowAlchemy | null;
+declare function MatrxTableRowControlsScope({ value, children }: {
+    value: MatrxDataTableRecordControls;
+    children: ReactNode;
+}): React.JSX.Element;
+declare function useMatrxTableRowControls(): MatrxDataTableRecordControls | null;
 
-export { CopyControlProps, type MatrxDataTableHost, MatrxDataTableProvider, type MatrxTableRowAlchemy, MatrxTableRowAlchemyScope, type TableDoors, type TableEntityRefProps, type TableLinkProps, type TablePeekProps, type TableSidePanelProps, type TableToolbarActionProps, type TableWindowPanelProps, useMatrxDataTableHost, useMatrxTableRowAlchemy };
+export { CopyControlProps, type MatrxDataTableHost, MatrxDataTableProvider, type MatrxTableRowAlchemy, MatrxTableRowAlchemyScope, MatrxTableRowControlsScope, type TableContextMenuBoundaryProps, type TableDoors, type TableEntityRefProps, type TableLinkProps, type TablePeekProps, type TableRowContextRegistry, type TableSidePanelProps, type TableToolbarActionProps, type TableWindowPanelProps, useMatrxDataTableHost, useMatrxTableRowAlchemy, useMatrxTableRowControls };

package/dist/data-table/host.js

@@ -22,10 +22,21 @@ function MatrxTableRowAlchemyScope({ value, children }) {
 function useMatrxTableRowAlchemy() {
   return useContext(RowAlchemyContext);
 }
+var ROW_CONTROLS_SLOT = /* @__PURE__ */ Symbol.for("ai-matrx.design-system.table-row-controls-context");
+var rowControlsRegistry = globalThis;
+var RowControlsContext = rowControlsRegistry[ROW_CONTROLS_SLOT] ??= createContext(null);
+function MatrxTableRowControlsScope({ value, children }) {
+  return /* @__PURE__ */ jsx(RowControlsContext.Provider, { value, children });
+}
+function useMatrxTableRowControls() {
+  return useContext(RowControlsContext);
+}
 export {
   MatrxDataTableProvider,
   MatrxTableRowAlchemyScope,
+  MatrxTableRowControlsScope,
   useMatrxDataTableHost,
-  useMatrxTableRowAlchemy
+  useMatrxTableRowAlchemy,
+  useMatrxTableRowControls
 };
 //# sourceMappingURL=host.js.map

package/dist/data-table/host.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/data-table/host.tsx"],"sourcesContent":["\"use client\";\nimport { createContext, useContext, type Context, type ComponentType, type ReactNode, type MouseEventHandler } from \"react\";\nimport type { CopyControlProps } from \"./copy-types\";\nimport type { MatrxDataTableDensity, TableSavedViewsProps } from \"./types\";\n\nexport type {\n  AgentPayloadInput,\n  AiCustomSource,\n  AiVariant,\n  CopyControlProps,\n  CopyExportConfig,\n} from \"./copy-types\";\n\nexport interface TableLinkProps { href: string; children: ReactNode; className?: string; onClick?: MouseEventHandler<HTMLAnchorElement>; }\n/**\n * Host-owned toolbar affordance. The table package keeps operation state and\n * labels; an application can supply its canonical icon-button primitive\n * without making the shared package depend on an application UI package.\n */\nexport interface TableToolbarActionProps { ariaLabel: string; tooltip?: string | undefined; disabled?: boolean | undefined; busy?: boolean | undefined; /** Indicates a selected mutually-exclusive action such as the current page. */ active?: boolean | undefined; onClick: () => void; children: ReactNode; }\nexport interface TableSidePanelProps { title: string; titleNode?: ReactNode; description?: ReactNode; onClose: () => void; defaultWidth?: number; headerActions?: ReactNode; children: ReactNode; }\nexport interface TableWindowPanelProps { id: string; title: string; onClose: () => void; width?: number; height?: number; minWidth?: number; minHeight?: number; actionsRight?: ReactNode; bodyClassName?: string; sidebarDefaultSize?: number; sidebarMinSize?: number; sidebar?: ReactNode; children: ReactNode; }\nexport interface TableEntityRefProps { token: string; id: string; href?: string; children: ReactNode; className?: string; }\nexport interface TablePeekProps { kind: string; id: string; href?: string; onClose: () => void; }\nexport interface TableDoors { href?: string; peekKind?: string; canPeek?: boolean; }\nexport interface MatrxDataTableHost { JsonViewer?: ComponentType<{ data: object | string }>; Link?: ComponentType<TableLinkProps>; CopyControls?: ComponentType<CopyControlProps>; ToolbarAction?: ComponentType<TableToolbarActionProps>; SidePanelSurface?: ComponentType<TableSidePanelProps>; WindowPanel?: ComponentType<TableWindowPanelProps>; EntityRef?: ComponentType<TableEntityRefProps>; resolveEntityDoors?: (token: string, id: string, href?: string | null) => TableDoors | null; ResourcePeek?: ComponentType<TablePeekProps>; SavedViews?: ComponentType<TableSavedViewsProps>; /** Host default; a table's explicit density takes precedence. */ defaultDensity?: MatrxDataTableDensity; notify?: { success(message: string): void; error(message: string): void }; }\n// Public entrypoints are independently bundled in ESM and CJS. The context\n// identity must survive those bundle boundaries; values stay provider-scoped.\nconst HOST_SLOT = Symbol.for(\"ai-matrx.design-system.table-host-context\");\nconst hostRegistry = globalThis as typeof globalThis & { [HOST_SLOT]?: Context<MatrxDataTableHost> };\nconst HostContext = hostRegistry[HOST_SLOT] ??= createContext<MatrxDataTableHost>({});\nexport function MatrxDataTableProvider({ value, children }: { value: MatrxDataTableHost; children: ReactNode }) { return <HostContext.Provider value={value}>{children}</HostContext.Provider>; }\nexport function useMatrxDataTableHost(): MatrxDataTableHost { return useContext(HostContext); }\n\nexport interface MatrxTableRowAlchemy {\n  copy: CopyControlProps;\n  placement: \"inline\" | \"menu\";\n  ready: boolean;\n  activate(): void;\n  prepare(restoreFocus?: () => void): Promise<void>;\n}\n\nconst ROW_ALCHEMY_SLOT = Symbol.for(\"ai-matrx.design-system.table-row-alchemy-context\");\nconst rowAlchemyRegistry = globalThis as typeof globalThis & { [ROW_ALCHEMY_SLOT]?: Context<MatrxTableRowAlchemy | null> };\nconst RowAlchemyContext = rowAlchemyRegistry[ROW_ALCHEMY_SLOT] ??= createContext<MatrxTableRowAlchemy | null>(null);\n\nexport function MatrxTableRowAlchemyScope({ value, children }: { value: MatrxTableRowAlchemy; children: ReactNode }) { return <RowAlchemyContext.Provider value={value}>{children}</RowAlchemyContext.Provider>; }\n\nexport function useMatrxTableRowAlchemy(): MatrxTableRowAlchemy | null { return useContext(RowAlchemyContext); }\n"],"mappings":";;;;AACA,SAAS,eAAe,kBAA4F;AA8BK;AAHzH,IAAM,YAAY,uBAAO,IAAI,2CAA2C;AACxE,IAAM,eAAe;AACrB,IAAM,cAAc,aAAa,SAAS,MAAM,cAAkC,CAAC,CAAC;AAC7E,SAAS,uBAAuB,EAAE,OAAO,SAAS,GAAuD;AAAE,SAAO,oBAAC,YAAY,UAAZ,EAAqB,OAAe,UAAS;AAAyB;AACzL,SAAS,wBAA4C;AAAE,SAAO,WAAW,WAAW;AAAG;AAU9F,IAAM,mBAAmB,uBAAO,IAAI,kDAAkD;AACtF,IAAM,qBAAqB;AAC3B,IAAM,oBAAoB,mBAAmB,gBAAgB,MAAM,cAA2C,IAAI;AAE3G,SAAS,0BAA0B,EAAE,OAAO,SAAS,GAAyD;AAAE,SAAO,oBAAC,kBAAkB,UAAlB,EAA2B,OAAe,UAAS;AAA+B;AAE1M,SAAS,0BAAuD;AAAE,SAAO,WAAW,iBAAiB;AAAG;","names":[]}
+{"version":3,"sources":["../../src/data-table/host.tsx"],"sourcesContent":["\"use client\";\nimport { createContext, useContext, type Context, type ComponentType, type ReactNode, type MouseEventHandler } from \"react\";\nimport type { CopyControlProps } from \"./copy-types\";\nimport type { MatrxDataTableDensity, MatrxDataTableRecordControls, TableSavedViewsProps } from \"./types\";\n\nexport type {\n  AgentPayloadInput,\n  AiCustomSource,\n  AiVariant,\n  CopyControlProps,\n  CopyExportConfig,\n} from \"./copy-types\";\n\nexport interface TableLinkProps { href: string; children: ReactNode; className?: string; onClick?: MouseEventHandler<HTMLAnchorElement>; }\n/**\n * Host-owned toolbar affordance. The table package keeps operation state and\n * labels; an application can supply its canonical icon-button primitive\n * without making the shared package depend on an application UI package.\n */\nexport interface TableToolbarActionProps { ariaLabel: string; tooltip?: string | undefined; disabled?: boolean | undefined; busy?: boolean | undefined; /** Indicates a selected mutually-exclusive action such as the current page. */ active?: boolean | undefined; onClick: () => void; children: ReactNode; }\nexport interface TableSidePanelProps { title: string; titleNode?: ReactNode; description?: ReactNode; onClose: () => void; defaultWidth?: number; headerActions?: ReactNode; children: ReactNode; }\nexport interface TableWindowPanelProps { id: string; title: string; onClose: () => void; width?: number; height?: number; minWidth?: number; minHeight?: number; actionsRight?: ReactNode; bodyClassName?: string; sidebarDefaultSize?: number; sidebarMinSize?: number; sidebar?: ReactNode; children: ReactNode; }\nexport interface TableEntityRefProps { token: string; id: string; href?: string; children: ReactNode; className?: string; }\nexport interface TablePeekProps { kind: string; id: string; href?: string; onClose: () => void; }\nexport interface TableDoors { href?: string; peekKind?: string; canPeek?: boolean; }\nexport interface TableRowContextRegistry { register(tableId: string, resolve: (rowId: string) => unknown): () => void; }\nexport interface TableContextMenuBoundaryProps { label: string; children: ReactNode; }\nexport interface MatrxDataTableHost { JsonViewer?: ComponentType<{ data: object | string }>; Link?: ComponentType<TableLinkProps>; CopyControls?: ComponentType<CopyControlProps>; ToolbarAction?: ComponentType<TableToolbarActionProps>; SidePanelSurface?: ComponentType<TableSidePanelProps>; WindowPanel?: ComponentType<TableWindowPanelProps>; EntityRef?: ComponentType<TableEntityRefProps>; resolveEntityDoors?: (token: string, id: string, href?: string | null) => TableDoors | null; ResourcePeek?: ComponentType<TablePeekProps>; SavedViews?: ComponentType<TableSavedViewsProps>; rowContextRegistry?: TableRowContextRegistry; createDefaultRowContext?: (row: unknown, controls: import(\"./types\").MatrxDataTableRecordControls) => unknown; ContextMenuBoundary?: ComponentType<TableContextMenuBoundaryProps>; /** Host default; a table's explicit density takes precedence. */ defaultDensity?: MatrxDataTableDensity; notify?: { success(message: string): void; error(message: string): void }; }\n// Public entrypoints are independently bundled in ESM and CJS. The context\n// identity must survive those bundle boundaries; values stay provider-scoped.\nconst HOST_SLOT = Symbol.for(\"ai-matrx.design-system.table-host-context\");\nconst hostRegistry = globalThis as typeof globalThis & { [HOST_SLOT]?: Context<MatrxDataTableHost> };\nconst HostContext = hostRegistry[HOST_SLOT] ??= createContext<MatrxDataTableHost>({});\nexport function MatrxDataTableProvider({ value, children }: { value: MatrxDataTableHost; children: ReactNode }) { return <HostContext.Provider value={value}>{children}</HostContext.Provider>; }\nexport function useMatrxDataTableHost(): MatrxDataTableHost { return useContext(HostContext); }\n\nexport interface MatrxTableRowAlchemy {\n  copy: CopyControlProps;\n  controls?: MatrxDataTableRecordControls;\n  placement: \"inline\" | \"menu\";\n  ready: boolean;\n  activate(): void;\n  prepare(restoreFocus?: () => void): Promise<void>;\n}\n\nconst ROW_ALCHEMY_SLOT = Symbol.for(\"ai-matrx.design-system.table-row-alchemy-context\");\nconst rowAlchemyRegistry = globalThis as typeof globalThis & { [ROW_ALCHEMY_SLOT]?: Context<MatrxTableRowAlchemy | null> };\nconst RowAlchemyContext = rowAlchemyRegistry[ROW_ALCHEMY_SLOT] ??= createContext<MatrxTableRowAlchemy | null>(null);\n\nexport function MatrxTableRowAlchemyScope({ value, children }: { value: MatrxTableRowAlchemy; children: ReactNode }) { return <RowAlchemyContext.Provider value={value}>{children}</RowAlchemyContext.Provider>; }\n\nexport function useMatrxTableRowAlchemy(): MatrxTableRowAlchemy | null { return useContext(RowAlchemyContext); }\n\nconst ROW_CONTROLS_SLOT = Symbol.for(\"ai-matrx.design-system.table-row-controls-context\");\nconst rowControlsRegistry = globalThis as typeof globalThis & { [ROW_CONTROLS_SLOT]?: Context<MatrxDataTableRecordControls | null> };\nconst RowControlsContext = rowControlsRegistry[ROW_CONTROLS_SLOT] ??= createContext<MatrxDataTableRecordControls | null>(null);\nexport function MatrxTableRowControlsScope({ value, children }: { value: MatrxDataTableRecordControls; children: ReactNode }) { return <RowControlsContext.Provider value={value}>{children}</RowControlsContext.Provider>; }\nexport function useMatrxTableRowControls(): MatrxDataTableRecordControls | null { return useContext(RowControlsContext); }\n"],"mappings":";;;;AACA,SAAS,eAAe,kBAA4F;AAgCK;AAHzH,IAAM,YAAY,uBAAO,IAAI,2CAA2C;AACxE,IAAM,eAAe;AACrB,IAAM,cAAc,aAAa,SAAS,MAAM,cAAkC,CAAC,CAAC;AAC7E,SAAS,uBAAuB,EAAE,OAAO,SAAS,GAAuD;AAAE,SAAO,oBAAC,YAAY,UAAZ,EAAqB,OAAe,UAAS;AAAyB;AACzL,SAAS,wBAA4C;AAAE,SAAO,WAAW,WAAW;AAAG;AAW9F,IAAM,mBAAmB,uBAAO,IAAI,kDAAkD;AACtF,IAAM,qBAAqB;AAC3B,IAAM,oBAAoB,mBAAmB,gBAAgB,MAAM,cAA2C,IAAI;AAE3G,SAAS,0BAA0B,EAAE,OAAO,SAAS,GAAyD;AAAE,SAAO,oBAAC,kBAAkB,UAAlB,EAA2B,OAAe,UAAS;AAA+B;AAE1M,SAAS,0BAAuD;AAAE,SAAO,WAAW,iBAAiB;AAAG;AAE/G,IAAM,oBAAoB,uBAAO,IAAI,mDAAmD;AACxF,IAAM,sBAAsB;AAC5B,IAAM,qBAAqB,oBAAoB,iBAAiB,MAAM,cAAmD,IAAI;AACtH,SAAS,2BAA2B,EAAE,OAAO,SAAS,GAAiE;AAAE,SAAO,oBAAC,mBAAmB,UAAnB,EAA4B,OAAe,UAAS;AAAgC;AACrN,SAAS,2BAAgE;AAAE,SAAO,WAAW,kBAAkB;AAAG;","names":[]}

package/dist/data-table/index.cjs

@@ -1925,6 +1925,12 @@ function MatrxTableRowAlchemyScope({ value, children }) {
 function useMatrxTableRowAlchemy() {
   return (0, import_react5.useContext)(RowAlchemyContext);
 }
+var ROW_CONTROLS_SLOT = /* @__PURE__ */ Symbol.for("ai-matrx.design-system.table-row-controls-context");
+var rowControlsRegistry = globalThis;
+var RowControlsContext = rowControlsRegistry[ROW_CONTROLS_SLOT] ??= (0, import_react5.createContext)(null);
+function MatrxTableRowControlsScope({ value, children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(RowControlsContext.Provider, { value, children });
+}
 
 // src/data-table/useTableNotice.tsx
 var import_jsx_runtime19 = require("react/jsx-runtime");
@@ -5588,7 +5594,7 @@ var import_url_state3 = require("@ai-matrx/kit/url-state");
 // src/data-table/RowAlchemyLauncher.tsx
 var import_react12 = require("react");
 var import_jsx_runtime29 = require("react/jsx-runtime");
-function MatrxTableRowAlchemyProvider({ copy, placement, children }) {
+function MatrxTableRowAlchemyProvider({ copy, placement, controls, children }) {
   const controller = (0, import_react12.useRef)(null);
   const { CopyControls } = useMatrxDataTableHost();
   const [active, setActive] = (0, import_react12.useState)(false);
@@ -5605,6 +5611,7 @@ function MatrxTableRowAlchemyProvider({ copy, placement, children }) {
   }, [active, placement]);
   const value = {
     copy,
+    controls,
     placement,
     ready: active,
     activate: () => setActive(true),
@@ -7471,9 +7478,13 @@ function EditableTableCell({
   onCommit,
   className,
   href,
-  editTrigger = "click"
+  editTrigger = "click",
+  editRequest
 }) {
   const [open, setOpen] = (0, import_react18.useState)(false);
+  (0, import_react18.useEffect)(() => {
+    if (editRequest !== void 0) setOpen(true);
+  }, [editRequest]);
   const usePencil = Boolean(href) || editTrigger === "pencil";
   if (editType === "string") {
     return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
@@ -7485,7 +7496,8 @@ function EditableTableCell({
         onCommit,
         ...className === void 0 ? {} : { className },
         ...href === void 0 ? {} : { href },
-        usePencil
+        usePencil,
+        ...editRequest === void 0 ? {} : { editRequest }
       }
     );
   }
@@ -7560,10 +7572,18 @@ function InlineStringEditor({
   onCommit,
   className,
   href,
-  usePencil
+  usePencil,
+  editRequest
 }) {
   const [editing, setEditing] = (0, import_react18.useState)(false);
   const [draft, setDraft] = (0, import_react18.useState)(value);
+  const handledEditRequest = (0, import_react18.useRef)(void 0);
+  (0, import_react18.useEffect)(() => {
+    if (editRequest === void 0 || handledEditRequest.current === editRequest) return;
+    handledEditRequest.current = editRequest;
+    setDraft(value);
+    setEditing(true);
+  }, [editRequest, value]);
   if (!editing) {
     if (usePencil) {
       return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
@@ -8557,6 +8577,9 @@ function MatrxDataTableWithUrlState({
   );
 }
 var COLUMN_REORDER_ACTIVATION_DISTANCE = 6;
+function TableContextPassthrough({ children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_jsx_runtime41.Fragment, { children });
+}
 function MatrxDataTableCore({
   data: suppliedData,
   columns,
@@ -8583,6 +8606,7 @@ function MatrxDataTableCore({
   detail,
   window: windowConfig,
   copy,
+  contextMenu,
   rowCopyPlacement = "inline",
   edit,
   hierarchy,
@@ -8618,6 +8642,7 @@ function MatrxDataTableCore({
   const isLoading = appendQuery ? appendQuery.pagination.loading : suppliedLoading;
   const isFetching = appendQuery ? appendQuery.pagination.isFetchingNextPage : suppliedFetching;
   const host = useMatrxDataTableHost();
+  const ContextMenuBoundary = host.ContextMenuBoundary ?? TableContextPassthrough;
   const resolvedDensity = density ?? host.defaultDensity ?? "normal";
   const SavedViews = host.SavedViews;
   const Link = host.Link ?? DefaultTableLink;
@@ -8766,6 +8791,8 @@ function MatrxDataTableCore({
   const [editsByScope, setEditsByScope] = (0, import_react20.useState)({});
   const editRevisionRef = (0, import_react20.useRef)({});
   const [savingByScope, setSavingByScope] = (0, import_react20.useState)({});
+  const savingScopesRef = (0, import_react20.useRef)(/* @__PURE__ */ new Set());
+  const [editRequest, setEditRequest] = (0, import_react20.useState)(null);
   const [confirmForeignDraftDiscard, setConfirmForeignDraftDiscard] = (0, import_react20.useState)(false);
   const edits = editsByScope[editScopeKey]?.values ?? {};
   const saving = (savingByScope[editScopeKey] ?? 0) > 0;
@@ -9187,6 +9214,7 @@ function MatrxDataTableCore({
     [visibleColumns]
   );
   const tableCopySourceNamespace = (0, import_react20.useId)();
+  const tableContextMenuInstanceId = (0, import_react20.useId)();
   const tableDndContextId = (0, import_react20.useId)();
   const defaultCopyTitle = toolbar?.title || "Table";
   const defaultCopy = (0, import_react20.useMemo)(() => ({
@@ -9388,13 +9416,15 @@ function MatrxDataTableCore({
   const showToolbarCopy = effectiveCopy !== void 0 && effectiveCopy.showToolbar !== false;
   const renderRowActions = (row, controls) => {
     const actions = rowActions?.(row, controls);
-    if (!effectiveCopy || !showRowCopy) return actions;
+    const scopedActions = /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(MatrxTableRowControlsScope, { value: controls, children: actions });
+    if (!effectiveCopy || !showRowCopy) return scopedActions;
     return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
       MatrxTableRowAlchemyProvider,
       {
         copy: tableRowCopyProps(effectiveCopy, row, `${tableCopySourceNamespace}:row:${getRowId(row)}`, copy === void 0 ? declaredVisibleCopyColumns : void 0),
         placement: rowCopyInMenu ? "menu" : "inline",
-        children: actions
+        controls,
+        children: scopedActions
       }
     );
   };
@@ -9511,6 +9541,37 @@ function MatrxDataTableCore({
       return next;
     });
   };
+  const beginRowEdit = (row) => {
+    const column = visibleColumns.find(
+      (candidate) => candidate.editable && (candidate.editableIf?.(row) ?? true)
+    );
+    if (!column) return;
+    const field = column.accessorKey ? String(column.accessorKey) : columnId(column);
+    setEditRequest((current) => ({
+      rowId: getRowId(row),
+      field,
+      nonce: (current?.nonce ?? 0) + 1
+    }));
+  };
+  const buildRecordControls = (row) => {
+    const rowId = getRowId(row);
+    const pending = edits[rowId];
+    return {
+      closeDetail: () => setSelectedId(null),
+      openDetail: () => openDetail(row),
+      openWindow: () => openWindow(row),
+      closeWindow,
+      hasPendingEdits: Boolean(pending),
+      discardPendingEdits: () => discardRowEdits(rowId),
+      ...pending ? { cancelEdits: () => discardRowEdits(rowId) } : {},
+      ...pending && edit?.onSave && !edit.autoSave && !saving ? {
+        saveEdits: () => handleSaveEdits(rowId)
+      } : {},
+      ...editEnabled && visibleColumns.some(
+        (column) => column.editable && (column.editableIf?.(row) ?? true)
+      ) ? { beginEdit: () => beginRowEdit(row) } : {}
+    };
+  };
   const hierarchyRows = hierarchy?.rows ?? data;
   const hierarchyGetParentId = hierarchy?.getParentId;
   const hierarchyIndex = (0, import_react20.useMemo)(() => {
@@ -9682,15 +9743,18 @@ function MatrxDataTableCore({
     }
     setDraggedRowId(null);
   };
-  const handleSaveEdits = async () => {
+  const handleSaveEdits = async (rowId) => {
     if (!edit?.onSave || changeCount === 0) return;
     const scope = editScopeKey;
+    if (savingScopesRef.current.has(scope)) return;
     const draft = editsByScope[scope];
     if (!draft) return;
-    const values = draft.values;
-    const revisions = draft.revisions;
+    const values = rowId ? draft.values[rowId] ? { [rowId]: draft.values[rowId] } : {} : draft.values;
+    if (Object.keys(values).length === 0) return;
+    const revisions = rowId ? draft.revisions[rowId] ? { [rowId]: draft.revisions[rowId] } : {} : draft.revisions;
     const rows = appendQueryKey === null ? data : draft.rows;
     const save = edit.onSave;
+    savingScopesRef.current.add(scope);
     startSaving(scope);
     try {
       await Promise.resolve().then(() => save(values, rows));
@@ -9698,16 +9762,16 @@ function MatrxDataTableCore({
         const currentDraft = current[scope];
         if (!currentDraft) return current;
         const nextValues = {};
-        for (const [rowId, rowValues] of Object.entries(currentDraft.values)) {
-          const savedRow = values[rowId];
-          const savedRevisions = revisions[rowId];
-          const currentRevisions = currentDraft.revisions[rowId];
+        for (const [rowId2, rowValues] of Object.entries(currentDraft.values)) {
+          const savedRow = values[rowId2];
+          const savedRevisions = revisions[rowId2];
+          const currentRevisions = currentDraft.revisions[rowId2];
           const remaining = Object.fromEntries(
             Object.entries(rowValues).filter(
               ([field]) => !Object.hasOwn(savedRow ?? {}, field) || currentRevisions?.[field] !== savedRevisions?.[field]
             )
           );
-          if (Object.keys(remaining).length > 0) nextValues[rowId] = remaining;
+          if (Object.keys(remaining).length > 0) nextValues[rowId2] = remaining;
         }
         return { ...current, [scope]: { ...currentDraft, values: nextValues } };
       });
@@ -9717,6 +9781,7 @@ function MatrxDataTableCore({
         `Couldn't save: ${e instanceof Error ? e.message : String(e)}`
       );
     } finally {
+      savingScopesRef.current.delete(scope);
       finishSaving(scope);
     }
   };
@@ -9724,6 +9789,17 @@ function MatrxDataTableCore({
     setEdits({});
     edit?.onCancel?.();
   };
+  (0, import_react20.useEffect)(() => {
+    if (!host.rowContextRegistry || !contextMenu && !host.createDefaultRowContext) return;
+    return host.rowContextRegistry.register(tableContextMenuInstanceId, (rowId) => {
+      const row = data.find((candidate) => getRowId(candidate) === rowId);
+      if (!row) return null;
+      const pending = edits[rowId];
+      const displayRow = applyRowEdits(row, pending);
+      const controls = buildRecordControls(displayRow);
+      return contextMenu?.resolveRowContext(displayRow, controls) ?? host.createDefaultRowContext?.(displayRow, controls) ?? null;
+    });
+  }, [buildRecordControls, contextMenu, data, getRowId, host.createDefaultRowContext, host.rowContextRegistry, tableContextMenuInstanceId]);
   const showActionsCol = windowEnabled || Boolean(rowActions) || showInlineRowCopy;
   const selectedIdSet = (0, import_react20.useMemo)(
     () => new Set(selection?.selectedIds ?? []),
@@ -9804,7 +9880,8 @@ function MatrxDataTableCore({
           dirty: Boolean(rowEdits && field in rowEdits),
           onCommit: (next) => commitCell(id, field, next),
           ...href === void 0 ? {} : { href },
-          ...col.editTrigger === void 0 ? {} : { editTrigger: col.editTrigger }
+          ...col.editTrigger === void 0 ? {} : { editTrigger: col.editTrigger },
+          ...editRequest?.rowId === id && editRequest.field === field ? { editRequest: editRequest.nonce } : {}
         }
       );
     }
@@ -9914,7 +9991,7 @@ function MatrxDataTableCore({
     },
     [columns, commitColumnState, commitColumnWidths, controlledQuery, intelligentSearchEnabled, intelligentSearchScopes, toolbar]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(ContextMenuBoundary, { label: tableId ?? "Data table", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
     import_core3.DndContext,
     {
       id: tableDndContextId,
@@ -10012,6 +10089,7 @@ function MatrxDataTableCore({
           {
             ref: rootRef,
             "data-matrx-table": true,
+            "data-matrx-table-id": tableContextMenuInstanceId,
             "data-matrx-table-implementation": "@ai-matrx/design-system",
             "data-matrx-table-density": resolvedDensity,
             "data-url-state-table": urlState?.id,
@@ -10398,7 +10476,7 @@ function MatrxDataTableCore({
                           const id = getRowId(row);
                           const displayRow = applyRowEdits(row, edits[id]);
                           const selectable = selection?.isRowSelectable?.(row) ?? Boolean(selection);
-                          return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react20.Fragment, { children: mobileCards(displayRow, index, {
+                          return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { "data-row-id": id, className: "contents", children: mobileCards(displayRow, index, {
                             renderCell: (columnKey) => {
                               const column = columns.find((candidate) => columnId(candidate) === columnKey);
                               return column ? renderRecordCell(row, column, index) : null;
@@ -10431,14 +10509,7 @@ function MatrxDataTableCore({
                                       ...copy === void 0 ? { defaultColumns: declaredVisibleCopyColumns } : {}
                                     }
                                   ) : null,
-                                  renderRowActions(displayRow, {
-                                    closeDetail: () => setSelectedId(null),
-                                    openDetail: () => openDetail(displayRow),
-                                    openWindow: () => openWindow(displayRow),
-                                    closeWindow,
-                                    hasPendingEdits: Boolean(edits[id]),
-                                    discardPendingEdits: () => discardRowEdits(id)
-                                  })
+                                  renderRowActions(displayRow, buildRecordControls(displayRow))
                                 ]
                               }
                             ) : null
@@ -10834,14 +10905,7 @@ function MatrxDataTableCore({
                                                       ...copy === void 0 ? { defaultColumns: declaredVisibleCopyColumns } : {}
                                                     }
                                                   ) : null,
-                                                  renderRowActions(displayRow, {
-                                                    closeDetail: () => setSelectedId(null),
-                                                    openDetail: () => openDetail(displayRow),
-                                                    openWindow: () => openWindow(displayRow),
-                                                    closeWindow,
-                                                    hasPendingEdits: Boolean(rowEdits),
-                                                    discardPendingEdits: () => discardRowEdits(id)
-                                                  }),
+                                                  renderRowActions(displayRow, buildRecordControls(displayRow)),
                                                   windowEnabled ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(Tooltip, { children: [
                                                     /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                                                       Button,
@@ -11329,7 +11393,7 @@ function MatrxDataTableCore({
         ) : null })
       ]
     }
-  ) });
+  ) }) });
 }
 function HierarchyDragHandle({
   id,