@object-ui/app-shell 6.2.0 → 6.2.1

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @object-ui/app-shell — Changelog
 
+## 6.2.1
+
+### Patch Changes
+
+- bc269b0: fix
+  - @object-ui/types@6.2.1
+  - @object-ui/core@6.2.1
+  - @object-ui/i18n@6.2.1
+  - @object-ui/react@6.2.1
+  - @object-ui/components@6.2.1
+  - @object-ui/fields@6.2.1
+  - @object-ui/layout@6.2.1
+  - @object-ui/data-objectstack@6.2.1
+  - @object-ui/auth@6.2.1
+  - @object-ui/permissions@6.2.1
+  - @object-ui/plugin-editor@6.2.1
+  - @object-ui/collaboration@6.2.1
+  - @object-ui/providers@6.2.1
+
 ## 6.2.0
 
 ### Minor Changes

package/dist/console/AppContent.js

@@ -40,6 +40,13 @@ const ReportView = lazy(() => import('../views/ReportView').then(m => ({ default
 const SearchResultsPage = lazy(() => import('../views/SearchResultsPage').then(m => ({ default: m.SearchResultsPage })));
 const RecordFormPage = lazy(() => import('../views/RecordFormPage').then(m => ({ default: m.RecordFormPage })));
 const ComponentNavView = lazy(() => import('../views/ComponentNavView').then(m => ({ default: m.ComponentNavView })));
+// Metadata admin — mounted under /apps/:app/metadata. Lives at the top
+// level so URLs read like a normal nested resource (RFC-style) instead of
+// piggy-backing on the legacy ComponentRegistry fan-out.
+const MetadataDirectoryPage = lazy(() => import('../views/metadata-admin').then(m => ({ default: m.MetadataDirectoryPage })));
+const MetadataResourceListPage = lazy(() => import('../views/metadata-admin').then(m => ({ default: m.MetadataResourceListPage })));
+const MetadataResourceEditPage = lazy(() => import('../views/metadata-admin').then(m => ({ default: m.MetadataResourceEditPage })));
+const MetadataResourceHistoryPage = lazy(() => import('../views/metadata-admin').then(m => ({ default: m.MetadataResourceHistoryPage })));
 // Designer pages — sourced from @object-ui/plugin-designer so third-party hosts
 // can opt out by not registering these routes.
 const CreateAppPage = lazy(() => import('@object-ui/plugin-designer').then(m => ({ default: m.CreateAppPage })));
@@ -259,7 +266,7 @@ export function AppContent({ extraRoutes, extraRoutesNoApp } = {}) {
     const expressionUser = user
         ? { name: user.name, email: user.email, role: user.role ?? 'user' }
         : { name: 'Anonymous', email: '', role: 'guest' };
-    return (_jsxs(ExpressionProvider, { user: expressionUser, app: activeApp, data: {}, features: features, children: [_jsx(NavigationSyncEffect, {}), _jsxs(ConsoleLayout, { activeAppName: activeApp.name, activeApp: activeApp, onAppChange: handleAppChange, objects: allObjects, connectionState: connectionState, userId: user?.id, children: [_jsx(CommandPalette, { apps: apps, activeApp: activeApp, objects: allObjects, onAppChange: handleAppChange, dataSource: dataSource }), _jsx(KeyboardShortcutsDialog, {}), _jsx(OnboardingWalkthrough, {}), _jsx(ErrorBoundary, { children: _jsx(Suspense, { fallback: _jsx(LoadingScreen, {}), children: _jsx(RouteFader, { children: _jsxs(Routes, { children: [_jsx(Route, { path: "/", element: _jsx(Navigate, { to: resolveLandingRoute(activeApp), replace: true }) }), _jsx(Route, { path: ":objectName", element: _jsx(ObjectView, { dataSource: dataSource, objects: allObjects, onEdit: handleEdit, externalRefreshKey: refreshKey }) }), _jsx(Route, { path: ":objectName/new", element: _jsx(RecordFormPage, { mode: "create" }) }), _jsx(Route, { path: ":objectName/view/:viewId", element: _jsx(ObjectView, { dataSource: dataSource, objects: allObjects, onEdit: handleEdit, externalRefreshKey: refreshKey }) }), _jsx(Route, { path: ":objectName/record/:recordId", element: _jsx(RecordDetailView, { dataSource: dataSource, objects: allObjects, onEdit: handleEdit }, refreshKey) }), _jsx(Route, { path: ":objectName/record/:recordId/edit", element: _jsx(RecordFormPage, { mode: "edit" }) }), _jsx(Route, { path: "dashboard/:dashboardName", element: _jsx(DashboardView, { dataSource: dataSource }) }), _jsx(Route, { path: "report/:reportName", element: _jsx(ReportView, { dataSource: dataSource }) }), _jsx(Route, { path: "page/:pageName", element: _jsx(PageView, {}) }), _jsx(Route, { path: "component/:ns/:name/*", element: _jsx(ComponentNavView, {}) }), _jsx(Route, { path: "design/page/:pageName", element: _jsx(PageDesignPage, {}) }), _jsx(Route, { path: "design/dashboard/:dashboardName", element: _jsx(DashboardDesignPage, {}) }), _jsx(Route, { path: "search", element: _jsx(SearchResultsPage, {}) }), _jsx(Route, { path: "create-app", element: _jsx(CreateAppPage, {}) }), _jsx(Route, { path: "edit-app/:editAppName", element: _jsx(EditAppPage, {}) }), _jsx(Route, { path: "system/marketplace", element: _jsx(MarketplacePage, {}) }), _jsx(Route, { path: "system/marketplace/installed", element: _jsx(MarketplaceInstalledPage, {}) }), _jsx(Route, { path: "system/marketplace/:packageId", element: _jsx(MarketplacePackagePage, {}) }), extraRoutes, _jsx(Route, { path: ":objectName/:maybeRecordId", element: _jsx(ShorthandRecordRedirect, {}) }), _jsx(Route, { path: "*", element: _jsx(RouteNotFound, {}) })] }) }) }) }), currentObjectDef && (_jsx(ModalForm, { schema: {
+    return (_jsxs(ExpressionProvider, { user: expressionUser, app: activeApp, data: {}, features: features, children: [_jsx(NavigationSyncEffect, {}), _jsxs(ConsoleLayout, { activeAppName: activeApp.name, activeApp: activeApp, onAppChange: handleAppChange, objects: allObjects, connectionState: connectionState, userId: user?.id, children: [_jsx(CommandPalette, { apps: apps, activeApp: activeApp, objects: allObjects, onAppChange: handleAppChange, dataSource: dataSource }), _jsx(KeyboardShortcutsDialog, {}), _jsx(OnboardingWalkthrough, {}), _jsx(ErrorBoundary, { children: _jsx(Suspense, { fallback: _jsx(LoadingScreen, {}), children: _jsx(RouteFader, { children: _jsxs(Routes, { children: [_jsx(Route, { path: "/", element: _jsx(Navigate, { to: resolveLandingRoute(activeApp), replace: true }) }), _jsxs(Route, { path: "metadata", children: [_jsx(Route, { index: true, element: _jsx(MetadataDirectoryPage, {}) }), _jsx(Route, { path: ":type", element: _jsx(MetadataResourceListPage, {}) }), _jsx(Route, { path: ":type/new", element: _jsx(MetadataResourceEditPage, { createMode: true }) }), _jsx(Route, { path: ":type/:name", element: _jsx(MetadataResourceEditPage, {}) }), _jsx(Route, { path: ":type/:name/history", element: _jsx(MetadataResourceHistoryPage, {}) })] }), _jsx(Route, { path: ":objectName", element: _jsx(ObjectView, { dataSource: dataSource, objects: allObjects, onEdit: handleEdit, externalRefreshKey: refreshKey }) }), _jsx(Route, { path: ":objectName/new", element: _jsx(RecordFormPage, { mode: "create" }) }), _jsx(Route, { path: ":objectName/view/:viewId", element: _jsx(ObjectView, { dataSource: dataSource, objects: allObjects, onEdit: handleEdit, externalRefreshKey: refreshKey }) }), _jsx(Route, { path: ":objectName/record/:recordId", element: _jsx(RecordDetailView, { dataSource: dataSource, objects: allObjects, onEdit: handleEdit }, refreshKey) }), _jsx(Route, { path: ":objectName/record/:recordId/edit", element: _jsx(RecordFormPage, { mode: "edit" }) }), _jsx(Route, { path: "dashboard/:dashboardName", element: _jsx(DashboardView, { dataSource: dataSource }) }), _jsx(Route, { path: "report/:reportName", element: _jsx(ReportView, { dataSource: dataSource }) }), _jsx(Route, { path: "page/:pageName", element: _jsx(PageView, {}) }), _jsx(Route, { path: "component/:ns/:name/*", element: _jsx(ComponentNavView, {}) }), _jsx(Route, { path: "component/metadata/directory", element: _jsx(LegacyMetadataRedirect, { mode: "directory" }) }), _jsx(Route, { path: "component/metadata/resource/*", element: _jsx(LegacyMetadataRedirect, { mode: "resource" }) }), _jsx(Route, { path: "design/page/:pageName", element: _jsx(PageDesignPage, {}) }), _jsx(Route, { path: "design/dashboard/:dashboardName", element: _jsx(DashboardDesignPage, {}) }), _jsx(Route, { path: "search", element: _jsx(SearchResultsPage, {}) }), _jsx(Route, { path: "create-app", element: _jsx(CreateAppPage, {}) }), _jsx(Route, { path: "edit-app/:editAppName", element: _jsx(EditAppPage, {}) }), _jsx(Route, { path: "system/marketplace", element: _jsx(MarketplacePage, {}) }), _jsx(Route, { path: "system/marketplace/installed", element: _jsx(MarketplaceInstalledPage, {}) }), _jsx(Route, { path: "system/marketplace/:packageId", element: _jsx(MarketplacePackagePage, {}) }), extraRoutes, _jsx(Route, { path: ":objectName/:maybeRecordId", element: _jsx(ShorthandRecordRedirect, {}) }), _jsx(Route, { path: "*", element: _jsx(RouteNotFound, {}) })] }) }) }) }), currentObjectDef && (_jsx(ModalForm, { schema: {
                             type: 'object-form',
                             formType: 'modal',
                             objectName: currentObjectDef.name,
@@ -378,6 +385,7 @@ const RESERVED_SECOND_SEGMENTS = new Set([
     'new', 'view', 'record', 'edit',
     'dashboard', 'report', 'page',
     'design', 'search', 'create-app', 'edit-app',
+    'metadata',
 ]);
 function looksLikeRecordId(segment) {
     if (!segment)
@@ -390,6 +398,27 @@ function looksLikeRecordId(segment) {
     // Most record ids are at least 6 chars (UUID, ULID, nanoid all >=8).
     return segment.length >= 6;
 }
+/**
+ * Translates pre-refactor metadata admin URLs
+ * (`/apps/:app/component/metadata/resource/:name?type=:type`,
+ *  `/apps/:app/component/metadata/directory`) into the new REST-style
+ * shape (`/apps/:app/metadata/:type/:name`). Keeps bookmarks and any
+ * still-unmigrated link producers working.
+ */
+function LegacyMetadataRedirect({ mode }) {
+    const location = useLocation();
+    const appBase = location.pathname.replace(/\/component\/metadata\/.*$/, '');
+    if (mode === 'directory') {
+        return _jsx(Navigate, { to: `${appBase}/metadata${location.search}${location.hash}`, replace: true });
+    }
+    const sp = new URLSearchParams(location.search);
+    const type = sp.get('type') ?? '';
+    const tail = location.pathname.match(/\/component\/metadata\/resource(\/.*)?$/)?.[1] ?? '';
+    const target = type
+        ? `${appBase}/metadata/${encodeURIComponent(type)}${tail}${location.hash}`
+        : `${appBase}/metadata${location.hash}`;
+    return _jsx(Navigate, { to: target, replace: true });
+}
 /**
  * Redirects `/apps/:appName/:objectName/:recordId` shorthand to the
  * canonical `/apps/:appName/:objectName/record/:recordId` so externally

package/dist/services/builtinComponents.js

@@ -21,7 +21,7 @@ import { lazy, Suspense } from 'react';
 import { registerAppComponent } from './componentRegistry';
 import { MetadataDirectoryPage, MetadataResourceRouter, registerMetadataResource, } from '../views/metadata-admin';
 import { PermissionMatrixEditPage } from '../views/metadata-admin/PermissionMatrixEditor';
-import { DesignerEditorWrapper } from '../views/metadata-admin/DesignerEditorWrapper';
+import { DesignerEditorBody } from '../views/metadata-admin/DesignerEditorWrapper';
 /* -------------------------------------------------------------------------- */
 /* 1) Top-level admin pages — bound to `metadata:directory` + `metadata:resource` */
 /* -------------------------------------------------------------------------- */
@@ -104,7 +104,7 @@ const ObjectViewConfigurator = lazy(() => import('@object-ui/plugin-designer').t
 const DashboardEditor = lazy(() => import('@object-ui/plugin-designer').then((m) => ({ default: m.DashboardEditor })));
 const PageCanvasEditor = lazy(() => import('@object-ui/plugin-designer').then((m) => ({ default: m.PageCanvasEditor })));
 function ViewEditPage(props) {
-    return (_jsx(DesignerEditorWrapper, { ...props, fromMetadata: (raw) => {
+    return (_jsx(DesignerEditorBody, { ...props, fromMetadata: (raw) => {
             // Normalize backend view metadata into the shape ObjectViewConfigurator expects.
             // Built-in views may omit `columns` or use legacy field names.
             const base = raw && typeof raw === 'object' ? raw : {};
@@ -119,10 +119,10 @@ function ViewEditPage(props) {
         }, renderDesigner: (value, onChange, readOnly) => (_jsx(Suspense, { fallback: _jsx(DesignerFallback, { label: "view designer" }), children: _jsx(ObjectViewConfigurator, { config: value, onChange: (next) => onChange(next), readOnly: readOnly }) })) }));
 }
 function DashboardEditPage(props) {
-    return (_jsx(DesignerEditorWrapper, { ...props, renderDesigner: (value, onChange, readOnly) => (_jsx(Suspense, { fallback: _jsx(DesignerFallback, { label: "dashboard editor" }), children: _jsx(DashboardEditor, { schema: value, onChange: (next) => onChange(next), readOnly: readOnly }) })) }));
+    return (_jsx(DesignerEditorBody, { ...props, renderDesigner: (value, onChange, readOnly) => (_jsx(Suspense, { fallback: _jsx(DesignerFallback, { label: "dashboard editor" }), children: _jsx(DashboardEditor, { schema: value, onChange: (next) => onChange(next), readOnly: readOnly }) })) }));
 }
 function PageEditPage(props) {
-    return (_jsx(DesignerEditorWrapper, { ...props, renderDesigner: (value, onChange, readOnly) => (_jsx(Suspense, { fallback: _jsx(DesignerFallback, { label: "page canvas" }), children: _jsx(PageCanvasEditor, { schema: value, onChange: (next) => onChange(next), readOnly: readOnly }) })) }));
+    return (_jsx(DesignerEditorBody, { ...props, renderDesigner: (value, onChange, readOnly) => (_jsx(Suspense, { fallback: _jsx(DesignerFallback, { label: "page canvas" }), children: _jsx(PageCanvasEditor, { schema: value, onChange: (next) => onChange(next), readOnly: readOnly }) })) }));
 }
 function DesignerFallback({ label }) {
     return (_jsxs("div", { className: "p-6 text-sm text-muted-foreground", children: ["Loading ", label, "\u2026"] }));
@@ -132,7 +132,8 @@ registerMetadataResource({
     label: 'Views',
     description: 'Saved list / kanban / calendar / gantt configurations on top of an object.',
     domain: 'ui',
-    EditPage: ViewEditPage,
+    DesignerTab: ViewEditPage,
+    designerTabLabel: 'View designer',
     listColumns: [
         { key: 'name', label: 'Name', width: '30%' },
         { key: 'object', label: 'Object', width: '20%' },
@@ -145,7 +146,8 @@ registerMetadataResource({
     label: 'Dashboards',
     description: 'Composed dashboards with charts, KPIs, and tables.',
     domain: 'ui',
-    EditPage: DashboardEditPage,
+    DesignerTab: DashboardEditPage,
+    designerTabLabel: 'Dashboard designer',
     listColumns: [
         { key: 'name', label: 'Name', width: '30%' },
         { key: 'label', label: 'Label', width: '30%' },
@@ -157,7 +159,8 @@ registerMetadataResource({
     label: 'Pages',
     description: 'Visual page layouts authored in the Page Canvas editor.',
     domain: 'ui',
-    EditPage: PageEditPage,
+    DesignerTab: PageEditPage,
+    designerTabLabel: 'Page canvas',
     listColumns: [
         { key: 'name', label: 'Name', width: '30%' },
         { key: 'label', label: 'Label', width: '30%' },

package/dist/views/metadata-admin/DesignerEditorWrapper.d.ts

@@ -55,4 +55,14 @@ export interface DesignerEditorWrapperProps<TValue = any> {
      */
     toMetadata?: (value: TValue) => unknown;
 }
-export declare function DesignerEditorWrapper<TValue = any>({ type, name, renderDesigner, fromMetadata, toMetadata, }: DesignerEditorWrapperProps<TValue>): import("react/jsx-runtime").JSX.Element;
+export declare function DesignerEditorWrapper<TValue = any>(props: DesignerEditorWrapperProps<TValue>): import("react/jsx-runtime").JSX.Element;
+/**
+ * Embedded variant — same state machine, but no surrounding `PageShell`.
+ * Used by `ResourceEditPage` to host the designer inside a tab alongside
+ * the generic Form / Layers / References tabs. The action toolbar (Save /
+ * Reset / Refresh) is rendered inline at the top of the panel so the tab
+ * remains self-sufficient.
+ */
+export declare function DesignerEditorBody<TValue = any>({ type, name, renderDesigner, fromMetadata, toMetadata, withChrome, }: DesignerEditorWrapperProps<TValue> & {
+    withChrome?: boolean;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/views/metadata-admin/DesignerEditorWrapper.js

@@ -47,7 +47,17 @@ import { PageShell } from './PageShell';
 import { useMetadataClient, useMetadataTypes } from './useMetadata';
 import { resolveResourceConfig } from './registry';
 import { t, detectLocale } from './i18n';
-export function DesignerEditorWrapper({ type, name, renderDesigner, fromMetadata, toMetadata, }) {
+export function DesignerEditorWrapper(props) {
+    return _jsx(DesignerEditorBody, { ...props, withChrome: true });
+}
+/**
+ * Embedded variant — same state machine, but no surrounding `PageShell`.
+ * Used by `ResourceEditPage` to host the designer inside a tab alongside
+ * the generic Form / Layers / References tabs. The action toolbar (Save /
+ * Reset / Refresh) is rendered inline at the top of the panel so the tab
+ * remains self-sufficient.
+ */
+export function DesignerEditorBody({ type, name, renderDesigner, fromMetadata, toMetadata, withChrome = false, }) {
     const navigate = useNavigate();
     const client = useMetadataClient();
     const { entries } = useMetadataTypes(client);
@@ -134,7 +144,15 @@ export function DesignerEditorWrapper({ type, name, renderDesigner, fromMetadata
         }
     }
     if (loading || value == null) {
-        return (_jsx(PageShell, { entry: entry, itemName: name, children: _jsxs("div", { className: "p-6 text-sm text-muted-foreground flex items-center gap-2", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), " ", t('engine.edit.loading', locale), " ", type, "/", name, "\u2026"] }) }));
+        const loadingBody = (_jsxs("div", { className: "p-6 text-sm text-muted-foreground flex items-center gap-2", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), " ", t('engine.edit.loading', locale), " ", type, "/", name, "\u2026"] }));
+        return withChrome ? (_jsx(PageShell, { entry: entry, itemName: name, children: loadingBody })) : (loadingBody);
+    }
+    const toolbarButtons = (_jsxs(_Fragment, { children: [_jsxs(Button, { variant: "ghost", size: "sm", onClick: load, disabled: saving, children: [_jsx(RefreshCw, { className: "h-4 w-4 mr-1" }), " ", t('engine.list.refresh', locale)] }), withChrome && (_jsxs(Button, { variant: "ghost", size: "sm", onClick: () => navigate(`./history`), children: [_jsx(HistoryIcon, { className: "h-4 w-4 mr-1" }), " ", t('engine.edit.history', locale)] })), writable && (_jsxs(Button, { variant: "ghost", size: "sm", onClick: doReset, disabled: saving, children: [_jsx(RotateCcw, { className: "h-4 w-4 mr-1" }), " ", t('engine.edit.reset', locale)] })), writable && (_jsxs(Button, { size: "sm", onClick: () => doSave(false), disabled: saving || !dirty, children: [saving ? (_jsx(Loader2, { className: "h-4 w-4 mr-1 animate-spin" })) : (_jsx(Save, { className: "h-4 w-4 mr-1" })), t('engine.edit.save', locale)] }))] }));
+    const banners = (_jsxs(_Fragment, { children: [!writable && (_jsx("div", { className: "mx-6 mt-4 rounded-md border bg-muted/40 px-3 py-2 text-xs text-muted-foreground", children: t('engine.edit.readOnlyHint', locale) })), error && (_jsxs("div", { className: "mx-6 mt-4 rounded-md border border-destructive/40 bg-destructive/5 p-3 text-sm text-destructive flex items-start gap-2", children: [_jsx(AlertTriangle, { className: "h-4 w-4 mt-0.5 shrink-0" }), _jsx("span", { children: error })] })), dirty && writable && (_jsxs("div", { className: "mx-6 mt-3 flex items-center gap-2 rounded-md border border-amber-300/50 bg-amber-50 dark:bg-amber-950/30 px-3 py-1.5 text-xs", children: [_jsx(Badge, { variant: "outline", children: t('engine.edit.unsaved', locale) }), _jsx("span", { children: t('engine.edit.unsavedHint', locale) })] }))] }));
+    const designerArea = (_jsx("div", { className: "flex-1 min-h-0 overflow-auto", children: renderDesigner(value, (next) => setValue(next), !writable) }));
+    const destructiveDialog = (_jsx(Dialog, { open: !!destructive, onOpenChange: (open) => !open && setDestructive(null), children: _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsxs(DialogTitle, { className: "flex items-center gap-2", children: [_jsx(AlertTriangle, { className: "h-4 w-4 text-amber-500" }), " ", t('engine.edit.destructive', locale)] }), _jsx(DialogDescription, { children: t('engine.edit.destructiveHint', locale) })] }), _jsx("ul", { className: "text-sm space-y-1 max-h-64 overflow-auto", children: destructive?.issues.map((i, idx) => (_jsxs("li", { className: "border-l-2 border-amber-500 pl-2", children: [i.kind && _jsx(Badge, { variant: "outline", className: "mr-2", children: i.kind }), i.message ?? JSON.stringify(i)] }, idx))) }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "ghost", onClick: () => setDestructive(null), children: t('engine.cancel', locale) }), _jsxs(Button, { variant: "destructive", onClick: () => destructive && doSave(true, destructive.pending), disabled: saving, children: [saving && _jsx(Loader2, { className: "h-4 w-4 mr-1 animate-spin" }), t('engine.edit.forceSave', locale)] })] })] }) }));
+    if (!withChrome) {
+        return (_jsxs("div", { className: "flex flex-col h-full overflow-hidden", children: [_jsx("div", { className: "flex items-center justify-end gap-1 px-6 pt-3", children: toolbarButtons }), banners, designerArea, destructiveDialog] }));
     }
-    return (_jsxs(PageShell, { entry: entry ?? { type, label: type }, itemName: name, subtitle: t('engine.edit.bespokeDesigner', locale), actions: _jsxs(_Fragment, { children: [_jsxs(Button, { variant: "ghost", size: "sm", onClick: load, disabled: saving, children: [_jsx(RefreshCw, { className: "h-4 w-4 mr-1" }), " ", t('engine.list.refresh', locale)] }), _jsxs(Button, { variant: "ghost", size: "sm", onClick: () => navigate(`./history?type=${encodeURIComponent(type)}`), children: [_jsx(HistoryIcon, { className: "h-4 w-4 mr-1" }), " ", t('engine.edit.history', locale)] }), writable && (_jsxs(Button, { variant: "ghost", size: "sm", onClick: doReset, disabled: saving, children: [_jsx(RotateCcw, { className: "h-4 w-4 mr-1" }), " ", t('engine.edit.reset', locale)] })), writable && (_jsxs(Button, { size: "sm", onClick: () => doSave(false), disabled: saving || !dirty, children: [saving ? (_jsx(Loader2, { className: "h-4 w-4 mr-1 animate-spin" })) : (_jsx(Save, { className: "h-4 w-4 mr-1" })), t('engine.edit.save', locale)] }))] }), children: [_jsxs("div", { className: "flex flex-col h-full overflow-hidden", children: [!writable && (_jsx("div", { className: "mx-6 mt-4 rounded-md border bg-muted/40 px-3 py-2 text-xs text-muted-foreground", children: t('engine.edit.readOnlyHint', locale) })), error && (_jsxs("div", { className: "mx-6 mt-4 rounded-md border border-destructive/40 bg-destructive/5 p-3 text-sm text-destructive flex items-start gap-2", children: [_jsx(AlertTriangle, { className: "h-4 w-4 mt-0.5 shrink-0" }), _jsx("span", { children: error })] })), dirty && writable && (_jsxs("div", { className: "mx-6 mt-3 flex items-center gap-2 rounded-md border border-amber-300/50 bg-amber-50 dark:bg-amber-950/30 px-3 py-1.5 text-xs", children: [_jsx(Badge, { variant: "outline", children: t('engine.edit.unsaved', locale) }), _jsx("span", { children: t('engine.edit.unsavedHint', locale) })] })), _jsx("div", { className: "flex-1 min-h-0 overflow-auto", children: renderDesigner(value, (next) => setValue(next), !writable) })] }), _jsx(Dialog, { open: !!destructive, onOpenChange: (open) => !open && setDestructive(null), children: _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsxs(DialogTitle, { className: "flex items-center gap-2", children: [_jsx(AlertTriangle, { className: "h-4 w-4 text-amber-500" }), " ", t('engine.edit.destructive', locale)] }), _jsx(DialogDescription, { children: t('engine.edit.destructiveHint', locale) })] }), _jsx("ul", { className: "text-sm space-y-1 max-h-64 overflow-auto", children: destructive?.issues.map((i, idx) => (_jsxs("li", { className: "border-l-2 border-amber-500 pl-2", children: [i.kind && _jsx(Badge, { variant: "outline", className: "mr-2", children: i.kind }), i.message ?? JSON.stringify(i)] }, idx))) }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "ghost", onClick: () => setDestructive(null), children: t('engine.cancel', locale) }), _jsxs(Button, { variant: "destructive", onClick: () => destructive && doSave(true, destructive.pending), disabled: saving, children: [saving && _jsx(Loader2, { className: "h-4 w-4 mr-1 animate-spin" }), t('engine.edit.forceSave', locale)] })] })] }) })] }));
+    return (_jsxs(PageShell, { entry: entry ?? { type, label: type }, itemName: name, subtitle: t('engine.edit.bespokeDesigner', locale), actions: toolbarButtons, children: [_jsxs("div", { className: "flex flex-col h-full overflow-hidden", children: [banners, designerArea] }), destructiveDialog] }));
 }

package/dist/views/metadata-admin/DirectoryPage.js

@@ -126,7 +126,7 @@ function DomainChip({ domain, label, active, count, onClick, }) {
 function TypeTile({ entry, locale }) {
     // Prefer the locale-table translation; fall back to server's `label` (typically English).
     const label = translateMetadataType(entry.type, locale, entry.label);
-    return (_jsxs(Link, { to: `../component/metadata/resource?type=${encodeURIComponent(entry.type)}`, className: "block p-4 border rounded-lg hover:border-primary hover:bg-accent transition-colors", children: [_jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "font-medium truncate", children: label }), _jsx("code", { className: "text-xs text-muted-foreground font-mono", children: entry.type })] }), entry.allowOrgOverride ? (_jsx(Badge, { className: 'text-[10px] shrink-0 ' +
+    return (_jsxs(Link, { to: `./${encodeURIComponent(entry.type)}`, className: "block p-4 border rounded-lg hover:border-primary hover:bg-accent transition-colors", children: [_jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "font-medium truncate", children: label }), _jsx("code", { className: "text-xs text-muted-foreground font-mono", children: entry.type })] }), entry.allowOrgOverride ? (_jsx(Badge, { className: 'text-[10px] shrink-0 ' +
                             (entry.overrideSource === 'env'
                                 ? 'bg-amber-100 text-amber-800 hover:bg-amber-100'
                                 : 'bg-emerald-100 text-emerald-800 hover:bg-emerald-100'), title: entry.overrideSource === 'env'

package/dist/views/metadata-admin/MetadataDetailDrawer.d.ts

@@ -0,0 +1,13 @@
+import type { RelatedTarget } from './RelatedPanel';
+export interface MetadataDetailDrawerProps {
+    /** When non-null, drawer is open and shows this target. */
+    target: RelatedTarget | null;
+    /** Called when the drawer requests close (overlay click, esc, close btn). */
+    onClose: () => void;
+    /** Optional context: parent's type / name, shown in the title. */
+    parentContext?: {
+        type: string;
+        name: string;
+    };
+}
+export declare function MetadataDetailDrawer({ target, onClose, parentContext, }: MetadataDetailDrawerProps): import("react/jsx-runtime").JSX.Element;

package/dist/views/metadata-admin/MetadataDetailDrawer.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Copyright (c) 2025 ObjectStack. Licensed under the Apache-2.0 license.
+/**
+ * MetadataDetailDrawer — slide-over editor for a related metadata item.
+ *
+ * Opens from the parent's Related tab without taking the user away
+ * from the parent's context. Internally we mount the same
+ * `MetadataResourceEditPage` used by the full-page route, so all the
+ * Save / Reset / Validate behaviour is shared. The drawer just frames
+ * it and adds a "Open full page ↗" affordance.
+ *
+ * Width is wide enough for forms (max 1100px) but capped at 92vw to
+ * leave a thin strip of the parent visible behind, reinforcing the
+ * "still in the same object" feel.
+ */
+import * as React from 'react';
+import { useNavigate } from 'react-router-dom';
+import { ExternalLink } from 'lucide-react';
+import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetDescription, Button, Badge, cn, } from '@object-ui/components';
+import { MetadataResourceEditPage } from './ResourceEditPage';
+export function MetadataDetailDrawer({ target, onClose, parentContext, }) {
+    const navigate = useNavigate();
+    const isMetadata = target?.kind === 'metadata';
+    const isEmbedded = target?.kind === 'embedded';
+    const headerType = isMetadata
+        ? target.type
+        : isEmbedded
+            ? target.groupLabel
+            : '';
+    const headerName = isMetadata
+        ? target.name
+        : isEmbedded
+            ? target.itemName
+            : '';
+    return (_jsx(Sheet, { open: target !== null, onOpenChange: (open) => {
+            if (!open)
+                onClose();
+        }, children: _jsxs(SheetContent, { side: "right", className: cn('w-[92vw] sm:max-w-[1100px] p-0 flex flex-col gap-0'), children: [_jsxs(SheetHeader, { className: "px-4 py-3 border-b space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Badge, { variant: "outline", className: "font-mono text-[10px]", children: headerType }), _jsx(SheetTitle, { className: "font-mono text-base truncate", children: headerName }), _jsx("div", { className: "ml-auto flex items-center gap-1", children: isMetadata && (_jsxs(Button, { variant: "ghost", size: "sm", onClick: () => {
+                                            navigate(`../../${encodeURIComponent(target.type)}/${encodeURIComponent(target.name)}`);
+                                            onClose();
+                                        }, title: "Open in full page", children: [_jsx(ExternalLink, { className: "h-3.5 w-3.5 mr-1" }), "Open full page"] })) })] }), parentContext && (_jsxs(SheetDescription, { className: "text-xs", children: [isEmbedded ? 'Embedded in ' : 'Related to ', _jsxs("span", { className: "font-mono", children: [parentContext.type, "/", parentContext.name] })] }))] }), _jsxs("div", { className: "flex-1 min-h-0 overflow-auto", children: [isMetadata && (_jsx(MetadataResourceEditPage, { type: target.type, name: target.name, embedded: true }, `${target.type}/${target.name}`)), isEmbedded && _jsx(EmbeddedItemView, { raw: target.raw })] })] }) }));
+}
+/**
+ * Read-only JSON preview for embedded items (fields, indexes, embedded
+ * validations). Editing happens via the parent's Form tab; jumping
+ * straight to that field is a future enhancement — for now the user
+ * can inspect the spec here and click "Edit in Form tab" in the panel.
+ */
+function EmbeddedItemView({ raw }) {
+    const json = React.useMemo(() => JSON.stringify(raw, null, 2), [raw]);
+    return (_jsxs("div", { className: "p-4 space-y-3", children: [_jsxs("div", { className: "text-xs text-muted-foreground", children: ["This item lives inside its parent's body. Edit it in the parent's", ' ', _jsx("span", { className: "font-medium", children: "Form" }), " tab."] }), _jsx("pre", { className: "text-xs font-mono bg-muted/40 border rounded p-3 overflow-auto whitespace-pre-wrap break-all", children: json })] }));
+}

package/dist/views/metadata-admin/PageShell.js

@@ -15,7 +15,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
  * page bodies stay focused on their domain logic.
  */
 import * as React from 'react';
-import { Link } from 'react-router-dom';
+import { Link, useLocation } from 'react-router-dom';
 import { Badge } from '@object-ui/components';
 import { ChevronRight } from 'lucide-react';
 import { detectLocale, t, translateMetadataType } from './i18n';
@@ -24,7 +24,14 @@ export function PageShell({ entry, itemName, subtitle, stats, actions, children,
     const locale = React.useMemo(() => detectLocale(), []);
     // Prefer locale-table translation over server's English label.
     const label = translateMetadataType(type, locale, entry?.label);
-    return (_jsxs("div", { className: "flex flex-col h-full overflow-hidden", children: [_jsxs("div", { className: "px-6 pt-5 pb-4 border-b bg-background", children: [_jsxs("nav", { className: "flex items-center gap-1.5 text-xs text-muted-foreground mb-2", children: [_jsx(Link, { to: "../component/metadata/directory", className: "hover:text-foreground", children: t('engine.breadcrumb.allTypes', locale) }), _jsx(ChevronRight, { className: "h-3 w-3" }), _jsx(Link, { to: `../component/metadata/resource?type=${encodeURIComponent(type)}`, className: "hover:text-foreground", children: label }), itemName && (_jsxs(_Fragment, { children: [_jsx(ChevronRight, { className: "h-3 w-3" }), _jsx("span", { className: "text-foreground font-medium font-mono", children: itemName })] }))] }), _jsxs("div", { className: "flex items-start justify-between gap-3 flex-wrap", children: [_jsxs("div", { className: "min-w-0", children: [_jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [_jsx("h1", { className: "text-xl font-semibold truncate", children: label }), _jsx("code", { className: "text-xs font-mono text-muted-foreground", children: type }), entry?.domain && (_jsx(Badge, { variant: "outline", className: "text-[10px] uppercase tracking-wider", children: entry.domain })), entry?.allowOrgOverride ? (_jsx(Badge, { className: 'text-[10px] ' +
+    // Compute base path up to /metadata so breadcrumb links work regardless
+    // of how deep the current route is (list, edit, history, …).
+    const { pathname } = useLocation();
+    const metadataBase = React.useMemo(() => {
+        const idx = pathname.indexOf('/metadata');
+        return idx >= 0 ? pathname.slice(0, idx + '/metadata'.length) : '/metadata';
+    }, [pathname]);
+    return (_jsxs("div", { className: "flex flex-col h-full overflow-hidden", children: [_jsxs("div", { className: "px-6 pt-5 pb-4 border-b bg-background", children: [_jsxs("nav", { className: "flex items-center gap-1.5 text-xs text-muted-foreground mb-2", children: [_jsx(Link, { to: metadataBase, className: "hover:text-foreground", children: t('engine.breadcrumb.allTypes', locale) }), _jsx(ChevronRight, { className: "h-3 w-3" }), _jsx(Link, { to: `${metadataBase}/${encodeURIComponent(type)}`, className: "hover:text-foreground", children: label }), itemName && (_jsxs(_Fragment, { children: [_jsx(ChevronRight, { className: "h-3 w-3" }), _jsx("span", { className: "text-foreground font-medium font-mono", children: itemName })] }))] }), _jsxs("div", { className: "flex items-start justify-between gap-3 flex-wrap", children: [_jsxs("div", { className: "min-w-0", children: [_jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [_jsx("h1", { className: "text-xl font-semibold truncate", children: label }), _jsx("code", { className: "text-xs font-mono text-muted-foreground", children: type }), entry?.domain && (_jsx(Badge, { variant: "outline", className: "text-[10px] uppercase tracking-wider", children: entry.domain })), entry?.allowOrgOverride ? (_jsx(Badge, { className: 'text-[10px] ' +
                                                     (entry.overrideSource === 'env'
                                                         ? 'bg-amber-100 text-amber-800 hover:bg-amber-100'
                                                         : 'bg-emerald-100 text-emerald-800 hover:bg-emerald-100'), title: entry.overrideSource === 'env'

package/dist/views/metadata-admin/QuickFind.js

@@ -123,10 +123,10 @@ export function MetadataQuickFind({ appSlug } = {}) {
         setOpen(false);
         const base = appSlug ? `/apps/${appSlug}` : '..';
         if (r.kind === 'type') {
-            navigate(`${base}/component/metadata/resource?type=${encodeURIComponent(r.entry.type)}`);
+            navigate(`${base}/metadata/${encodeURIComponent(r.entry.type)}`);
         }
         else {
-            navigate(`${base}/component/metadata/resource/${encodeURIComponent(r.name)}?type=${encodeURIComponent(r.type)}`);
+            navigate(`${base}/metadata/${encodeURIComponent(r.type)}/${encodeURIComponent(r.name)}`);
         }
     }
     function onKeyDown(e) {

package/dist/views/metadata-admin/RelatedPanel.d.ts

@@ -0,0 +1,33 @@
+export interface RelatedPanelProps {
+    /** Parent metadata type, e.g. `object`. */
+    type: string;
+    /** Parent item name (e.g. `sys_user`). */
+    name: string;
+    /**
+     * Effective parent body — used to feed `source: 'embedded'` anchors
+     * (e.g. `object.fields[]`). Optional: if absent, embedded groups are
+     * skipped.
+     */
+    parentItem?: Record<string, unknown> | null;
+    /** Invoked when the user clicks a row. Parent should open a drawer. */
+    onOpen: (target: RelatedTarget) => void;
+}
+/**
+ * Target opened from a Related row. For first-class metadata items
+ * `kind: 'metadata'` carries the addressable (type, name). For embedded
+ * items we hand back the raw object plus the path it came from so the
+ * parent can render a focused detail view.
+ */
+export type RelatedTarget = {
+    kind: 'metadata';
+    type: string;
+    name: string;
+} | {
+    kind: 'embedded';
+    parentType: string;
+    parentName: string;
+    groupLabel: string;
+    itemName: string;
+    raw: Record<string, unknown>;
+};
+export declare function RelatedPanel({ type, name, parentItem, onOpen, }: RelatedPanelProps): import("react/jsx-runtime").JSX.Element;

package/dist/views/metadata-admin/RelatedPanel.js

@@ -0,0 +1,171 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Copyright (c) 2025 ObjectStack. Licensed under the Apache-2.0 license.
+/**
+ * RelatedPanel — lists metadata items anchored to the current parent.
+ *
+ * Driven by the anchor registry (see `anchors.ts` / `registry.ts`). For
+ * each child type that declares it anchors at `parentType`, we issue
+ * one `client.list(childType)` call in parallel, filter the result with
+ * the anchor's match predicate, and render the survivors in collapsible
+ * groups.
+ *
+ * Why client-side filter? Anchoring lives in metadata bodies that are
+ * not indexed on the server today, and adding a parameterised list API
+ * for every potential anchor field would balloon the surface area. The
+ * Related tab is opened by humans on a specific object, so the cost of
+ * pulling 100-or-so items per child type is negligible — far cheaper
+ * than a network round-trip per row would have been.
+ *
+ * Visual model:
+ *   - One <details> per group (default open if non-empty).
+ *   - Rows are kebab-y: name, optional label, optional badge.
+ *   - Click → call `onOpen({ type, name })`; parent owns the drawer.
+ *   - A search input filters across all groups by name/label substring.
+ */
+import * as React from 'react';
+import { useNavigate } from 'react-router-dom';
+import { Loader2, Search, Plus, ChevronRight, ExternalLink } from 'lucide-react';
+import { Badge, Button, Input, Empty, EmptyTitle, EmptyDescription, cn, } from '@object-ui/components';
+import { useMetadataClient } from './useMetadata';
+import { listAnchorsFor } from './registry';
+export function RelatedPanel({ type, name, parentItem, onOpen, }) {
+    const client = useMetadataClient();
+    const navigate = useNavigate();
+    const anchors = React.useMemo(() => listAnchorsFor(type), [type]);
+    const [groups, setGroups] = React.useState([]);
+    const [search, setSearch] = React.useState('');
+    const [collapsed, setCollapsed] = React.useState({});
+    React.useEffect(() => {
+        if (anchors.length === 0) {
+            setGroups([]);
+            return;
+        }
+        let cancelled = false;
+        // Seed groups in loading state, ordered by registry order. Embedded
+        // groups resolve synchronously from `parentItem`; list groups dispatch
+        // a `client.list(childType)` and filter.
+        const initial = [...anchors]
+            .sort((a, b) => (a.anchor.order ?? 999) - (b.anchor.order ?? 999))
+            .map((entry) => {
+            const isEmbedded = entry.anchor.source === 'embedded';
+            if (isEmbedded) {
+                const raw = entry.anchor.extract && parentItem
+                    ? entry.anchor.extract(parentItem)
+                    : [];
+                return {
+                    childType: entry.type,
+                    anchor: entry.anchor,
+                    loading: false,
+                    error: null,
+                    items: raw.map(normaliseItem),
+                };
+            }
+            return {
+                childType: entry.type,
+                anchor: entry.anchor,
+                loading: true,
+                error: null,
+                items: [],
+            };
+        });
+        setGroups(initial);
+        void Promise.all(initial.map(async (g) => {
+            if (g.anchor.source === 'embedded')
+                return g;
+            try {
+                const list = (await client.list(g.childType));
+                if (cancelled)
+                    return g;
+                const matchFn = g.anchor.match ?? (() => false);
+                const filtered = list
+                    .filter((item) => matchFn(item, name))
+                    .map((item) => normaliseItem(item));
+                return { ...g, loading: false, items: filtered };
+            }
+            catch (err) {
+                if (cancelled)
+                    return g;
+                return {
+                    ...g,
+                    loading: false,
+                    error: err instanceof Error ? err.message : String(err),
+                };
+            }
+        })).then((finished) => {
+            if (cancelled)
+                return;
+            setGroups(finished);
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [client, type, name, anchors, parentItem]);
+    if (anchors.length === 0) {
+        return (_jsxs(Empty, { children: [_jsx(EmptyTitle, { children: "No related metadata" }), _jsxs(EmptyDescription, { children: ["No metadata types are configured to anchor at ", _jsx("code", { children: type }), ". You can register one via", ' ', _jsx("code", { className: "font-mono", children: "registerMetadataResource" }), "."] })] }));
+    }
+    const totalCount = groups.reduce((sum, g) => sum + g.items.length, 0);
+    const anyLoading = groups.some((g) => g.loading);
+    const q = search.trim().toLowerCase();
+    return (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("div", { className: "relative flex-1 max-w-sm", children: [_jsx(Search, { className: "absolute left-2 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }), _jsx(Input, { placeholder: "Search related\u2026", value: search, onChange: (e) => setSearch(e.target.value), className: "pl-8 h-8 text-sm" })] }), _jsx("div", { className: "text-xs text-muted-foreground", children: anyLoading
+                            ? 'Scanning…'
+                            : `${totalCount} item${totalCount === 1 ? '' : 's'}` })] }), groups.map((g) => {
+                const matches = q
+                    ? g.items.filter((it) => it.name.toLowerCase().includes(q) ||
+                        (it.label ?? '').toLowerCase().includes(q))
+                    : g.items;
+                const isCollapsed = collapsed[g.childType] ?? false;
+                const visible = !q || matches.length > 0;
+                if (!visible && !g.loading)
+                    return null;
+                return (_jsxs("div", { className: "border rounded-lg overflow-hidden", children: [_jsxs("div", { className: "w-full flex items-center gap-2 px-3 py-2 bg-muted/40", children: [_jsxs("button", { type: "button", className: "flex items-center gap-2 flex-1 text-left hover:opacity-80", onClick: () => setCollapsed((s) => ({ ...s, [g.childType]: !isCollapsed })), children: [_jsx(ChevronRight, { className: cn('h-4 w-4 text-muted-foreground transition-transform', !isCollapsed && 'rotate-90') }), _jsx("div", { className: "text-sm font-medium", children: g.anchor.groupLabel ?? g.childType }), _jsx(Badge, { variant: "outline", className: "text-[10px]", children: g.loading ? '…' : matches.length })] }), _jsx(Button, { variant: "ghost", size: "sm", className: "h-7 px-2", onClick: () => {
+                                        if (g.anchor.source === 'embedded') {
+                                            // Embedded items are edited inside the parent's Form
+                                            // tab; jump there rather than to a nonexistent route.
+                                            if (typeof window !== 'undefined') {
+                                                const url = new URL(window.location.href);
+                                                url.searchParams.set('tab', 'form');
+                                                url.searchParams.delete('open');
+                                                window.location.assign(url.toString());
+                                            }
+                                            return;
+                                        }
+                                        navigate(`../../${encodeURIComponent(g.childType)}/_new?anchor=${encodeURIComponent(`${type}:${name}`)}`);
+                                    }, title: g.anchor.source === 'embedded'
+                                        ? `Edit in Form tab`
+                                        : `New ${g.childType}`, children: _jsx(Plus, { className: "h-3.5 w-3.5" }) })] }), !isCollapsed && (_jsxs("div", { className: "divide-y", children: [g.loading && (_jsxs("div", { className: "px-3 py-3 text-xs text-muted-foreground flex items-center gap-2", children: [_jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" }), "Loading ", g.childType, "\u2026"] })), !g.loading && g.error && (_jsxs("div", { className: "px-3 py-3 text-xs text-destructive", children: ["Failed: ", g.error] })), !g.loading && !g.error && matches.length === 0 && (_jsx("div", { className: "px-3 py-3 text-xs text-muted-foreground", children: q ? 'No matches.' : 'Nothing here yet.' })), !g.loading &&
+                                    !g.error &&
+                                    matches.map((it, idx) => (_jsxs("button", { type: "button", onClick: () => onOpen(g.anchor.source === 'embedded'
+                                            ? {
+                                                kind: 'embedded',
+                                                parentType: type,
+                                                parentName: name,
+                                                groupLabel: g.anchor.groupLabel ?? g.childType,
+                                                itemName: it.name,
+                                                raw: it.raw,
+                                            }
+                                            : {
+                                                kind: 'metadata',
+                                                type: g.childType,
+                                                name: it.name,
+                                            }), className: "w-full text-left px-3 py-2 hover:bg-accent/50 flex items-center gap-3", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "font-mono text-xs truncate", children: it.name }), it.label && it.label !== it.name && (_jsx("div", { className: "text-xs text-muted-foreground truncate", children: it.label }))] }), _jsx(ExternalLink, { className: "h-3.5 w-3.5 text-muted-foreground" })] }, `${it.name}-${idx}`)))] }))] }, g.childType));
+            })] }));
+}
+function normaliseItem(raw) {
+    const nameVal = pickString(raw, ['name', 'id', 'key']) ?? '(unnamed)';
+    const labelVal = pickString(raw, ['label', 'title', 'displayName']);
+    const descVal = pickString(raw, ['description', 'summary']);
+    return {
+        name: nameVal,
+        label: labelVal,
+        description: descVal,
+        raw,
+    };
+}
+function pickString(obj, keys) {
+    for (const k of keys) {
+        const v = obj[k];
+        if (typeof v === 'string' && v.length > 0)
+            return v;
+    }
+    return undefined;
+}

package/dist/views/metadata-admin/ResourceEditPage.d.ts

@@ -1,7 +1,13 @@
 export interface MetadataResourceEditPageProps {
-    type: string;
-    name: string;
+    type?: string;
+    name?: string;
     /** When true, this is the Create flow (skip initial fetch). */
     createMode?: boolean;
+    /**
+     * When true, the editor is rendered inside another surface (e.g.
+     * the Related drawer). Hides Related-tab and URL-sync so the inner
+     * page does not fight the outer page for `?tab` / `?open`.
+     */
+    embedded?: boolean;
 }
-export declare function MetadataResourceEditPage({ type, name, createMode, }: MetadataResourceEditPageProps): import("react/jsx-runtime").JSX.Element;
+export declare function MetadataResourceEditPage({ type: typeProp, name: nameProp, createMode, embedded, }: MetadataResourceEditPageProps): import("react/jsx-runtime").JSX.Element;