@object-ui/app-shell 4.5.0 → 4.6.0

package/dist/views/RecordDetailView.js

@@ -47,8 +47,11 @@ const AUDIT_FIELD_NAMES = new Set(['created_at', 'created_by', 'updated_at', 'up
 const HIDDEN_SYSTEM_FIELD_NAMES = new Set([
     'organization_id', 'tenant_id', 'is_deleted', 'deleted_at',
 ]);
-export function RecordDetailView({ dataSource, objects, onEdit }) {
-    const { appName, objectName, recordId } = useParams();
+export function RecordDetailView({ dataSource, objects, onEdit, objectNameOverride, recordIdOverride, embedded }) {
+    const params = useParams();
+    const appName = params.appName;
+    const objectName = objectNameOverride ?? params.objectName;
+    const recordId = recordIdOverride ?? params.recordId;
     const { showDebug } = useMetadataInspector();
     const { user } = useAuth();
     const navigate = useNavigate();
@@ -64,8 +67,9 @@ export function RecordDetailView({ dataSource, objects, onEdit }) {
     const [recordTitle, setRecordTitle] = useState();
     const objectDef = objects.find((o) => o.name === objectName);
     // Publish record title to the navigation context so the top-bar breadcrumb
-    // can display "Acme Platform Upgrade" instead of "#9U1_MmmxjiGR…".
-    useRecordBreadcrumbTitle(recordTitle);
+    // can display "Acme Platform Upgrade" instead of "#9U1_MmmxjiGR…". Skip
+    // when embedded (drawer/split): the parent list route owns the breadcrumb.
+    useRecordBreadcrumbTitle(embedded ? undefined : recordTitle);
     // Use the URL recordId as-is — it contains the actual record id.
     // Navigation code passes `record.id || record._id` directly into the URL
     // without adding any prefix, so no stripping is needed.
@@ -734,7 +738,17 @@ export function RecordDetailView({ dataSource, objects, onEdit }) {
                 title: sec.name ? sectionLabel(objectDef.name, sec.name, sec.title || sec.name) : sec.title,
                 collapsible: sec.collapsible,
                 defaultCollapsed: sec.defaultCollapsed,
-                fields: (sec.fields || []).map((f) => {
+                fields: (sec.fields || [])
+                    .filter((f) => {
+                    // Honor `hidden: true` on a field def even when the form
+                    // section explicitly lists it. Hidden fields are typically
+                    // internal artifacts (e.g. database URL, environment id)
+                    // that platform actions read but end-users shouldn't see.
+                    const fieldName = typeof f === 'string' ? f : f.name;
+                    const fieldDef = objectDef.fields?.[fieldName];
+                    return !fieldDef?.hidden;
+                })
+                    .map((f) => {
                     const fieldName = typeof f === 'string' ? f : f.name;
                     const fieldDef = objectDef.fields[fieldName];
                     if (!fieldDef) {
@@ -760,7 +774,7 @@ export function RecordDetailView({ dataSource, objects, onEdit }) {
                     // redundant "Details" heading).
                     showBorder: false,
                     fields: Object.keys(objectDef.fields || {})
-                        .filter(key => !AUDIT_FIELD_NAMES.has(key) && !HIDDEN_SYSTEM_FIELD_NAMES.has(key))
+                        .filter(key => !AUDIT_FIELD_NAMES.has(key) && !HIDDEN_SYSTEM_FIELD_NAMES.has(key) && !objectDef.fields[key]?.hidden)
                         .map(key => {
                         const fieldDef = objectDef.fields[key];
                         const refTarget = fieldDef.reference_to || fieldDef.reference;
@@ -954,7 +968,7 @@ export function RecordDetailView({ dataSource, objects, onEdit }) {
             type: 'detail-view',
             objectName: objectDef.name,
             resourceId: pureRecordId,
-            showBack: true,
+            showBack: !embedded,
             onBack: 'history',
             // Hide the Edit button for objects whose lifecycle isn't user-managed
             // (approval requests, audit logs, better-auth tables, …).  The
@@ -985,7 +999,7 @@ export function RecordDetailView({ dataSource, objects, onEdit }) {
             }),
         };
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [objectDef?.name, pureRecordId, childRelatedData, actionRefreshKey, appName, navigate, dataSource, t, objectLabel, objects, historyEnabled, historyEntries, historyLoading, approvals.available, approvals.processes, approvals.canSubmit, approvals.canRecall, approvals.pendingRequest, approvals.latestRequest]);
+    }, [objectDef?.name, pureRecordId, childRelatedData, actionRefreshKey, appName, navigate, dataSource, t, objectLabel, objects, historyEnabled, historyEntries, historyLoading, approvals.available, approvals.processes, approvals.canSubmit, approvals.canRecall, approvals.pendingRequest, approvals.latestRequest, embedded]);
     if (isLoading) {
         return _jsx(SkeletonDetail, {});
     }
@@ -993,7 +1007,7 @@ export function RecordDetailView({ dataSource, objects, onEdit }) {
         return (_jsx("div", { className: "flex h-full items-center justify-center p-4", 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(Database, { className: "h-6 w-6 text-muted-foreground" }) }), _jsx(EmptyTitle, { children: t('empty.objectNotFound') }), _jsx(EmptyDescription, { children: t('empty.objectNotFoundDescription', { name: objectName }) })] }) }));
     }
     if (assignedPage) {
-        return (_jsx(RecordContextProvider, { objectName: objectName, recordId: pureRecordId, data: pageRecord, objectSchema: objectDef, dataSource: dataSource, children: _jsx(ActionProvider, { context: { record: pageRecord || {}, objectName, user: currentUser }, onConfirm: confirmHandler, onToast: toastHandler, onNavigate: navigateHandler, onParamCollection: paramCollectionHandler, handlers: { api: apiHandler, flow: flowHandler, script: serverActionHandler, modal: serverActionHandler, approval: approvalHandler }, children: _jsx("div", { className: "bg-background p-3 sm:p-4 lg:p-6", children: _jsx(SchemaRenderer, { schema: assignedPage }) }) }) }));
+        return (_jsx(RecordContextProvider, { objectName: objectName, recordId: pureRecordId, data: pageRecord, objectSchema: objectDef, dataSource: dataSource, embedded: embedded, children: _jsx(ActionProvider, { context: { record: pageRecord || {}, objectName, user: currentUser }, onConfirm: confirmHandler, onToast: toastHandler, onNavigate: navigateHandler, onParamCollection: paramCollectionHandler, handlers: { api: apiHandler, flow: flowHandler, script: serverActionHandler, modal: serverActionHandler, approval: approvalHandler }, children: _jsx("div", { className: "bg-background p-3 sm:p-4 lg:p-6", children: _jsx(SchemaRenderer, { schema: assignedPage }) }) }) }));
     }
     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: [_jsx(ManagedByBadge, { managedBy: objectDef?.managedBy }), recordViewers.length > 0 && (_jsxs("div", { className: "flex items-center gap-1.5", title: t('recordDetail.viewersTooltip'), children: [_jsx(Users, { className: "h-3.5 w-3.5 text-muted-foreground" }), _jsx(PresenceAvatars, { users: recordViewers, size: "sm", maxVisible: 4, showStatus: true })] }))] }), _jsxs("div", { className: "flex-1 overflow-hidden flex flex-row", children: [_jsx("div", { className: "flex-1 overflow-auto p-3 sm:p-4 lg:p-6 scroll-pb-48", children: _jsx(ActionProvider, { context: { record: {}, objectName, user: currentUser }, onConfirm: confirmHandler, onToast: toastHandler, onNavigate: navigateHandler, onParamCollection: paramCollectionHandler, handlers: { api: apiHandler, flow: flowHandler, script: serverActionHandler, modal: serverActionHandler, approval: approvalHandler }, children: _jsx(DetailView, { schema: detailSchema, dataSource: dataSource, objectLabel: objectLabel({ name: objectDef.name, label: objectDef.label }), onDataLoaded: (record) => {
                                     if (!record || typeof record !== 'object')

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@object-ui/app-shell",
-  "version": "4.5.0",
+  "version": "4.6.0",
   "type": "module",
   "license": "MIT",
   "description": "Minimal application shell for ObjectUI - framework-agnostic rendering engine",
@@ -27,34 +27,34 @@
   "dependencies": {
     "lucide-react": "^1.16.0",
     "sonner": "^2.0.7",
-    "@object-ui/auth": "4.5.0",
-    "@object-ui/collaboration": "4.5.0",
-    "@object-ui/components": "4.5.0",
-    "@object-ui/core": "4.5.0",
-    "@object-ui/data-objectstack": "4.5.0",
-    "@object-ui/fields": "4.5.0",
-    "@object-ui/i18n": "4.5.0",
-    "@object-ui/layout": "4.5.0",
-    "@object-ui/permissions": "4.5.0",
-    "@object-ui/react": "4.5.0",
-    "@object-ui/types": "4.5.0"
+    "@object-ui/auth": "4.6.0",
+    "@object-ui/collaboration": "4.6.0",
+    "@object-ui/components": "4.6.0",
+    "@object-ui/core": "4.6.0",
+    "@object-ui/data-objectstack": "4.6.0",
+    "@object-ui/fields": "4.6.0",
+    "@object-ui/i18n": "4.6.0",
+    "@object-ui/layout": "4.6.0",
+    "@object-ui/permissions": "4.6.0",
+    "@object-ui/react": "4.6.0",
+    "@object-ui/types": "4.6.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": "^4.5.0",
-    "@object-ui/plugin-charts": "^4.5.0",
-    "@object-ui/plugin-chatbot": "^4.5.0",
-    "@object-ui/plugin-dashboard": "^4.5.0",
-    "@object-ui/plugin-designer": "^4.5.0",
-    "@object-ui/plugin-detail": "^4.5.0",
-    "@object-ui/plugin-form": "^4.5.0",
-    "@object-ui/plugin-grid": "^4.5.0",
-    "@object-ui/plugin-kanban": "^4.5.0",
-    "@object-ui/plugin-list": "^4.5.0",
-    "@object-ui/plugin-report": "^4.5.0",
-    "@object-ui/plugin-view": "^4.5.0"
+    "@object-ui/plugin-calendar": "^4.6.0",
+    "@object-ui/plugin-charts": "^4.6.0",
+    "@object-ui/plugin-chatbot": "^4.6.0",
+    "@object-ui/plugin-dashboard": "^4.6.0",
+    "@object-ui/plugin-designer": "^4.6.0",
+    "@object-ui/plugin-detail": "^4.6.0",
+    "@object-ui/plugin-form": "^4.6.0",
+    "@object-ui/plugin-grid": "^4.6.0",
+    "@object-ui/plugin-kanban": "^4.6.0",
+    "@object-ui/plugin-list": "^4.6.0",
+    "@object-ui/plugin-report": "^4.6.0",
+    "@object-ui/plugin-view": "^4.6.0"
   },
   "devDependencies": {
     "@types/node": "^25.9.0",