@object-ui/app-shell 7.3.0 → 11.2.0

package/dist/preview/DraftPreviewBar.js

@@ -15,7 +15,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  */
 import { useEffect, useState } from 'react';
 import { useLocation, useNavigate } from 'react-router-dom';
-import { Eye, X, Rocket, GitCompareArrows } from 'lucide-react';
+import { Eye, X, Rocket, GitCompareArrows, Sparkles } from 'lucide-react';
 import { Button, cn } from '@object-ui/components';
 import { useObjectTranslation } from '@object-ui/i18n';
 import { usePreviewDrafts, markPreviewExit, PREVIEW_QUERY_FLAG } from './PreviewModeContext';
@@ -85,15 +85,19 @@ export function DraftPreviewBar() {
     // preview indicator. An UNKNOWN count (null — still loading or the fetch
     // failed) keeps the publish path: we only relax when we KNOW the count is zero.
     const noChanges = pendingCount === 0;
-    return (_jsxs("div", { className: cn('sticky top-0 z-40 flex items-center gap-3 border-b px-4 py-2 text-sm', noChanges
+    return (_jsxs("div", { className: cn('sticky top-0 z-40 border-b', noChanges
             ? 'border-slate-200 bg-slate-50 text-slate-700 dark:border-slate-700/60 dark:bg-slate-900/40 dark:text-slate-300'
-            : 'border-amber-300/70 bg-amber-50 text-amber-900 dark:border-amber-700/60 dark:bg-amber-950/40 dark:text-amber-200'), "data-testid": "draft-preview-bar", children: [_jsx(Eye, { className: "h-4 w-4 shrink-0" }), _jsx("p", { className: "min-w-0 flex-1 truncate", children: noChanges
-                    ? t('preview.draftBar.messageClean', {
-                        defaultValue: 'Draft preview — no unpublished changes; everything here is already live.',
-                    })
-                    : t('preview.draftBar.message', {
-                        defaultValue: 'Draft preview — you are seeing unpublished changes. Nothing here is live until you publish.',
-                    }) }), !noChanges && (_jsxs(_Fragment, { children: [_jsxs(Button, { size: "sm", variant: "outline", onClick: () => setChangesOpen(true), "data-testid": "draft-preview-changes", children: [_jsx(GitCompareArrows, { className: "mr-1 h-3.5 w-3.5" }), t('preview.draftBar.changes', { defaultValue: 'Changes' }), typeof pendingCount === 'number' ? ` (${pendingCount})` : ''] }), _jsxs(Button, { size: "sm", onClick: publish, disabled: publishing, "data-testid": "draft-preview-publish", children: [_jsx(Rocket, { className: "mr-1 h-3.5 w-3.5" }), publishing
-                                ? t('preview.draftBar.publishing', { defaultValue: 'Publishing…' })
-                                : t('preview.draftBar.publish', { defaultValue: 'Publish' })] }), _jsx(DraftChangesPanel, { open: changesOpen, onOpenChange: setChangesOpen })] })), _jsxs(Button, { size: "sm", variant: "outline", onClick: exit, "data-testid": "draft-preview-exit", children: [_jsx(X, { className: "mr-1 h-3.5 w-3.5" }), t('preview.draftBar.exit', { defaultValue: 'Exit preview' })] })] }));
+            : 'border-amber-300/70 bg-amber-50 text-amber-900 dark:border-amber-700/60 dark:bg-amber-950/40 dark:text-amber-200'), "data-testid": "draft-preview-bar", children: [_jsxs("div", { className: "flex items-center gap-3 px-4 py-2 text-sm", children: [_jsx(Eye, { className: "h-4 w-4 shrink-0" }), _jsx("p", { className: "min-w-0 flex-1 truncate", children: noChanges
+                            ? t('preview.draftBar.messageClean', {
+                                defaultValue: 'Draft preview — no unpublished changes; everything here is already live.',
+                            })
+                            : t('preview.draftBar.message', {
+                                defaultValue: 'Draft preview — you are seeing unpublished changes. Nothing here is live until you publish.',
+                            }) }), !noChanges && (_jsxs(Button, { size: "sm", variant: "outline", onClick: () => setChangesOpen(true), "data-testid": "draft-preview-changes", children: [_jsx(GitCompareArrows, { className: "mr-1 h-3.5 w-3.5" }), t('preview.draftBar.changes', { defaultValue: 'Changes' }), typeof pendingCount === 'number' ? ` (${pendingCount})` : ''] })), _jsxs(Button, { size: "sm", variant: "outline", onClick: exit, "data-testid": "draft-preview-exit", children: [_jsx(X, { className: "mr-1 h-3.5 w-3.5" }), t('preview.draftBar.exit', { defaultValue: 'Exit preview' })] })] }), !noChanges && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex items-center gap-3 border-t border-amber-300/50 px-4 py-2.5 dark:border-amber-700/40", "data-testid": "draft-preview-sample-hint", children: [_jsx(Sparkles, { className: "h-5 w-5 shrink-0 text-amber-600 dark:text-amber-300", "aria-hidden": "true" }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: "text-sm font-semibold leading-tight", children: t('preview.draftBar.sampleDataTitle', {
+                                            defaultValue: 'Sample data appears once you publish',
+                                        }) }), _jsx("p", { className: "text-xs leading-snug text-amber-800/80 dark:text-amber-200/70", children: t('preview.draftBar.sampleDataBody', {
+                                            defaultValue: 'You’re previewing your app’s structure. Publish to load example records and make it live.',
+                                        }) })] }), _jsxs(Button, { onClick: publish, disabled: publishing, "data-testid": "draft-preview-publish", className: "shrink-0 shadow-sm", children: [_jsx(Rocket, { className: "mr-1.5 h-4 w-4" }), publishing
+                                        ? t('preview.draftBar.publishing', { defaultValue: 'Publishing…' })
+                                        : t('preview.draftBar.publishCta', { defaultValue: 'Publish to see it live' })] })] }), _jsx(DraftChangesPanel, { open: changesOpen, onOpenChange: setChangesOpen })] }))] }));
 }

