@object-ui/app-shell 6.2.3 → 7.1.0

package/dist/views/ObjectView.js

@@ -11,6 +11,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  */
 import { useMemo, useState, useCallback, useEffect, useRef, lazy, Suspense } from 'react';
 import { useParams, useSearchParams, useNavigate, useLocation } from 'react-router-dom';
+import { parseUserFilterParams, applyUserFilterParams } from './userFilterUrlState';
 const ObjectChart = lazy(() => import('@object-ui/plugin-charts').then((m) => ({ default: m.ObjectChart })));
 const ImportWizard = lazy(() => import('@object-ui/plugin-grid').then((m) => ({ default: m.ImportWizard })));
 import { ListView } from '@object-ui/plugin-list';
@@ -24,6 +25,8 @@ import { useFavorites } from '../hooks/useFavorites';
 import { getIcon } from '../utils/getIcon';
 import { MetadataPanel, useMetadataInspector } from './MetadataInspector';
 import { ViewConfigPanel } from './ViewConfigPanel';
+import { useMetadataClient } from './metadata-admin/useMetadata';
+import { persistRuntimeMetadata, createRuntimeMetadata } from './runtime-metadata-persistence';
 import { CreateViewDialog } from './CreateViewDialog';
 import { PageHeader } from '../layout/PageHeader';
 import { useMobileViewSwitcherRegistration } from '../layout/MobileViewSwitcherContext';
@@ -34,13 +37,11 @@ import { resolveManagedByEmptyState } from '../utils/managedByEmptyState';
 import { useObjectActions } from '../hooks/useObjectActions';
 import { useObjectTranslation, useObjectLabel } from '@object-ui/i18n';
 import { usePermissions } from '@object-ui/permissions';
-import { useAuth, createAuthenticatedFetch } from '@object-ui/auth';
+import { useAuth } from '@object-ui/auth';
 import { useRealtimeSubscription, useConflictResolution } from '@object-ui/collaboration';
 import { ActionProvider, useNavigationOverlay, SchemaRenderer } from '@object-ui/react';
 import { toast } from 'sonner';
-import { ActionConfirmDialog } from './ActionConfirmDialog';
-import { ActionParamDialog } from './ActionParamDialog';
-import { resolveActionParams } from '../utils/resolveActionParams';
+import { useConsoleActionRuntime } from '../hooks/useConsoleActionRuntime';
 /** Map view types to Lucide icons (Airtable-style) */
 const VIEW_TYPE_ICONS = {
     grid: TableIcon,
@@ -87,121 +88,39 @@ function substituteFilterTokens(filter, currentUserId) {
     };
     return filter.map(sub);
 }
