@object-ui/app-shell 4.0.8 → 4.0.10

package/CHANGELOG.md

@@ -1,5 +1,63 @@
 # @object-ui/app-shell — Changelog
 
+## 4.0.10
+
+### Patch Changes
+
+- 7cb0c37: metadata
+  - @object-ui/types@4.0.10
+  - @object-ui/core@4.0.10
+  - @object-ui/i18n@4.0.10
+  - @object-ui/react@4.0.10
+  - @object-ui/components@4.0.10
+  - @object-ui/fields@4.0.10
+  - @object-ui/layout@4.0.10
+  - @object-ui/data-objectstack@4.0.10
+  - @object-ui/auth@4.0.10
+  - @object-ui/permissions@4.0.10
+  - @object-ui/plugin-calendar@4.0.10
+  - @object-ui/plugin-charts@4.0.10
+  - @object-ui/plugin-chatbot@4.0.10
+  - @object-ui/plugin-dashboard@4.0.10
+  - @object-ui/plugin-designer@4.0.10
+  - @object-ui/plugin-detail@4.0.10
+  - @object-ui/plugin-form@4.0.10
+  - @object-ui/plugin-grid@4.0.10
+  - @object-ui/plugin-kanban@4.0.10
+  - @object-ui/plugin-list@4.0.10
+  - @object-ui/plugin-report@4.0.10
+  - @object-ui/plugin-view@4.0.10
+  - @object-ui/collaboration@4.0.10
+
+## 4.0.9
+
+### Patch Changes
+
+- 19c044f: i18n
+  - @object-ui/types@4.0.9
+  - @object-ui/core@4.0.9
+  - @object-ui/i18n@4.0.9
+  - @object-ui/react@4.0.9
+  - @object-ui/components@4.0.9
+  - @object-ui/fields@4.0.9
+  - @object-ui/layout@4.0.9
+  - @object-ui/data-objectstack@4.0.9
+  - @object-ui/auth@4.0.9
+  - @object-ui/permissions@4.0.9
+  - @object-ui/plugin-calendar@4.0.9
+  - @object-ui/plugin-charts@4.0.9
+  - @object-ui/plugin-chatbot@4.0.9
+  - @object-ui/plugin-dashboard@4.0.9
+  - @object-ui/plugin-designer@4.0.9
+  - @object-ui/plugin-detail@4.0.9
+  - @object-ui/plugin-form@4.0.9
+  - @object-ui/plugin-grid@4.0.9
+  - @object-ui/plugin-kanban@4.0.9
+  - @object-ui/plugin-list@4.0.9
+  - @object-ui/plugin-report@4.0.9
+  - @object-ui/plugin-view@4.0.9
+  - @object-ui/collaboration@4.0.9
+
 ## 4.0.8
 
 ### Patch Changes

package/dist/layout/PageHeader.js

@@ -8,6 +8,6 @@ import { cn } from '@object-ui/components';
  * the right with consistent gap.
  */
 export function PageHeader({ title, description, icon, actions, className, 'data-testid': testId, }) {
-    return (_jsxs("div", { className: cn('flex justify-between items-center gap-3 py-2.5 sm:py-3 px-3 sm:px-4 border-b shrink-0 bg-background z-10', className), "data-testid": testId ?? 'page-header', children: [_jsxs("div", { className: "flex items-center gap-2 sm:gap-3 min-w-0 flex-1", children: [icon && (_jsx("div", { className: "bg-primary/10 p-1.5 sm:p-2 rounded-md shrink-0 text-primary", children: icon })), _jsxs("div", { className: "min-w-0", children: [_jsx("h1", { className: "text-base sm:text-lg font-semibold tracking-tight text-foreground truncate", children: title }), description && (_jsx("p", { className: "text-xs text-muted-foreground truncate hidden sm:block max-w-md", children: description }))] })] }), actions && (_jsx("div", { className: "flex items-center gap-1.5 sm:gap-2 shrink-0", children: actions }))] }));
+    return (_jsxs("div", { className: cn('flex justify-between items-center gap-3 py-1.5 sm:py-2 px-3 sm:px-4 border-b shrink-0 bg-background z-10', className), "data-testid": testId ?? 'page-header', children: [_jsxs("div", { className: "flex items-center gap-2 sm:gap-2.5 min-w-0 flex-1", children: [icon && (_jsx("div", { className: "bg-primary/10 p-1 sm:p-1.5 rounded-md shrink-0 text-primary", children: icon })), _jsxs("div", { className: "min-w-0", children: [_jsx("h1", { className: "text-sm sm:text-base font-semibold tracking-tight text-foreground truncate", children: title }), description && (_jsx("p", { className: "text-xs text-muted-foreground truncate hidden sm:block max-w-md", children: description }))] })] }), actions && (_jsx("div", { className: "flex items-center gap-1.5 sm:gap-2 shrink-0", children: actions }))] }));
 }
 export default PageHeader;

