@object-ui/app-shell 6.2.3 → 7.1.0

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

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // Copyright (c) 2025 ObjectStack. Licensed under the Apache-2.0 license.
 /**
  * PageShell — common hero / breadcrumb / action bar for every metadata
@@ -18,7 +18,7 @@ import * as React from 'react';
 import { Link, useLocation } from 'react-router-dom';
 import { Badge } from '@object-ui/components';
 import { ChevronRight } from 'lucide-react';
-import { detectLocale, t, translateMetadataType } from './i18n';
+import { detectLocale, t, translateMetadataType, translateMetadataDomain } from './i18n';
 export function PageShell({ entry, itemName, subtitle, stats, actions, children, }) {
     const type = entry?.type ?? '';
     const locale = React.useMemo(() => detectLocale(), []);
@@ -31,10 +31,15 @@ export function PageShell({ entry, itemName, subtitle, stats, actions, children,
         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] ' +
+    return (_jsxs("div", { className: "flex flex-col h-full overflow-hidden", children: [itemName ? (_jsxs("div", { className: "px-6 py-2.5 border-b bg-background flex items-center gap-3 min-h-[44px]", children: [_jsxs("nav", { className: "flex items-center gap-1.5 text-xs text-muted-foreground min-w-0", children: [_jsx(Link, { to: metadataBase, className: "hover:text-foreground shrink-0", children: t('engine.breadcrumb.allTypes', locale) }), _jsx(ChevronRight, { className: "h-3 w-3 shrink-0" }), _jsx(Link, { to: `${metadataBase}/${encodeURIComponent(type)}`, className: "hover:text-foreground shrink-0", children: label }), _jsx(ChevronRight, { className: "h-3 w-3 shrink-0" }), _jsx("span", { className: "text-foreground font-medium font-mono truncate", title: itemName, children: itemName })] }), _jsxs("div", { className: "flex items-center gap-1.5 shrink-0", children: [entry?.domain && (_jsx(Badge, { variant: "outline", className: "text-[10px] uppercase tracking-wider h-5 px-1.5", children: translateMetadataDomain(entry.domain, locale) })), entry?.allowOrgOverride ? (_jsx(Badge, { className: 'text-[10px] h-5 px-1.5 ' +
+                                    (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'
+                                    ? 'Writable via OBJECTSTACK_METADATA_WRITABLE env var'
+                                    : 'Writable per ADR-0005 overlay opt-in', children: t('engine.badge.writable', locale) })) : entry?.allowRuntimeCreate ? (_jsx(Badge, { className: "text-[10px] h-5 px-1.5 bg-sky-100 text-sky-800 hover:bg-sky-100", title: "Code-shipped items are locked; new items can be created at runtime", children: t('engine.badge.createOnly', locale) })) : (_jsx(Badge, { variant: "outline", className: "text-[10px] h-5 px-1.5 text-muted-foreground", children: t('engine.badge.readOnly', locale) }))] }), subtitle && (_jsx("div", { className: "text-xs text-muted-foreground truncate", children: subtitle })), _jsx("div", { className: "flex-1" }), _jsxs("div", { className: "flex items-center gap-2 shrink-0", children: [stats?.map((s, i) => (_jsxs("div", { className: "flex items-baseline gap-1 px-2 py-0.5 rounded border bg-muted/30", children: [_jsx("span", { className: "text-[10px] uppercase tracking-wider text-muted-foreground", children: s.label }), _jsx("span", { className: "text-xs font-semibold tabular-nums", children: s.value })] }, i))), actions] })] })) : (_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("span", { className: "text-foreground font-medium", children: label })] }), _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: translateMetadataDomain(entry.domain, locale) })), 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'
                                                     ? 'Writable via OBJECTSTACK_METADATA_WRITABLE env var'
-                                                    : 'Writable per ADR-0005 overlay opt-in', children: "writable" })) : (_jsx(Badge, { variant: "outline", className: "text-[10px] text-muted-foreground", children: "read-only" }))] }), subtitle && (_jsx("div", { className: "text-sm text-muted-foreground mt-1", children: subtitle })), !subtitle && entry?.description && (_jsx("div", { className: "text-sm text-muted-foreground mt-1 max-w-3xl", children: entry.description }))] }), _jsxs("div", { className: "flex items-center gap-2", children: [stats?.map((s, i) => (_jsxs("div", { className: "flex flex-col items-end px-3 py-1 rounded border bg-muted/30 min-w-[64px]", children: [_jsx("span", { className: "text-[10px] uppercase tracking-wider text-muted-foreground", children: s.label }), _jsx("span", { className: "text-sm font-semibold tabular-nums", children: s.value })] }, i))), actions] })] })] }), _jsx("div", { className: "flex-1 overflow-auto", children: children })] }));
+                                                    : 'Writable per ADR-0005 overlay opt-in', children: t('engine.badge.writable', locale) })) : entry?.allowRuntimeCreate ? (_jsx(Badge, { className: "text-[10px] bg-sky-100 text-sky-800 hover:bg-sky-100", title: "Code-shipped items are locked; new items can be created at runtime", children: t('engine.badge.createOnly', locale) })) : (_jsx(Badge, { variant: "outline", className: "text-[10px] text-muted-foreground", children: t('engine.badge.readOnly', locale) }))] }), subtitle && (_jsx("div", { className: "text-sm text-muted-foreground mt-1", children: subtitle })), !subtitle && entry?.description && (_jsx("div", { className: "text-sm text-muted-foreground mt-1 max-w-3xl", children: entry.description }))] }), _jsxs("div", { className: "flex items-center gap-2", children: [stats?.map((s, i) => (_jsxs("div", { className: "flex flex-col items-end px-3 py-1 rounded border bg-muted/30 min-w-[64px]", children: [_jsx("span", { className: "text-[10px] uppercase tracking-wider text-muted-foreground", children: s.label }), _jsx("span", { className: "text-sm font-semibold tabular-nums", children: s.value })] }, i))), actions] })] })] })), _jsx("div", { className: "flex-1 overflow-auto", children: children })] }));
 }

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

@@ -1,5 +1,39 @@
+/**
+ * PermissionMatrixEditor — custom editor for `type=permission` (Phase 3e).
+ *
+ * Renders the Salesforce-style matrix that lives behind a Permission
+ * Set / Profile metadata item:
+ *
+ *   • Top section — object-level CRUD + VAMA (View All / Modify All)
+ *     + lifecycle (Transfer / Restore / Purge).
+ *   • Lower section — field-level R/W for the fields of any object
+ *     selected from the table above.
+ *
+ * Data model (matches `PermissionSetSchema` in
+ * `packages/spec/src/security/permission.zod.ts`):
+ *
+ *   {
+ *     name: string,
+ *     label?: string,
+ *     isProfile?: boolean,
+ *     objects: { [object_name]: ObjectPermission },
+ *     fields?:  { [`${object_name}.${field_name}`]: FieldPermission },
+ *     systemPermissions?: string[],
+ *     tabPermissions?: Record<string, 'visible'|'hidden'|'default_on'|'default_off'>,
+ *   }
+ *
+ * Wiring: registered from `builtinComponents.tsx` as
+ *   registerMetadataResource({ type: 'permission', EditPage: PermissionMatrixEditPage })
+ *
+ * The component reads `/api/v1/meta/object` + `/api/v1/meta/field` to
+ * enumerate available objects and their fields. Saves through the
+ * standard metadata save flow (overlay-aware, OCC, destructive-change
+ * dialog already provided by the generic engine — we go through
+ * client.save() directly).
+ */
+import * as React from 'react';
 export interface PermissionMatrixEditPageProps {
     type: string;
     name: string;
 }