-/**
- * Translate a NamedListView spec object (shape: `type`, `label`, `columns`,
- * `filter`, `sort`, `kanban`/`chart`/`gantt`/... sub-blocks, `bulkActions`,
- * `rowActions`, `pagination`, ...) into the `sys_view` storage shape that the
- * server's `sys_view` object schema actually exposes (snake_case scalars +
- * `*_json` text columns for complex shapes).
- *
- * The server rejects any other column name (`bulkActions`, `objectName`,
- * `isPinned`, ...) with `table sys_view has no column named …`, and knex
- * flattens raw arrays into positional bindings which mangles the SQL — so
- * every write path that targets `sys_view` MUST go through this helper.
- */
-function toSysViewPayload(config, objectName, opts = {}) {
-    const VIEW_TYPE_KEYS = [
-        'kanban', 'calendar', 'timeline', 'gantt',
-        'gallery', 'map', 'chart', 'grid',
-    ];
-    // Fold view-type-specific sub-blocks plus any non-storage NamedListView
-    // fields into a single `config_json` blob so the round-trip preserves
-    // everything the renderer might need (bulkActions, rowActions, pagination,
-    // navigation, emptyState, exportOptions, rowHeight, isPinned, isDefault,
-    // visibility, sortOrder, …).
-    const subConfig = {};
-    for (const k of VIEW_TYPE_KEYS) {
-        if (config[k] && typeof config[k] === 'object') {
-            Object.assign(subConfig, config[k]);
-        }
-    }
-    const EXTRA_CONFIG_KEYS = [
-        'bulkActions', 'bulkActionDefs', 'rowActions', 'pagination', 'navigation',
-        'emptyState', 'exportOptions', 'rowHeight',
-        'isPinned', 'isDefault', 'visibility', 'sortOrder',
-        'showSort',
-    ];
-    for (const k of EXTRA_CONFIG_KEYS) {
-        if (config[k] !== undefined)
-            subConfig[k] = config[k];
+export function ObjectView({ dataSource, objects, onEdit, externalRefreshKey }) {
+    const { objectName } = useParams();
+    const { t } = useObjectTranslation();
+    // Resolve the object definition up front. When it's missing we render the
+    // "object not found" empty state *here*, before the inner component mounts.
+    // This is the key to keeping the Rules of Hooks satisfied: ObjectViewInner
+    // holds ~50 hooks and must call them unconditionally, so the missing-object
+    // branch lives in this thin wrapper instead of as a mid-component early
+    // return. The inner subtree then mounts/unmounts as a whole (object exists
+    // ↔ doesn't) rather than toggling the number of hooks executed per render.
+    const objectDef = objects.find((o) => o.name === objectName);
+    if (!objectDef) {
+        return (_jsx("div", { className: "h-full p-4 flex items-center justify-center", children: _jsxs(Empty, { children: [_jsx("div", { className: "mx-auto mb-4 flex h-12 w-12 items-center justify-center rounded-full bg-muted", children: _jsx(TableIcon, { className: "h-6 w-6 text-muted-foreground" }) }), _jsx(EmptyTitle, { children: t('console.objectView.objectNotFound') }), _jsxs(EmptyDescription, { children: [t('console.objectView.objectNotFoundDescription', { objectName }), ' ', t('console.objectView.objectNotFoundHint')] })] }) }));
     }
-    const incomingColumns = Array.isArray(config.columns) && config.columns.length > 0
-        ? config.columns
-        : (opts.defaultColumns ?? []);
-    const viewType = config.type || 'grid';
-    const baseLabel = config.label || config.name || 'Untitled View';
-    const slug = baseLabel
-        .toLowerCase()
-        .replace(/[^a-z0-9]+/g, '_')
-        .replace(/^_+|_+$/g, '')
-        .slice(0, 60) || 'view';
-    return {
-        name: `${slug}_${Date.now().toString(36)}`,
-        label: baseLabel,
-        object_name: objectName,
-        view_type: viewType,
-        columns_json: JSON.stringify(incomingColumns),
-        filters_json: config.filter ? JSON.stringify(config.filter) : null,
-        sort_json: config.sort ? JSON.stringify(config.sort) : null,
-        config_json: Object.keys(subConfig).length > 0
-            ? JSON.stringify(subConfig)
-            : null,
-        page_size: config.pageSize ?? 25,
-        show_search: config.showSearch !== false,
-        show_filters: config.showFilters !== false,
-        managed_by: 'user',
-    };
+    return (_jsx(ObjectViewInner, { dataSource: dataSource, objects: objects, onEdit: onEdit, externalRefreshKey: externalRefreshKey }));
 }
 /**
- * Inverse of {@link toSysViewPayload}. Decodes a raw `sys_view` record
- * (snake_case fields + `*_json` text columns) back into the NamedListView
- * spec shape (`type`, `columns`, `filter`, `sort`, plus everything stashed
- * inside `config_json`) so the rest of the UI — ViewTabBar, ListView, the
- * grid renderer — can consume it without caring about the storage layer.
- *
- * Robust to fixtures/mocks that already store the spec shape directly
- * (older tests, the in-memory dev adapter): if `*_json` is missing we fall
- * back to `sv.columns` / `sv.filter` / `sv.sort` as-is.
+ * Inner ObjectView body. Only mounted by {@link ObjectView} once the object
+ * definition is known to exist, so every hook below runs unconditionally on
+ * every render of this component — no early return sits between hook calls.
  */
-function fromSysViewRecord(sv) {
-    const parse = (raw) => {
-        if (raw == null)
-            return undefined;
-        if (typeof raw !== 'string')
-            return raw;
-        try {
-            return JSON.parse(raw);
-        }
-        catch {
-            return undefined;
-        }
-    };
-    const columns = parse(sv.columns_json) ?? sv.columns;
-    const filter = parse(sv.filters_json) ?? sv.filter;
-    const sort = parse(sv.sort_json) ?? sv.sort;
-    const extra = parse(sv.config_json) ?? {};
-    return {
-        ...sv,
-        ...extra,
-        type: sv.view_type ?? sv.type ?? 'grid',
-        objectName: sv.object_name ?? sv.objectName,
-        columns,
-        filter,
-        sort,
-        showSearch: sv.show_search ?? sv.showSearch,
-        showFilters: sv.show_filters ?? sv.showFilters,
-        pageSize: sv.page_size ?? sv.pageSize,
-    };
-}
-export function ObjectView({ dataSource, objects, onEdit, externalRefreshKey }) {
+function ObjectViewInner({ dataSource, objects, onEdit, externalRefreshKey }) {
     const navigate = useNavigate();
     const { appName, objectName, viewId } = useParams();
     const [searchParams, setSearchParams] = useSearchParams();
     const location = useLocation();
     const { showDebug } = useMetadataInspector();
     const { t } = useObjectTranslation();
-    const { objectLabel, objectDescription: objectDesc, viewLabel, viewEmptyState, actionLabel, actionConfirm, actionSuccess, fieldLabel, fieldOptionLabel } = useObjectLabel();
+    const { objectLabel, objectDescription: objectDesc, viewLabel, viewEmptyState, actionLabel, actionConfirm, actionSuccess, actionParamText, fieldLabel, fieldOptionLabel } = useObjectLabel();
     const { isFavorite, toggleFavorite } = useFavorites();
+    // ADR-0034: runtime view edits persist via the metadata draft/publish
+    // model (the `sys_view` table is retired).
+    const metadataClient = useMetadataClient();
     // Inline view config panel state (Airtable-style right sidebar)
     const [showViewConfigPanel, setShowViewConfigPanel] = useState(false);
     const [viewConfigPanelMode, setViewConfigPanelMode] = useState('edit');
@@ -243,28 +162,23 @@ export function ObjectView({ dataSource, objects, onEdit, externalRefreshKey })
     const handleViewConfigSave = useCallback((draft) => {
         setViewDraft(draft);
         setRefreshKey(k => k + 1);
-        // Persist to backend if dataSource supports it
-        if (dataSource?.updateViewConfig) {
-            const objName = objectName;
-            const vid = draft.id;
-            if (objName && vid) {
-                dataSource.updateViewConfig(objName, vid, draft).catch((err) => {
-                    console.error('[ViewConfigPanel] Failed to persist view config:', err);
-                });
-            }
-            else {
-                console.warn('[ViewConfigPanel] Cannot persist view config: missing objectName or viewId.');
-            }
+        // ADR-0034: stage a per-item draft via the metadata seam; an explicit
+        // Publish (RuntimeDraftBar) promotes it + records a version.
+        const vid = draft.id;
+        if (metadataClient && vid) {
+            persistRuntimeMetadata('view', vid, draft, { metadataClient }).catch((err) => {
+                console.error('[ViewConfigPanel] Failed to persist view config:', err);
+            });
         }
         else {
-            console.warn('[ViewConfigPanel] dataSource.updateViewConfig is not available. View config saved locally only.');
+            console.warn('[ViewConfigPanel] Cannot persist view config: missing metadataClient or viewId.');
         }
-    }, [dataSource, objectName]);
+    }, [metadataClient]);
     /** Create a new view via the config panel */
     const handleViewCreate = useCallback(async (config) => {
         try {
             let createdId;
-            if (dataSource?.create) {
+            if (metadataClient) {
                 // Prefill sensible defaults so the saved view renders rows
                 // immediately even if the user didn't pick columns yet.
                 const objectDef = objects?.find?.((o) => o.name === objectName);
@@ -305,16 +219,14 @@ export function ObjectView({ dataSource, objects, onEdit, externalRefreshKey })
                         spec.gallery = { ...existing, visibleFields: incomingColumns };
                     }
                 }
-                if (typeof dataSource?.createView === 'function') {
-                    const created = await dataSource.createView(objectName, spec);
-                    createdId = created?.name || config?.name;
-                }
-                else if (dataSource?.create) {
-                    // Legacy fallback for adapters that don't expose createView.
-                    const payload = toSysViewPayload(spec, objectName, { defaultColumns });
-                    const created = await dataSource.create('sys_view', payload);
-                    createdId = created?.id ?? created?._id;
-                }
+                // ADR-0034: a new view is created as an invisible per-item
+                // draft via the metadata seam; an explicit Publish promotes it.
+                // UI-layer concerns (default columns, kanban/gallery massaging
+                // above, and the auto-activation below) stay here.
+                const draftName = String(config?.name ?? config?.id ?? spec?.id ?? '');
+                createdId = await createRuntimeMetadata('view', draftName, spec, {
+                    metadataClient,
+                });
             }
             setShowViewConfigPanel(false);
             setViewConfigPanelMode('edit');
@@ -334,20 +246,32 @@ export function ObjectView({ dataSource, objects, onEdit, externalRefreshKey })
         catch (err) {
             console.error('[ViewConfigPanel] Failed to create view:', err);
         }
-    }, [dataSource, objectName, objects, navigate, viewId]);
+    }, [dataSource, objectName, objects, navigate, viewId, metadataClient]);
     // Record count tracking for footer
     const [recordCount, setRecordCount] = useState(undefined);
     // Admin users automatically get design tools (no toggle needed)
     const { user, activeOrganization } = useAuth();
     const isAdmin = user?.role === 'admin';
     const { can } = usePermissions();
-    // Get Object Definition
+    // Get Object Definition. The outer ObjectView wrapper already guards the
+    // missing-object case, so this always resolves while this component is
+    // mounted — every hook below can therefore run unconditionally.
     const objectDef = objects.find((o) => o.name === objectName);
-    if (!objectDef) {
-        return (_jsx("div", { className: "h-full p-4 flex items-center justify-center", children: _jsxs(Empty, { children: [_jsx("div", { className: "mx-auto mb-4 flex h-12 w-12 items-center justify-center rounded-full bg-muted", children: _jsx(TableIcon, { className: "h-6 w-6 text-muted-foreground" }) }), _jsx(EmptyTitle, { children: t('console.objectView.objectNotFound') }), _jsxs(EmptyDescription, { children: [t('console.objectView.objectNotFoundDescription', { objectName }), ' ', t('console.objectView.objectNotFoundHint')] })] }) }));
-    }
     // Refresh trigger — bumped after view CRUD or external data mutations.
     const [refreshKey, setRefreshKey] = useState(0);
+    // Shared console action runtime: confirm/param/result dialogs, the
+    // authenticated api/flow/server-action handlers, SPA navigation, and the
+    // paused screen-flow runner. The same runtime PageView mounts (#1605).
+    // ObjectView additionally feeds its confirm/toast handlers into
+    // useObjectActions below, so it consumes the hook directly (rather than the
+    // ConsoleActionRuntimeProvider wrapper).
+    const actionRuntime = useConsoleActionRuntime({
+        dataSource,
+        objects,
+        objectName: objectDef.name,
+        onRefresh: () => setRefreshKey((k) => k + 1),
+    });
+    const { confirmHandler, toastHandler } = actionRuntime;
     // Resolve which generic CRUD affordances belong in the toolbar for
     // this object's lifecycle bucket (`managedBy`).  config tables show
     // New/Edit/Delete but no CSV Import; system / append-only / better-auth
@@ -364,10 +288,11 @@ export function ObjectView({ dataSource, objects, onEdit, externalRefreshKey })
     }, [externalRefreshKey]);
     // Import wizard open/close state — toolbar entry triggers it.
     const [showImport, setShowImport] = useState(false);