package/dist/views/ObjectView.js

@@ -47,6 +47,112 @@ const VIEW_TYPE_ICONS = {
     chart: BarChart3,
 };
 const FALLBACK_USER = { id: 'current-user', name: 'Demo User' };
+/**
+ * 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', '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];
+    }
+    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',
+    };
+}
+/**
+ * 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.
+ */
+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,
+    };
+}
 /**
  * DrawerDetailContent — extracted component for NavigationOverlay content.
  * Needs to be a proper component (not a render prop) so it can use hooks
@@ -289,46 +395,21 @@ export function ObjectView({ dataSource, objects, onEdit, externalRefreshKey })
                 const incomingColumns = Array.isArray(config.columns) && config.columns.length > 0
                     ? config.columns
                     : defaultColumns;
-                // Translate NamedListView spec shape (type, label, kanban, chart,
-                // gantt, etc., columns, filter, sort) into the sys_view storage
-                // shape (view_type, label, object_name, *_json columns).
-                // Per spec: front-end follows the protocol, the persistence
-                // boundary owns the mapping to physical columns.
-                const VIEW_TYPE_KEYS = [
-                    'kanban', 'calendar', 'timeline', 'gantt',
-                    'gallery', 'map', 'chart', 'grid',
-                ];
-                const subConfig = {};
-                for (const k of VIEW_TYPE_KEYS) {
-                    if (config[k] && typeof config[k] === 'object') {
-                        Object.assign(subConfig, config[k]);
-                    }
+                // ADR-0005 overlay path — write the full spec under a unique
+                // `name` via the metadata customization API instead of into
+                // the physical `sys_view` table (whose columns no longer
+                // accommodate the spec shape: arrays, nested objects, etc.).
+                const spec = { ...config, columns: 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;
                 }
-                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';
-                const payload = {
-                    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',
-                };
-                const created = await dataSource.create('sys_view', payload);
-                createdId = created?.id ?? created?._id;
             }
             setShowViewConfigPanel(false);
             setViewConfigPanelMode('edit');
@@ -378,13 +459,47 @@ export function ObjectView({ dataSource, objects, onEdit, externalRefreshKey })
     const [savedViews, setSavedViews] = useState([]);
     useEffect(() => {
         let cancelled = false;
-        if (!dataSource?.find || !objectName) {
+        if (!objectName) {
+            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).
+        if (typeof dataSource?.listViews === 'function') {
+            dataSource.listViews(objectName)
+                .then((rows) => {
+                if (cancelled)
+                    return;
+                // Normalize: ensure each view has an `id` for ViewTabBar
+                // (which is name-keyed downstream). Stamp `objectName`
+                // so the defensive filter in handlers still works.
+                const normalized = (rows || []).map((sv) => ({
+                    ...sv,
+                    // Overlay rows are keyed by `name`. Prefer that as the
+                    // tab id so a duplicate's `id` field (which may have
+                    // been copied verbatim from the source artifact) does
+                    // not collide with the source's view id during dedup.
+                    id: sv.name || sv.id,
+                    objectName: sv.objectName || sv.object || objectName,
+                }));
+                setSavedViews(normalized);
+            })
+                .catch((err) => {
+                console.error('[ObjectView] Failed to load overlay views:', err);
+                if (!cancelled)
+                    setSavedViews([]);
+            });
+            return () => { cancelled = true; };
+        }
+        if (!dataSource?.find) {
             setSavedViews([]);
             return;
         }
         dataSource
             .find('sys_view', {
-            $filter: ['objectName', '=', objectName],
+            $filter: ['object_name', '=', objectName],
             $orderby: [{ field: 'created_at', order: 'asc' }],
             $top: 200,
         })
@@ -400,8 +515,12 @@ export function ObjectView({ dataSource, objects, onEdit, externalRefreshKey })
             // 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.
-            const filtered = rows.filter(r => r && r.objectName === objectName);
+            // 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) => {
@@ -666,21 +785,25 @@ export function ObjectView({ dataSource, objects, onEdit, externalRefreshKey })
         return savedViews.some((sv) => (sv.id || sv._id) === vid);
     }, [savedViews]);
     const handleRenameView = useCallback(async (vid, newName) => {
-        if (!dataSource?.update)
-            return;
         if (!isSavedView(vid)) {
             toast.error(t('console.objectView.cannotEditMetaView') || 'Built-in views cannot be renamed.');
             return;
         }
         try {
-            await dataSource.update('sys_view', vid, { label: newName });
+            // ADR-0005 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) {
             console.error('[ViewTabBar] Failed to rename view:', err);
             toast.error(t('objectViewActions.renameFailed'));
         }
-    }, [dataSource, isSavedView, t]);
+    }, [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.
@@ -697,7 +820,7 @@ export function ObjectView({ dataSource, objects, onEdit, externalRefreshKey })
         });
     }, []);
     const handleDeleteView = useCallback(async (vid) => {
-        if (!dataSource?.delete)
+        if (!dataSource)
             return;
         if (!isSavedView(vid)) {
             toast.error(t('console.objectView.cannotDeleteMetaView') || 'Built-in views cannot be deleted.');
@@ -714,7 +837,12 @@ export function ObjectView({ dataSource, objects, onEdit, externalRefreshKey })
         if (!confirmed)
             return;
         try {
-            await dataSource.delete('sys_view', vid);
+            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);
@@ -729,30 +857,50 @@ export function ObjectView({ dataSource, objects, onEdit, externalRefreshKey })
         }
     }, [dataSource, isSavedView, activeViewId, views, viewId, navigate, t, confirmHandler]);
     const handleDuplicateView = useCallback(async (vid) => {
-        if (!dataSource?.create)
+        if (!dataSource)
             return;
         const source = views.find((v) => v.id === vid);
         if (!source)
             return;
         try {
-            const { id: _omit, created_at, updated_at, ...rest } = source;
-            const newId = `view_${Date.now()}`;
-            const payload = {
+            // 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,
-                objectName,
-                id: newId,
+                name: newName,
                 label: `${source.label || vid} (Copy)`,
                 isDefault: false,
                 isPinned: false,
+                data: source.data || { provider: 'object', object: objectName },
+                object: source.object || objectName,
             };
-            await dataSource.create('sys_view', payload);
+            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 (viewId) {
-                navigate(`../${newId}`, { relative: 'path' });
-            }
-            else {
-                navigate(`view/${newId}`);
+            if (newId) {
+                if (viewId) {
+                    navigate(`../${newId}`, { relative: 'path' });
+                }
+                else {
+                    navigate(`view/${newId}`);
+                }
             }
         }
         catch (err) {
@@ -761,22 +909,27 @@ export function ObjectView({ dataSource, objects, onEdit, externalRefreshKey })
         }
     }, [dataSource, views, objectName, navigate, viewId]);
     const handlePinView = useCallback(async (vid, pinned) => {
-        if (!dataSource?.update)
+        if (!dataSource)
             return;
         if (!isSavedView(vid)) {
             toast.error(t('console.objectView.cannotEditMetaView') || 'Built-in views cannot be pinned.');
             return;
         }
         try {
-            await dataSource.update('sys_view', vid, { isPinned: pinned });
+            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) {
             console.error('[ViewTabBar] Failed to pin view:', err);
         }
-    }, [dataSource, isSavedView, t]);
+    }, [dataSource, objectName, isSavedView, t]);
     const handleSetDefaultView = useCallback(async (vid) => {
-        if (!dataSource?.update)
+        if (!dataSource)
             return;
         if (!isSavedView(vid)) {
             toast.error(t('console.objectView.cannotEditMetaView')
@@ -785,10 +938,18 @@ export function ObjectView({ dataSource, objects, onEdit, externalRefreshKey })
         }
         try {
             // Clear `isDefault` on all other saved views, then set this one.
+            const hasOverlay = typeof dataSource?.updateView === 'function';
             const updates = savedViews
                 .filter((sv) => (sv.id || sv._id) !== vid && sv.isDefault)
-                .map((sv) => dataSource.update('sys_view', sv.id || sv._id, { isDefault: false }));
-            updates.push(dataSource.update('sys_view', vid, { isDefault: true }));
+                .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 }));
             await Promise.all(updates);
             setRefreshKey(k => k + 1);
         }
@@ -796,7 +957,7 @@ export function ObjectView({ dataSource, objects, onEdit, externalRefreshKey })
             console.error('[ViewTabBar] Failed to set default view:', err);
             toast.error('Failed to set default view');
         }
-    }, [dataSource, savedViews, isSavedView, t]);
+    }, [dataSource, objectName, savedViews, isSavedView, t]);
     const handleReorderViews = useCallback(async (orderedIds) => {
         // Persist order for ALL views (incl. metadata) in localStorage so the
         // UI immediately reflects the new ordering, including reorderings
@@ -809,11 +970,15 @@ 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?.update) {
+        if (dataSource) {
+            const hasOverlay = typeof dataSource?.updateView === 'function';
             const savedIdSet = new Set(savedViews.map((sv) => sv.id || sv._id));
             const updates = orderedIds
                 .filter(id => savedIdSet.has(id))
-                .map((id, idx) => dataSource.update('sys_view', id, { sortOrder: idx }));
+                .map((id, idx) => hasOverlay
+                ? dataSource.updateView(objectName, id, { sortOrder: idx })
+                : dataSource.update?.('sys_view', id, { sortOrder: idx }))
+                .filter(Boolean);
             try {
                 await Promise.all(updates);
             }
@@ -1370,12 +1535,12 @@ export function ObjectView({ dataSource, objects, onEdit, externalRefreshKey })
                                         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 }))] }));
                     })(), _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), mainContent: _jsxs("div", { className: "flex-1 min-w-0 relative h-full flex flex-col", children: [_jsx("div", { className: "flex-1 relative overflow-hidden p-3 sm:p-4", children: _jsx("div", { className: "h-full overflow-auto rounded-lg border bg-card shadow-xs", children: _jsx(PluginObjectView, { schema: objectViewSchema, dataSource: dataSource, views: mergedViews, activeViewId: activeViewId, onViewChange: handleViewChange, onEdit: (record) => onEdit?.(record), onRowClick: (record) => {
+                                    handleDrawerClose(); }, title: objectLabel(objectDef), 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) => {
                                                         navOverlay.handleClick(record);
                                                     }, 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) => {
                                     const recordId = (record.id || record._id);
                                     return (_jsx(DrawerDetailContent, { objectDef: objectDef, recordId: recordId, dataSource: dataSource, onEdit: onEdit }));
-                                } })) : (_jsx("div", { className: "flex-1 min-w-0 relative h-full flex flex-col", children: _jsx("div", { className: "flex-1 relative overflow-hidden p-3 sm:p-4", children: _jsx("div", { className: "h-full overflow-auto rounded-lg border bg-card shadow-xs", children: _jsx(PluginObjectView, { schema: objectViewSchema, dataSource: dataSource, views: mergedViews, activeViewId: activeViewId, onViewChange: handleViewChange, onEdit: (record) => onEdit?.(record), onRowClick: (record) => {
+                                } })) : (_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) => {
                                                 navOverlay.handleClick(record);
                                             }, renderListView: renderListView, onCreateView: handleCreateView, onViewAction: handleViewAction }) }) }) })), _jsx(MetadataPanel, { open: showDebug && isAdmin, sections: [
                                     { title: 'View Configuration', data: activeView },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@object-ui/app-shell",
-  "version": "4.0.8",
+  "version": "4.0.10",
   "type": "module",
   "license": "MIT",
   "description": "Minimal application shell for ObjectUI - framework-agnostic rendering engine",
@@ -27,34 +27,34 @@
   "dependencies": {
     "lucide-react": "^1.14.0",
     "sonner": "^2.0.7",
-    "@object-ui/auth": "4.0.8",
-    "@object-ui/collaboration": "4.0.8",
-    "@object-ui/components": "4.0.8",
-    "@object-ui/core": "4.0.8",
-    "@object-ui/data-objectstack": "4.0.8",
-    "@object-ui/fields": "4.0.8",
-    "@object-ui/i18n": "4.0.8",
-    "@object-ui/layout": "4.0.8",
-    "@object-ui/permissions": "4.0.8",
-    "@object-ui/react": "4.0.8",
-    "@object-ui/types": "4.0.8"
+    "@object-ui/auth": "4.0.10",
+    "@object-ui/collaboration": "4.0.10",
+    "@object-ui/components": "4.0.10",
+    "@object-ui/core": "4.0.10",
+    "@object-ui/data-objectstack": "4.0.10",
+    "@object-ui/fields": "4.0.10",
+    "@object-ui/i18n": "4.0.10",
+    "@object-ui/layout": "4.0.10",
+    "@object-ui/permissions": "4.0.10",
+    "@object-ui/react": "4.0.10",
+    "@object-ui/types": "4.0.10"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
     "react-router-dom": "^6.0.0 || ^7.0.0",
-    "@object-ui/plugin-calendar": "4.0.8",
-    "@object-ui/plugin-charts": "4.0.8",
-    "@object-ui/plugin-chatbot": "4.0.8",
-    "@object-ui/plugin-dashboard": "4.0.8",
-    "@object-ui/plugin-designer": "4.0.8",
-    "@object-ui/plugin-detail": "4.0.8",
-    "@object-ui/plugin-form": "4.0.8",
-    "@object-ui/plugin-grid": "4.0.8",
-    "@object-ui/plugin-kanban": "4.0.8",
-    "@object-ui/plugin-list": "4.0.8",
-    "@object-ui/plugin-report": "4.0.8",
-    "@object-ui/plugin-view": "4.0.8"
+    "@object-ui/plugin-calendar": "4.0.10",
+    "@object-ui/plugin-charts": "4.0.10",
+    "@object-ui/plugin-chatbot": "4.0.10",
+    "@object-ui/plugin-dashboard": "4.0.10",
+    "@object-ui/plugin-designer": "4.0.10",
+    "@object-ui/plugin-detail": "4.0.10",
+    "@object-ui/plugin-form": "4.0.10",
+    "@object-ui/plugin-grid": "4.0.10",
+    "@object-ui/plugin-kanban": "4.0.10",
+    "@object-ui/plugin-list": "4.0.10",
+    "@object-ui/plugin-report": "4.0.10",
+    "@object-ui/plugin-view": "4.0.10"
   },
   "devDependencies": {
     "@types/node": "^25.7.0",