-export declare function PermissionMatrixEditPage({ type, name }: PermissionMatrixEditPageProps): import("react/jsx-runtime").JSX.Element;
+export declare function PermissionMatrixEditPage({ type, name }: PermissionMatrixEditPageProps): React.JSX.Element;

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

@@ -1,5 +1,25 @@
+/**
+ * MetadataQuickFind — Cmd+K palette that searches across all
+ * metadata types (Phase 3c).
+ *
+ * Behaviour:
+ *   • Mounted as a side-effect via `<MetadataQuickFindMount />`.
+ *   • Listens for Cmd+K / Ctrl+K globally; opens a dialog with a
+ *     search input.
+ *   • Free-text search hits two pools:
+ *       (a) Metadata types from `/meta/types` (jump to directory entry).
+ *       (b) Items of any type — lazy-fetched the first time the palette
+ *           opens, cached for the session.
+ *   • Selecting a result navigates to the appropriate route.
+ *
+ * Trade-offs: For the MVP we eagerly fetch the item index on first
+ * open (one `/meta/:type` per writable type). For most workspaces
+ * that's a few hundred items total — well within a fast modal load.
+ * If usage grows we'll switch to server-side search.
+ */
+import * as React from 'react';
 export interface MetadataQuickFindProps {
     /** Optional app slug for routing; defaults to "setup" if unknown. */
     appSlug?: string;
 }