-    // ─── User-defined views (sys_view) ──────────────────────────────────
-    // Saved views created via the ViewConfigPanel ("Add View") are persisted
-    // to the `sys_view` object. We fetch them here and merge into `views` so
-    // the ViewTabBar can render them alongside metadata-defined listViews.
+    // ─── User-defined views (metadata overlay) ──────────────────────────
+    // Saved views created via the ViewConfigPanel ("Add View") live in the
+    // metadata overlay (`/meta/view`). We fetch them via `listViews` and merge
+    // into `views` so the ViewTabBar renders them alongside metadata-defined
+    // listViews.
     const [savedViews, setSavedViews] = useState([]);
     useEffect(() => {
         let cancelled = false;
@@ -375,10 +300,8 @@ export function ObjectView({ dataSource, objects, onEdit, externalRefreshKey })
             setSavedViews([]);
             return;
         }
-        // ADR-0005: use the metadata overlay API instead of writing to
-        // the physical `sys_view` table (which has incompatible columns).
-        // Falls back to the legacy `find('sys_view', ...)` path only when
-        // the adapter doesn't expose `listViews` (e.g. test mocks).
+        // Read saved views from the metadata overlay (`/meta/view`) via the
+        // adapter's `listViews`. Adapters without it surface no saved views.
         if (typeof dataSource?.listViews === 'function') {
             dataSource.listViews(objectName)
                 .then((rows) => {
@@ -405,41 +328,9 @@ export function ObjectView({ dataSource, objects, onEdit, externalRefreshKey })
             });
             return () => { cancelled = true; };
         }
-        if (!dataSource?.find) {
-            setSavedViews([]);
-            return;
-        }
-        dataSource
-            .find('sys_view', {
-            $filter: ['object_name', '=', objectName],
-            $orderby: [{ field: 'created_at', order: 'asc' }],
-            $top: 200,
-        })
-            .then((res) => {
-            if (cancelled)
-                return;
-            const rows = Array.isArray(res)
-                ? res
-                : Array.isArray(res?.data) ? res.data
-                    : Array.isArray(res?.records) ? res.records
-                        : Array.isArray(res?.value) ? res.value
-                            : [];
-            // Defensive client-side filter: only keep rows that look like
-            // sys_view records for *this* object. Adapters that don't
-            // honour $filter (or test mocks that ignore it) won't pollute
-            // the view list with arbitrary records. Match either casing —
-            // the storage column is `object_name`, but older mock fixtures
-            // and tests may still emit `objectName`.
-            const filtered = rows
-                .filter(r => r && (r.object_name === objectName || r.objectName === objectName))
-                .map(fromSysViewRecord);
-            setSavedViews(filtered);
-        })
-            .catch((err) => {
-            console.error('[ObjectView] Failed to load sys_view records:', err);
-            if (!cancelled)
-                setSavedViews([]);
-        });
+        // No overlay API available (e.g. a minimal adapter / test mock) → no
+        // saved views. The retired `sys_view` table is no longer read.
+        setSavedViews([]);
         return () => { cancelled = true; };
     }, [dataSource, objectName, refreshKey]);
     // Persisted per-view config overrides (e.g. density toggle). Saved
@@ -766,13 +657,10 @@ export function ObjectView({ dataSource, objects, onEdit, externalRefreshKey })
             return;
         }
         try {
-            // ADR-0005 overlay path — `vid` is the view's `name` field
+            // Metadata overlay path — `vid` is the view's `name` field.
             if (typeof dataSource?.updateView === 'function') {
                 await dataSource.updateView(objectName, vid, { label: newName });
             }
-            else if (dataSource?.update) {
-                await dataSource.update('sys_view', vid, { label: newName });
-            }
             setRefreshKey(k => k + 1);
         }
         catch (err) {
@@ -780,34 +668,6 @@ export function ObjectView({ dataSource, objects, onEdit, externalRefreshKey })
             toast.error(t('objectViewActions.renameFailed'));
         }
     }, [dataSource, objectName, isSavedView, t]);
-    // Promise-based confirm/param dialogs — declared early so destructive
-    // handlers (delete, etc.) can `await confirmHandler(...)` for a proper
-    // Airtable-style confirmation flow.
-    const [confirmState, setConfirmState] = useState({ open: false, message: '' });
-    const [paramState, setParamState] = useState({ open: false, params: [] });
-    const confirmHandler = useCallback((message, options) => {
-        return new Promise((resolve) => {
-            setConfirmState({ open: true, message, options, resolve });
-        });
-    }, []);
-    const paramCollectionHandler = useCallback((params, action) => {
-        return new Promise((resolve) => {
-            // List_item actions stash the row record under params._rowRecord
-            // (see ObjectGrid → onRowAction). Pull it out so resolveActionParams
-            // can pre-fill `defaultFromRow` params from the row's current values.
-            const row = action?.params && !Array.isArray(action.params)
-                ? action.params._rowRecord
-                : undefined;
-            const resolved = resolveActionParams(params, {
-                objectName: objectName || objectDef?.name || '',
-                objects: objects || [],
-                fieldLabel,
-                fieldOptionLabel,
-                row,
-            });
-            setParamState({ open: true, params: resolved, resolve });
-        });
-    }, [objectName, objectDef, objects, fieldLabel, fieldOptionLabel]);
     const handleDeleteView = useCallback(async (vid) => {
         if (!dataSource)
             return;
@@ -829,9 +689,6 @@ export function ObjectView({ dataSource, objects, onEdit, externalRefreshKey })
             if (typeof dataSource?.deleteView === 'function') {
                 await dataSource.deleteView(objectName, vid);
             }
-            else if (dataSource?.delete) {
-                await dataSource.delete('sys_view', vid);
-            }
             // If we deleted the active view, fall back to the first remaining view.
             if (vid === activeViewId) {
                 const fallback = views.find((v) => v.id !== vid);
@@ -845,58 +702,6 @@ export function ObjectView({ dataSource, objects, onEdit, externalRefreshKey })
             toast.error(t('objectViewActions.deleteFailed'));
         }
     }, [dataSource, isSavedView, activeViewId, views, viewId, navigate, t, confirmHandler]);