package/dist/views/PageView.js

@@ -12,7 +12,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import { useParams, useSearchParams, useNavigate, useLocation } from 'react-router-dom';
 import { SchemaRenderer, useAdapter } from '@object-ui/react';
-import { Empty, EmptyTitle, EmptyDescription } from '@object-ui/components';
+import { Empty, EmptyTitle, EmptyDescription, Spinner } from '@object-ui/components';
 import { FileText, Pencil } from 'lucide-react';
 import { useObjectTranslation } from '@object-ui/i18n';
 import { useAuth } from '@object-ui/auth';
@@ -33,7 +33,7 @@ export function PageView() {
     // is admin-only (mirrors the view/report/dashboard runtime editors).
     const { user } = useAuth();
     const isAdmin = user?.role === 'admin';
-    const { pages, objects } = useMetadata();
+    const { pages, objects, getTypeStatus } = useMetadata();
     // ADR-0048 Phase 2 — prefer the page owned by the current app's package so
     // two packages shipping `page/<same-name>` each resolve within their own
     // container instead of by load order.
@@ -44,6 +44,16 @@ export function PageView() {
     const [refreshKey, setRefreshKey] = useState(0);
     const page = preferLocal(pages, pageName, activeApp?._packageId);
     if (!page) {
+        // `page` metadata is lazy-loaded: on the very first access `pages` is an
+        // empty array while the fetch is in flight, which would flash a false
+        // "page not found" (or a blank body) — exactly the post-signup landing
+        // race where the app's home page is the first thing rendered. Show a
+        // loading state until the `page` type is actually resolved, then trust the
+        // not-found. (getTypeStatus absent = hand-rolled context = always ready.)
+        const pageStatus = getTypeStatus?.('page');
+        if (pageStatus === 'idle' || pageStatus === 'loading') {
+            return (_jsx("div", { className: "h-full flex items-center justify-center p-8", "data-testid": "page-loading", children: _jsx(Spinner, { className: "h-5 w-5 text-muted-foreground" }) }));
+        }
         return (_jsx("div", { className: "h-full flex items-center justify-center p-8", 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(FileText, { className: "h-6 w-6 text-muted-foreground" }) }), _jsx(EmptyTitle, { children: t('empty.pageNotFound') }), _jsx(EmptyDescription, { children: t('empty.pageNotFoundDescription', { name: pageName }) })] }) }));
     }
     const params = Object.fromEntries(searchParams.entries());