-export declare function MetadataQuickFind({ appSlug }?: MetadataQuickFindProps): import("react/jsx-runtime").JSX.Element;
+export declare function MetadataQuickFind({ appSlug }?: MetadataQuickFindProps): React.JSX.Element;

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

@@ -25,9 +25,9 @@ import { Dialog, DialogContent, DialogHeader, DialogTitle, } from '@object-ui/co
 import { Input } from '@object-ui/components';
 import { Badge } from '@object-ui/components';
 import { Kbd } from '@object-ui/components';
-import { Search, Loader2 } from 'lucide-react';
+import { Search, Loader2, Lock } from 'lucide-react';
 import { useMetadataClient, useMetadataTypes, } from './useMetadata';
-import { detectLocale, t as tr } from './i18n';
+import { detectLocale, t as tr, translateMetadataType } from './i18n';
 export function MetadataQuickFind({ appSlug } = {}) {
     const navigate = useNavigate();
     const client = useMetadataClient();
@@ -76,6 +76,8 @@ export function MetadataQuickFind({ appSlug } = {}) {
                                 name: String(name),
                                 label: item?.label,
                                 description: item?.description,
+                                lock: typeof item?._lock === 'string' ? item._lock : undefined,
+                                lockReason: typeof item?._lockReason === 'string' ? item._lockReason : undefined,
                             });
                         }
                     }