-    const handleDuplicateView = useCallback(async (vid) => {
-        if (!dataSource)
-            return;
-        const source = views.find((v) => v.id === vid);
-        if (!source)
-            return;
-        try {
-            // ADR-0005 overlay path — store the full NamedListView spec
-            // shape directly under a unique `name`. No legacy sys_view
-            // column-flattening required.
-            const baseName = String(source.name || vid).toLowerCase()
-                .replace(/[^a-z0-9_]+/g, '_').replace(/^_+|_+$/g, '') || 'view';
-            const newName = `${baseName}_copy_${Date.now().toString(36)}`;
-            // Drop `id` so the overlay row is keyed purely by `name`; copying
-            // the source's `id` would collide with the source view in the
-            // tab-bar dedup logic and silently shadow it.
-            const { id: _omitId, ...rest } = source;
-            const spec = {
-                ...rest,
-                name: newName,
-                label: `${source.label || vid} (Copy)`,
-                isDefault: false,
-                isPinned: false,
-                data: source.data || { provider: 'object', object: objectName },
-                object: source.object || objectName,
-            };
-            let newId;
-            if (typeof dataSource?.createView === 'function') {
-                const created = await dataSource.createView(objectName, spec);
-                newId = created?.name || newName;
-            }
-            else if (dataSource?.create) {
-                const payload = toSysViewPayload(spec, objectName);
-                const created = await dataSource.create('sys_view', payload);
-                newId = created?.id ?? created?._id;
-            }
-            setRefreshKey(k => k + 1);
-            // Auto-activate the duplicate (Airtable parity).
-            if (newId) {
-                if (viewId) {
-                    navigate(`../${newId}`, { relative: 'path' });
-                }
-                else {
-                    navigate(`view/${newId}`);
-                }
-            }
-        }
-        catch (err) {
-            console.error('[ViewTabBar] Failed to duplicate view:', err);
-            toast.error('Failed to duplicate view');
-        }
-    }, [dataSource, views, objectName, navigate, viewId]);
     const handlePinView = useCallback(async (vid, pinned) => {
         if (!dataSource)
             return;
@@ -908,9 +713,6 @@ export function ObjectView({ dataSource, objects, onEdit, externalRefreshKey })
             if (typeof dataSource?.updateView === 'function') {
                 await dataSource.updateView(objectName, vid, { isPinned: pinned });
             }
-            else if (dataSource?.update) {
-                await dataSource.update('sys_view', vid, { isPinned: pinned });
-            }
             setRefreshKey(k => k + 1);
         }
         catch (err) {
@@ -922,23 +724,18 @@ export function ObjectView({ dataSource, objects, onEdit, externalRefreshKey })
             return;
         if (!isSavedView(vid)) {
             toast.error(t('console.objectView.cannotEditMetaView')
-                || 'System view — duplicate it to mark a default.');
+                || 'System view — it cannot be set as a default.');
             return;
         }
         try {
             // Clear `isDefault` on all other saved views, then set this one.
-            const hasOverlay = typeof dataSource?.updateView === 'function';
+            if (typeof dataSource?.updateView !== 'function')
+                return;
+            const updateView = dataSource.updateView;
             const updates = savedViews
                 .filter((sv) => (sv.id || sv._id) !== vid && sv.isDefault)
-                .map((sv) => {
-                const id = sv.id || sv._id;
-                return hasOverlay
-                    ? dataSource.updateView(objectName, id, { isDefault: false })
-                    : dataSource.update('sys_view', id, { isDefault: false });
-            });
-            updates.push(hasOverlay
-                ? dataSource.updateView(objectName, vid, { isDefault: true })
-                : dataSource.update('sys_view', vid, { isDefault: true }));
+                .map((sv) => updateView(objectName, sv.id || sv._id, { isDefault: false }));
+            updates.push(updateView(objectName, vid, { isDefault: true }));
             await Promise.all(updates);
             setRefreshKey(k => k + 1);
         }
@@ -959,15 +756,12 @@ export function ObjectView({ dataSource, objects, onEdit, externalRefreshKey })
         catch { /* ignore */ }
         // Best-effort: also persist `sortOrder` on each saved view so other
         // sessions / users can pick up the order from the backend.
-        if (dataSource) {
-            const hasOverlay = typeof dataSource?.updateView === 'function';
+        if (typeof dataSource?.updateView === 'function') {
+            const updateView = dataSource.updateView;
             const savedIdSet = new Set(savedViews.map((sv) => sv.id || sv._id));
             const updates = orderedIds
                 .filter(id => savedIdSet.has(id))
-                .map((id, idx) => hasOverlay
-                ? dataSource.updateView(objectName, id, { sortOrder: idx })
-                : dataSource.update?.('sys_view', id, { sortOrder: idx }))
-                .filter(Boolean);
+                .map((id, idx) => updateView(objectName, id, { sortOrder: idx }));
             try {
                 await Promise.all(updates);
             }
@@ -980,10 +774,10 @@ export function ObjectView({ dataSource, objects, onEdit, externalRefreshKey })
     const handleConfigView = useCallback((vid) => {
         // System (metadata-defined) views are read-only — opening the
         // ViewConfigPanel against one would let the user save changes that
-        // never persist. Steer them to "Duplicate view" instead.
+        // never persist.
         if (!isSavedView(vid)) {
             toast.error(t('console.objectView.cannotEditMetaView')
-                || 'System view — duplicate it to make changes.');
+                || 'System view — it cannot be edited.');
             return;
         }
         if (vid !== activeViewId)
@@ -994,16 +788,12 @@ export function ObjectView({ dataSource, objects, onEdit, externalRefreshKey })
     const handleAddView = useCallback(() => {
         setShowCreateViewDialog(true);
     }, []);
-    // ─── ActionProvider handlers for schema-driven toolbar actions ──────
+    // Current user — also used below for `{current_user_id}` filter-token
+    // substitution. The schema-action handlers (toast/navigate/api/flow/server)
+    // now live in the shared `useConsoleActionRuntime` hook (declared earlier).
     const currentUser = user
         ? { id: user.id, name: user.name, avatar: user.image }
         : FALLBACK_USER;
-    const toastHandler = useCallback((message, options) => {
-        if (options?.type === 'error')
-            toast.error(message);
-        else
-            toast.success(message);
-    }, []);
     // Action system for toolbar operations — refreshKey moved up (declared earlier).
     // Wired to confirmHandler/toastHandler so deletes use the Shadcn AlertDialog
     // and Sonner toast instead of native window.confirm.
@@ -1014,200 +804,10 @@ export function ObjectView({ dataSource, objects, onEdit, externalRefreshKey })
         onEdit,
         onRefresh: () => setRefreshKey(k => k + 1),
         onConfirm: confirmHandler,
+        // ToastHandler's `type` is a string-literal union — a subset of the
+        // looser `{ type?: string }` useObjectActions declares; cast is sound.
         onToast: toastHandler,
     });
-    const navigateHandler = useCallback((url, options) => {
-        if (options?.external || options?.newTab) {
-            window.open(url, '_blank', 'noopener,noreferrer');
-        }
-        else {
-            navigate(url);
-        }
-    }, [navigate]);
-    // Authenticated fetch for direct backend calls (e.g. flow trigger,
-    // schema actions targeting absolute API paths). Declared before
-    // apiHandler so the latter can close over it.
-    const authFetch = useMemo(() => createAuthenticatedFetch(), []);
-    const apiHandler = useCallback(async (action) => {
-        try {
-            const target = action.target || action.name;
-            const params = action.params || {};
-            // Absolute HTTP target (e.g. /api/v1/auth/organization/invite-member,
-            // http://..., https://...) — bypass dataSource and call the API
-            // directly through the authenticated fetch wrapper so:
-            //   - Authorization: Bearer <token> is injected
-            //   - X-Tenant-ID is injected (multi-tenant routing)
-            //   - Same-origin cookies (better-auth.session_token) ride along
-            //
-            // This is the canonical path for schema actions on managed-by
-            // tables (sys_user/invite_user, sys_session/revoke, …) where
-            // generic CRUD does not apply.
-            const targetStr = typeof target === 'string' ? target : '';
-            const isAbsolute = targetStr.startsWith('/') || /^https?:\/\//i.test(targetStr);
-            if (isAbsolute) {
-                const baseUrl = import.meta.env.VITE_SERVER_URL || '';
-                // Row context is stashed on params under `_rowRecord` by the
-                // row-action dispatcher (see ObjectGrid → onRowAction). Pull
-                // it out before assembling the request body.
-                const rawParams = { ...params };
-                const rowRecord = rawParams._rowRecord;
-                delete rawParams._rowRecord;
-                // Interpolate `{field}` tokens in the target URL from the
-                // row record. Lets actions hit data-API endpoints like
-                // `PATCH /api/v1/sys_api_key/{id}` without bespoke wiring.
-                let resolvedTarget = targetStr;
-                if (rowRecord && /\{[a-z_][a-z0-9_]*\}/i.test(resolvedTarget)) {
-                    resolvedTarget = resolvedTarget.replace(/\{([a-z_][a-z0-9_]*)\}/gi, (_, k) => {
-                        const v = rowRecord[k];
-                        return v == null ? '' : encodeURIComponent(String(v));
-                    });
-                }
-                const url = resolvedTarget.startsWith('http') ? resolvedTarget : `${baseUrl}${resolvedTarget}`;
-                // Apply bodyShape: 'flat' (default) keeps user params at top
-                // level; { wrap: 'data' } nests them under that key while
-                // `recordIdParam` / `organizationId` stay flat (better-auth
-                // organization/update semantics).
-                const wrap = action.bodyShape && typeof action.bodyShape === 'object' && action.bodyShape.wrap
-                    ? action.bodyShape.wrap
-                    : undefined;
-                const body = wrap
-                    ? { [wrap]: rawParams }
-                    : { ...rawParams };
-                // Inject row id (or chosen row field) for list_item actions.
-                if (rowRecord && action.recordIdParam) {
-                    const rowField = action.recordIdField || 'id';
-                    const rowValue = rowRecord[rowField];
-                    if (rowValue != null)
-                        body[action.recordIdParam] = rowValue;
-                }
-                // Auto-inject organizationId only for better-auth org-scoped
-                // endpoints. Data-API endpoints (/api/v1/{object}/{id}) must
-                // NOT receive a stray organizationId field — that would try
-                // to overwrite the row's tenant column.
-                const isAuthOrgEndpoint = /\/api\/v1\/auth\//.test(resolvedTarget);
-                if (isAuthOrgEndpoint && !body.organizationId && activeOrganization?.id) {
-                    body.organizationId = activeOrganization.id;
-                }
-                // Merge static body fragment last so constants override any
-                // user-collected values (e.g. resend:true on resend-invite,
-                // revoked:true on revoke-api-key).
-                if (action.bodyExtra && typeof action.bodyExtra === 'object') {
-                    Object.assign(body, action.bodyExtra);
-                }
-                const method = (action.method || 'POST').toUpperCase();
-                const init = {
-                    method,
-                    headers: { 'Content-Type': 'application/json' },
-                    credentials: 'include',
-                };
-                // GET/DELETE conventionally have no body; for everything else
-                // we serialize. (We don't expect GET here today, but keep the
-                // guard for safety.)
-                if (method !== 'GET' && method !== 'DELETE') {
-                    init.body = JSON.stringify(body);
-                }
-                const res = await authFetch(url, init);
-                if (!res.ok) {
-                    let detail = `HTTP ${res.status}`;
-                    try {
-                        const j = await res.json();
-                        detail = j?.error || j?.message || detail;
-                    }
-                    catch { /* response body not JSON */ }
-                    return { success: false, error: detail };
-                }
-                const data = await res.json().catch(() => ({}));
-                if (action.refreshAfter !== false)
-                    setRefreshKey(k => k + 1);
-                return { success: true, data, reload: action.refreshAfter !== false };
-            }
-            // Generic list-level API handler: update/execute via dataSource
-            if (typeof dataSource.execute === 'function') {
-                await dataSource.execute(objectDef.name, target, params);
-            }
-            else if (params.recordId && Object.keys(params).length > 1 && typeof dataSource.update === 'function') {
-                await dataSource.update(objectDef.name, params.recordId, params);
-            }
-            const shouldRefresh = action.refreshAfter !== false;
-            if (shouldRefresh) {
-                setRefreshKey(k => k + 1);
-            }
-            return { success: true, reload: shouldRefresh };
-        }
-        catch (error) {
-            return { success: false, error: error.message };
-        }
-    }, [dataSource, objectDef.name, authFetch, activeOrganization]);
-    // Flow action handler — POST to /api/v1/automation/{name}/trigger.
-    // Triggered when an Action with `type: 'flow'` is invoked from list-level
-    // locations (list_toolbar, list_item). For list_item the row's recordId is
-    // expected in `action.params.recordId`.
-    const flowHandler = useCallback(async (action) => {
-        const flowName = action.target || action.name;
-        if (!flowName) {
-            return { success: false, error: 'No flow target provided for flow action' };
-        }
-        try {
-            const baseUrl = import.meta.env.VITE_SERVER_URL || '';
-            const params = action.params || {};
-            const res = await authFetch(`${baseUrl}/api/v1/automation/${encodeURIComponent(flowName)}/trigger`, {
-                method: 'POST',
-                headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({
-                    recordId: params.recordId,
-                    objectName: objectDef.name,
-                    params,
-                }),
-            });
-            const json = await res.json().catch(() => null);
-            if (!res.ok || (json && json.success === false)) {
-                const errMsg = json?.error || `Flow "${flowName}" failed (HTTP ${res.status})`;
-                return { success: false, error: errMsg };
-            }
-            const shouldRefresh = action.refreshAfter !== false;
-            if (shouldRefresh) {
-                setRefreshKey(k => k + 1);
-            }
-            return { success: true, data: json?.data, reload: shouldRefresh };
-        }
-        catch (error) {
-            return { success: false, error: error.message };
-        }
-    }, [authFetch, objectDef.name]);
-    // Server-side action handler — POST to /api/v1/actions/{object}/{action}.
-    // For list-toolbar/list-item `script` and `modal` actions whose `target`
-    // matches a server-registered handler. selectedIds (from action.params)
-    // is forwarded so bulk handlers like massUpdateStage / addToCampaign work.
-    const serverActionHandler = useCallback(async (action) => {
-        const targetName = action.target || action.name;
-        if (!targetName) {
-            return { success: false, error: 'No action target provided' };
-        }
-        const params = (action.params && !Array.isArray(action.params))
-            ? action.params
-            : {};
-        try {
-            const baseUrl = import.meta.env.VITE_SERVER_URL || '';
-            const obj = action.objectName || objectDef.name || 'global';
-            const res = await authFetch(`${baseUrl}/api/v1/actions/${encodeURIComponent(obj)}/${encodeURIComponent(targetName)}`, {
-                method: 'POST',
-                headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({ recordId: params.recordId, params }),
-            });
-            const json = await res.json().catch(() => null);
-            if (!res.ok || (json && json.success === false)) {
-                const errMsg = json?.error || `Action "${targetName}" failed (HTTP ${res.status})`;
-                return { success: false, error: errMsg };
-            }
-            const shouldRefresh = action.refreshAfter !== false;
-            if (shouldRefresh)
-                setRefreshKey(k => k + 1);
-            return { success: true, data: json?.data, reload: shouldRefresh };
-        }
-        catch (error) {
-            return { success: false, error: error.message };
-        }
-    }, [authFetch, objectDef.name]);
     // Real-time: auto-refresh when server reports data changes
     const { lastMessage: realtimeMessage } = useRealtimeSubscription({
         channel: `object:${objectDef.name}`,
@@ -1261,17 +861,33 @@ export function ObjectView({ dataSource, objects, onEdit, externalRefreshKey })
      * which matches the shape consumed by the list view's data fetcher when
      * merging base filters.
      */
+    // Dep on the serialized `filter[...]` entries only — `uf_*` user-filter
+    // params also live in the URL and must not invalidate this memo (a new
+    // array identity here rebuilds the whole list schema and refetches).
+    const filterParamsKey = Array.from(searchParams.entries())
+        .filter(([k]) => k.startsWith('filter['))
+        .map(([k, v]) => `${k}=${v}`)
+        .join('&');
     const urlFilters = useMemo(() => {
         const out = [];
-        searchParams.forEach((value, key) => {
+        new URLSearchParams(filterParamsKey).forEach((value, key) => {
             const m = /^filter\[(.+)\]$/.exec(key);
             if (m && m[1] && value !== '') {
                 out.push([m[1], '=', value]);
             }
         });
         return out;
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [searchParams.toString()]);
+    }, [filterParamsKey]);
+    /**
+     * End-user filter selections restored from `uf_*` URL params (ADR-0047
+     * persistence). Captured once per ObjectView mount — UserFilters only
+     * reads them at its own mount, and later URL writes must not churn the
+     * schema memo.
+     */
+    const [initialUfSelections] = useState(() => parseUserFilterParams(new URLSearchParams(window.location.search)));
+    const handleUserFilterSelectionsChange = useCallback((selections) => {
+        setSearchParams(prev => applyUserFilterParams(prev, selections), { replace: true });
+    }, [setSearchParams]);
     // Memoize onNavigate to prevent stale closure in useNavigationOverlay's handleClick
     const handleNavOverlayNavigate = useCallback((recordId, action) => {
         if (action === 'new_window') {
@@ -1383,16 +999,48 @@ export function ObjectView({ dataSource, objects, onEdit, externalRefreshKey })
         }
         if (viewDef.type === 'chart') {
             const chartConfig = viewDef.chart || {};
+            // ADR-0021 (#1890): dataset-bound chart — the single author-facing
+            // shape. Selects dimensions/measures BY NAME and runs through the
+            // governed queryDataset path (numbers consistent across surfaces).
+            if (chartConfig.dataset) {
+                const dims = Array.isArray(chartConfig.dimensions) ? chartConfig.dimensions : [];
+                const vals = Array.isArray(chartConfig.values) ? chartConfig.values : [];
+                return (_jsx(Suspense, { fallback: _jsx("div", { className: "p-4 text-sm text-muted-foreground", children: "Loading chart\u2026" }), children: _jsx(ObjectChart, { dataSource: ds, schema: {
+                            type: 'object-chart',
+                            dataset: chartConfig.dataset,
+                            dimensions: dims,
+                            values: vals,
+                            chartType: chartConfig.chartType || 'bar',
+                            xAxisKey: dims[0],
+                            series: vals.map((v) => ({ dataKey: v, label: v })),
+                            config: chartConfig.config,
+                            className: 'h-[400px] w-full',
+                        } }) }, key));
+            }
+            // ObjectChart consumes a structured `aggregate` ({ field, function,
+            // groupBy }) + `xAxisKey` + `series`, NOT the flat spec-level
+            // `xAxisField`/`yAxisFields`/`aggregation` keys. Translate here so the
+            // chart actually runs its aggregate query (otherwise it renders empty).
+            const categoryField = chartConfig.xAxisField || 'name';
+            const valueField = (Array.isArray(chartConfig.yAxisFields) && chartConfig.yAxisFields[0]) || 'value';
+            const aggFn = chartConfig.aggregation || 'count';
+            const series = chartConfig.series && chartConfig.series.length > 0
+                ? chartConfig.series
+                : [{ dataKey: valueField, label: valueField }];
             return (_jsx(Suspense, { fallback: _jsx("div", { className: "p-4 text-sm text-muted-foreground", children: "Loading chart\u2026" }), children: _jsx(ObjectChart, { dataSource: ds, schema: {
                         type: 'object-chart',
                         objectName: objectDef.name,
-                        chartType: chartConfig.chartType,
-                        xAxisField: chartConfig.xAxisField,
-                        yAxisFields: chartConfig.yAxisFields,
-                        aggregation: chartConfig.aggregation,
-                        series: chartConfig.series,
+                        chartType: chartConfig.chartType || 'bar',
+                        aggregate: {
+                            field: valueField,
+                            function: aggFn,
+                            groupBy: categoryField,
+                        },
+                        xAxisKey: categoryField,
+                        series,
                         config: chartConfig.config,
                         filter: chartConfig.filter,
+                        className: 'h-[400px] w-full',
                     } }) }, key));
         }
         const fullSchema = {
@@ -1431,9 +1079,20 @@ export function ObjectView({ dataSource, objects, onEdit, externalRefreshKey })
                 persistViewPatch(viewDef.id, viewDef, { columnState: state });
             },
             inlineEdit: viewDef.inlineEdit ?? viewDef.editRecordsInline ?? listSchema.inlineEdit,
-            appearance: viewDef.showDescription != null
-                ? { showDescription: viewDef.showDescription }
-                : listSchema.appearance,
+            // ADR-0047 — spec `appearance` (incl. allowedVisualizations, the
+            // runtime visualization whitelist) flows from the view metadata;
+            // the legacy bare `showDescription` flag is folded in on top.
+            appearance: viewDef.appearance
+                ? (viewDef.showDescription != null
+                    ? { ...viewDef.appearance, showDescription: viewDef.showDescription }
+                    : viewDef.appearance)
+                : (viewDef.showDescription != null
+                    ? { showDescription: viewDef.showDescription }
+                    : listSchema.appearance),
+            // Offer the visualization switcher only when the author
+            // whitelisted more than one type; ListView intersects the
+            // whitelist with capability-resolvable types.
+            showViewSwitcher: ((viewDef.appearance ?? listSchema.appearance)?.allowedVisualizations?.length ?? 0) > 1,
             // Propagate toolbar/display flags for all view types
             showSearch: viewDef.showSearch ?? listSchema.showSearch,
             showSort: viewDef.showSort ?? listSchema.showSort,
@@ -1473,23 +1132,42 @@ export function ObjectView({ dataSource, objects, onEdit, externalRefreshKey })
              * remains for back-compat where the action lives elsewhere.
              */
             rowActionDefs: (Array.isArray(objectDef?.actions)
-                ? objectDef.actions.filter((a) => Array.isArray(a?.locations) && a.locations.includes('list_item'))
+                ? objectDef.actions
+                    .filter((a) => Array.isArray(a?.locations) && a.locations.includes('list_item'))
+                    // Localize label / confirm / success the same way the
+                    // record_header and list_toolbar paths do — the row kebab
+                    // previously rendered raw English `a.label`. The `visible`
+                    // CEL is forwarded untouched (spread) and evaluated per-row
+                    // at render time inside RowActionMenu.
+                    .map((a) => ({
+                    ...a,
+                    label: actionLabel(objectDef.name, a.name, a.label || a.name),
+                    ...(a.confirmText !== undefined && {
+                        confirmText: actionConfirm(objectDef.name, a.name, a.confirmText),
+                    }),
+                    ...(a.successMessage !== undefined && {
+                        successMessage: actionSuccess(objectDef.name, a.name, a.successMessage),
+                    }),
+                }))
                 : []),
             bulkActions: viewDef.bulkActions ?? listSchema.bulkActions,
             bulkActionDefs: viewDef.bulkActionDefs ?? listSchema.bulkActionDefs,
             sharing: viewDef.sharing ?? listSchema.sharing,
             addRecord: viewDef.addRecord ?? listSchema.addRecord,
             conditionalFormatting: viewDef.conditionalFormatting ?? listSchema.conditionalFormatting,
-            quickFilters: viewDef.quickFilters ?? listSchema.quickFilters,
-            userFilters: viewDef.userFilters ?? listSchema.userFilters,
+            // ADR-0053: this is the object default list = "views" mode; the
+            // ViewTabBar above is the only nav control. The in-list Airtable-
+            // style filter rows (quickFilters / userFilters / tabs) belong to
+            // page "filters" mode (InterfaceListPage), so suppress them here.
+            quickFilters: undefined,
+            userFilters: undefined,
             showRecordCount: viewDef.showRecordCount ?? listSchema.showRecordCount,
             allowPrinting: viewDef.allowPrinting ?? listSchema.allowPrinting,
             virtualScroll: viewDef.virtualScroll ?? listSchema.virtualScroll,
             emptyState: viewEmptyState(objectDef.name, viewDef.name || viewDef.id || '', viewDef.emptyState
                 ?? listSchema.emptyState
-                ?? resolveManagedByEmptyState(objectDef?.managedBy)),
+                ?? resolveManagedByEmptyState(objectDef?.managedBy, t)),
             aria: viewDef.aria ?? listSchema.aria,
-            tabs: listSchema.tabs,
             // Propagate filter/sort as default filters/sort for data flow
             ...((() => {
                 const combined = [
@@ -1540,12 +1218,26 @@ export function ObjectView({ dataSource, objects, onEdit, externalRefreshKey })
                     subtitleField: viewDef.gallery?.subtitleField,
                 },
                 gantt: {
+                    // Spread the full view-defined gantt config first so the
+                    // renderer's extended fields (parentField/typeField for the
+                    // summary→step hierarchy, baseline*, groupByField,
+                    // resourceView/assignee*, tooltipFields, quickFilters, …)
+                    // survive; then layer the three required defaults last so an
+                    // omitted source value still falls back. (Mirrors the gallery
+                    // branch above — a bare whitelist here was dropping every
+                    // field past colorField and flattening the chart.)
+                    ...(viewDef.gantt || {}),
                     startDateField: viewDef.gantt?.startDateField || 'start_date',
                     endDateField: viewDef.gantt?.endDateField || 'end_date',
                     titleField: viewDef.gantt?.titleField || 'name',
-                    progressField: viewDef.gantt?.progressField,
-                    dependenciesField: viewDef.gantt?.dependenciesField,
-                    colorField: viewDef.gantt?.colorField,
+                },
+                tree: {
+                    // Self-referencing tree-grid config (plugin-tree). Spread the
+                    // full view-defined tree first so parentField/fields/
+                    // defaultExpandedDepth survive; labelField falls back to the
+                    // object title. parentField auto-detects when omitted.
+                    ...(viewDef.tree || {}),
+                    labelField: viewDef.tree?.labelField || viewDef.tree?.titleField || objectDef.titleField || 'name',
                 },
                 chart: {
                     chartType: viewDef.chart?.chartType,
@@ -1589,8 +1281,8 @@ export function ObjectView({ dataSource, objects, onEdit, externalRefreshKey })
                 persistViewPatch(viewDef.id, viewDef, { hiddenFields: hidden });
             }, onColumnStateChange: (state) => {
                 persistViewPatch(viewDef.id, viewDef, { columnState: state });
-            }, dataSource: ds }, key));
-    }, [activeView, objectDef, objectName, refreshKey, navOverlay, actions, persistViewPatch, urlFilters]);
+            }, userFilterSelections: initialUfSelections, onUserFilterSelectionsChange: handleUserFilterSelectionsChange, dataSource: ds }, key));
+    }, [activeView, objectDef, objectName, refreshKey, navOverlay, actions, persistViewPatch, urlFilters, initialUfSelections, handleUserFilterSelectionsChange]);
     // Memoize the merged views array so PluginObjectView doesn't get a new
     // reference on every render (which would trigger unnecessary data refetches).
     const mergedViews = useMemo(() => views.map((v) => v.id === activeViewId && viewDraft && viewDraft.id === v.id
@@ -1610,7 +1302,6 @@ export function ObjectView({ dataSource, objects, onEdit, externalRefreshKey })
         viewActions: isAdmin ? [
             { type: 'settings' },
             { type: 'share' },
-            { type: 'duplicate' },
             { type: 'delete' },
         ] : [],
         onNavigate: (recordId, mode) => {
@@ -1633,15 +1324,7 @@ export function ObjectView({ dataSource, objects, onEdit, externalRefreshKey })
             }
         },
     }), [objectDef, onEdit, activeView?.showSearch, activeView?.showFilters, activeView?.showSort, activeView?.name, activeView?.label, navigate, viewId, isAdmin, location.pathname, location.search, viewLabel, objectLabel]);
