@asteby/metacore-runtime-react 36.0.1 → 37.0.0

package/dist/realtime-context.js

@@ -0,0 +1,182 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// realtime-context — React surface over the host's RealtimeAPI
+// (`@asteby/metacore-sdk`): a provider the host mounts once, `useRealtime`
+// for handlers, `useRealtimeInvalidate` to refresh react-query caches, and
+// `useRealtimeTick` — the opt-in refetch signal `DynamicTable` /
+// `DynamicKanban` consume through their `realtime` prop.
+//
+// Module-federation note: a federated addon may run its OWN copy of this
+// module, in which case React context from the host is invisible to it. Every
+// hook therefore accepts an explicit `client` (pass `host.realtime` or
+// `api.realtime`) that wins over the context — the plain object crosses the
+// federation boundary, the context does not.
+//
+// react-query: `useRealtimeInvalidate` uses `useQueryClient()` so it always
+// targets the QueryClient the host mounted (single instance per page).
+import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
+import { useQueryClient } from '@tanstack/react-query';
+const RealtimeContext = createContext({ client: null, defaultRealtime: false });
+/**
+ * Mount once, inside the host's WebSocket provider and QueryClientProvider.
+ * `client` may be null while the host is still connecting — hooks become
+ * no-ops and re-subscribe when a client appears.
+ */
+export function RealtimeProvider({ client, defaultRealtime = false, children }) {
+    const value = useMemo(() => ({ client: client ?? null, defaultRealtime }), [client, defaultRealtime]);
+    return _jsx(RealtimeContext.Provider, { value: value, children: children });
+}
+/** The host realtime client from context (null when none is mounted). */
+export function useRealtimeClient(explicit) {
+    const ctx = useContext(RealtimeContext);
+    return explicit ?? ctx.client;
+}
+/** Whether dynamic components should refetch on data events by default. */
+export function useRealtimeDefault() {
+    return useContext(RealtimeContext).defaultRealtime;
+}
+/**
+ * Subscribe to data events for the given models. The handler is kept in a
+ * ref so callers don't need to memoise it; the subscription is torn down on
+ * unmount and re-created when models/events/client change.
+ *
+ *   useRealtime({ models: ['SalesOrder'], client: host.realtime }, (e) => {
+ *     if (e.action === 'resync' || e.id === currentId) refetch()
+ *   })
+ */
+export function useRealtime(options, handler) {
+    const client = useRealtimeClient(options.client);
+    const handlerRef = useRef(handler);
+    handlerRef.current = handler;
+    const enabled = options.enabled ?? true;
+    const modelsKey = (options.models ?? []).map((m) => m.trim().toLowerCase()).sort().join('|');
+    const eventsKey = (options.events ?? []).slice().sort().join('|');
+    useEffect(() => {
+        if (!client || !enabled || !modelsKey)
+            return;
+        const models = modelsKey.split('|');
+        const events = eventsKey ? eventsKey.split('|') : undefined;
+        let off = () => { };
+        try {
+            off = client.subscribe({ models, events }, (event) => handlerRef.current(event));
+        }
+        catch {
+            /* a host client must not throw, but never take the page down */
+        }
+        return off;
+    }, [client, enabled, modelsKey, eventsKey]);
+}
+/** Live status of the realtime client ('closed' when none). */
+export function useRealtimeStatus(explicit) {
+    const client = useRealtimeClient(explicit);
+    const [status, setStatus] = useState(() => client?.status() ?? 'closed');
+    useEffect(() => {
+        if (!client) {
+            setStatus('closed');
+            return;
+        }
+        setStatus(client.status());
+        if (!client.onStatus)
+            return;
+        return client.onStatus(setStatus);
+    }, [client]);
+    return status;
+}
+/** Default matcher: any string segment of the query key (case-insensitive)
+ *  equals the event's model, table or `addon.model`, or contains the model
+ *  as a path segment (`/data/sales_orders`). */
+export function queryKeyMatchesEvent(queryKey, event) {
+    const needles = [event.model, event.table ?? '', `${event.addon}.${event.model}`]
+        .map((s) => s.toLowerCase())
+        .filter(Boolean);
+    const parts = flattenKey(queryKey);
+    for (const part of parts) {
+        const p = part.toLowerCase();
+        for (const n of needles) {
+            if (p === n)
+                return true;
+            // '/data/sales_orders?x=1' or 'pos/SalesOrder' style segments.
+            const segs = p.split(/[/?&=]/);
+            if (segs.includes(n))
+                return true;
+        }
+    }
+    return false;
+}
+function flattenKey(key, out = [], depth = 0) {
+    if (depth > 4)
+        return out;
+    for (const item of key) {
+        if (typeof item === 'string')
+            out.push(item);
+        else if (Array.isArray(item))
+            flattenKey(item, out, depth + 1);
+        else if (item && typeof item === 'object') {
+            for (const v of Object.values(item)) {
+                if (typeof v === 'string')
+                    out.push(v);
+            }
+        }
+    }
+    return out;
+}
+/**
+ * Invalidate every react-query query whose key mentions the event's model /
+ * table (see `queryKeyMatchesEvent`). Uses the host's QueryClient. Bursts
+ * are debounced so a coalesced frame storm becomes a single refetch round.
+ *
+ *   useRealtimeInvalidate({ models: ['SalesOrder', 'sales_order_items'], client: host.realtime })
+ */
+export function useRealtimeInvalidate(options) {
+    const queryClient = useQueryClient();
+    const { match = queryKeyMatchesEvent, debounceMs = 250, onEvent } = options;
+    const pendingRef = useRef([]);
+    const timerRef = useRef(null);
+    const matchRef = useRef(match);
+    matchRef.current = match;
+    const onEventRef = useRef(onEvent);
+    onEventRef.current = onEvent;
+    const flush = useCallback(() => {
+        timerRef.current = null;
+        const batch = pendingRef.current;
+        pendingRef.current = [];
+        if (batch.length === 0)
+            return;
+        void queryClient.invalidateQueries({
+            predicate: (query) => batch.some((event) => matchRef.current(query.queryKey, event)),
+        });
+    }, [queryClient]);
+    useRealtime(options, (event) => {
+        pendingRef.current.push(event);
+        onEventRef.current?.(event);
+        if (timerRef.current)
+            return;
+        timerRef.current = setTimeout(flush, debounceMs);
+    });
+    useEffect(() => () => {
+        if (timerRef.current)
+            clearTimeout(timerRef.current);
+    }, []);
+}
+/**
+ * A counter that increments (debounced) whenever a data event lands for one
+ * of `models`. Fold it into a refetch effect's dependencies — that is exactly
+ * what `DynamicTable` / `DynamicKanban` do behind their `realtime` prop.
+ */
+export function useRealtimeTick(options) {
+    const [tick, setTick] = useState(0);
+    const timerRef = useRef(null);
+    const debounceMs = options.debounceMs ?? 300;
+    useRealtime({ models: options.models, client: options.client, enabled: options.enabled }, () => {
+        if (timerRef.current)
+            return;
+        timerRef.current = setTimeout(() => {
+            timerRef.current = null;
+            setTick((t) => t + 1);
+        }, debounceMs);
+    });
+    useEffect(() => () => {
+        if (timerRef.current)
+            clearTimeout(timerRef.current);
+    }, []);
+    return tick;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@asteby/metacore-runtime-react",
-  "version": "36.0.1",
+  "version": "37.0.0",
   "description": "React runtime for metacore hosts — renders addon contributions dynamically",
   "repository": {
     "type": "git",
@@ -37,8 +37,8 @@
     "react-i18next": ">=13",
     "sonner": ">=1.7",
     "zustand": ">=5",
-    "@asteby/metacore-sdk": "^3.6.0",
-    "@asteby/metacore-ui": "^2.17.2"
+    "@asteby/metacore-sdk": "^3.7.0",
+    "@asteby/metacore-ui": "^2.17.3"
   },
   "peerDependenciesMeta": {
     "@tanstack/react-router": {
@@ -67,8 +67,8 @@
     "typescript": "^6.0.0",
     "vitest": "^4.0.0",
     "zustand": "^5.0.0",
-    "@asteby/metacore-ui": "2.17.2",
-    "@asteby/metacore-sdk": "3.6.0"
+    "@asteby/metacore-sdk": "3.7.0",
+    "@asteby/metacore-ui": "2.17.3"
   },
   "scripts": {
     "build": "tsc -p tsconfig.json",

package/src/__tests__/realtime-context.test.tsx

@@ -0,0 +1,195 @@
+// @vitest-environment happy-dom
+//
+// Realtime hooks over a fake RealtimeAPI: useRealtime subscribes/unsubscribes
+// with normalised models, an explicit client beats the context (federation
+// boundary), useRealtimeInvalidate targets the host QueryClient by key match,
+// and useRealtimeTick debounces bursts into one bump.
+import { afterEach, describe, expect, it, vi } from 'vitest'
+import { act, cleanup, renderHook } from '@testing-library/react'
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
+import type { ReactNode } from 'react'
+import type { DataEvent, DataEventHandler, RealtimeAPI, RealtimeSubscribeOptions } from '@asteby/metacore-sdk'
+import {
+    RealtimeProvider,
+    queryKeyMatchesEvent,
+    useRealtime,
+    useRealtimeInvalidate,
+    useRealtimeStatus,
+    useRealtimeTick,
+} from '../realtime-context'
+
+afterEach(cleanup)
+
+function fakeClient() {
+    const subs: Array<{ opts: RealtimeSubscribeOptions; handler: DataEventHandler }> = []
+    const statusListeners = new Set<(s: 'connecting' | 'open' | 'closed') => void>()
+    let status: 'connecting' | 'open' | 'closed' = 'open'
+    const client: RealtimeAPI & { subs: typeof subs; emit: (e: DataEvent) => void; setStatus: (s: typeof status) => void } = {
+        subs,
+        subscribe(opts, handler) {
+            const entry = { opts, handler }
+            subs.push(entry)
+            return () => {
+                const i = subs.indexOf(entry)
+                if (i >= 0) subs.splice(i, 1)
+            }
+        },
+        status: () => status,
+        onStatus(l) {
+            statusListeners.add(l)
+            return () => statusListeners.delete(l)
+        },
+        emit(e) {
+            subs.forEach((s) => s.handler(e))
+        },
+        setStatus(s) {
+            status = s
+            statusListeners.forEach((l) => l(s))
+        },
+    }
+    return client
+}
+
+const event = (over: Partial<DataEvent> = {}): DataEvent => ({
+    org_id: 'org',
+    addon: 'pos',
+    model: 'SalesOrder',
+    table: 'sales_orders',
+    action: 'updated',
+    id: '1',
+    at: '2026-08-31T00:00:00Z',
+    ...over,
+})
+
+describe('useRealtime', () => {
+    it('subscribes through the context client with normalised models and tears down on unmount', () => {
+        const client = fakeClient()
+        const handler = vi.fn()
+        const wrapper = ({ children }: { children: ReactNode }) => (
+            <RealtimeProvider client={client}>{children}</RealtimeProvider>
+        )
+        const { unmount } = renderHook(() => useRealtime({ models: [' SalesOrder ', 'WorkOrder'] }, handler), { wrapper })
+        expect(client.subs).toHaveLength(1)
+        expect(client.subs[0]!.opts.models).toEqual(['salesorder', 'workorder'])
+        client.emit(event())
+        expect(handler).toHaveBeenCalledTimes(1)
+        unmount()
+        expect(client.subs).toHaveLength(0)
+    })
+
+    it('prefers an explicit client over the context (federated addons)', () => {
+        const ctxClient = fakeClient()
+        const explicit = fakeClient()
+        const wrapper = ({ children }: { children: ReactNode }) => (
+            <RealtimeProvider client={ctxClient}>{children}</RealtimeProvider>
+        )
+        renderHook(() => useRealtime({ models: ['SalesOrder'], client: explicit }, () => {}), { wrapper })
+        expect(explicit.subs).toHaveLength(1)
+        expect(ctxClient.subs).toHaveLength(0)
+    })
+
+    it('is a no-op without a client, without models, or when disabled', () => {
+        const client = fakeClient()
+        renderHook(() => useRealtime({ models: ['SalesOrder'] }, () => {}))
+        renderHook(() => useRealtime({ models: [], client }, () => {}))
+        renderHook(() => useRealtime({ models: ['SalesOrder'], client, enabled: false }, () => {}))
+        expect(client.subs).toHaveLength(0)
+    })
+})
+
+describe('useRealtimeStatus', () => {
+    it('tracks the client status', () => {
+        const client = fakeClient()
+        const { result } = renderHook(() => useRealtimeStatus(client))
+        expect(result.current).toBe('open')
+        act(() => client.setStatus('connecting'))
+        expect(result.current).toBe('connecting')
+        const { result: none } = renderHook(() => useRealtimeStatus(null))
+        expect(none.current).toBe('closed')
+    })
+})
+
+describe('queryKeyMatchesEvent', () => {
+    it('matches model, table, qualified name and path segments (case-insensitive)', () => {
+        const e = event()
+        expect(queryKeyMatchesEvent(['salesorder', 'list'], e)).toBe(true)
+        expect(queryKeyMatchesEvent(['data', 'sales_orders', { page: 1 }], e)).toBe(true)
+        expect(queryKeyMatchesEvent(['pos.SalesOrder'], e)).toBe(true)
+        expect(queryKeyMatchesEvent(['/data/sales_orders?page=1'], e)).toBe(true)
+        expect(queryKeyMatchesEvent([{ model: 'SalesOrder' }], e)).toBe(true)
+        expect(queryKeyMatchesEvent(['work_orders'], e)).toBe(false)
+        expect(queryKeyMatchesEvent(['sales_orders_archive'], e)).toBe(false)
+    })
+})
+
+describe('useRealtimeInvalidate', () => {
+    it('invalidates only the queries whose key mentions the event model, debounced', async () => {
+        vi.useFakeTimers()
+        try {
+            const client = fakeClient()
+            const queryClient = new QueryClient()
+            queryClient.setQueryData(['sales_orders', 'list'], [])
+            queryClient.setQueryData(['work_orders', 'list'], [])
+            const invalidate = vi.spyOn(queryClient, 'invalidateQueries')
+            const wrapper = ({ children }: { children: ReactNode }) => (
+                <QueryClientProvider client={queryClient}>
+                    <RealtimeProvider client={client}>{children}</RealtimeProvider>
+                </QueryClientProvider>
+            )
+            const onEvent = vi.fn()
+            renderHook(() => useRealtimeInvalidate({ models: ['SalesOrder'], debounceMs: 100, onEvent }), { wrapper })
+
+            act(() => {
+                client.emit(event({ id: '1' }))
+                client.emit(event({ id: '2' }))
+            })
+            expect(onEvent).toHaveBeenCalledTimes(2)
+            expect(invalidate).not.toHaveBeenCalled()
+            act(() => {
+                vi.advanceTimersByTime(120)
+            })
+            expect(invalidate).toHaveBeenCalledTimes(1)
+            const predicate = (invalidate.mock.calls[0]![0] as { predicate: (q: { queryKey: unknown[] }) => boolean }).predicate
+            expect(predicate({ queryKey: ['sales_orders', 'list'] })).toBe(true)
+            expect(predicate({ queryKey: ['work_orders', 'list'] })).toBe(false)
+            expect(queryClient.getQueryState(['sales_orders', 'list'])?.isInvalidated).toBe(true)
+            expect(queryClient.getQueryState(['work_orders', 'list'])?.isInvalidated).toBe(false)
+        } finally {
+            vi.useRealTimers()
+        }
+    })
+})
+
+describe('useRealtimeTick', () => {
+    it('bumps once per burst and stays quiet when disabled', () => {
+        vi.useFakeTimers()
+        try {
+            const client = fakeClient()
+            const { result, rerender } = renderHook(
+                ({ enabled }: { enabled: boolean }) =>
+                    useRealtimeTick({ models: ['SalesOrder'], client, enabled, debounceMs: 50 }),
+                { initialProps: { enabled: true } },
+            )
+            expect(result.current).toBe(0)
+            act(() => {
+                client.emit(event())
+                client.emit(event({ id: '2' }))
+                client.emit(event({ id: '3' }))
+            })
+            expect(result.current).toBe(0)
+            act(() => {
+                vi.advanceTimersByTime(60)
+            })
+            expect(result.current).toBe(1)
+
+            rerender({ enabled: false })
+            expect(client.subs).toHaveLength(0)
+            act(() => {
+                vi.advanceTimersByTime(100)
+            })
+            expect(result.current).toBe(1)
+        } finally {
+            vi.useRealTimers()
+        }
+    })
+})

package/src/dynamic-kanban.tsx

@@ -90,6 +90,7 @@ import {
 import { ColumnFilterControl, FilterValueCombobox, type ColumnFilterType } from '@asteby/metacore-ui/data-table'
 import { generateBadgeStyles, optionColor } from '@asteby/metacore-ui/lib'
 import { useApi } from './api-context'
+import { useRealtimeDefault, useRealtimeTick } from './realtime-context'
 import {
     useStageAutomations,
     StageAutomationsButton,
@@ -462,6 +463,12 @@ export interface DynamicKanbanProps {
     endpoint?: string
     /** Bump to force a metadata + records refetch (same contract as DynamicTable). */
     refreshTrigger?: any
+    /**
+     * Refetch the board when the host's realtime client reports a data event
+     * for this model (same contract as DynamicTable's `realtime`). Off by
+     * default; `<RealtimeProvider defaultRealtime>` flips the default.
+     */
+    realtime?: boolean
     /** Called when a card is clicked (outside its action menu). */
     onCardClick?: (row: any) => void
     /**
@@ -497,6 +504,7 @@ export function DynamicKanban({
     model,
     endpoint,
     refreshTrigger,
+    realtime: realtimeProp,
     onCardClick,
     onAction,
     pageSize = 50,
@@ -508,6 +516,13 @@ export function DynamicKanban({
     const { t, i18n } = useTranslation()
     const api = useApi()
     const isDark = useIsDarkTheme()
+    // Realtime refetch (opt-in) — debounced counter bumped by DATA_EVENTs for
+    // this model; folded into the board refetch effect next to refreshTrigger.
+    const realtimeDefault = useRealtimeDefault()
+    const realtimeTick = useRealtimeTick({
+        models: [model],
+        enabled: realtimeProp ?? realtimeDefault,
+    })
 
     // Stage automations (Bitrix-style per-lane rules). Degrades to no-op when
     // the host has no `/stage-automations` endpoint — the ⚡ affordance hides.
@@ -782,7 +797,9 @@ export function DynamicKanban({
             void fetchData()
         }, 200)
         return () => clearTimeout(handle)
-    }, [fetchData, metadata, refreshTrigger])
+        // realtimeTick: data events for this model (see the `realtime` prop).
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [fetchData, metadata, refreshTrigger, realtimeTick])
 
     // Filterable fields for the toolbar, in metadata order (explicit filters
     // first, then filterable columns), each labeled from its metadata source.

package/src/dynamic-select-field.tsx

@@ -192,6 +192,18 @@ export interface DynamicSelectFieldProps {
      * meaningful in context.
      */
     hideCreate?: boolean
+    /**
+     * Pre-filled values for the record the inline "+" creates, forwarded to
+     * the host's create modal via the `metacore:create-record` event.
+     * Generic: any model, any fields (e.g. a mechanic picker seeding
+     * `{ role: 'mecanico' }` on a new team user).
+     */
+    createDefaults?: Record<string, unknown>
+    /**
+     * Fields of the inline-created record the user must NOT change — the
+     * host's create modal renders them locked. Pairs with `createDefaults`.
+     */
+    createLockedFields?: string[]
 }
 
 export function DynamicSelectField({
@@ -205,6 +217,8 @@ export function DynamicSelectField({
     staticOptions = null,
     descriptionAsBadge = false,
     hideCreate = false,
+    createDefaults,
+    createLockedFields,
 }: DynamicSelectFieldProps) {
     const { t } = useTranslation()
     const ph = (fallback: string) =>
@@ -325,6 +339,11 @@ export function DynamicSelectField({
             new CustomEvent('metacore:create-record', {
                 detail: {
                     model: fieldRef,
+                    // Generic passthrough: the host's create modal seeds these
+                    // values and locks these fields (DynamicRecordDialog's own
+                    // defaults/lockedFields props). Undefined when unused.
+                    defaults: createDefaults,
+                    lockedFields: createLockedFields,
                     onCreated: (rec: any) => {
                         if (rec && rec.id != null) {
                             const id = String(rec.id)

package/src/dynamic-table.tsx

@@ -64,6 +64,7 @@ import { toast } from 'sonner'
 import { Progress } from './dialogs/_primitives'
 import { useMetadataCache } from './metadata-cache'
 import { useApi, useCurrentBranch } from './api-context'
+import { useRealtimeDefault, useRealtimeTick } from './realtime-context'
 import type { ColumnFilterConfig, GetDynamicColumns } from './dynamic-columns-shim'
 import { defaultGetDynamicColumns, DATE_CELL_TYPES, aggregateOf, formatAggregateTotal } from './dynamic-columns'
 import { useFacetLoaders, isLongTextColumn } from './use-facet-loaders'
@@ -176,6 +177,17 @@ export interface DynamicTableProps {
     /** Hide the export action on this view. See `hideImport`. */
     hideExport?: boolean
     hiddenColumns?: string[]
+    /**
+     * Row-action ALLOWLIST for this table instance, by action key (manifest
+     * v3 NavItem.actions, carried through the host's nav item for this route).
+     * When set, only these row actions render — even though the model may
+     * declare more. Lets two views of the SAME model differ: a generic list
+     * keeps every action, while a purpose-built screen (e.g. a credit-approval
+     * queue) shows only authorize_credit/reject_credit instead of every action
+     * SalesOrder declares (Generar factura, Cancelar, etc. included).
+     * Undefined → every row action the model declares (unchanged default).
+     */
+    allowedActionKeys?: string[]
     onAction?: (action: string, row: any) => void
     /**
      * Called when the user clicks anywhere on a data row (not on a checkbox,
@@ -185,6 +197,13 @@ export interface DynamicTableProps {
      */
     onRowClick?: (row: any) => void
     refreshTrigger?: any
+    /**
+     * Refetch when the host's realtime client reports a data event for this
+     * model (created/updated/deleted by anyone in the org, or a `resync`).
+     * Off by default; `<RealtimeProvider defaultRealtime>` turns it on for
+     * every table, and an explicit prop always wins. No-op without a client.
+     */
+    realtime?: boolean
     defaultFilters?: Record<string, any>
     extraColumns?: ColumnDef<any>[]
     /**
@@ -238,9 +257,11 @@ export function DynamicTable({
     hideImport,
     hideExport,
     hiddenColumns = [],
+    allowedActionKeys,
     onAction,
     onRowClick,
     refreshTrigger,
+    realtime: realtimeProp,
     defaultFilters,
     extraColumns = [],
     getDynamicColumns = defaultGetDynamicColumns,
@@ -255,6 +276,13 @@ export function DynamicTable({
     const { t, i18n } = useTranslation()
     const api = useApi()
     const currentBranch = useCurrentBranch()
+    // Realtime refetch (opt-in): a debounced counter that bumps on every
+    // DATA_EVENT for this model and rides the same deps as `refreshTrigger`.
+    const realtimeDefault = useRealtimeDefault()
+    const realtimeTick = useRealtimeTick({
+        models: [model],
+        enabled: realtimeProp ?? realtimeDefault,
+    })
 
     const prevBranchId = useRef(currentBranch?.id)
 
@@ -742,7 +770,8 @@ export function DynamicTable({
         } finally {
             setLoadingData(false)
         }
-    }, [model, metadata, pagination, buildFilterParams, refreshTrigger, endpoint, currentBranch?.id, api, enableUrlSync])
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [model, metadata, pagination, buildFilterParams, refreshTrigger, realtimeTick, endpoint, currentBranch?.id, api, enableUrlSync])
 
     // Columns whose metadata opts into a footer total (display_config.aggregate
     // → styleConfig.aggregate). When empty, no footer row is rendered and no
@@ -911,8 +940,9 @@ export function DynamicTable({
         // matching the classic path (fetchData carries refreshTrigger in its
         // deps). Without it the comment above lied: infinite lists silently
         // failed to reload after a create ("a veces no recarga la tabla").
+        // realtimeTick plays the same role for data events (see the `realtime` prop).
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [infiniteScroll, metadata, filterSignature, refreshTrigger])
+    }, [infiniteScroll, metadata, filterSignature, refreshTrigger, realtimeTick])
 
     const handleRefresh = useCallback(() => {
         // Infinite mode owns its own list: refresh reloads page 1 and drops the
@@ -1124,15 +1154,27 @@ export function DynamicTable({
         // Row-action column only renders per-row actions. Table-level placements
         // ("table"/"create") are surfaced by <ModelActionToolbar> at the page
         // level, so strip them here to avoid a meaningless per-row button.
-        const rowMetadata = viewMetadata.actions?.some((a) => a.placement === 'table' || a.placement === 'create')
-            ? { ...viewMetadata, actions: viewMetadata.actions.filter((a) => !a.placement || a.placement === 'row') }
-            : viewMetadata
+        // `allowedActionKeys`, when given, further narrows the row set to a
+        // per-VIEW allowlist — two nav entries on the same model (a generic
+        // list vs. a purpose-built approval queue) can then show different
+        // actions instead of every action the model declares.
+        const rowMetadata = (() => {
+            let actions = viewMetadata.actions
+            if (actions?.some((a) => a.placement === 'table' || a.placement === 'create')) {
+                actions = actions.filter((a) => !a.placement || a.placement === 'row')
+            }
+            if (allowedActionKeys && actions) {
+                const allowed = new Set(allowedActionKeys)
+                actions = actions.filter((a) => allowed.has(a.key))
+            }
+            return actions === viewMetadata.actions ? viewMetadata : { ...viewMetadata, actions }
+        })()
         const baseColumns = getDynamicColumns(rowMetadata, handleInternalAction, t, i18n.language, columnFilterConfigs, timeZone, currency)
         const filteredBase = baseColumns.filter((col: ColumnDef<any>) => !hiddenColumns.includes(col.id as string))
         const actionsCol = filteredBase.find((c: ColumnDef<any>) => c.id === 'actions')
         const otherCols = filteredBase.filter((c: ColumnDef<any>) => c.id !== 'actions')
         return [...otherCols, ...extraColumns, ...(actionsCol ? [actionsCol] : [])]
-    }, [viewMetadata, handleInternalAction, hiddenColumns, extraColumns, t, i18n.language, columnFilterConfigs, getDynamicColumns, timeZone, currency])
+    }, [viewMetadata, handleInternalAction, hiddenColumns, allowedActionKeys, extraColumns, t, i18n.language, columnFilterConfigs, getDynamicColumns, timeZone, currency])
 
     const filters = useMemo(() => [], [])
 

package/src/index.ts

@@ -213,6 +213,21 @@ export * from './print-document-button'
 export * from './use-org-document-templates'
 export * from './document-template-editor'
 export * from './metadata-cache'
+export {
+    RealtimeProvider,
+    useRealtimeClient,
+    useRealtimeDefault,
+    useRealtime,
+    useRealtimeStatus,
+    useRealtimeInvalidate,
+    useRealtimeTick,
+    queryKeyMatchesEvent,
+    type RealtimeContextValue,
+    type RealtimeProviderProps,
+    type UseRealtimeOptions,
+    type UseRealtimeInvalidateOptions,
+    type UseRealtimeTickOptions,
+} from './realtime-context'
 export {
     ADDON_MANIFEST_CHANGED_TYPE,
     wireHotSwapInvalidation,