@@ -105,6 +107,7 @@ export function MetadataQuickFind({ appSlug } = {}) {
         const typeHits = typeEntries
             .filter((e) => e.type.toLowerCase().includes(q) ||
             (e.label ?? '').toLowerCase().includes(q) ||
+            translateMetadataType(e.type, locale, e.label).toLowerCase().includes(q) ||
             (e.description ?? '').toLowerCase().includes(q))
             .slice(0, 8)
             .map((entry) => ({ kind: 'type', entry }));
@@ -146,7 +149,7 @@ export function MetadataQuickFind({ appSlug } = {}) {
         }
     }
     return (_jsx(Dialog, { open: open, onOpenChange: setOpen, children: _jsxs(DialogContent, { className: "max-w-2xl p-0 overflow-hidden", children: [_jsx(DialogHeader, { className: "sr-only", children: _jsx(DialogTitle, { children: tr('engine.quickfind.title', locale) }) }), _jsxs("div", { className: "border-b px-3 py-2 flex items-center gap-2", children: [_jsx(Search, { className: "h-4 w-4 text-muted-foreground" }), _jsx(Input, { autoFocus: true, placeholder: tr('engine.quickfind.placeholder', locale), value: query, onChange: (e) => setQuery(e.target.value), onKeyDown: onKeyDown, className: "border-0 shadow-none focus-visible:ring-0 px-0" }), _jsx(Kbd, { children: "esc" })] }), _jsxs("div", { className: "max-h-[440px] overflow-auto", children: [itemsLoading && (_jsxs("div", { className: "px-3 py-4 text-xs text-muted-foreground flex items-center gap-2", children: [_jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" }), tr('engine.quickfind.indexing', locale), " ", typeEntries.length, "\u2026"] })), !itemsLoading && results.length === 0 && (_jsx("div", { className: "px-3 py-6 text-xs text-muted-foreground text-center", children: tr('engine.quickfind.noMatches', locale) })), _jsx("ul", { role: "listbox", children: results.map((r, i) => (_jsx("li", { children: _jsxs("button", { type: "button", onClick: () => navigateTo(r), onMouseEnter: () => setActiveIdx(i), className: 'w-full text-left px-3 py-2 flex items-center gap-3 hover:bg-accent ' +
-                                        (i === activeIdx ? 'bg-accent' : ''), children: [_jsx(Badge, { variant: "outline", className: "text-[10px] font-mono shrink-0", children: r.kind === 'type' ? 'type' : r.type }), _jsx("div", { className: "min-w-0 flex-1", children: r.kind === 'type' ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "text-sm font-medium truncate", children: r.entry.label ?? r.entry.type }), r.entry.description && (_jsx("div", { className: "text-xs text-muted-foreground truncate", children: r.entry.description }))] })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "text-sm font-mono truncate", children: [r.name, r.label && (_jsx("span", { className: "text-muted-foreground font-sans ml-2", children: r.label }))] }), r.description && (_jsx("div", { className: "text-xs text-muted-foreground truncate", children: r.description }))] })) })] }) }, r.kind === 'type'
+                                        (i === activeIdx ? 'bg-accent' : ''), children: [_jsx(Badge, { variant: "outline", className: "text-[10px] font-mono shrink-0", children: r.kind === 'type' ? 'type' : r.type }), _jsx("div", { className: "min-w-0 flex-1", children: r.kind === 'type' ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "text-sm font-medium truncate", children: translateMetadataType(r.entry.type, locale, r.entry.label) }), r.entry.description && (_jsx("div", { className: "text-xs text-muted-foreground truncate", children: r.entry.description }))] })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "text-sm font-mono truncate flex items-center gap-1.5", children: [r.lock && r.lock !== 'none' && (_jsx("span", { className: "text-amber-600 dark:text-amber-400 shrink-0", title: r.lockReason ?? `_lock=${r.lock}`, "aria-label": "locked", children: _jsx(Lock, { className: "h-3 w-3" }) })), r.name, r.label && (_jsx("span", { className: "text-muted-foreground font-sans ml-2", children: r.label }))] }), r.description && (_jsx("div", { className: "text-xs text-muted-foreground truncate", children: r.description }))] })) })] }) }, r.kind === 'type'
                                 ? `t:${r.entry.type}`
                                 : `i:${r.type}:${r.name}`))) })] }), _jsxs("div", { className: "border-t px-3 py-1.5 flex items-center gap-3 text-[10px] text-muted-foreground", children: [_jsxs("span", { children: [_jsx(Kbd, { children: "\u2191" }), " ", _jsx(Kbd, { children: "\u2193" }), " navigate"] }), _jsxs("span", { children: [_jsx(Kbd, { children: "\u21B5" }), " open"] }), _jsxs("span", { className: "ml-auto", children: [_jsx(Kbd, { children: "\u2318" }), _jsx(Kbd, { children: "\u21E7" }), _jsx(Kbd, { children: "M" }), " toggle"] })] })] }) }));
 }

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

@@ -1,3 +1,26 @@
+/**
+ * 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';
 export interface RelatedPanelProps {
     /** Parent metadata type, e.g. `object`. */
     type: string;
@@ -34,4 +57,4 @@ export type RelatedTarget = {
     /** Dotted path inside parent where this collection lives (e.g. 'fields'). */
     embeddedPath?: string;
 };