-    return (_jsxs(ActionProvider, { context: {
-            objectName: objectDef.name,
-            user: currentUser,
-            // Expose active org so `type: 'url'` actions can template
-            // `/organizations/${activeOrganization.slug}/...` etc.
-            activeOrganization: activeOrganization
-                ? { id: activeOrganization.id, slug: activeOrganization.slug, name: activeOrganization.name }
-                : null,
-        }, onConfirm: confirmHandler, onToast: toastHandler, onNavigate: navigateHandler, onParamCollection: paramCollectionHandler, handlers: { api: apiHandler, flow: flowHandler, script: serverActionHandler, modal: serverActionHandler }, children: [_jsxs("div", { className: "h-full flex flex-col bg-background min-w-0 overflow-hidden", children: [_jsx("div", { className: "hidden sm:block", children: _jsx(PageHeader, { title: _jsxs("span", { className: "inline-flex items-center gap-2", children: [_jsx("span", { className: "truncate", children: objectLabel(objectDef) }), _jsx(ManagedByBadge, { managedBy: objectDef?.managedBy })] }), description: objectDef.description ? objectDesc(objectDef) : undefined, icon: (() => { const I = getIcon(objectDef?.icon); return _jsx(I, { className: "h-4 w-4" }); })(), actions: _jsxs(_Fragment, { children: [objectName && (_jsx(Button, { size: "sm", variant: "ghost", onClick: () => toggleFavorite({
+    return (_jsxs(ActionProvider, { ...actionRuntime.actionProviderProps, children: [_jsxs("div", { className: "h-full flex flex-col bg-background min-w-0 overflow-hidden", children: [_jsx("div", { className: "hidden sm:block", children: _jsx(PageHeader, { title: _jsxs("span", { className: "inline-flex items-center gap-2", children: [_jsx("span", { className: "truncate", children: objectLabel(objectDef) }), _jsx(ManagedByBadge, { managedBy: objectDef?.managedBy })] }), description: objectDef.description ? objectDesc(objectDef) : undefined, icon: (() => { const I = getIcon(objectDef?.icon); return _jsx(I, { className: "h-4 w-4" }); })(), actions: _jsxs(_Fragment, { children: [objectName && (_jsx(Button, { size: "sm", variant: "ghost", onClick: () => toggleFavorite({
                                             id: `object:${objectName}`,
                                             label: objectLabel(objectDef),
                                             href: `/apps/${appName}/${objectName}`,
@@ -1704,7 +1387,7 @@ export function ObjectView({ dataSource, objects, onEdit, externalRefreshKey })
                                 readonly: isSystem,
                                 readonlyReason: isSystem
                                     ? (t('console.objectView.systemViewReadonly')
-                                        || 'System view defined in code — duplicate to customize.')
+                                        || 'System view defined in code — read-only.')
                                     : undefined,
                             };
                         });
@@ -1713,27 +1396,21 @@ export function ObjectView({ dataSource, objects, onEdit, externalRefreshKey })
                                             showAddButton: isAdmin,
                                             showPinnedSection: true,
                                             showVisibilityGroups: true,
-                                        }, onAddView: isAdmin ? handleAddView : undefined, onRenameView: isAdmin ? handleRenameView : undefined, onDeleteView: isAdmin ? handleDeleteView : undefined, onDuplicateView: isAdmin ? handleDuplicateView : undefined, onPinView: isAdmin ? handlePinView : undefined, onSetDefaultView: isAdmin ? handleSetDefaultView : undefined, onConfigView: isAdmin ? handleConfigView : undefined, onManageViews: isAdmin ? () => setManageViewsOpen(true) : undefined }), isAdmin && (_jsx(ManageViewsDialog, { open: manageViewsOpen, onOpenChange: setManageViewsOpen, views: viewTabItems, activeViewId: activeViewId, viewTypeIcons: VIEW_TYPE_ICONS, onRename: handleRenameView, onDelete: handleDeleteView, onDuplicate: handleDuplicateView, onSetDefault: handleSetDefaultView, onSetPinned: handlePinView, onReorder: handleReorderViews, onAddView: handleAddView, onConfigView: handleConfigView }))] }) }));
+                                        }, onAddView: isAdmin ? handleAddView : undefined, onRenameView: isAdmin ? handleRenameView : undefined, onDeleteView: isAdmin ? handleDeleteView : undefined, onPinView: isAdmin ? handlePinView : undefined, onSetDefaultView: isAdmin ? handleSetDefaultView : undefined, onConfigView: isAdmin ? handleConfigView : undefined, onManageViews: isAdmin ? () => setManageViewsOpen(true) : undefined }), isAdmin && (_jsx(ManageViewsDialog, { open: manageViewsOpen, onOpenChange: setManageViewsOpen, views: viewTabItems, activeViewId: activeViewId, viewTypeIcons: VIEW_TYPE_ICONS, onRename: handleRenameView, onDelete: handleDeleteView, onSetDefault: handleSetDefaultView, onSetPinned: handlePinView, onReorder: handleReorderViews, onAddView: handleAddView, onConfigView: handleConfigView }))] }) }));
                     })(), _jsxs("div", { className: "flex-1 overflow-hidden relative flex flex-row", children: [navOverlay.mode === 'split' && navOverlay.isOpen ? (_jsx(NavigationOverlay, { ...navOverlay, setIsOpen: (open) => { if (!open)
                                     handleDrawerClose(); }, title: objectLabel(objectDef), onExpand: handleExpandDrawer, expandLabel: t('console.objectView.expandToPage', { defaultValue: 'Open as full page' }), storageKey: `drawer-width:${objectDef.name}`, mainContent: _jsxs("div", { className: "flex-1 min-w-0 relative h-full flex flex-col", children: [_jsx("div", { className: "flex-1 relative overflow-hidden", children: _jsx("div", { className: "h-full overflow-auto", children: _jsx(PluginObjectView, { schema: objectViewSchema, dataSource: dataSource, views: mergedViews, activeViewId: activeViewId, onViewChange: handleViewChange, onEdit: (record) => onEdit?.(record), onRowClick: (record, event) => {
                                                         handleRowClick(record, event);
-                                                    }, renderListView: renderListView, onCreateView: handleCreateView, onViewAction: handleViewAction }) }) }), typeof recordCount === 'number' && (_jsx("div", { "data-testid": "record-count-footer", className: "border-t px-3 sm:px-4 py-1.5 text-xs text-muted-foreground bg-muted/5 shrink-0", children: t('console.objectView.recordCount', { count: recordCount }) }))] }), children: (record) => {
+                                                    }, renderListView: renderListView, onCreateView: handleCreateView, hideNamedViewTabs: true, onViewAction: handleViewAction }) }) }), typeof recordCount === 'number' && (_jsx("div", { "data-testid": "record-count-footer", className: "border-t px-3 sm:px-4 py-1.5 text-xs text-muted-foreground bg-muted/5 shrink-0", children: t('console.objectView.recordCount', { count: recordCount }) }))] }), children: (record) => {
                                     const recordId = (record.id || record._id);
                                     return (_jsx(RecordDetailView, { dataSource: dataSource, objects: objects, onEdit: onEdit, objectNameOverride: objectDef.name, recordIdOverride: recordId, embedded: true }));
                                 } })) : (_jsx("div", { className: "flex-1 min-w-0 relative h-full flex flex-col", children: _jsx("div", { className: "flex-1 relative overflow-hidden", children: _jsx("div", { className: "h-full overflow-auto", children: _jsx(PluginObjectView, { schema: objectViewSchema, dataSource: dataSource, views: mergedViews, activeViewId: activeViewId, onViewChange: handleViewChange, onEdit: (record) => onEdit?.(record), onRowClick: (record, event) => {
                                                 handleRowClick(record, event);
-                                            }, renderListView: renderListView, onCreateView: handleCreateView, onViewAction: handleViewAction }) }) }) })), _jsx(MetadataPanel, { open: showDebug && isAdmin, sections: [
+                                            }, renderListView: renderListView, onCreateView: handleCreateView, hideNamedViewTabs: true, onViewAction: handleViewAction }) }) }) })), _jsx(MetadataPanel, { open: showDebug && isAdmin, sections: [
                                     { title: 'View Configuration', data: activeView },
                                     { title: 'Object Definition', data: objectDef },
-                                ] }), _jsx("div", { "data-testid": "view-config-panel-wrapper", className: `transition-[max-width,opacity] duration-300 ease-in-out overflow-hidden ${showViewConfigPanel && isAdmin ? 'max-w-[280px] opacity-100' : 'max-w-0 opacity-0'}`, children: _jsx(ViewConfigPanel, { open: showViewConfigPanel && isAdmin, onClose: () => { setShowViewConfigPanel(false); setViewConfigPanelMode('edit'); }, mode: viewConfigPanelMode, activeView: activeView, objectDef: objectDef, recordCount: recordCount, onSave: handleViewConfigSave, onViewUpdate: handleViewUpdate, onCreate: handleViewCreate }) }), _jsx(CreateViewDialog, { open: showCreateViewDialog && isAdmin, onOpenChange: setShowCreateViewDialog, existingLabels: views.map((v) => v.label).filter(Boolean), objectDef: objectDef, onCreate: (cfg) => handleViewCreate(cfg) })] }), navOverlay.mode !== 'split' && (_jsx(NavigationOverlay, { ...navOverlay, setIsOpen: (open) => { if (!open)
+                                ] }), _jsx("div", { "data-testid": "view-config-panel-wrapper", className: `transition-[max-width,opacity] duration-300 ease-in-out overflow-hidden ${showViewConfigPanel && isAdmin ? 'max-w-[280px] opacity-100' : 'max-w-0 opacity-0'}`, children: _jsx(ViewConfigPanel, { open: showViewConfigPanel && isAdmin, onClose: () => { setShowViewConfigPanel(false); setViewConfigPanelMode('edit'); }, mode: viewConfigPanelMode, activeView: activeView, objectDef: objectDef, recordCount: recordCount, onSave: handleViewConfigSave, onViewUpdate: handleViewUpdate, onCreate: handleViewCreate, metadataClient: metadataClient, onAfterChange: () => setRefreshKey(k => k + 1) }) }), _jsx(CreateViewDialog, { open: showCreateViewDialog && isAdmin, onOpenChange: setShowCreateViewDialog, existingLabels: views.map((v) => v.label).filter(Boolean), objectDef: objectDef, onCreate: (cfg) => handleViewCreate(cfg) })] }), navOverlay.mode !== 'split' && (_jsx(NavigationOverlay, { ...navOverlay, setIsOpen: (open) => { if (!open)
                             handleDrawerClose(); }, title: objectLabel(objectDef), onExpand: handleExpandDrawer, expandLabel: t('console.objectView.expandToPage', { defaultValue: 'Open as full page' }), storageKey: `drawer-width:${objectDef.name}`, children: (record) => {
                             const recordId = (record.id || record._id);
                             return (_jsx(RecordDetailView, { dataSource: dataSource, objects: objects, onEdit: onEdit, objectNameOverride: objectDef.name, recordIdOverride: recordId, embedded: true }));
-                        } }))] }), _jsx(ActionConfirmDialog, { state: confirmState, onOpenChange: (open) => {
-                    if (!open)
-                        setConfirmState({ open: false, message: '' });
-                } }), _jsx(ActionParamDialog, { state: paramState, onOpenChange: (open) => {
-                    if (!open)
-                        setParamState({ open: false, params: [] });
-                } })] }));
+                        } }))] }), actionRuntime.dialogs] }));
 }