package/dist/views/RecordDetailView.js

@@ -1700,6 +1700,7 @@ export function RecordDetailView({ dataSource, objects, onEdit, objectNameOverri
                 showReferenceRail: objectDef?.detail?.showReferenceRail === true || undefined,
                 hideReferenceRail: objectDef?.detail?.hideReferenceRail === true || undefined,
                 hideRelatedTab: objectDef?.detail?.hideRelatedTab === true || undefined,
+                relatedLayout: objectDef?.detail?.relatedLayout === 'tabs' ? 'tabs' : undefined,
                 ...(assignedSlots ? { slots: assignedSlots } : {}),
             });
         return (_jsxs("div", { className: "h-full bg-background overflow-hidden flex flex-col relative", children: [_jsxs("div", { className: "absolute top-2 sm:top-4 right-2 sm:right-4 z-50 flex items-center gap-2", children: [recordPresence.length > 0 && (_jsx(PresenceAvatars, { users: recordPresence, size: "sm", maxVisible: 3, showStatus: true })), _jsx(ManagedByBadge, { managedBy: objectDef?.managedBy })] }), _jsx(RecordContextProvider, { objectName: objectName, recordId: pureRecordId, data: pageRecord, objectSchema: objectDef, dataSource: dataSource, embedded: embedded, headerSystemActions: synthSystemActions, isFavorite: isRecordFavorite, onToggleFavorite: favoriteRecord ? handleToggleRecordFavorite : undefined, children: _jsx(HighlightFieldsProvider, { children: _jsx(DiscussionContextProvider, { items: feedItems, onAddComment: handleAddComment, onAddReply: handleAddReply, onToggleReaction: handleToggleReaction, mentionSuggestions: mentionSuggestions, children: _jsxs(ActionProvider, { context: { record: pageRecord || {}, objectName, user: currentUser }, onConfirm: confirmHandler, onToast: toastHandler, onNavigate: navigateHandler, onParamCollection: paramCollectionHandler, onResultDialog: resultDialogHandler, onModal: modalHandler, handlers: { api: apiHandler, flow: flowHandler, script: serverActionHandler, approval: approvalHandler }, children: [_jsxs("div", { className: "flex-1 overflow-hidden flex flex-row", children: [_jsxs("div", { className: "flex-1 overflow-auto p-3 sm:p-4 lg:p-6 scroll-pb-48", children: [originFrom?.pathname && originFrom?.label && (_jsxs(Link, { to: originFrom.pathname, className: "inline-flex items-center gap-1 mb-3 text-sm text-muted-foreground hover:text-foreground transition-colors", children: [_jsx(ChevronLeft, { className: "h-4 w-4" }), _jsx("span", { children: originFrom.label })] })), _jsx(SchemaRenderer, { schema: renderedPage }), showAutoDiscussion && (_jsx("div", { className: "mt-6", children: _jsx(RecordChatterPanel, { config: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@object-ui/app-shell",
-  "version": "7.3.0",
+  "version": "11.2.0",
   "type": "module",
   "license": "MIT",
   "description": "Minimal application shell for ObjectUI - framework-agnostic rendering engine",
@@ -26,43 +26,43 @@
   },
   "dependencies": {
     "@monaco-editor/react": "^4.7.0",
-    "@objectstack/spec": "^10.0.0",
+    "@objectstack/spec": "^11.0.0",
     "@sentry/react": "^10.59.0",
     "jsonc-parser": "^3.3.1",
     "lucide-react": "^1.21.0",
     "qrcode": "^1.5.4",
     "sonner": "^2.0.7",
     "zod": "^4.4.3",
-    "@object-ui/auth": "7.3.0",
-    "@object-ui/collaboration": "7.3.0",
-    "@object-ui/components": "7.3.0",
-    "@object-ui/core": "7.3.0",
-    "@object-ui/fields": "7.3.0",
-    "@object-ui/data-objectstack": "7.3.0",
-    "@object-ui/i18n": "7.3.0",
-    "@object-ui/layout": "7.3.0",
-    "@object-ui/permissions": "7.3.0",
-    "@object-ui/plugin-editor": "7.3.0",
-    "@object-ui/providers": "7.3.0",
-    "@object-ui/react": "7.3.0",
-    "@object-ui/types": "7.3.0"
+    "@object-ui/auth": "11.2.0",
+    "@object-ui/collaboration": "11.2.0",
+    "@object-ui/components": "11.2.0",
+    "@object-ui/core": "11.2.0",
+    "@object-ui/data-objectstack": "11.2.0",
+    "@object-ui/fields": "11.2.0",
+    "@object-ui/i18n": "11.2.0",
+    "@object-ui/layout": "11.2.0",
+    "@object-ui/permissions": "11.2.0",
+    "@object-ui/plugin-editor": "11.2.0",
+    "@object-ui/providers": "11.2.0",
+    "@object-ui/react": "11.2.0",
+    "@object-ui/types": "11.2.0"
   },
   "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": "^7.3.0",
-    "@object-ui/plugin-chatbot": "^7.3.0",
-    "@object-ui/plugin-charts": "^7.3.0",
-    "@object-ui/plugin-dashboard": "^7.3.0",
-    "@object-ui/plugin-designer": "^7.3.0",
-    "@object-ui/plugin-detail": "^7.3.0",
-    "@object-ui/plugin-form": "^7.3.0",
-    "@object-ui/plugin-kanban": "^7.3.0",
-    "@object-ui/plugin-grid": "^7.3.0",
-    "@object-ui/plugin-list": "^7.3.0",
-    "@object-ui/plugin-report": "^7.3.0",
-    "@object-ui/plugin-view": "^7.3.0"
+    "@object-ui/plugin-calendar": "^11.2.0",
+    "@object-ui/plugin-charts": "^11.2.0",
+    "@object-ui/plugin-chatbot": "^11.2.0",
+    "@object-ui/plugin-dashboard": "^11.2.0",
+    "@object-ui/plugin-designer": "^11.2.0",
+    "@object-ui/plugin-detail": "^11.2.0",
+    "@object-ui/plugin-form": "^11.2.0",
+    "@object-ui/plugin-grid": "^11.2.0",
+    "@object-ui/plugin-kanban": "^11.2.0",
+    "@object-ui/plugin-list": "^11.2.0",
+    "@object-ui/plugin-report": "^11.2.0",
+    "@object-ui/plugin-view": "^11.2.0"
   },
   "devDependencies": {
     "@types/node": "^26.0.0",
@@ -75,18 +75,18 @@
     "sonner": "^2.0.7",
     "typescript": "^6.0.3",
     "vite": "^8.0.16",
-    "@object-ui/plugin-calendar": "7.3.0",
-    "@object-ui/plugin-charts": "7.3.0",
-    "@object-ui/plugin-chatbot": "7.3.0",
-    "@object-ui/plugin-dashboard": "7.3.0",
-    "@object-ui/plugin-designer": "7.3.0",
-    "@object-ui/plugin-detail": "7.3.0",
-    "@object-ui/plugin-form": "7.3.0",
-    "@object-ui/plugin-grid": "7.3.0",
-    "@object-ui/plugin-kanban": "7.3.0",
-    "@object-ui/plugin-list": "7.3.0",
-    "@object-ui/plugin-report": "7.3.0",
-    "@object-ui/plugin-view": "7.3.0"
+    "@object-ui/plugin-calendar": "11.2.0",
+    "@object-ui/plugin-charts": "11.2.0",
+    "@object-ui/plugin-chatbot": "11.2.0",
+    "@object-ui/plugin-dashboard": "11.2.0",
+    "@object-ui/plugin-designer": "11.2.0",
+    "@object-ui/plugin-detail": "11.2.0",
+    "@object-ui/plugin-form": "11.2.0",
+    "@object-ui/plugin-grid": "11.2.0",
+    "@object-ui/plugin-kanban": "11.2.0",
+    "@object-ui/plugin-list": "11.2.0",
+    "@object-ui/plugin-report": "11.2.0",
+    "@object-ui/plugin-view": "11.2.0"
   },
   "keywords": [
     "objectui",