-export declare function RelatedPanel({ type, name, parentItem, onOpen, }: RelatedPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function RelatedPanel({ type, name, parentItem, onOpen, }: RelatedPanelProps): React.JSX.Element;

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

@@ -132,24 +132,26 @@ export function RelatedPanel({ type, name, parentItem, onOpen, }) {
                                         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,
-                                                editAs: g.anchor.editAs,
-                                                embeddedPath: g.anchor.embeddedPath,
-                                            }
-                                            : {
-                                                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));
+                                        : `New ${g.childType}`, children: _jsx(Plus, { className: "h-3.5 w-3.5" }) })] }), !isCollapsed && (_jsxs("div", { 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.length > 0 && (_jsxs("table", { className: "w-full text-sm border-t", children: [_jsx("thead", { children: _jsxs("tr", { className: "bg-muted/30 text-[10px] uppercase tracking-wider text-muted-foreground", children: [_jsx("th", { className: "text-left font-medium px-3 py-1.5 w-[45%]", children: "Name" }), _jsx("th", { className: "text-left font-medium px-3 py-1.5", children: "Label" }), _jsx("th", { className: "w-8" })] }) }), _jsx("tbody", { className: "divide-y", children: matches.map((it, idx) => (_jsxs("tr", { role: "button", tabIndex: 0, onClick: () => onOpen(g.anchor.source === 'embedded'
+                                                    ? {
+                                                        kind: 'embedded',
+                                                        parentType: type,
+                                                        parentName: name,
+                                                        groupLabel: g.anchor.groupLabel ?? g.childType,
+                                                        itemName: it.name,
+                                                        raw: it.raw,
+                                                        editAs: g.anchor.editAs,
+                                                        embeddedPath: g.anchor.embeddedPath,
+                                                    }
+                                                    : {
+                                                        kind: 'metadata',
+                                                        type: g.childType,
+                                                        name: it.name,
+                                                    }), onKeyDown: (e) => {
+                                                    if (e.key === 'Enter' || e.key === ' ') {
+                                                        e.currentTarget.click();
+                                                    }
+                                                }, className: "hover:bg-accent/50 cursor-pointer", children: [_jsx("td", { className: "px-3 py-1.5 font-mono text-xs truncate max-w-0", children: it.name }), _jsx("td", { className: "px-3 py-1.5 text-xs text-muted-foreground truncate max-w-0", children: it.label && it.label !== it.name ? it.label : '' }), _jsx("td", { className: "px-3 py-1.5 text-right", children: _jsx(ExternalLink, { className: "h-3.5 w-3.5 text-muted-foreground inline" }) })] }, `${it.name}-${idx}`))) })] }))] }))] }, g.childType));
             })] }));
 }
 function normaliseItem(raw) {

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

@@ -1,3 +1,42 @@
+/**
+ * MetadataResourceEditPage — generic AutoForm-driven editor (Phase 3c).
+ *
+ * What it does:
+ *   1. Fetches the layered view (`?layers=true`) so the user sees code
+ *      vs overlay vs effective.
+ *   2. Renders a SchemaForm against the JSONSchema in the type's
+ *      `/meta/types` registry row.
+ *   3. Save → PUT, with automatic destructive-change handling: a 409
+ *      `destructive_change` response opens a confirmation dialog
+ *      listing the issues, and on confirm we retry with `?force=true`.
+ *   4. Reset overlay → DELETE (overlay only).
+ *   5. References tab → calls `client.references()` and lists
+ *      back-pointers so admins know what will break before deleting.
+ *
+ * Works for any of the 27 metadata types — bespoke editors (Object,
+ * Field, View, Permission Matrix) opt out by registering a custom
+ * EditPage via `registerMetadataResource()`.
+ */
+import * as React from 'react';
+/**
+ * Decide whether the validation-diagnostics banner should render at all.
+ *
+ * The gate has two reasons to stay hidden:
+ *   - `loadFailed` — the layered/draft fetch itself failed, so the form is
+ *     sitting on empty defaults. Any required-field issues the client
+ *     validator produces are an artefact of the empty form, not a verdict on
+ *     the item; the explicit "failed to load" banner already tells the real
+ *     story. Suppress so a transport failure never masquerades as a broken
+ *     item.
+ *   - no diagnostics source — there is neither a server `_diagnostics`
+ *     payload nor a client-side validator for this type, so there is nothing
+ *     to show.
+ */
+export declare function shouldRenderDiagnostics(opts: {
+    loadFailed: boolean;
+    hasDiag: boolean;
+    hasClientValidator: boolean;
+}): boolean;
 export interface MetadataResourceEditPageProps {
     type?: string;
     name?: string;
@@ -10,4 +49,4 @@ export interface MetadataResourceEditPageProps {
      */
     embedded?: boolean;
 }
-export declare function MetadataResourceEditPage({ type: typeProp, name: nameProp, createMode, embedded, }: MetadataResourceEditPageProps): import("react/jsx-runtime").JSX.Element;
+export declare function MetadataResourceEditPage({ type: typeProp, name: nameProp, createMode, embedded, }: MetadataResourceEditPageProps): React.JSX.Element;