@praxisui/crud 5.0.0-beta.0 → 7.0.0-beta.0

package/fesm2022/praxisui-crud.mjs

@@ -1,23 +1,39 @@
 import * as i0 from '@angular/core';
-import { Injectable, InjectionToken, inject, EventEmitter, DestroyRef, ChangeDetectorRef, ViewChild, Output, Input, Component, Inject, ENVIRONMENT_INITIALIZER } from '@angular/core';
+import { Injectable, InjectionToken, inject, input, signal, computed, effect, ChangeDetectionStrategy, Component, EventEmitter, DestroyRef, ChangeDetectorRef, ViewChild, Output, Input, Inject, ENVIRONMENT_INITIALIZER } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { HttpClient } from '@angular/common/http';
 import { Router, ActivatedRoute, RouterLink } from '@angular/router';
 import { MatSnackBar } from '@angular/material/snack-bar';
-import { firstValueFrom } from 'rxjs';
-import * as i2 from '@praxisui/core';
-import { ASYNC_CONFIG_STORAGE, GlobalConfigService, fillUndefined, createDefaultTableConfig, PraxisI18nService, ResourceDiscoveryService, ResourceActionOpenAdapterService, ResourceSurfaceOpenAdapterService, GLOBAL_SURFACE_SERVICE, ComponentKeyService, translateUnavailableWorkflowMessage, EmptyStateCardComponent, providePraxisI18nConfig, RESOURCE_DISCOVERY_I18N_CONFIG, PraxisIconDirective, GenericCrudService, ComponentMetadataRegistry } from '@praxisui/core';
-import { PraxisTable } from '@praxisui/table';
+import { firstValueFrom, BehaviorSubject } from 'rxjs';
+import * as i2$1 from '@praxisui/core';
+import { ASYNC_CONFIG_STORAGE, GlobalConfigService, CrudOperationResolutionService, fillUndefined, SETTINGS_PANEL_DATA, PraxisI18nService, providePraxisI18nConfig, createDefaultTableConfig, ResourceDiscoveryService, ResourceActionOpenAdapterService, ResourceSurfaceOpenAdapterService, GLOBAL_SURFACE_SERVICE, ComponentKeyService, translateUnavailableWorkflowMessage, EmptyStateCardComponent, RESOURCE_DISCOVERY_I18N_CONFIG, PraxisIconDirective, GenericCrudService, ComponentMetadataRegistry } from '@praxisui/core';
+import { SettingsPanelService } from '@praxisui/settings-panel';
+import { PraxisTableInlineAuthoringEditorComponent, PraxisTable } from '@praxisui/table';
+import { ConfirmDialogComponent } from '@praxisui/dynamic-fields';
 import * as i1 from '@angular/material/dialog';
 import { MatDialogRef, MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
 export { MAT_DIALOG_DATA as DIALOG_DATA } from '@angular/material/dialog';
-import * as i1$1 from '@angular/common';
+import * as i1$2 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i4 from '@angular/material/button';
+import * as i1$1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import * as i2 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
-import * as i5 from '@angular/material/icon';
+import * as i3 from '@angular/material/card';
+import { MatCardModule } from '@angular/material/card';
+import * as i4 from '@angular/material/expansion';
+import { MatExpansionModule } from '@angular/material/expansion';
+import * as i5 from '@angular/material/form-field';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import * as i6 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import * as i7 from '@angular/material/select';
+import { MatSelectModule } from '@angular/material/select';
+import * as i8 from '@angular/material/slide-toggle';
+import { MatSlideToggleModule } from '@angular/material/slide-toggle';
+import * as i5$1 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
 import { PraxisDynamicForm } from '@praxisui/dynamic-form';
-import { ConfirmDialogComponent } from '@praxisui/dynamic-fields';
 import { filter, take } from 'rxjs/operators';
 
 class DialogService {
@@ -57,6 +73,7 @@ class CrudLauncherService {
     dialog = inject(DialogService);
     storage = inject(ASYNC_CONFIG_STORAGE);
     global = inject(GlobalConfigService);
+    operationResolver = inject(CrudOperationResolutionService);
     drawerAdapter = (() => {
         try {
             return inject(CRUD_DRAWER_ADAPTER);
@@ -65,7 +82,7 @@ class CrudLauncherService {
             return undefined;
         }
     })();
-    async launch(action, row, metadata, componentKeyId, drawerCallbacks) {
+    async launch(action, row, metadata, componentKeyId, drawerCallbacks, runtime) {
         // Carregar overrides de CRUD (se houver) e mesclar em uma cópia local
         const merged = await this.mergeCrudOverrides(metadata, action, componentKeyId || undefined);
         const mode = this.resolveOpenMode(merged.action, merged.metadata);
@@ -79,13 +96,14 @@ class CrudLauncherService {
             return { mode };
         }
         if (mode === 'drawer' && this.drawerAdapter) {
-            const inputs = this.mapInputs(merged.action, row);
+            const actionForLaunch = this.resolveActionForLaunch(merged.action, merged.metadata);
+            const inputs = this.mapInputs(actionForLaunch, row, merged.metadata, runtime);
             const idField = merged.metadata.resource?.idField ?? 'id';
             if (row && inputs[idField] === undefined && row[idField] !== undefined) {
                 inputs[idField] = row[idField];
             }
             await Promise.resolve(this.drawerAdapter.open({
-                action: merged.action,
+                action: actionForLaunch,
                 metadata: merged.metadata,
                 inputs,
                 onClose: drawerCallbacks?.onClose,
@@ -93,18 +111,22 @@ class CrudLauncherService {
             }));
             return { mode };
         }
-        if (!merged.action.formId) {
-            throw new Error(`formId not provided for action ${merged.action.action}`);
+        const actionForLaunch = this.resolveActionForLaunch(merged.action, merged.metadata);
+        if (!actionForLaunch.formId) {
+            throw new Error(`formId not provided for action ${actionForLaunch.action}`);
         }
-        const inputs = this.mapInputs(merged.action, row);
+        const inputs = this.mapInputs(actionForLaunch, row, merged.metadata, runtime);
         const idField = merged.metadata.resource?.idField ?? 'id';
-        if (row && inputs[idField] === undefined && row[idField] !== undefined) {
+        if (actionForLaunch.action !== 'create' &&
+            row &&
+            inputs[idField] === undefined &&
+            row[idField] !== undefined) {
             inputs[idField] = row[idField];
         }
         const modalCfg = { ...(merged.metadata.defaults?.modal || {}) };
         console.debug('[CRUD:Launcher] opening dialog with:', {
             action: merged.action.action,
-            formId: merged.action.formId,
+            formId: actionForLaunch.formId,
             inputs,
             modalCfg,
             resourcePath: merged.metadata.resource?.path ?? merged.metadata.table?.resourcePath,
@@ -137,7 +159,7 @@ class CrudLauncherService {
             minWidth: '360px',
             maxWidth: '95vw',
             ariaLabelledBy: 'crudDialogTitle',
-            data: { action: merged.action, row, metadata: merged.metadata, inputs },
+            data: { action: actionForLaunch, row, metadata: merged.metadata, inputs },
         });
         return { mode, ref };
     }
@@ -152,8 +174,10 @@ class CrudLauncherService {
             const actionName = action.action;
             const globalMode = (actionName && globalCrud?.actionDefaults?.[actionName]?.openMode) ?? globalCrud?.defaults?.openMode;
             let resolved = globalMode ?? 'route';
-            // Safety: if modal/drawer but no formId, degrade to route to avoid runtime error
-            if ((resolved === 'modal' || resolved === 'drawer') && !action.formId) {
+            // Safety: if modal/drawer but there is no formId and the action cannot be inferred, degrade to route.
+            if ((resolved === 'modal' || resolved === 'drawer') &&
+                !action.formId &&
+                !this.isCanonicalCrudAction(action.action)) {
                 resolved = 'route';
             }
             return resolved;
@@ -201,15 +225,116 @@ class CrudLauncherService {
         const queryString = new URLSearchParams(query).toString();
         return queryString ? `${route}?${queryString}` : route;
     }
-    mapInputs(action, row) {
+    mapInputs(action, row, metadata, runtime) {
         const inputs = {};
         action.params?.forEach((p) => {
             if (p.to === 'input') {
                 inputs[p.name] = row?.[p.from];
             }
         });
+        const resolved = this.resolveActionFormContract(action, row, metadata, runtime);
+        if (resolved.schemaUrl) {
+            inputs['schemaUrl'] = resolved.schemaUrl;
+        }
+        if (resolved.submitUrl) {
+            inputs['submitUrl'] = resolved.submitUrl;
+        }
+        if (resolved.submitMethod) {
+            inputs['submitMethod'] = resolved.submitMethod;
+        }
+        if (resolved.apiEndpointKey != null) {
+            inputs['apiEndpointKey'] = resolved.apiEndpointKey;
+        }
+        if (resolved.apiUrlEntry != null) {
+            inputs['apiUrlEntry'] = resolved.apiUrlEntry;
+        }
+        if (action.form?.initialValue != null) {
+            inputs['initialValue'] = action.form.initialValue;
+        }
         return inputs;
     }
+    resolveActionForLaunch(action, metadata) {
+        if (action.formId) {
+            return action;
+        }
+        if (!this.isCanonicalCrudAction(action.action)) {
+            return action;
+        }
+        const formId = this.buildInferredFormId(action, metadata);
+        return formId ? { ...action, formId } : action;
+    }
+    resolveActionFormContract(action, row, metadata, runtime) {
+        if (this.isExplicitCrudAction(action)) {
+            return {
+                schemaUrl: action.form?.schemaUrl ?? null,
+                submitUrl: action.form?.submitUrl ?? null,
+                submitMethod: action.form?.submitMethod ?? null,
+                apiEndpointKey: action.form?.apiEndpointKey ?? null,
+                apiUrlEntry: action.form?.apiUrlEntry ?? null,
+            };
+        }
+        if (!this.isCanonicalCrudAction(action.action)) {
+            return {
+                apiEndpointKey: action.form?.apiEndpointKey ?? null,
+                apiUrlEntry: action.form?.apiUrlEntry ?? null,
+            };
+        }
+        const resourcePath = String(metadata.resource?.path ?? metadata.table?.resourcePath ?? '').trim();
+        if (!resourcePath) {
+            return {
+                apiEndpointKey: action.form?.apiEndpointKey ?? null,
+                apiUrlEntry: action.form?.apiUrlEntry ?? null,
+            };
+        }
+        const idField = String(metadata.resource?.idField ?? 'id');
+        const resourceId = row?.[idField];
+        const resolved = this.operationResolver.resolve({
+            operation: action.action,
+            resourcePath,
+            resourceId: resourceId ?? null,
+            capabilities: runtime?.capabilities ?? null,
+            links: runtime?.links ?? null,
+            explicit: null,
+            endpointKey: action.form?.apiEndpointKey ??
+                metadata.resource?.endpointKey ??
+                undefined,
+            apiUrlEntry: action.form?.apiUrlEntry ?? null,
+        });
+        return {
+            schemaUrl: resolved?.schemaUrl ?? null,
+            submitUrl: resolved?.submitUrl ?? null,
+            submitMethod: resolved?.submitMethod ?? null,
+            apiEndpointKey: action.form?.apiEndpointKey ?? metadata.resource?.endpointKey ?? null,
+            apiUrlEntry: action.form?.apiUrlEntry ?? null,
+        };
+    }
+    resolveRuntimeContract(action, row, metadata, runtime) {
+        return this.resolveActionFormContract(action, row, metadata, runtime);
+    }
+    buildInferredFormId(action, metadata) {
+        const resourcePath = String(metadata.resource?.path ?? metadata.table?.resourcePath ?? '').trim();
+        if (!resourcePath) {
+            return undefined;
+        }
+        const sanitizedResource = resourcePath
+            .replace(/^\/+/, '')
+            .replace(/\/+$/, '')
+            .replace(/[^a-zA-Z0-9/_-]+/g, '')
+            .replace(/[\/_]+/g, '-');
+        return `${sanitizedResource || 'crud'}-${String(action.action || '').trim().toLowerCase()}`;
+    }
+    isCanonicalCrudAction(actionName) {
+        const normalized = String(actionName || '').trim().toLowerCase();
+        return normalized === 'create' || normalized === 'view' || normalized === 'edit' || normalized === 'delete';
+    }
+    isExplicitCrudAction(action) {
+        if (action.mode === 'explicit') {
+            return true;
+        }
+        return !!(String(action.form?.schemaUrl || '').trim() ||
+            String(action.form?.submitUrl || '').trim() ||
+            String(action.form?.submitMethod || '').trim());
+    }
     async mergeCrudOverrides(metadata, action, componentKeyId) {
         try {
             if (!componentKeyId)
@@ -265,6 +390,294 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
             args: [{ providedIn: 'root' }]
         }] });
 
+const DOCUMENT_KIND = 'praxis.crud.editor';
+const DOCUMENT_VERSION = 1;
+const CANONICAL_ACTIONS = ['create', 'view', 'edit', 'delete'];
+const OPEN_MODES$1 = ['route', 'modal', 'drawer'];
+function createCrudAuthoringDocument(source) {
+    return normalizeCrudAuthoringDocument({
+        kind: DOCUMENT_KIND,
+        version: DOCUMENT_VERSION,
+        metadata: asCrudMetadata(source?.metadata),
+    });
+}
+function parseLegacyOrCrudDocument(raw) {
+    const obj = asRecord(raw);
+    if (obj.kind === DOCUMENT_KIND && obj.version === DOCUMENT_VERSION) {
+        return normalizeCrudAuthoringDocument({
+            kind: DOCUMENT_KIND,
+            version: DOCUMENT_VERSION,
+            metadata: asCrudMetadata(obj.metadata),
+        });
+    }
+    if (obj.document) {
+        return parseLegacyOrCrudDocument(obj.document);
+    }
+    if (isCrudMetadataLike(obj)) {
+        return createCrudAuthoringDocument({ metadata: obj });
+    }
+    if (isCrudMetadataLike(asRecord(obj.metadata))) {
+        return createCrudAuthoringDocument({ metadata: obj.metadata });
+    }
+    return createCrudAuthoringDocument({ metadata: raw });
+}
+function normalizeCrudAuthoringDocument(doc) {
+    return {
+        kind: DOCUMENT_KIND,
+        version: DOCUMENT_VERSION,
+        metadata: normalizeCrudMetadata(doc?.metadata),
+    };
+}
+function serializeCrudAuthoringDocument(doc) {
+    const normalized = normalizeCrudAuthoringDocument(doc);
+    return stripUndefinedDeep({
+        kind: DOCUMENT_KIND,
+        version: DOCUMENT_VERSION,
+        metadata: normalized.metadata,
+    });
+}
+function validateCrudAuthoringDocument(doc, context) {
+    const diagnostics = [];
+    const normalized = normalizeCrudAuthoringDocument(doc);
+    const metadata = normalized.metadata;
+    if (metadata.component !== 'praxis-crud') {
+        diagnostics.push(errorDiagnostic('crud.metadata.component.invalid', 'metadata.component must be praxis-crud', 'metadata.component'));
+    }
+    if (!metadata.table || typeof metadata.table !== 'object') {
+        diagnostics.push(errorDiagnostic('crud.metadata.table.required', 'metadata.table is required', 'metadata.table'));
+    }
+    if (metadata.resource &&
+        'path' in metadata.resource &&
+        !trimString(metadata.resource.path)) {
+        diagnostics.push(errorDiagnostic('crud.metadata.resource.path.required', 'metadata.resource.path must not be empty when resource is provided', 'metadata.resource.path'));
+    }
+    if (!trimString(metadata.resource?.path) && !Array.isArray(metadata.data)) {
+        diagnostics.push(warnDiagnostic('crud.metadata.resource-or-data.missing', 'Provide metadata.resource.path or metadata.data so the CRUD can resolve its source', 'metadata.resource.path'));
+    }
+    if (context?.requireCanonicalActions) {
+        for (const actionName of CANONICAL_ACTIONS) {
+            if (!findCrudAction(metadata.actions, actionName)) {
+                diagnostics.push(infoDiagnostic(`crud.metadata.actions.${actionName}.missing`, `Canonical CRUD action ${actionName} is not declared yet`, `metadata.actions.${actionName}`));
+            }
+        }
+    }
+    for (const action of metadata.actions || []) {
+        validateCrudAction(action, metadata, diagnostics);
+    }
+    return diagnostics;
+}
+function findCrudAction(actions, actionName) {
+    return (actions || []).find((action) => action?.action === actionName);
+}
+function validateCrudAction(action, metadata, diagnostics) {
+    const actionName = trimString(action?.action) || 'unknown';
+    const effectiveOpenMode = normalizeOpenMode(action?.openMode ?? metadata.defaults?.openMode) || 'route';
+    const inferredCanonical = isCanonicalCrudAction$1(action?.action) && !isExplicitCrudAction$1(action);
+    if (action.openMode && !normalizeOpenMode(action.openMode)) {
+        diagnostics.push(errorDiagnostic('crud.metadata.actions.openMode.invalid', 'action.openMode must be route, modal or drawer', `metadata.actions.${actionName}.openMode`));
+    }
+    if (effectiveOpenMode === 'route' && !trimString(action.route)) {
+        diagnostics.push(errorDiagnostic('crud.metadata.actions.route.required', 'route is required when the effective open mode is route', `metadata.actions.${actionName}.route`));
+    }
+    if ((effectiveOpenMode === 'modal' || effectiveOpenMode === 'drawer') &&
+        !trimString(action.formId) &&
+        !inferredCanonical) {
+        diagnostics.push(errorDiagnostic('crud.metadata.actions.formId.required', 'formId is required when the effective open mode is modal or drawer', `metadata.actions.${actionName}.formId`));
+    }
+    const hasSubmitUrl = !!trimString(action.form?.submitUrl);
+    const hasSubmitMethod = !!trimString(action.form?.submitMethod);
+    if (hasSubmitUrl !== hasSubmitMethod) {
+        diagnostics.push(errorDiagnostic('crud.metadata.actions.form.submit-contract.invalid', 'form.submitUrl and form.submitMethod must be provided together', `metadata.actions.${actionName}.form`));
+    }
+}
+function normalizeCrudMetadata(metadata) {
+    const base = cloneJson(metadata || {
+        component: 'praxis-crud',
+        table: { columns: [] },
+    });
+    const hasExplicitComponent = Object.prototype.hasOwnProperty.call(base, 'component');
+    const hasExplicitTable = Object.prototype.hasOwnProperty.call(base, 'table');
+    const normalized = {
+        ...base,
+        component: hasExplicitComponent && typeof base.component === 'string'
+            ? base.component
+            : 'praxis-crud',
+        table: (hasExplicitTable ? base.table : { columns: [] }),
+    };
+    if (base.resource && typeof base.resource === 'object') {
+        normalized.resource = stripUndefinedShallow({
+            path: trimString(base.resource.path) || undefined,
+            idField: typeof base.resource.idField === 'string'
+                ? trimString(base.resource.idField) || undefined
+                : base.resource.idField,
+            endpointKey: trimString(base.resource.endpointKey) || undefined,
+        });
+    }
+    if (base.defaults && typeof base.defaults === 'object') {
+        normalized.defaults = stripUndefinedDeep({
+            ...base.defaults,
+            openMode: normalizeOpenMode(base.defaults.openMode),
+            back: normalizeBackConfig(base.defaults.back),
+            header: base.defaults.header
+                ? {
+                    ...base.defaults.header,
+                    backLabel: trimString(base.defaults.header.backLabel) || undefined,
+                    variant: normalizeHeaderVariant(base.defaults.header.variant),
+                }
+                : undefined,
+        });
+    }
+    if (Array.isArray(base.actions)) {
+        normalized.actions = [...base.actions]
+            .map((action) => normalizeCrudAction(action))
+            .sort(compareCrudActions);
+    }
+    return stripUndefinedDeep(normalized);
+}
+function normalizeCrudAction(action) {
+    return stripUndefinedDeep({
+        ...action,
+        action: trimString(action?.action) || action?.action,
+        id: trimString(action?.id) || undefined,
+        label: trimString(action?.label) || undefined,
+        openMode: normalizeOpenMode(action?.openMode),
+        route: trimString(action?.route) || undefined,
+        formId: trimString(action?.formId) || undefined,
+        back: normalizeBackConfig(action?.back),
+        params: Array.isArray(action?.params)
+            ? action.params
+                .map((param) => stripUndefinedDeep({
+                from: trimString(param?.from) || undefined,
+                to: normalizeParamTarget(param?.to),
+                name: trimString(param?.name) || undefined,
+            }))
+                .filter((param) => !!(param.from || param.to || param.name))
+            : undefined,
+        form: action?.form
+            ? {
+                schemaUrl: trimString(action.form.schemaUrl) || undefined,
+                submitUrl: trimString(action.form.submitUrl) || undefined,
+                submitMethod: trimString(action.form.submitMethod) || undefined,
+                apiEndpointKey: trimString(action.form.apiEndpointKey) || undefined,
+                apiUrlEntry: action.form.apiUrlEntry || undefined,
+                initialValue: normalizeInitialValue(action.form.initialValue),
+            }
+            : undefined,
+    });
+}
+function isCanonicalCrudAction$1(actionName) {
+    const normalized = trimString(actionName) || '';
+    return CANONICAL_ACTIONS.includes(normalized);
+}
+function isExplicitCrudAction$1(action) {
+    if (action?.mode === 'explicit') {
+        return true;
+    }
+    return !!(trimString(action?.form?.schemaUrl) ||
+        trimString(action?.form?.submitUrl) ||
+        trimString(action?.form?.submitMethod));
+}
+function compareCrudActions(left, right) {
+    return resolveActionWeight(left?.action) - resolveActionWeight(right?.action);
+}
+function resolveActionWeight(actionName) {
+    const normalized = trimString(actionName) || '';
+    const index = CANONICAL_ACTIONS.indexOf(normalized);
+    return index >= 0 ? index : CANONICAL_ACTIONS.length + normalized.localeCompare('');
+}
+function normalizeOpenMode(value) {
+    const trimmed = trimString(value);
+    return OPEN_MODES$1.includes(trimmed)
+        ? trimmed
+        : undefined;
+}
+function normalizeHeaderVariant(value) {
+    const trimmed = trimString(value);
+    return trimmed && ['ghost', 'tonal', 'outlined'].includes(trimmed)
+        ? trimmed
+        : undefined;
+}
+function normalizeBackConfig(value) {
+    if (!value || typeof value !== 'object') {
+        return undefined;
+    }
+    const back = value;
+    const strategy = trimString(back['strategy']);
+    return stripUndefinedDeep({
+        strategy: strategy && ['auto', 'close', 'navigate'].includes(strategy) ? strategy : undefined,
+        returnTo: trimString(back['returnTo']) || undefined,
+        confirmOnDirty: typeof back['confirmOnDirty'] === 'boolean' ? back['confirmOnDirty'] : undefined,
+    });
+}
+function normalizeParamTarget(value) {
+    const trimmed = trimString(value);
+    return trimmed && ['routeParam', 'query', 'input'].includes(trimmed)
+        ? trimmed
+        : undefined;
+}
+function normalizeInitialValue(value) {
+    return value && typeof value === 'object' && !Array.isArray(value)
+        ? cloneJson(value)
+        : undefined;
+}
+function isCrudMetadataLike(value) {
+    return value.component === 'praxis-crud';
+}
+function asCrudMetadata(raw) {
+    return (raw && typeof raw === 'object'
+        ? raw
+        : { component: 'praxis-crud', table: { columns: [] } });
+}
+function asRecord(raw) {
+    return raw && typeof raw === 'object' ? raw : {};
+}
+function trimString(raw) {
+    if (typeof raw !== 'string')
+        return undefined;
+    const trimmed = raw.trim();
+    return trimmed ? trimmed : undefined;
+}
+function cloneJson(value) {
+    return value == null ? value : JSON.parse(JSON.stringify(value));
+}
+function stripUndefinedShallow(value) {
+    return Object.fromEntries(Object.entries(value).filter(([, entry]) => entry !== undefined));
+}
+function stripUndefinedDeep(value) {
+    if (Array.isArray(value)) {
+        return value
+            .map((entry) => stripUndefinedDeep(entry))
+            .filter((entry) => entry !== undefined);
+    }
+    if (value && typeof value === 'object') {
+        return Object.fromEntries(Object.entries(value)
+            .map(([key, entry]) => [key, stripUndefinedDeep(entry)])
+            .filter(([, entry]) => entry !== undefined));
+    }
+    return value;
+}
+function errorDiagnostic(code, message, path) {
+    return { level: 'error', code, message, path };
+}
+function warnDiagnostic(code, message, path) {
+    return { level: 'warning', code, message, path };
+}
+function infoDiagnostic(code, message, path) {
+    return { level: 'info', code, message, path };
+}
+
+function isCanonicalCrudAction(actionName) {
+    const normalized = String(actionName || '').trim().toLowerCase();
+    return normalized === 'create' || normalized === 'view' || normalized === 'edit' || normalized === 'delete';
+}
+function isExplicitCrudAction(action) {
+    if (action.mode === 'explicit') {
+        return true;
+    }
+    return !!(String(action.form?.schemaUrl || '').trim() ||
+        String(action.form?.submitUrl || '').trim() ||
+        String(action.form?.submitMethod || '').trim());
+}
 function assertCrudMetadata(meta, options = {}) {
     if (meta.component !== 'praxis-crud') {
         throw new Error('Invalid component type for CRUD metadata');
@@ -274,12 +687,14 @@ function assertCrudMetadata(meta, options = {}) {
     }
     meta.actions?.forEach((action) => {
         const mode = action.openMode ?? meta.defaults?.openMode ?? 'route';
+        const inferredCanonical = !isExplicitCrudAction(action) && isCanonicalCrudAction(action.action);
         if (!options.allowDeferredActionBindings && mode === 'route' && !action.route) {
             throw new Error(`Route not provided for action ${action.action}`);
         }
         if (!options.allowDeferredActionBindings &&
             (mode === 'modal' || mode === 'drawer') &&
-            !action.formId) {
+            !action.formId &&
+            !inferredCanonical) {
             throw new Error(`formId not provided for action ${action.action}`);
         }
         action.params?.forEach((p) => {
@@ -287,6 +702,11 @@ function assertCrudMetadata(meta, options = {}) {
                 throw new Error(`Invalid param mapping target: ${p.to}`);
             }
         });
+        const hasSubmitUrl = !!String(action.form?.submitUrl || '').trim();
+        const hasSubmitMethod = !!String(action.form?.submitMethod || '').trim();
+        if (hasSubmitUrl !== hasSubmitMethod) {
+            throw new Error(`Crud action ${action.action} requires form.submitUrl and form.submitMethod together`);
+        }
     });
 }
 
@@ -303,6 +723,8 @@ const PRAXIS_CRUD_RUNTIME_I18N_CONFIG = {
                 'crud.actions.view': 'Ver',
                 'crud.actions.edit': 'Editar',
                 'crud.actions.delete': 'Excluir',
+                'crud.delete.confirmMessage': 'Esta ação não pode ser desfeita. Deseja continuar?',
+                'crud.delete.cancel': 'Cancelar',
             },
             'en-US': {
                 'crud.emptyState.title': 'Connect CRUD to a resource',
@@ -313,6 +735,8 @@ const PRAXIS_CRUD_RUNTIME_I18N_CONFIG = {
                 'crud.actions.view': 'View',
                 'crud.actions.edit': 'Edit',
                 'crud.actions.delete': 'Delete',
+                'crud.delete.confirmMessage': 'This action cannot be undone. Do you want to continue?',
+                'crud.delete.cancel': 'Cancel',
             },
         },
     },
@@ -352,6 +776,2526 @@ function translateCrudRuntimeText(i18n, key, fallback, params, locale) {
     return i18n.t(key, params, runtimeFallback, PRAXIS_CRUD_RUNTIME_I18N_NAMESPACE);
 }
 
+const PRAXIS_CRUD_AUTHORING_I18N_NAMESPACE = 'praxisCrudAuthoring';
+const PRAXIS_CRUD_AUTHORING_I18N_CONFIG = {
+    namespaces: {
+        [PRAXIS_CRUD_AUTHORING_I18N_NAMESPACE]: {
+            'pt-BR': {
+                'crud.authoring.title': 'Configurações do CRUD',
+                'crud.authoring.subtitle': 'Edite o documento canônico do fluxo CRUD sem deslocar a semântica para o host.',
+                'crud.authoring.section.connection': 'Conexão',
+                'crud.authoring.section.actions': 'Ações',
+                'crud.authoring.section.defaults': 'Abertura e cabeçalho',
+                'crud.authoring.section.table': 'Tabela',
+                'crud.authoring.section.json': 'JSON',
+                'crud.authoring.overview.connection': 'Conexão',
+                'crud.authoring.overview.defaults': 'Defaults',
+                'crud.authoring.overview.actions': 'Ações',
+                'crud.authoring.overview.table': 'Tabela',
+                'crud.authoring.overview.connectionMissing': 'Recurso ainda não configurado',
+                'crud.authoring.overview.connectionIdField': 'ID: {value}',
+                'crud.authoring.overview.connectionEndpoint': 'API: {value}',
+                'crud.authoring.overview.connectionDetailsPending': 'Identificador e endpoint ainda são opcionais aqui.',
+                'crud.authoring.overview.backVisible': 'Voltar visível',
+                'crud.authoring.overview.backHidden': 'Voltar oculto',
+                'crud.authoring.overview.modalDensity': 'Modal: {value}',
+                'crud.authoring.overview.backStrategy': 'Voltar: {value}',
+                'crud.authoring.overview.modalRememberState': 'Estado lembrado',
+                'crud.authoring.overview.backConfirmOnDirty': 'Confirmar ao sair',
+                'crud.authoring.overview.headerSticky': 'Cabeçalho fixo',
+                'crud.authoring.overview.headerBreadcrumbs': 'Breadcrumbs',
+                'crud.authoring.overview.columns': 'colunas',
+                'crud.authoring.overview.columnsCount': '{count} colunas',
+                'crud.authoring.overview.validation': 'Validação',
+                'crud.authoring.overview.validationErrors': '{count} erros',
+                'crud.authoring.overview.validationWarnings': '{count} alertas',
+                'crud.authoring.overview.validationClean': 'Sem diagnósticos bloqueantes',
+                'crud.authoring.overview.validationGrouped': 'Agrupado por seção abaixo para troubleshooting mais rápido.',
+                'crud.authoring.overview.validationAligned': 'Orientação da shell e diagnósticos estão alinhados.',
+                'crud.authoring.overview.actionsReady': '{count} prontas',
+                'crud.authoring.overview.actionsPending': '{count} pendentes',
+                'crud.authoring.overview.actionsInvalid': '{count} inválidas',
+                'crud.authoring.overview.actionsTracked': '{count} blocos de ação rastreados',
+                'crud.authoring.overview.actionsNext': 'Próxima: {action}. {summary}',
+                'crud.authoring.section.status.ready': 'Pronta',
+                'crud.authoring.section.status.pending': 'Pede atenção',
+                'crud.authoring.section.status.invalid': 'Inválida',
+                'crud.authoring.section.actions.invalidSummary': '{count} blocos de ação têm erros de validação.',
+                'crud.authoring.section.actions.readySummary': 'Todas as ações principais do CRUD estão configuradas.',
+                'crud.authoring.section.actions.pendingSummary': '{count} de {total} blocos de ação estão prontos.',
+                'crud.authoring.section.actions.invalidSummaryDetailed': '{count} blocos de ação têm erros de validação. Comece por {action}.',
+                'crud.authoring.section.actions.pendingSummaryDetailed': '{count} de {total} blocos de ação estão prontos. Próxima: {action}.',
+                'crud.authoring.nextFocus.connection': 'Próximo foco: conexão',
+                'crud.authoring.nextFocus.defaults': 'Próximo foco: defaults',
+                'crud.authoring.nextFocus.actions': 'Próximo foco: ações',
+                'crud.authoring.nextFocus.table': 'Próximo foco: tabela',
+                'crud.authoring.nextFocus.invalid': 'Resolva os diagnósticos bloqueantes desta seção antes de seguir com confiança.',
+                'crud.authoring.nextFocus.pending': 'Esta é a próxima melhor seção para completar o fluxo CRUD canônico.',
+                'crud.authoring.nextFocus.actionsInvalid': 'Resolva os diagnósticos bloqueantes em {action}. {summary}.',
+                'crud.authoring.nextFocus.actionsPending': 'Complete {action} na sequência. {summary}.',
+                'crud.authoring.nextFocus.ready': 'Todas as seções rastreadas estão em bom estado.',
+                'crud.authoring.nextFocus.complete': 'Concluído',
+                'crud.authoring.nextFocus.completeTitle': 'Orientação da shell concluída',
+                'crud.authoring.health.invalid': 'Inválidas',
+                'crud.authoring.health.pending': 'Pedem atenção',
+                'crud.authoring.health.ready': 'Saudáveis',
+                'crud.authoring.health.invalidEmpty': 'Nenhuma seção inválida',
+                'crud.authoring.health.pendingEmpty': 'Nenhuma seção pendente',
+                'crud.authoring.health.readyEmpty': 'Nenhuma seção pronta ainda',
+                'crud.authoring.diagnostics.errors': 'Erros',
+                'crud.authoring.diagnostics.warnings': 'Alertas',
+                'crud.authoring.diagnostics.errorSummary': '{count} diagnósticos bloqueantes nesta seção.',
+                'crud.authoring.diagnostics.warningSummary': '{count} diagnósticos que valem revisão nesta seção.',
+                'crud.authoring.connection.resourcePath': 'Recurso',
+                'crud.authoring.connection.resourcePath.placeholder': 'ex.: api/human-resources/cargos',
+                'crud.authoring.connection.idField': 'Campo identificador',
+                'crud.authoring.connection.idField.placeholder': 'ex.: id',
+                'crud.authoring.connection.endpointKey': 'Endpoint/API',
+                'crud.authoring.defaults.openMode': 'Modo de abertura padrão',
+                'crud.authoring.defaults.header.showBack': 'Exibir botão Voltar',
+                'crud.authoring.defaults.header.backLabel': 'Texto do botão Voltar',
+                'crud.authoring.defaults.header.variant': 'Variante do botão',
+                'crud.authoring.defaults.header.sticky': 'Cabeçalho fixo',
+                'crud.authoring.defaults.header.breadcrumbs': 'Exibir breadcrumbs',
+                'crud.authoring.defaults.header.divider': 'Exibir divisor inferior',
+                'crud.authoring.defaults.modal.group': 'Apresentação do modal',
+                'crud.authoring.defaults.modal.density': 'Densidade do modal',
+                'crud.authoring.defaults.modal.density.default': 'Padrão',
+                'crud.authoring.defaults.modal.density.compact': 'Compacta',
+                'crud.authoring.defaults.modal.fullscreenBreakpoint': 'Breakpoint para fullscreen',
+                'crud.authoring.defaults.modal.canMaximize': 'Exibir controle de maximizar',
+                'crud.authoring.defaults.modal.startMaximized': 'Iniciar maximizado',
+                'crud.authoring.defaults.modal.rememberLastState': 'Lembrar o último tamanho do modal',
+                'crud.authoring.defaults.modal.disableCloseOnEsc': 'Bloquear fechamento por Escape',
+                'crud.authoring.defaults.modal.disableCloseOnBackdrop': 'Bloquear fechamento por backdrop',
+                'crud.authoring.defaults.modal.noteDensity': 'Densidade: {value}',
+                'crud.authoring.defaults.modal.noteNoMaximize': 'Maximizar oculto',
+                'crud.authoring.defaults.modal.noteStartMaximized': 'Abre maximizado',
+                'crud.authoring.defaults.modal.noteRememberState': 'Lembra o último tamanho',
+                'crud.authoring.defaults.modal.noteEscLocked': 'Escape bloqueado',
+                'crud.authoring.defaults.modal.noteBackdropLocked': 'Backdrop bloqueado',
+                'crud.authoring.defaults.modal.noteBreakpoint': 'Fullscreen em {value}px',
+                'crud.authoring.defaults.back.group': 'Comportamento de voltar',
+                'crud.authoring.defaults.back.strategy': 'Estratégia de voltar',
+                'crud.authoring.defaults.back.strategy.auto': 'Auto',
+                'crud.authoring.defaults.back.strategy.close': 'Fechar',
+                'crud.authoring.defaults.back.strategy.navigate': 'Navegar',
+                'crud.authoring.defaults.back.returnTo': 'Rota de retorno',
+                'crud.authoring.defaults.back.confirmOnDirty': 'Confirmar ao sair de formulários alterados',
+                'crud.authoring.defaults.back.noteStrategy': 'Estratégia: {value}',
+                'crud.authoring.defaults.back.noteReturnTo': 'Retorno: {value}',
+                'crud.authoring.defaults.back.noteConfirmOnDirty': 'Confirmação ao sair',
+                'crud.authoring.action.mode': 'Modo de abertura',
+                'crud.authoring.action.route': 'Rota',
+                'crud.authoring.action.route.placeholder': 'ex.: /cargos/view/:id',
+                'crud.authoring.action.formId': 'formId',
+                'crud.authoring.action.formId.placeholder': 'ex.: cargos-edit',
+                'crud.authoring.action.schemaUrl': 'Schema URL',
+                'crud.authoring.action.submitUrl': 'Submit URL',
+                'crud.authoring.action.submitMethod': 'Método de submit',
+                'crud.authoring.action.apiEndpointKey': 'API endpoint key',
+                'crud.authoring.action.apiUrlEntry': 'API URL entry',
+                'crud.authoring.action.advanced': 'Detalhes de submit e API',
+                'crud.authoring.action.bindingGroup': 'Vínculo',
+                'crud.authoring.action.schemaGroup': 'Contrato de schema',
+                'crud.authoring.action.submitGroup': 'Contrato de submit',
+                'crud.authoring.action.apiGroup': 'Mapeamento de API',
+                'crud.authoring.action.inputsGroup': 'Seed e mapeamento de inputs',
+                'crud.authoring.action.inputsNote': 'Opcional: use Parâmetros para valores derivados da linha e Valor inicial apenas para seed fixo do formulário.',
+                'crud.authoring.action.paramsSubgroup': 'Mapeamentos derivados da linha',
+                'crud.authoring.action.initialValueSubgroup': 'Seed fixo do formulário',
+                'crud.authoring.action.backGroup': 'Override do comportamento de voltar',
+                'crud.authoring.action.backStrategy': 'Override da estratégia de voltar',
+                'crud.authoring.action.backReturnTo': 'Rota de retorno da ação',
+                'crud.authoring.action.backConfirmOnDirty': 'Confirmar ao sair de formulários alterados',
+                'crud.authoring.action.backUseDefaults': 'Usar defaults do CRUD',
+                'crud.authoring.action.backUsesDefaults': 'Usando os defaults do CRUD para voltar',
+                'crud.authoring.action.backNoteStrategy': 'Estratégia: {value}',
+                'crud.authoring.action.backNoteReturnTo': 'Retorno: {value}',
+                'crud.authoring.action.backNoteConfirmOnDirty': 'Confirmação ao sair',
+                'crud.authoring.action.paramFrom': 'Campo de origem',
+                'crud.authoring.action.paramTo': 'Destino',
+                'crud.authoring.action.paramName': 'Nome no destino',
+                'crud.authoring.action.paramAdd': 'Adicionar mapeamento',
+                'crud.authoring.action.paramRemove': 'Remover mapeamento',
+                'crud.authoring.action.paramTarget.routeParam': 'Parâmetro de rota',
+                'crud.authoring.action.paramTarget.query': 'Query string',
+                'crud.authoring.action.paramTarget.input': 'Input do formulário',
+                'crud.authoring.action.initialValue': 'Seed inicial do formulário (JSON)',
+                'crud.authoring.action.paramsSummary': '{count} mapeamentos',
+                'crud.authoring.action.paramsSummaryCompact': '{count} map.',
+                'crud.authoring.action.paramsNone': 'Nenhum mapeamento de parâmetro ainda',
+                'crud.authoring.action.paramsNoteEmpty': 'Mapeie campos da linha atual para parâmetros de rota, query string ou inputs do formulário.',
+                'crud.authoring.action.paramsNoteConfigured': '{count} mapeamentos para {targets}.',
+                'crud.authoring.action.paramsNoteReady': 'Mapeamentos prontos',
+                'crud.authoring.action.initialValueReady': 'Seed fixo do formulário configurado',
+                'crud.authoring.action.initialValueReadyCompact': 'Seed',
+                'crud.authoring.action.initialValueEmpty': 'Nenhum seed fixo do formulário ainda',
+                'crud.authoring.action.initialValueInvalid': 'O JSON do seed inicial ainda não é válido',
+                'crud.authoring.action.initialValueNoteConfigured': 'Objeto injetado em inputs.initialValue antes da abertura do formulário.',
+                'crud.authoring.action.initialValueNoteReady': 'Seed fixo pronto',
+                'crud.authoring.action.initialValueNoteEmpty': 'Use isso apenas para valores fixos que não vêm da linha selecionada.',
+                'crud.authoring.action.binding': 'Vínculo',
+                'crud.authoring.action.bindingMissing': 'Vínculo ainda não configurado',
+                'crud.authoring.action.schema': 'Schema',
+                'crud.authoring.action.schemaPending': 'Contrato de schema ainda não configurado',
+                'crud.authoring.action.api': 'API',
+                'crud.authoring.action.apiEntryReady': 'API URL entry customizado configurado',
+                'crud.authoring.action.apiPending': 'Mapeamento de API ainda não configurado',
+                'crud.authoring.action.groupsInvalid': 'Inválido: {groups}',
+                'crud.authoring.action.groupsPending': 'Pendente: {groups}',
+                'crud.authoring.action.groupsReady': 'Todos os grupos prontos',
+                'crud.authoring.action.primaryInvalid': 'Resolver: {groups}',
+                'crud.authoring.action.primaryPending': 'Próximo: {groups}',
+                'crud.authoring.action.primaryReady': 'Núcleo pronto',
+                'crud.authoring.action.advancedPending': 'Pendente: {groups}',
+                'crud.authoring.action.advancedReady': 'Avançado pronto',
+                'crud.authoring.action.editorialInvalid': 'Resolver: {groups}',
+                'crud.authoring.action.editorialPending': 'Fechar: {groups}',
+                'crud.authoring.action.editorialReady': 'Pronta para uso',
+                'crud.authoring.action.submitPending': 'Detalhes de submit/API ainda não configurados',
+                'crud.authoring.action.status.ready': 'Pronta',
+                'crud.authoring.action.status.pending': 'Pendente',
+                'crud.authoring.action.status.invalid': 'Inválida',
+                'crud.authoring.mode.route': 'Rota',
+                'crud.authoring.mode.modal': 'Modal',
+                'crud.authoring.mode.drawer': 'Drawer',
+                'crud.authoring.header.variant.ghost': 'Ghost',
+                'crud.authoring.header.variant.tonal': 'Tonal',
+                'crud.authoring.header.variant.outlined': 'Outlined',
+                'crud.authoring.submitMethod.post': 'POST',
+                'crud.authoring.submitMethod.put': 'PUT',
+                'crud.authoring.submitMethod.patch': 'PATCH',
+                'crud.authoring.action.create': 'Criar',
+                'crud.authoring.action.view': 'Visualizar',
+                'crud.authoring.action.edit': 'Editar',
+                'crud.authoring.table.summary': 'A configuração detalhada da tabela continua sendo tratada pela superfície canônica de TableConfig. Nesta fase, o editor de CRUD preserva o snapshot atual da tabela sem duplicar o editor completo.',
+                'crud.authoring.json.hint': 'O JSON abaixo representa o documento canônico de authoring do CRUD.',
+                'crud.authoring.table.structureSummary': '{count} colunas | {density}',
+                'crud.authoring.table.paginationSummary': 'Página com {value}',
+                'crud.authoring.table.paginationOff': 'Paginação desativada',
+                'crud.authoring.table.sortingClient': 'Ordenação client-side',
+                'crud.authoring.table.sortingServer': 'Ordenação server-side',
+                'crud.authoring.table.sortingOff': 'Ordenação desativada',
+                'crud.authoring.table.statesDefault': 'Textos padrão',
+                'crud.authoring.table.statesCustom': '{count} estados customizados',
+                'crud.authoring.table.sectionSummary': '{structure}. {behavior}. {states}.',
+                'crud.authoring.table.flowSummary': 'A apresentação principal continua visível abaixo. Paginação, ordenação, textos de estado e colunas ficam nos painéis avançados da tabela.',
+                'crud.authoring.table.density.compact': 'Compacta',
+                'crud.authoring.table.density.comfortable': 'Confortável',
+                'crud.authoring.table.density.spacious': 'Espaçada',
+                'crud.authoring.json.summaryErrors': 'O documento canônico ainda possui erros de validação.',
+                'crud.authoring.json.summaryWarnings': 'O documento canônico possui diagnósticos que valem revisão.',
+                'crud.authoring.json.summaryClean': 'O documento canônico está estruturalmente consistente.',
+                'crud.authoring.validation.routeRequired': 'Informe uma rota quando o modo efetivo for route.',
+                'crud.authoring.validation.formIdRequired': 'Informe um formId quando o modo efetivo for modal ou drawer.',
+                'crud.authoring.validation.submitContract': 'submitUrl e submitMethod devem ser informados juntos.',
+                'crud.authoring.overview.actionsNextCompact': 'Próxima: {action}. {summary}',
+                'crud.authoring.action.focusInvalid': '{count} grupos bloqueando',
+                'crud.authoring.action.focusPending': '{count} grupos pendentes',
+                'crud.authoring.action.focusReady': 'Pronta',
+                'crud.authoring.action.headerReady': 'Pronta',
+                'crud.authoring.action.bindingReadyNote': 'Vínculo configurado',
+                'crud.authoring.action.schemaReadyNote': 'Schema vinculado',
+                'crud.authoring.action.submitReadyNote': 'Contrato de submit pronto',
+                'crud.authoring.action.apiReadyNote': 'Mapeamento de API pronto',
+            },
+            'en-US': {
+                'crud.authoring.title': 'CRUD settings',
+                'crud.authoring.subtitle': 'Edit the canonical CRUD flow document without shifting semantics to the host.',
+                'crud.authoring.section.connection': 'Connection',
+                'crud.authoring.section.actions': 'Actions',
+                'crud.authoring.section.defaults': 'Open mode and header',
+                'crud.authoring.section.table': 'Table',
+                'crud.authoring.section.json': 'JSON',
+                'crud.authoring.overview.connection': 'Connection',
+                'crud.authoring.overview.defaults': 'Defaults',
+                'crud.authoring.overview.actions': 'Actions',
+                'crud.authoring.overview.table': 'Table',
+                'crud.authoring.overview.connectionMissing': 'Resource not configured yet',
+                'crud.authoring.overview.connectionIdField': 'ID: {value}',
+                'crud.authoring.overview.connectionEndpoint': 'API: {value}',
+                'crud.authoring.overview.connectionDetailsPending': 'Identifier and endpoint details are still optional here.',
+                'crud.authoring.overview.backVisible': 'Back visible',
+                'crud.authoring.overview.backHidden': 'Back hidden',
+                'crud.authoring.overview.modalDensity': 'Modal: {value}',
+                'crud.authoring.overview.backStrategy': 'Back: {value}',
+                'crud.authoring.overview.modalRememberState': 'State remembered',
+                'crud.authoring.overview.backConfirmOnDirty': 'Dirty confirm',
+                'crud.authoring.overview.headerSticky': 'Sticky header',
+                'crud.authoring.overview.headerBreadcrumbs': 'Breadcrumbs',
+                'crud.authoring.overview.columns': 'columns',
+                'crud.authoring.overview.columnsCount': '{count} columns',
+                'crud.authoring.overview.validation': 'Validation',
+                'crud.authoring.overview.validationErrors': '{count} errors',
+                'crud.authoring.overview.validationWarnings': '{count} warnings',
+                'crud.authoring.overview.validationClean': 'No blocking diagnostics',
+                'crud.authoring.overview.validationGrouped': 'Grouped by section below for faster troubleshooting.',
+                'crud.authoring.overview.validationAligned': 'Shell guidance and diagnostics are aligned.',
+                'crud.authoring.overview.actionsReady': '{count} ready',
+                'crud.authoring.overview.actionsPending': '{count} pending',
+                'crud.authoring.overview.actionsInvalid': '{count} invalid',
+                'crud.authoring.overview.actionsTracked': '{count} tracked action blocks',
+                'crud.authoring.overview.actionsNext': 'Next: {action}. {summary}',
+                'crud.authoring.section.status.ready': 'Ready',
+                'crud.authoring.section.status.pending': 'Needs attention',
+                'crud.authoring.section.status.invalid': 'Invalid',
+                'crud.authoring.section.actions.invalidSummary': '{count} action blocks have validation errors.',
+                'crud.authoring.section.actions.readySummary': 'All primary CRUD actions are configured.',
+                'crud.authoring.section.actions.pendingSummary': '{count} of {total} action blocks are ready.',
+                'crud.authoring.section.actions.invalidSummaryDetailed': '{count} action blocks have validation errors. Start with {action}.',
+                'crud.authoring.section.actions.pendingSummaryDetailed': '{count} of {total} action blocks are ready. Next: {action}.',
+                'crud.authoring.nextFocus.connection': 'Next focus: connection',
+                'crud.authoring.nextFocus.defaults': 'Next focus: defaults',
+                'crud.authoring.nextFocus.actions': 'Next focus: actions',
+                'crud.authoring.nextFocus.table': 'Next focus: table',
+                'crud.authoring.nextFocus.invalid': 'Resolve the blocking diagnostics in this section before saving with confidence.',
+                'crud.authoring.nextFocus.pending': 'This section is the next best place to complete the canonical CRUD flow.',
+                'crud.authoring.nextFocus.actionsInvalid': 'Resolve the blocking diagnostics in {action}. {summary}.',
+                'crud.authoring.nextFocus.actionsPending': 'Complete {action} next. {summary}.',
+                'crud.authoring.nextFocus.ready': 'All tracked sections are currently in a good state.',
+                'crud.authoring.nextFocus.complete': 'Complete',
+                'crud.authoring.nextFocus.completeTitle': 'Shell guidance complete',
+                'crud.authoring.health.invalid': 'Invalid',
+                'crud.authoring.health.pending': 'Needs attention',
+                'crud.authoring.health.ready': 'Healthy',
+                'crud.authoring.health.invalidEmpty': 'No invalid sections',
+                'crud.authoring.health.pendingEmpty': 'No pending sections',
+                'crud.authoring.health.readyEmpty': 'No ready sections yet',
+                'crud.authoring.diagnostics.errors': 'Errors',
+                'crud.authoring.diagnostics.warnings': 'Warnings',
+                'crud.authoring.diagnostics.errorSummary': '{count} blocking diagnostics in this section.',
+                'crud.authoring.diagnostics.warningSummary': '{count} diagnostics worth reviewing in this section.',
+                'crud.authoring.connection.resourcePath': 'Resource',
+                'crud.authoring.connection.resourcePath.placeholder': 'e.g. api/human-resources/cargos',
+                'crud.authoring.connection.idField': 'Identifier field',
+                'crud.authoring.connection.idField.placeholder': 'e.g. id',
+                'crud.authoring.connection.endpointKey': 'Endpoint/API',
+                'crud.authoring.defaults.openMode': 'Default open mode',
+                'crud.authoring.defaults.header.showBack': 'Show back button',
+                'crud.authoring.defaults.header.backLabel': 'Back button label',
+                'crud.authoring.defaults.header.variant': 'Button variant',
+                'crud.authoring.defaults.header.sticky': 'Sticky header',
+                'crud.authoring.defaults.header.breadcrumbs': 'Show breadcrumbs',
+                'crud.authoring.defaults.header.divider': 'Show bottom divider',
+                'crud.authoring.defaults.modal.group': 'Modal presentation',
+                'crud.authoring.defaults.modal.density': 'Modal density',
+                'crud.authoring.defaults.modal.density.default': 'Default',
+                'crud.authoring.defaults.modal.density.compact': 'Compact',
+                'crud.authoring.defaults.modal.fullscreenBreakpoint': 'Fullscreen breakpoint',
+                'crud.authoring.defaults.modal.canMaximize': 'Show maximize control',
+                'crud.authoring.defaults.modal.startMaximized': 'Start maximized',
+                'crud.authoring.defaults.modal.rememberLastState': 'Remember last modal size',
+                'crud.authoring.defaults.modal.disableCloseOnEsc': 'Block close on Escape',
+                'crud.authoring.defaults.modal.disableCloseOnBackdrop': 'Block close on backdrop',
+                'crud.authoring.defaults.modal.noteDensity': 'Density: {value}',
+                'crud.authoring.defaults.modal.noteNoMaximize': 'Maximize hidden',
+                'crud.authoring.defaults.modal.noteStartMaximized': 'Starts maximized',
+                'crud.authoring.defaults.modal.noteRememberState': 'Last size remembered',
+                'crud.authoring.defaults.modal.noteEscLocked': 'Escape locked',
+                'crud.authoring.defaults.modal.noteBackdropLocked': 'Backdrop locked',
+                'crud.authoring.defaults.modal.noteBreakpoint': 'Fullscreen at {value}px',
+                'crud.authoring.defaults.back.group': 'Back behavior',
+                'crud.authoring.defaults.back.strategy': 'Back strategy',
+                'crud.authoring.defaults.back.strategy.auto': 'Auto',
+                'crud.authoring.defaults.back.strategy.close': 'Close',
+                'crud.authoring.defaults.back.strategy.navigate': 'Navigate',
+                'crud.authoring.defaults.back.returnTo': 'Return route',
+                'crud.authoring.defaults.back.confirmOnDirty': 'Confirm when leaving dirty forms',
+                'crud.authoring.defaults.back.noteStrategy': 'Strategy: {value}',
+                'crud.authoring.defaults.back.noteReturnTo': 'Return: {value}',
+                'crud.authoring.defaults.back.noteConfirmOnDirty': 'Dirty confirmation',
+                'crud.authoring.action.mode': 'Open mode',
+                'crud.authoring.action.route': 'Route',
+                'crud.authoring.action.route.placeholder': 'e.g. /cargos/view/:id',
+                'crud.authoring.action.formId': 'formId',
+                'crud.authoring.action.formId.placeholder': 'e.g. cargos-edit',
+                'crud.authoring.action.schemaUrl': 'Schema URL',
+                'crud.authoring.action.submitUrl': 'Submit URL',
+                'crud.authoring.action.submitMethod': 'Submit method',
+                'crud.authoring.action.apiEndpointKey': 'API endpoint key',
+                'crud.authoring.action.apiUrlEntry': 'API URL entry',
+                'crud.authoring.action.advanced': 'Submit and API details',
+                'crud.authoring.action.bindingGroup': 'Binding',
+                'crud.authoring.action.schemaGroup': 'Schema contract',
+                'crud.authoring.action.submitGroup': 'Submit contract',
+                'crud.authoring.action.apiGroup': 'API mapping',
+                'crud.authoring.action.inputsGroup': 'Input seeding',
+                'crud.authoring.action.inputsNote': 'Optional: use Params for row-derived values and Initial value only for fixed form seed.',
+                'crud.authoring.action.paramsSubgroup': 'Row-derived mappings',
+                'crud.authoring.action.initialValueSubgroup': 'Fixed form seed',
+                'crud.authoring.action.backGroup': 'Back behavior override',
+                'crud.authoring.action.backStrategy': 'Back strategy override',
+                'crud.authoring.action.backReturnTo': 'Action return route',
+                'crud.authoring.action.backConfirmOnDirty': 'Confirm when leaving dirty forms',
+                'crud.authoring.action.backUseDefaults': 'Use defaults',
+                'crud.authoring.action.backUsesDefaults': 'Using CRUD defaults for back behavior',
+                'crud.authoring.action.backNoteStrategy': 'Strategy: {value}',
+                'crud.authoring.action.backNoteReturnTo': 'Return: {value}',
+                'crud.authoring.action.backNoteConfirmOnDirty': 'Dirty confirmation',
+                'crud.authoring.action.paramFrom': 'From field',
+                'crud.authoring.action.paramTo': 'Target',
+                'crud.authoring.action.paramName': 'Destination name',
+                'crud.authoring.action.paramAdd': 'Add mapping',
+                'crud.authoring.action.paramRemove': 'Remove mapping',
+                'crud.authoring.action.paramTarget.routeParam': 'Route param',
+                'crud.authoring.action.paramTarget.query': 'Query string',
+                'crud.authoring.action.paramTarget.input': 'Form input',
+                'crud.authoring.action.initialValue': 'Initial form seed (JSON)',
+                'crud.authoring.action.paramsSummary': '{count} mappings',
+                'crud.authoring.action.paramsSummaryCompact': '{count} map',
+                'crud.authoring.action.paramsNone': 'No param mappings yet',
+                'crud.authoring.action.paramsNoteEmpty': 'Map fields from the current row into route params, query string, or dialog inputs.',
+                'crud.authoring.action.paramsNoteConfigured': '{count} mappings into {targets}.',
+                'crud.authoring.action.paramsNoteReady': 'Mappings ready',
+                'crud.authoring.action.initialValueReady': 'Initial value seed configured',
+                'crud.authoring.action.initialValueReadyCompact': 'Seed',
+                'crud.authoring.action.initialValueEmpty': 'No fixed form seed yet',
+                'crud.authoring.action.initialValueInvalid': 'Initial value JSON is not valid yet',
+                'crud.authoring.action.initialValueNoteConfigured': 'Seeded object injected into inputs.initialValue before form open.',
+                'crud.authoring.action.initialValueNoteReady': 'Fixed seed ready',
+                'crud.authoring.action.initialValueNoteEmpty': 'Use this only for fixed seed values that do not come from the selected row.',
+                'crud.authoring.action.binding': 'Binding',
+                'crud.authoring.action.bindingMissing': 'Binding not configured yet',
+                'crud.authoring.action.schema': 'Schema',
+                'crud.authoring.action.schemaPending': 'Schema contract not configured yet',
+                'crud.authoring.action.api': 'API',
+                'crud.authoring.action.apiEntryReady': 'Custom API URL entry configured',
+                'crud.authoring.action.apiPending': 'API mapping not configured yet',
+                'crud.authoring.action.groupsInvalid': 'Invalid: {groups}',
+                'crud.authoring.action.groupsPending': 'Pending: {groups}',
+                'crud.authoring.action.groupsReady': 'All groups ready',
+                'crud.authoring.action.primaryInvalid': 'Resolve: {groups}',
+                'crud.authoring.action.primaryPending': 'Next: {groups}',
+                'crud.authoring.action.primaryReady': 'Core ready',
+                'crud.authoring.action.advancedPending': 'Pending: {groups}',
+                'crud.authoring.action.advancedReady': 'Advanced ready',
+                'crud.authoring.action.editorialInvalid': 'Resolve: {groups}',
+                'crud.authoring.action.editorialPending': 'Finish: {groups}',
+                'crud.authoring.action.editorialReady': 'Ready to use',
+                'crud.authoring.action.submitPending': 'Submit/API details not configured yet',
+                'crud.authoring.action.status.ready': 'Ready',
+                'crud.authoring.action.status.pending': 'Pending',
+                'crud.authoring.action.status.invalid': 'Invalid',
+                'crud.authoring.mode.route': 'Route',
+                'crud.authoring.mode.modal': 'Modal',
+                'crud.authoring.mode.drawer': 'Drawer',
+                'crud.authoring.header.variant.ghost': 'Ghost',
+                'crud.authoring.header.variant.tonal': 'Tonal',
+                'crud.authoring.header.variant.outlined': 'Outlined',
+                'crud.authoring.submitMethod.post': 'POST',
+                'crud.authoring.submitMethod.put': 'PUT',
+                'crud.authoring.submitMethod.patch': 'PATCH',
+                'crud.authoring.action.create': 'Create',
+                'crud.authoring.action.view': 'View',
+                'crud.authoring.action.edit': 'Edit',
+                'crud.authoring.table.summary': 'Detailed table configuration remains owned by the canonical TableConfig surface. In this phase, the CRUD editor preserves the current table snapshot without duplicating the full table editor.',
+                'crud.authoring.table.structureSummary': '{count} columns | {density}',
+                'crud.authoring.table.paginationSummary': 'Page size {value}',
+                'crud.authoring.table.paginationOff': 'Pagination off',
+                'crud.authoring.table.sortingClient': 'Client sorting',
+                'crud.authoring.table.sortingServer': 'Server sorting',
+                'crud.authoring.table.sortingOff': 'Sorting off',
+                'crud.authoring.table.statesDefault': 'Default state copy',
+                'crud.authoring.table.statesCustom': '{count} custom states',
+                'crud.authoring.table.sectionSummary': '{structure}. {behavior}. {states}.',
+                'crud.authoring.table.flowSummary': 'Core presentation stays visible below. Pagination, sorting, state copy, and columns stay in advanced table panels.',
+                'crud.authoring.table.density.compact': 'Compact',
+                'crud.authoring.table.density.comfortable': 'Comfortable',
+                'crud.authoring.table.density.spacious': 'Spacious',
+                'crud.authoring.json.hint': 'The JSON below represents the canonical CRUD authoring document.',
+                'crud.authoring.json.summaryErrors': 'The canonical document still has validation errors.',
+                'crud.authoring.json.summaryWarnings': 'The canonical document has diagnostics worth reviewing.',
+                'crud.authoring.json.summaryClean': 'The canonical document is structurally consistent.',
+                'crud.authoring.validation.routeRequired': 'Provide a route when the effective mode is route.',
+                'crud.authoring.validation.formIdRequired': 'Provide a formId when the effective mode is modal or drawer.',
+                'crud.authoring.validation.submitContract': 'submitUrl and submitMethod must be provided together.',
+                'crud.authoring.overview.actionsNextCompact': 'Next: {action}. {summary}',
+                'crud.authoring.action.focusInvalid': '{count} blocking groups',
+                'crud.authoring.action.focusPending': '{count} groups still pending',
+                'crud.authoring.action.focusReady': 'Ready',
+                'crud.authoring.action.headerReady': 'Ready',
+                'crud.authoring.action.bindingReadyNote': 'Binding configured',
+                'crud.authoring.action.schemaReadyNote': 'Schema linked',
+                'crud.authoring.action.submitReadyNote': 'Submit contract ready',
+                'crud.authoring.action.apiReadyNote': 'API mapping ready',
+            },
+        },
+    },
+};
+function translateCrudAuthoringText(i18n, key, fallback, params) {
+    return i18n.t(key, params, fallback, PRAXIS_CRUD_AUTHORING_I18N_NAMESPACE);
+}
+
+const ACTION_KEYS = ['create', 'view', 'edit'];
+const OPEN_MODES = ['route', 'modal', 'drawer'];
+const HEADER_VARIANTS = ['ghost', 'tonal', 'outlined'];
+const SUBMIT_METHODS = ['post', 'put', 'patch'];
+const MODAL_DENSITIES = ['default', 'compact'];
+const BACK_STRATEGIES = ['auto', 'close', 'navigate'];
+const PARAM_TARGETS = ['routeParam', 'query', 'input'];
+class CrudMetadataEditorComponent {
+    documentInput = input(null, ...(ngDevMode ? [{ debugName: "documentInput", alias: 'document' }] : [{ alias: 'document' }]));
+    metadataInput = input(null, ...(ngDevMode ? [{ debugName: "metadataInput", alias: 'metadata' }] : [{ alias: 'metadata' }]));
+    crudIdInput = input(null, ...(ngDevMode ? [{ debugName: "crudIdInput", alias: 'crudId' }] : [{ alias: 'crudId' }]));
+    readonlyInput = input(false, ...(ngDevMode ? [{ debugName: "readonlyInput", alias: 'readonly' }] : [{ alias: 'readonly' }]));
+    isDirty$ = new BehaviorSubject(false);
+    isValid$ = new BehaviorSubject(true);
+    isBusy$ = new BehaviorSubject(false);
+    actionKeys = ACTION_KEYS;
+    healthBuckets = ['invalid', 'pending', 'ready'];
+    openModes = OPEN_MODES;
+    headerVariants = HEADER_VARIANTS;
+    submitMethods = SUBMIT_METHODS;
+    modalDensities = MODAL_DENSITIES;
+    backStrategies = BACK_STRATEGIES;
+    paramTargets = PARAM_TARGETS;
+    initialValueDrafts = signal({}, ...(ngDevMode ? [{ debugName: "initialValueDrafts" }] : []));
+    injectedData = inject(SETTINGS_PANEL_DATA, { optional: true });
+    i18n = inject(PraxisI18nService);
+    currentDocument = signal(createCrudAuthoringDocument({}), ...(ngDevMode ? [{ debugName: "currentDocument" }] : []));
+    initialDocument = signal(createCrudAuthoringDocument({}), ...(ngDevMode ? [{ debugName: "initialDocument" }] : []));
+    lastExternalSignature = null;
+    effectiveCrudId = computed(() => this.crudIdInput() || this.injectedData?.crudId || null, ...(ngDevMode ? [{ debugName: "effectiveCrudId" }] : []));
+    isReadonly = computed(() => !!(this.readonlyInput() || this.injectedData?.readonly), ...(ngDevMode ? [{ debugName: "isReadonly" }] : []));
+    diagnostics = computed(() => validateCrudAuthoringDocument(this.currentDocument(), { requireCanonicalActions: true }), ...(ngDevMode ? [{ debugName: "diagnostics" }] : []));
+    errorCount = computed(() => this.diagnostics().filter((issue) => issue.level === 'error').length, ...(ngDevMode ? [{ debugName: "errorCount" }] : []));
+    warningCount = computed(() => this.diagnostics().filter((issue) => issue.level !== 'error').length, ...(ngDevMode ? [{ debugName: "warningCount" }] : []));
+    serializedDocument = computed(() => JSON.stringify(serializeCrudAuthoringDocument(this.currentDocument()), null, 2), ...(ngDevMode ? [{ debugName: "serializedDocument" }] : []));
+    tableConfig = computed(() => this.currentDocument().metadata.table || { columns: [] }, ...(ngDevMode ? [{ debugName: "tableConfig" }] : []));
+    resourcePath = computed(() => this.currentDocument().metadata.resource?.path || '', ...(ngDevMode ? [{ debugName: "resourcePath" }] : []));
+    resourceIdField = computed(() => String(this.currentDocument().metadata.resource?.idField ?? ''), ...(ngDevMode ? [{ debugName: "resourceIdField" }] : []));
+    resourceEndpointKey = computed(() => String(this.currentDocument().metadata.resource?.endpointKey ?? ''), ...(ngDevMode ? [{ debugName: "resourceEndpointKey" }] : []));
+    defaultsOpenMode = computed(() => this.currentDocument().metadata.defaults?.openMode || 'route', ...(ngDevMode ? [{ debugName: "defaultsOpenMode" }] : []));
+    headerShowBack = computed(() => !!this.currentDocument().metadata.defaults?.header?.showBack, ...(ngDevMode ? [{ debugName: "headerShowBack" }] : []));
+    headerBackLabel = computed(() => this.currentDocument().metadata.defaults?.header?.backLabel || '', ...(ngDevMode ? [{ debugName: "headerBackLabel" }] : []));
+    headerVariant = computed(() => this.currentDocument().metadata.defaults?.header?.variant || 'ghost', ...(ngDevMode ? [{ debugName: "headerVariant" }] : []));
+    headerSticky = computed(() => !!this.currentDocument().metadata.defaults?.header?.sticky, ...(ngDevMode ? [{ debugName: "headerSticky" }] : []));
+    headerBreadcrumbs = computed(() => !!this.currentDocument().metadata.defaults?.header?.breadcrumbs, ...(ngDevMode ? [{ debugName: "headerBreadcrumbs" }] : []));
+    headerDivider = computed(() => !!this.currentDocument().metadata.defaults?.header?.divider, ...(ngDevMode ? [{ debugName: "headerDivider" }] : []));
+    modalDensity = computed(() => String(this.currentDocument().metadata.defaults?.modal?.density ?? 'default'), ...(ngDevMode ? [{ debugName: "modalDensity" }] : []));
+    modalCanMaximize = computed(() => this.currentDocument().metadata.defaults?.modal?.canMaximize ?? true, ...(ngDevMode ? [{ debugName: "modalCanMaximize" }] : []));
+    modalStartMaximized = computed(() => !!this.currentDocument().metadata.defaults?.modal?.startMaximized, ...(ngDevMode ? [{ debugName: "modalStartMaximized" }] : []));
+    modalRememberLastState = computed(() => !!this.currentDocument().metadata.defaults?.modal?.rememberLastState, ...(ngDevMode ? [{ debugName: "modalRememberLastState" }] : []));
+    modalDisableCloseOnEsc = computed(() => !!this.currentDocument().metadata.defaults?.modal?.disableCloseOnEsc, ...(ngDevMode ? [{ debugName: "modalDisableCloseOnEsc" }] : []));
+    modalDisableCloseOnBackdrop = computed(() => !!this.currentDocument().metadata.defaults?.modal?.disableCloseOnBackdrop, ...(ngDevMode ? [{ debugName: "modalDisableCloseOnBackdrop" }] : []));
+    modalFullscreenBreakpoint = computed(() => String(this.currentDocument().metadata.defaults?.modal?.fullscreenBreakpoint ?? ''), ...(ngDevMode ? [{ debugName: "modalFullscreenBreakpoint" }] : []));
+    backStrategy = computed(() => String(this.currentDocument().metadata.defaults?.back?.strategy ?? 'auto'), ...(ngDevMode ? [{ debugName: "backStrategy" }] : []));
+    backReturnTo = computed(() => this.currentDocument().metadata.defaults?.back?.returnTo || '', ...(ngDevMode ? [{ debugName: "backReturnTo" }] : []));
+    backConfirmOnDirty = computed(() => !!this.currentDocument().metadata.defaults?.back?.confirmOnDirty, ...(ngDevMode ? [{ debugName: "backConfirmOnDirty" }] : []));
+    nextFocusSection = computed(() => {
+        for (const section of ['connection', 'defaults', 'actions', 'table']) {
+            if (this.sectionStatus(section) === 'invalid') {
+                return section;
+            }
+        }
+        for (const section of ['connection', 'defaults', 'actions', 'table']) {
+            if (this.sectionStatus(section) === 'pending') {
+                return section;
+            }
+        }
+        return 'connection';
+    }, ...(ngDevMode ? [{ debugName: "nextFocusSection" }] : []));
+    nextFocusStatus = computed(() => this.sectionStatus(this.nextFocusSection()), ...(ngDevMode ? [{ debugName: "nextFocusStatus" }] : []));
+    visibleHealthBuckets = computed(() => {
+        const attentionBuckets = ['invalid', 'pending']
+            .filter((bucket) => this.hasHealthBucketContent(bucket));
+        if (attentionBuckets.length) {
+            return attentionBuckets;
+        }
+        return this.hasHealthBucketContent('ready') ? ['ready'] : [];
+    }, ...(ngDevMode ? [{ debugName: "visibleHealthBuckets" }] : []));
+    showHealthMap = computed(() => this.visibleHealthBuckets().length > 1, ...(ngDevMode ? [{ debugName: "showHealthMap" }] : []));
+    groupedDiagnostics = computed(() => ['connection', 'defaults', 'actions', 'table']
+        .map((section) => {
+        const issues = this.sectionDiagnostics(section);
+        return {
+            section,
+            issues,
+            hasError: issues.some((issue) => issue.level === 'error'),
+        };
+    })
+        .filter((group) => group.issues.length > 0), ...(ngDevMode ? [{ debugName: "groupedDiagnostics" }] : []));
+    constructor() {
+        effect(() => {
+            const seed = this.resolveExternalSeed();
+            const signature = JSON.stringify(seed);
+            if (signature === this.lastExternalSignature) {
+                return;
+            }
+            this.lastExternalSignature = signature;
+            const parsed = parseLegacyOrCrudDocument(seed);
+            this.initialDocument.set(parsed);
+            this.currentDocument.set(parsed);
+            this.syncState();
+        });
+    }
+    getSettingsValue() {
+        return this.buildPayload();
+    }
+    onSave() {
+        return this.buildPayload();
+    }
+    reset() {
+        this.currentDocument.set(this.initialDocument());
+        this.initialValueDrafts.set({});
+        this.syncState();
+    }
+    actionValue(actionName) {
+        return (findCrudAction(this.currentDocument().metadata.actions, actionName) || {
+            id: actionName,
+            action: actionName,
+            label: this.actionLabel(actionName),
+        });
+    }
+    actionApiUrlEntryDraft(actionName) {
+        const value = this.actionValue(actionName).form?.apiUrlEntry;
+        return value ? JSON.stringify(value, null, 2) : '';
+    }
+    actionParams(actionName) {
+        return [...(this.actionValue(actionName).params || [])];
+    }
+    actionInitialValueDraft(actionName) {
+        const draft = this.initialValueDrafts()[actionName];
+        if (draft !== undefined) {
+            return draft;
+        }
+        const value = this.actionValue(actionName).form?.initialValue;
+        return value ? JSON.stringify(value, null, 2) : '';
+    }
+    actionLabel(actionName) {
+        return this.tx(`crud.authoring.action.${actionName}`, actionName);
+    }
+    actionSummary(actionName) {
+        const action = this.actionValue(actionName);
+        const mode = (action.openMode || this.defaultsOpenMode());
+        const binding = action.formId || action.route || this.modeLabel(mode);
+        if (this.actionStatus(actionName) === 'ready') {
+            return `${binding} | ${this.tx('crud.authoring.action.headerReady', 'Ready')}`;
+        }
+        return `${binding} | ${this.actionEditorialSummary(actionName)}`;
+    }
+    actionEffectiveBindingSummary(actionName) {
+        const action = this.actionValue(actionName);
+        if (action.formId) {
+            return `${this.tx('crud.authoring.action.binding', 'Binding')}: ${action.formId}`;
+        }
+        if (action.route) {
+            return `${this.tx('crud.authoring.action.binding', 'Binding')}: ${action.route}`;
+        }
+        return this.tx('crud.authoring.action.bindingMissing', 'Binding not configured yet');
+    }
+    actionSubmitSummary(actionName) {
+        const action = this.actionValue(actionName);
+        const method = action.form?.submitMethod?.toUpperCase();
+        const submitUrl = action.form?.submitUrl;
+        if (method && submitUrl) {
+            return `${method} ${submitUrl}`;
+        }
+        if (action.form?.schemaUrl) {
+            return `${this.tx('crud.authoring.action.schema', 'Schema')}: ${action.form.schemaUrl}`;
+        }
+        return this.tx('crud.authoring.action.submitPending', 'Submit/API details not configured yet');
+    }
+    actionSchemaSummary(actionName) {
+        const schemaUrl = this.actionValue(actionName).form?.schemaUrl;
+        if (schemaUrl) {
+            return `${this.tx('crud.authoring.action.schema', 'Schema')}: ${schemaUrl}`;
+        }
+        return this.tx('crud.authoring.action.schemaPending', 'Schema contract not configured yet');
+    }
+    actionApiSummary(actionName) {
+        const form = this.actionValue(actionName).form;
+        if (form?.apiEndpointKey) {
+            return `${this.tx('crud.authoring.action.api', 'API')}: ${form.apiEndpointKey}`;
+        }
+        if (form?.apiUrlEntry) {
+            return this.tx('crud.authoring.action.apiEntryReady', 'Custom API URL entry configured');
+        }
+        return this.tx('crud.authoring.action.apiPending', 'API mapping not configured yet');
+    }
+    actionInputsNote(actionName) {
+        void actionName;
+        return this.tx('crud.authoring.action.inputsNote', 'Optional: use Params for row-derived values and Initial value only for fixed form seed.');
+    }
+    actionInputsSummary(actionName) {
+        const parts = [];
+        const params = this.actionParams(actionName);
+        if (params.length) {
+            parts.push(this.tx('crud.authoring.action.paramsSummary', '{count} mappings')
+                .replace('{count}', String(params.length)));
+        }
+        else {
+            parts.push(this.tx('crud.authoring.action.paramsNone', 'No param mappings yet'));
+        }
+        const draft = this.actionInitialValueDraft(actionName).trim();
+        const hasInitialValue = !!this.actionValue(actionName).form?.initialValue;
+        if (draft && !hasInitialValue) {
+            parts.push(this.tx('crud.authoring.action.initialValueInvalid', 'Initial value JSON is not valid yet'));
+        }
+        else if (hasInitialValue) {
+            parts.push(this.tx('crud.authoring.action.initialValueReady', 'Initial value seed configured'));
+        }
+        else {
+            parts.push(this.tx('crud.authoring.action.initialValueEmpty', 'No fixed form seed yet'));
+        }
+        return parts.join(' | ');
+    }
+    actionParamsNote(actionName) {
+        const params = this.actionParams(actionName);
+        if (!params.length) {
+            return this.tx('crud.authoring.action.paramsNoteEmpty', 'Map fields from the current row into route params, query string, or dialog inputs.');
+        }
+        return this.tx('crud.authoring.action.paramsNoteReady', 'Mappings ready');
+    }
+    actionInitialValueNote(actionName) {
+        const draft = this.actionInitialValueDraft(actionName).trim();
+        const hasInitialValue = !!this.actionValue(actionName).form?.initialValue;
+        if (draft && !hasInitialValue) {
+            return this.tx('crud.authoring.action.initialValueInvalid', 'Initial value JSON is not valid yet');
+        }
+        if (hasInitialValue) {
+            return this.tx('crud.authoring.action.initialValueNoteReady', 'Fixed seed ready');
+        }
+        return this.tx('crud.authoring.action.initialValueNoteEmpty', 'Use this only for fixed seed values that do not come from the selected row.');
+    }
+    actionAdvancedSummary(actionName) {
+        const submitStatus = this.actionGroupStatus(actionName, 'submit');
+        const apiStatus = this.actionGroupStatus(actionName, 'api');
+        const inputsSummary = this.actionInputsSummaryBadge(actionName);
+        if (submitStatus === 'ready' && apiStatus === 'ready') {
+            return this.tx('crud.authoring.action.advancedReady', 'Advanced ready');
+        }
+        const pending = [];
+        if (submitStatus !== 'ready') {
+            pending.push(this.tx('crud.authoring.action.submitGroup', 'Submit contract'));
+        }
+        if (apiStatus !== 'ready') {
+            pending.push(this.tx('crud.authoring.action.apiGroup', 'API mapping'));
+        }
+        const summary = this.tx('crud.authoring.action.advancedPending', 'Pending: {groups}')
+            .replace('{groups}', pending.join(', '));
+        return inputsSummary ? `${summary} · ${inputsSummary}` : summary;
+    }
+    actionPrimarySummary(actionName) {
+        const bindingStatus = this.actionGroupStatus(actionName, 'binding');
+        const schemaStatus = this.actionGroupStatus(actionName, 'schema');
+        if (bindingStatus === 'ready' && schemaStatus === 'ready') {
+            return this.tx('crud.authoring.action.primaryReady', 'Core ready');
+        }
+        const invalid = [];
+        if (bindingStatus === 'invalid') {
+            invalid.push(this.tx('crud.authoring.action.bindingGroup', 'Binding'));
+        }
+        if (schemaStatus === 'invalid') {
+            invalid.push(this.tx('crud.authoring.action.schemaGroup', 'Schema contract'));
+        }
+        if (invalid.length) {
+            return this.tx('crud.authoring.action.primaryInvalid', 'Resolve: {groups}')
+                .replace('{groups}', invalid.join(', '));
+        }
+        const pending = [];
+        if (bindingStatus !== 'ready') {
+            pending.push(this.tx('crud.authoring.action.bindingGroup', 'Binding'));
+        }
+        if (schemaStatus !== 'ready') {
+            pending.push(this.tx('crud.authoring.action.schemaGroup', 'Schema contract'));
+        }
+        return this.tx('crud.authoring.action.primaryPending', 'Next: {groups}')
+            .replace('{groups}', pending.join(', '));
+    }
+    actionBindingNote(actionName) {
+        if (this.actionGroupStatus(actionName, 'binding') === 'ready') {
+            return this.tx('crud.authoring.action.bindingReadyNote', 'Binding configured');
+        }
+        return this.actionEffectiveBindingSummary(actionName);
+    }
+    actionSchemaNote(actionName) {
+        if (this.actionGroupStatus(actionName, 'schema') === 'ready') {
+            return this.tx('crud.authoring.action.schemaReadyNote', 'Schema linked');
+        }
+        return this.actionSchemaSummary(actionName);
+    }
+    actionSubmitNote(actionName) {
+        if (this.actionGroupStatus(actionName, 'submit') === 'ready') {
+            return this.tx('crud.authoring.action.submitReadyNote', 'Submit contract ready');
+        }
+        return this.actionSubmitSummary(actionName);
+    }
+    actionApiNote(actionName) {
+        if (this.actionGroupStatus(actionName, 'api') === 'ready') {
+            return this.tx('crud.authoring.action.apiReadyNote', 'API mapping ready');
+        }
+        return this.actionApiSummary(actionName);
+    }
+    actionBackStrategy(actionName) {
+        return String(this.actionValue(actionName).back?.strategy ?? '');
+    }
+    actionBackReturnTo(actionName) {
+        return this.actionValue(actionName).back?.returnTo || '';
+    }
+    actionBackConfirmOnDirty(actionName) {
+        return !!this.actionValue(actionName).back?.confirmOnDirty;
+    }
+    actionBackNote(actionName) {
+        const actionBack = this.actionValue(actionName).back;
+        if (!actionBack || Object.keys(actionBack).length === 0) {
+            return this.tx('crud.authoring.action.backUsesDefaults', 'Using CRUD defaults for back behavior');
+        }
+        const parts = [];
+        if (actionBack.strategy) {
+            parts.push(this.tx('crud.authoring.action.backNoteStrategy', 'Strategy: {value}')
+                .replace('{value}', this.backStrategyLabel(actionBack.strategy)));
+        }
+        if (actionBack.returnTo) {
+            parts.push(this.tx('crud.authoring.action.backNoteReturnTo', 'Return: {value}')
+                .replace('{value}', actionBack.returnTo));
+        }
+        if (actionBack.confirmOnDirty) {
+            parts.push(this.tx('crud.authoring.action.backNoteConfirmOnDirty', 'Dirty confirmation'));
+        }
+        return parts.join(' | ');
+    }
+    actionGroupStatus(actionName, group) {
+        const action = this.actionValue(actionName);
+        const effectiveMode = (action.openMode || this.defaultsOpenMode());
+        const actionDiagnostics = this.actionDiagnostics(actionName);
+        if (group === 'binding') {
+            const hasBindingError = actionDiagnostics.some((issue) => (issue.code === 'crud.metadata.actions.route.required'
+                || issue.code === 'crud.metadata.actions.formId.required'));
+            if (hasBindingError) {
+                return 'invalid';
+            }
+            const hasBinding = effectiveMode === 'route'
+                ? !!String(action.route || '').trim()
+                : !!String(action.formId || '').trim();
+            return hasBinding ? 'ready' : 'pending';
+        }
+        if (group === 'schema') {
+            return String(action.form?.schemaUrl || '').trim() ? 'ready' : 'pending';
+        }
+        if (group === 'submit') {
+            const hasSubmitError = actionDiagnostics.some((issue) => issue.code === 'crud.metadata.actions.form.submit-contract.invalid');
+            if (hasSubmitError) {
+                return 'invalid';
+            }
+            const hasSubmitPair = !!String(action.form?.submitUrl || '').trim()
+                && !!String(action.form?.submitMethod || '').trim();
+            return hasSubmitPair ? 'ready' : 'pending';
+        }
+        const hasApiEndpoint = !!String(action.form?.apiEndpointKey || '').trim();
+        const hasApiEntry = !!String(this.actionApiUrlEntryDraft(actionName) || '').trim();
+        return hasApiEndpoint || hasApiEntry ? 'ready' : 'pending';
+    }
+    actionGroupStatusLabel(actionName, group) {
+        return {
+            ready: this.tx('crud.authoring.action.status.ready', 'Ready'),
+            pending: this.tx('crud.authoring.action.status.pending', 'Pending'),
+            invalid: this.tx('crud.authoring.action.status.invalid', 'Invalid'),
+        }[this.actionGroupStatus(actionName, group)];
+    }
+    actionGroupLabel(group) {
+        return {
+            binding: this.tx('crud.authoring.action.bindingGroup', 'Binding'),
+            schema: this.tx('crud.authoring.action.schemaGroup', 'Schema contract'),
+            submit: this.tx('crud.authoring.action.submitGroup', 'Submit contract'),
+            api: this.tx('crud.authoring.action.apiGroup', 'API mapping'),
+        }[group];
+    }
+    actionGroupsSummary(actionName) {
+        const invalidGroups = this.actionGroupLabelsByStatus(actionName, 'invalid');
+        if (invalidGroups.length) {
+            return this.tx('crud.authoring.action.groupsInvalid', 'Invalid: {groups}')
+                .replace('{groups}', invalidGroups.join(', '));
+        }
+        const pendingGroups = this.actionGroupLabelsByStatus(actionName, 'pending');
+        if (pendingGroups.length) {
+            return this.tx('crud.authoring.action.groupsPending', 'Pending: {groups}')
+                .replace('{groups}', pendingGroups.join(', '));
+        }
+        return this.tx('crud.authoring.action.groupsReady', 'All groups ready');
+    }
+    actionEditorialSummary(actionName) {
+        const invalidGroups = this.actionGroupLabelsByStatus(actionName, 'invalid');
+        if (invalidGroups.length) {
+            return this.tx('crud.authoring.action.editorialInvalid', 'Resolve: {groups}')
+                .replace('{groups}', invalidGroups.join(', '));
+        }
+        const pendingGroups = this.actionGroupLabelsByStatus(actionName, 'pending');
+        if (pendingGroups.length) {
+            return this.tx('crud.authoring.action.editorialPending', 'Finish: {groups}')
+                .replace('{groups}', pendingGroups.join(', '));
+        }
+        return this.tx('crud.authoring.action.editorialReady', 'Ready to use');
+    }
+    actionPanelExpanded(actionName) {
+        return this.actionStatus(actionName) !== 'ready';
+    }
+    actionAdvancedPanelExpanded(actionName) {
+        return this.actionGroupStatus(actionName, 'submit') !== 'ready'
+            || this.actionGroupStatus(actionName, 'api') !== 'ready';
+    }
+    actionStatus(actionName) {
+        const diagnosticPaths = this.actionDiagnostics(actionName);
+        if (diagnosticPaths.some((issue) => issue.level === 'error')) {
+            return 'invalid';
+        }
+        const action = this.actionValue(actionName);
+        const effectiveMode = (action.openMode || this.defaultsOpenMode());
+        const hasBinding = effectiveMode === 'route'
+            ? !!String(action.route || '').trim()
+            : !!String(action.formId || '').trim();
+        const hasSubmitPair = !!String(action.form?.submitUrl || '').trim()
+            && !!String(action.form?.submitMethod || '').trim();
+        const hasSchema = !!String(action.form?.schemaUrl || '').trim();
+        if (hasBinding && (hasSubmitPair || hasSchema)) {
+            return 'ready';
+        }
+        return 'pending';
+    }
+    actionStatusLabel(actionName) {
+        return {
+            ready: this.tx('crud.authoring.action.status.ready', 'Ready'),
+            pending: this.tx('crud.authoring.action.status.pending', 'Pending'),
+            invalid: this.tx('crud.authoring.action.status.invalid', 'Invalid'),
+        }[this.actionStatus(actionName)];
+    }
+    actionShowStatusChip(actionName) {
+        return this.actionStatus(actionName) !== 'ready';
+    }
+    connectionOverview() {
+        const path = this.resourcePath();
+        if (!path) {
+            return this.tx('crud.authoring.overview.connectionMissing', 'Resource not configured yet');
+        }
+        return path;
+    }
+    connectionOverviewNote() {
+        const idField = this.resourceIdField();
+        const endpointKey = this.resourceEndpointKey();
+        const parts = [];
+        if (idField) {
+            parts.push(this.tx('crud.authoring.overview.connectionIdField', 'ID: {value}').replace('{value}', idField));
+        }
+        if (endpointKey) {
+            parts.push(this.tx('crud.authoring.overview.connectionEndpoint', 'API: {value}').replace('{value}', endpointKey));
+        }
+        if (!parts.length) {
+            return this.tx('crud.authoring.overview.connectionDetailsPending', 'Identifier and endpoint details are still optional here.');
+        }
+        return parts.join(' · ');
+    }
+    defaultsOverview() {
+        return this.modeLabel(this.defaultsOpenMode());
+    }
+    defaultsOverviewNote() {
+        const parts = [
+            this.headerShowBack()
+                ? this.tx('crud.authoring.overview.backVisible', 'Back visible')
+                : this.tx('crud.authoring.overview.backHidden', 'Back hidden'),
+        ];
+        if (this.modalDensity() !== 'default') {
+            parts.push(this.tx('crud.authoring.overview.modalDensity', 'Modal: {value}')
+                .replace('{value}', this.modalDensityLabel(this.modalDensity())));
+        }
+        if (this.backStrategy() !== 'auto') {
+            parts.push(this.tx('crud.authoring.overview.backStrategy', 'Back: {value}')
+                .replace('{value}', this.backStrategyLabel(this.backStrategy())));
+        }
+        if (this.modalRememberLastState()) {
+            parts.push(this.tx('crud.authoring.overview.modalRememberState', 'State remembered'));
+        }
+        if (this.backConfirmOnDirty()) {
+            parts.push(this.tx('crud.authoring.overview.backConfirmOnDirty', 'Dirty confirm'));
+        }
+        if (this.headerSticky()) {
+            parts.push(this.tx('crud.authoring.overview.headerSticky', 'Sticky header'));
+        }
+        if (this.headerBreadcrumbs()) {
+            parts.push(this.tx('crud.authoring.overview.headerBreadcrumbs', 'Breadcrumbs'));
+        }
+        return parts.join(' · ');
+    }
+    modalDefaultsNote() {
+        const parts = [
+            this.tx('crud.authoring.defaults.modal.noteDensity', 'Density: {value}')
+                .replace('{value}', this.modalDensityLabel(this.modalDensity())),
+        ];
+        if (!this.modalCanMaximize()) {
+            parts.push(this.tx('crud.authoring.defaults.modal.noteNoMaximize', 'Maximize hidden'));
+        }
+        if (this.modalStartMaximized()) {
+            parts.push(this.tx('crud.authoring.defaults.modal.noteStartMaximized', 'Starts maximized'));
+        }
+        if (this.modalRememberLastState()) {
+            parts.push(this.tx('crud.authoring.defaults.modal.noteRememberState', 'Last size remembered'));
+        }
+        if (this.modalDisableCloseOnEsc()) {
+            parts.push(this.tx('crud.authoring.defaults.modal.noteEscLocked', 'Escape locked'));
+        }
+        if (this.modalDisableCloseOnBackdrop()) {
+            parts.push(this.tx('crud.authoring.defaults.modal.noteBackdropLocked', 'Backdrop locked'));
+        }
+        if (this.modalFullscreenBreakpoint().trim()) {
+            parts.push(this.tx('crud.authoring.defaults.modal.noteBreakpoint', 'Fullscreen at {value}px')
+                .replace('{value}', this.modalFullscreenBreakpoint().trim()));
+        }
+        return parts.join(' · ');
+    }
+    backDefaultsNote() {
+        const parts = [
+            this.tx('crud.authoring.defaults.back.noteStrategy', 'Strategy: {value}')
+                .replace('{value}', this.backStrategyLabel(this.backStrategy())),
+        ];
+        if (this.backReturnTo().trim()) {
+            parts.push(this.tx('crud.authoring.defaults.back.noteReturnTo', 'Return: {value}')
+                .replace('{value}', this.backReturnTo().trim()));
+        }
+        if (this.backConfirmOnDirty()) {
+            parts.push(this.tx('crud.authoring.defaults.back.noteConfirmOnDirty', 'Dirty confirmation'));
+        }
+        return parts.join(' · ');
+    }
+    actionsOverview() {
+        const readyCount = this.actionKeys.filter((actionName) => this.actionStatus(actionName) === 'ready').length;
+        const pendingCount = this.actionKeys.filter((actionName) => this.actionStatus(actionName) === 'pending').length;
+        const invalidCount = this.actionKeys.filter((actionName) => this.actionStatus(actionName) === 'invalid').length;
+        const parts = [
+            this.tx('crud.authoring.overview.actionsReady', '{count} ready').replace('{count}', String(readyCount)),
+        ];
+        if (pendingCount > 0) {
+            parts.push(this.tx('crud.authoring.overview.actionsPending', '{count} pending').replace('{count}', String(pendingCount)));
+        }
+        if (invalidCount > 0) {
+            parts.push(this.tx('crud.authoring.overview.actionsInvalid', '{count} invalid').replace('{count}', String(invalidCount)));
+        }
+        return parts.join(' · ');
+    }
+    actionsOverviewNote() {
+        const focusedAction = this.prioritizedActionKey();
+        if (focusedAction && this.actionStatus(focusedAction) !== 'ready') {
+            return this.tx('crud.authoring.overview.actionsNextCompact', 'Next: {action}. {summary}')
+                .replace('{action}', this.actionLabel(focusedAction))
+                .replace('{summary}', this.actionFocusSummary(focusedAction));
+        }
+        return this.tx('crud.authoring.overview.actionsTracked', '{count} tracked action blocks')
+            .replace('{count}', String(this.actionKeys.length));
+    }
+    tableOverview() {
+        const table = this.tableConfig();
+        const title = table.toolbar?.title;
+        const count = table.columns?.length || 0;
+        if (title) {
+            return title;
+        }
+        return `${count} ${this.tx('crud.authoring.overview.columns', 'columns')}`;
+    }
+    tableOverviewNote() {
+        const table = this.tableConfig();
+        const subtitle = table.toolbar?.subtitle;
+        const parts = [this.tableBehaviorSummary(), this.tableStatesSummary()];
+        if (subtitle) {
+            parts.unshift(subtitle);
+        }
+        return parts.join(' · ');
+    }
+    tableStructureSummary() {
+        const table = this.tableConfig();
+        const count = table.columns?.length || 0;
+        const density = table.appearance?.density
+            ? this.tx(`crud.authoring.table.density.${table.appearance.density}`, table.appearance.density)
+            : this.tx('crud.authoring.table.density.comfortable', 'Comfortable');
+        return this.tx('crud.authoring.table.structureSummary', '{count} columns | {density}')
+            .replace('{count}', String(count))
+            .replace('{density}', density);
+    }
+    tableBehaviorSummary() {
+        const table = this.tableConfig();
+        const pagination = table.behavior?.pagination;
+        const sorting = table.behavior?.sorting;
+        const parts = [];
+        if (pagination?.enabled === false) {
+            parts.push(this.tx('crud.authoring.table.paginationOff', 'Pagination off'));
+        }
+        else {
+            parts.push(this.tx('crud.authoring.table.paginationSummary', 'Page size {value}')
+                .replace('{value}', String(pagination?.pageSize || 10)));
+        }
+        if (sorting?.enabled === false) {
+            parts.push(this.tx('crud.authoring.table.sortingOff', 'Sorting off'));
+        }
+        else {
+            parts.push(sorting?.strategy === 'server'
+                ? this.tx('crud.authoring.table.sortingServer', 'Server sorting')
+                : this.tx('crud.authoring.table.sortingClient', 'Client sorting'));
+        }
+        return parts.join(' | ');
+    }
+    tableStatesSummary() {
+        const states = this.tableConfig().messages?.states;
+        const customized = [
+            states?.loading,
+            states?.empty,
+            states?.noResults,
+            states?.error,
+        ].filter((value) => !!String(value || '').trim()).length;
+        if (!customized) {
+            return this.tx('crud.authoring.table.statesDefault', 'Default state copy');
+        }
+        return this.tx('crud.authoring.table.statesCustom', '{count} custom states')
+            .replace('{count}', String(customized));
+    }
+    tableEditingFlowSummary() {
+        return this.tx('crud.authoring.table.flowSummary', 'Core presentation stays visible below. Pagination, sorting, state copy, and columns stay in advanced table panels.');
+    }
+    validationOverview() {
+        if (this.errorCount() > 0) {
+            return this.tx('crud.authoring.overview.validationErrors', '{count} errors')
+                .replace('{count}', String(this.errorCount()));
+        }
+        if (this.warningCount() > 0) {
+            return this.tx('crud.authoring.overview.validationWarnings', '{count} warnings')
+                .replace('{count}', String(this.warningCount()));
+        }
+        return this.tx('crud.authoring.overview.validationClean', 'No blocking diagnostics');
+    }
+    validationOverviewNote() {
+        if (this.errorCount() > 0 || this.warningCount() > 0) {
+            return this.tx('crud.authoring.overview.validationGrouped', 'Grouped by section below for faster troubleshooting.');
+        }
+        return this.tx('crud.authoring.overview.validationAligned', 'Shell guidance and diagnostics are aligned.');
+    }
+    jsonSectionSummary() {
+        if (this.errorCount() > 0) {
+            return this.tx('crud.authoring.json.summaryErrors', 'The canonical document still has validation errors.');
+        }
+        if (this.warningCount() > 0) {
+            return this.tx('crud.authoring.json.summaryWarnings', 'The canonical document has diagnostics worth reviewing.');
+        }
+        return this.tx('crud.authoring.json.summaryClean', 'The canonical document is structurally consistent.');
+    }
+    sectionStatus(section) {
+        if (this.sectionDiagnostics(section).some((issue) => issue.level === 'error')) {
+            return 'invalid';
+        }
+        if (section === 'connection') {
+            return this.resourcePath().trim() ? 'ready' : 'pending';
+        }
+        if (section === 'defaults') {
+            return this.defaultsOpenMode() && this.headerVariant() ? 'ready' : 'pending';
+        }
+        if (section === 'actions') {
+            return this.actionKeys.every((actionName) => this.actionStatus(actionName) === 'ready')
+                ? 'ready'
+                : 'pending';
+        }
+        const table = this.tableConfig();
+        const hasTitle = !!String(table.toolbar?.title || '').trim();
+        const hasColumns = (table.columns?.length || 0) > 0;
+        return hasTitle || hasColumns ? 'ready' : 'pending';
+    }
+    sectionStatusLabel(section) {
+        return {
+            ready: this.tx('crud.authoring.section.status.ready', 'Ready'),
+            pending: this.tx('crud.authoring.section.status.pending', 'Needs attention'),
+            invalid: this.tx('crud.authoring.section.status.invalid', 'Invalid'),
+        }[this.sectionStatus(section)];
+    }
+    sectionSummary(section) {
+        if (section === 'connection') {
+            return this.connectionOverview();
+        }
+        if (section === 'defaults') {
+            return this.defaultsOverview();
+        }
+        if (section === 'actions') {
+            const readyCount = this.actionKeys.filter((actionName) => this.actionStatus(actionName) === 'ready').length;
+            const invalidCount = this.actionKeys.filter((actionName) => this.actionStatus(actionName) === 'invalid').length;
+            const focusedAction = this.prioritizedActionKey();
+            if (invalidCount > 0) {
+                return this.tx('crud.authoring.section.actions.invalidSummaryDetailed', '{count} action blocks have validation errors. Start with {action}.')
+                    .replace('{count}', String(invalidCount))
+                    .replace('{action}', focusedAction ? this.actionLabel(focusedAction) : this.actionLabel('create'));
+            }
+            if (readyCount === this.actionKeys.length) {
+                return this.tx('crud.authoring.section.actions.readySummary', 'All primary CRUD actions are configured.');
+            }
+            return this.tx('crud.authoring.section.actions.pendingSummaryDetailed', '{count} of {total} action blocks are ready. Next: {action}.')
+                .replace('{count}', String(readyCount))
+                .replace('{total}', String(this.actionKeys.length))
+                .replace('{action}', focusedAction ? this.actionLabel(focusedAction) : this.actionLabel('create'));
+        }
+        return this.tx('crud.authoring.table.sectionSummary', '{structure}. {behavior}. {states}.')
+            .replace('{structure}', this.tableStructureSummary())
+            .replace('{behavior}', this.tableBehaviorSummary())
+            .replace('{states}', this.tableStatesSummary());
+    }
+    nextFocusTitle() {
+        if (this.nextFocusStatus() === 'ready') {
+            return this.tx('crud.authoring.nextFocus.completeTitle', 'Shell guidance complete');
+        }
+        return this.tx(`crud.authoring.nextFocus.${this.nextFocusSection()}`, this.nextFocusSection());
+    }
+    nextFocusSummary() {
+        if (this.nextFocusStatus() === 'invalid') {
+            if (this.nextFocusSection() === 'actions') {
+                const focusedAction = this.prioritizedActionKey();
+                if (focusedAction) {
+                    return this.tx('crud.authoring.nextFocus.actionsInvalid', 'Resolve {action} first. {summary}.')
+                        .replace('{action}', this.actionLabel(focusedAction))
+                        .replace('{summary}', this.actionFocusSummary(focusedAction));
+                }
+            }
+            return this.tx('crud.authoring.nextFocus.invalid', 'Resolve the blocking diagnostics in this section before saving with confidence.');
+        }
+        if (this.nextFocusStatus() === 'pending') {
+            if (this.nextFocusSection() === 'actions') {
+                const focusedAction = this.prioritizedActionKey();
+                if (focusedAction) {
+                    return this.tx('crud.authoring.nextFocus.actionsPending', 'Open {action} next. {summary}.')
+                        .replace('{action}', this.actionLabel(focusedAction))
+                        .replace('{summary}', this.actionFocusSummary(focusedAction));
+                }
+            }
+            return this.tx('crud.authoring.nextFocus.pending', 'This section is the next best place to complete the canonical CRUD flow.');
+        }
+        return this.tx('crud.authoring.nextFocus.ready', 'All tracked sections are currently in a good state.');
+    }
+    nextFocusChipLabel() {
+        if (this.nextFocusStatus() === 'ready') {
+            return this.tx('crud.authoring.nextFocus.complete', 'Complete');
+        }
+        return this.sectionStatusLabel(this.nextFocusSection());
+    }
+    healthBucketLabel(bucket) {
+        return {
+            invalid: this.tx('crud.authoring.health.invalid', 'Invalid'),
+            pending: this.tx('crud.authoring.health.pending', 'Needs attention'),
+            ready: this.tx('crud.authoring.health.ready', 'Healthy'),
+        }[bucket];
+    }
+    healthBucketSummary(bucket) {
+        const sections = ['connection', 'defaults', 'actions', 'table']
+            .filter((section) => this.sectionStatus(section) === bucket);
+        if (!sections.length) {
+            return this.tx(`crud.authoring.health.${bucket}Empty`, 'None');
+        }
+        return sections.map((section) => this.sectionDisplayLabel(section)).join(' · ');
+    }
+    diagnosticsGroupStatusLabel(section, issues) {
+        const hasError = issues.some((issue) => issue.level === 'error');
+        if (hasError) {
+            return this.tx('crud.authoring.diagnostics.errors', 'Errors');
+        }
+        return this.tx('crud.authoring.diagnostics.warnings', 'Warnings');
+    }
+    diagnosticsGroupSummary(section, issues) {
+        const errorCount = issues.filter((issue) => issue.level === 'error').length;
+        const warningCount = issues.length - errorCount;
+        if (errorCount > 0) {
+            return this.tx('crud.authoring.diagnostics.errorSummary', '{count} blocking diagnostics in this section.')
+                .replace('{count}', String(errorCount));
+        }
+        return this.tx('crud.authoring.diagnostics.warningSummary', '{count} diagnostics worth reviewing in this section.')
+            .replace('{count}', String(warningCount));
+    }
+    modeLabel(mode) {
+        return this.tx(`crud.authoring.mode.${mode}`, mode);
+    }
+    variantLabel(variant) {
+        return this.tx(`crud.authoring.header.variant.${variant}`, variant);
+    }
+    modalDensityLabel(density) {
+        return this.tx(`crud.authoring.defaults.modal.density.${density}`, density);
+    }
+    backStrategyLabel(strategy) {
+        return this.tx(`crud.authoring.defaults.back.strategy.${strategy}`, strategy);
+    }
+    actionInputsSummaryBadge(actionName) {
+        const paramsCount = this.actionParams(actionName).length;
+        const hasInitialValue = !!this.actionValue(actionName).form?.initialValue;
+        const parts = [];
+        if (paramsCount > 0) {
+            parts.push(this.tx('crud.authoring.action.paramsSummaryCompact', '{count} map')
+                .replace('{count}', String(paramsCount)));
+        }
+        if (hasInitialValue) {
+            parts.push(this.tx('crud.authoring.action.initialValueReadyCompact', 'Seed'));
+        }
+        return parts.join(' · ');
+    }
+    paramTargetLabel(target) {
+        return this.tx(`crud.authoring.action.paramTarget.${target}`, target);
+    }
+    diagnosticMessage(code, fallback) {
+        const key = {
+            'crud.metadata.actions.route.required': 'crud.authoring.validation.routeRequired',
+            'crud.metadata.actions.formId.required': 'crud.authoring.validation.formIdRequired',
+            'crud.metadata.actions.form.submit-contract.invalid': 'crud.authoring.validation.submitContract',
+        }[code];
+        return key ? this.tx(key, fallback) : fallback;
+    }
+    setResourceField(field, value) {
+        this.updateMetadata((metadata) => ({
+            ...metadata,
+            resource: {
+                ...(metadata.resource || { path: '' }),
+                [field]: typeof value === 'string' ? value : value ?? undefined,
+            },
+        }));
+    }
+    setDefaultsOpenMode(value) {
+        this.updateMetadata((metadata) => ({
+            ...metadata,
+            defaults: {
+                ...(metadata.defaults || {}),
+                openMode: value || 'route',
+            },
+        }));
+    }
+    setHeaderField(field, value) {
+        this.updateMetadata((metadata) => ({
+            ...metadata,
+            defaults: {
+                ...(metadata.defaults || {}),
+                header: {
+                    ...(metadata.defaults?.header || {}),
+                    [field]: value,
+                },
+            },
+        }));
+    }
+    setModalField(field, value) {
+        const nextValue = field === 'fullscreenBreakpoint'
+            ? this.normalizeOptionalNumber(value)
+            : value;
+        this.updateMetadata((metadata) => ({
+            ...metadata,
+            defaults: {
+                ...(metadata.defaults || {}),
+                modal: {
+                    ...(metadata.defaults?.modal || {}),
+                    [field]: nextValue,
+                },
+            },
+        }));
+    }
+    setBackField(field, value) {
+        this.updateMetadata((metadata) => ({
+            ...metadata,
+            defaults: {
+                ...(metadata.defaults || {}),
+                back: {
+                    ...(metadata.defaults?.back || {}),
+                    [field]: typeof value === 'string' ? value : value ?? undefined,
+                },
+            },
+        }));
+    }
+    setActionField(actionName, field, value) {
+        this.patchAction(actionName, (action) => ({
+            ...action,
+            [field]: typeof value === 'string' ? value : value ?? undefined,
+        }));
+    }
+    setActionFormField(actionName, field, value) {
+        this.patchAction(actionName, (action) => ({
+            ...action,
+            form: {
+                ...(action.form || {}),
+                [field]: typeof value === 'string' ? value : value ?? undefined,
+            },
+        }));
+    }
+    addActionParam(actionName) {
+        this.patchAction(actionName, (action) => ({
+            ...action,
+            params: [...(action.params || []), { from: '', to: 'input', name: '' }],
+        }));
+    }
+    removeActionParam(actionName, index) {
+        this.patchAction(actionName, (action) => {
+            const params = [...(action.params || [])];
+            params.splice(index, 1);
+            return {
+                ...action,
+                params: params.length ? params : undefined,
+            };
+        });
+    }
+    setActionParamField(actionName, index, field, value) {
+        this.patchAction(actionName, (action) => {
+            const params = [...(action.params || [])];
+            const current = params[index] || { from: '', to: 'input', name: '' };
+            params[index] = {
+                ...current,
+                [field]: typeof value === 'string' ? value : value ?? undefined,
+            };
+            return {
+                ...action,
+                params,
+            };
+        });
+    }
+    setActionInitialValue(actionName, raw) {
+        this.initialValueDrafts.update((drafts) => ({
+            ...drafts,
+            [actionName]: raw,
+        }));
+        const trimmed = raw.trim();
+        if (!trimmed) {
+            this.patchAction(actionName, (action) => ({
+                ...action,
+                form: {
+                    ...(action.form || {}),
+                    initialValue: undefined,
+                },
+            }));
+            return;
+        }
+        try {
+            const parsed = JSON.parse(trimmed);
+            if (!parsed || typeof parsed !== 'object' || Array.isArray(parsed)) {
+                return;
+            }
+            this.patchAction(actionName, (action) => ({
+                ...action,
+                form: {
+                    ...(action.form || {}),
+                    initialValue: parsed,
+                },
+            }));
+        }
+        catch {
+            return;
+        }
+    }
+    setActionBackField(actionName, field, value) {
+        this.patchAction(actionName, (action) => ({
+            ...action,
+            back: {
+                ...(action.back || {}),
+                [field]: typeof value === 'string' ? value || undefined : value ?? undefined,
+            },
+        }));
+    }
+    setActionApiUrlEntry(actionName, raw) {
+        let parsed = undefined;
+        const trimmed = raw.trim();
+        if (trimmed) {
+            try {
+                parsed = JSON.parse(trimmed);
+            }
+            catch {
+                parsed = trimmed;
+            }
+        }
+        this.patchAction(actionName, (action) => ({
+            ...action,
+            form: {
+                ...(action.form || {}),
+                apiUrlEntry: parsed,
+            },
+        }));
+    }
+    setTableConfig(config) {
+        this.updateMetadata((metadata) => ({
+            ...metadata,
+            table: cloneTableConfig(config),
+        }));
+    }
+    patchAction(actionName, patcher) {
+        this.updateMetadata((metadata) => {
+            const actions = [...(metadata.actions || [])];
+            const index = actions.findIndex((entry) => entry?.action === actionName);
+            const current = index >= 0 ? actions[index] : { action: actionName, label: this.actionLabel(actionName) };
+            const next = patcher(current);
+            if (index >= 0) {
+                actions[index] = next;
+            }
+            else {
+                actions.push(next);
+            }
+            return { ...metadata, actions };
+        });
+    }
+    updateMetadata(updater) {
+        const next = normalizeCrudAuthoringDocument({
+            ...this.currentDocument(),
+            metadata: updater(this.currentDocument().metadata),
+        });
+        this.currentDocument.set(next);
+        this.syncState();
+    }
+    buildPayload() {
+        const document = normalizeCrudAuthoringDocument(this.currentDocument());
+        return {
+            document,
+            metadata: document.metadata,
+            id: this.effectiveCrudId(),
+        };
+    }
+    resolveExternalSeed() {
+        return this.documentInput()
+            || this.metadataInput()
+            || this.injectedData?.document
+            || this.injectedData?.metadata
+            || null;
+    }
+    syncState() {
+        const currentSignature = JSON.stringify(serializeCrudAuthoringDocument(this.currentDocument()));
+        const initialSignature = JSON.stringify(serializeCrudAuthoringDocument(this.initialDocument()));
+        this.isDirty$.next(currentSignature !== initialSignature);
+        this.isValid$.next(!this.diagnostics().some((issue) => issue.level === 'error'));
+    }
+    tx(key, fallback) {
+        return translateCrudAuthoringText(this.i18n, key, fallback);
+    }
+    normalizeOptionalNumber(value) {
+        const trimmed = String(value ?? '').trim();
+        if (!trimmed) {
+            return undefined;
+        }
+        const parsed = Number(trimmed);
+        return Number.isFinite(parsed) ? parsed : undefined;
+    }
+    hasHealthBucketContent(bucket) {
+        return ['connection', 'defaults', 'actions', 'table']
+            .some((section) => this.sectionStatus(section) === bucket);
+    }
+    sectionDiagnostics(section) {
+        const prefix = {
+            connection: 'metadata.resource',
+            defaults: 'metadata.defaults',
+            actions: 'metadata.actions',
+            table: 'metadata.table',
+        }[section];
+        return this.diagnostics().filter((issue) => String(issue.path || '').includes(prefix));
+    }
+    actionDiagnostics(actionName) {
+        return this.diagnostics()
+            .filter((issue) => String(issue.path || '').includes(`metadata.actions.${actionName}`));
+    }
+    actionGroupLabelsByStatus(actionName, status) {
+        return ['binding', 'schema', 'submit', 'api']
+            .filter((group) => this.actionGroupStatus(actionName, group) === status)
+            .map((group) => this.actionGroupLabel(group));
+    }
+    actionFocusSummary(actionName) {
+        const invalidGroups = this.actionGroupLabelsByStatus(actionName, 'invalid');
+        if (invalidGroups.length) {
+            return this.tx('crud.authoring.action.focusInvalid', '{count} blocking groups')
+                .replace('{count}', String(invalidGroups.length));
+        }
+        const pendingGroups = this.actionGroupLabelsByStatus(actionName, 'pending');
+        if (pendingGroups.length) {
+            return this.tx('crud.authoring.action.focusPending', '{count} groups still pending')
+                .replace('{count}', String(pendingGroups.length));
+        }
+        return this.tx('crud.authoring.action.focusReady', 'Ready');
+    }
+    prioritizedActionKey() {
+        return this.actionKeys.find((actionName) => this.actionStatus(actionName) === 'invalid')
+            || this.actionKeys.find((actionName) => this.actionStatus(actionName) === 'pending')
+            || null;
+    }
+    sectionDisplayLabel(section) {
+        return {
+            connection: this.tx('crud.authoring.section.connection', 'Connection'),
+            defaults: this.tx('crud.authoring.section.defaults', 'Open mode and header'),
+            actions: this.tx('crud.authoring.section.actions', 'Actions'),
+            table: this.tx('crud.authoring.section.table', 'Table'),
+        }[section];
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: CrudMetadataEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: CrudMetadataEditorComponent, isStandalone: true, selector: "praxis-crud-metadata-editor", inputs: { documentInput: { classPropertyName: "documentInput", publicName: "document", isSignal: true, isRequired: false, transformFunction: null }, metadataInput: { classPropertyName: "metadataInput", publicName: "metadata", isSignal: true, isRequired: false, transformFunction: null }, crudIdInput: { classPropertyName: "crudIdInput", publicName: "crudId", isSignal: true, isRequired: false, transformFunction: null }, readonlyInput: { classPropertyName: "readonlyInput", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null } }, providers: [providePraxisI18nConfig(PRAXIS_CRUD_AUTHORING_I18N_CONFIG)], ngImport: i0, template: `
+    <section class="editor-shell" data-testid="crud-metadata-editor">
+      <header class="editor-header">
+        <div>
+          <h2>{{ tx('crud.authoring.title', 'CRUD settings') }}</h2>
+          <p>{{ tx('crud.authoring.subtitle', 'Edit the canonical CRUD flow document.') }}</p>
+        </div>
+        <span class="editor-chip" data-testid="crud-metadata-editor-id">{{ effectiveCrudId() || 'lab' }}</span>
+      </header>
+
+      <section class="editor-overview" data-testid="crud-editor-overview">
+        <article class="editor-overview-card">
+          <span class="editor-overview-label">{{ tx('crud.authoring.overview.connection', 'Connection') }}</span>
+          <strong class="editor-overview-value" data-testid="crud-editor-overview-connection">{{ connectionOverview() }}</strong>
+          <p class="editor-overview-note" data-testid="crud-editor-overview-connection-note">{{ connectionOverviewNote() }}</p>
+        </article>
+        <article class="editor-overview-card">
+          <span class="editor-overview-label">{{ tx('crud.authoring.overview.defaults', 'Defaults') }}</span>
+          <strong class="editor-overview-value" data-testid="crud-editor-overview-defaults">{{ defaultsOverview() }}</strong>
+          <p class="editor-overview-note" data-testid="crud-editor-overview-defaults-note">{{ defaultsOverviewNote() }}</p>
+        </article>
+        <article class="editor-overview-card">
+          <span class="editor-overview-label">{{ tx('crud.authoring.overview.actions', 'Actions') }}</span>
+          <strong class="editor-overview-value" data-testid="crud-editor-overview-actions">{{ actionsOverview() }}</strong>
+          <p class="editor-overview-note" data-testid="crud-editor-overview-actions-note">{{ actionsOverviewNote() }}</p>
+        </article>
+        <article class="editor-overview-card">
+          <span class="editor-overview-label">{{ tx('crud.authoring.overview.table', 'Table') }}</span>
+          <strong class="editor-overview-value" data-testid="crud-editor-overview-table">{{ tableOverview() }}</strong>
+          <p class="editor-overview-note" data-testid="crud-editor-overview-table-note">{{ tableOverviewNote() }}</p>
+        </article>
+        <article class="editor-overview-card" [class.editor-overview-card--error]="errorCount() > 0" [class.editor-overview-card--warn]="errorCount() === 0 && warningCount() > 0">
+          <span class="editor-overview-label">{{ tx('crud.authoring.overview.validation', 'Validation') }}</span>
+          <strong class="editor-overview-value" data-testid="crud-editor-overview-validation">{{ validationOverview() }}</strong>
+          <p class="editor-overview-note" data-testid="crud-editor-overview-validation-note">{{ validationOverviewNote() }}</p>
+        </article>
+      </section>
+
+      @if (showHealthMap()) {
+        <section class="editor-health-map" data-testid="crud-editor-health-map">
+          @for (bucket of visibleHealthBuckets(); track bucket) {
+            <article
+              class="editor-health-card"
+              [class.editor-health-card--error]="bucket === 'invalid'"
+              [class.editor-health-card--warn]="bucket === 'pending'"
+              [attr.data-testid]="'crud-editor-health-' + bucket"
+            >
+              <span class="editor-overview-label">{{ healthBucketLabel(bucket) }}</span>
+              <strong>{{ healthBucketSummary(bucket) }}</strong>
+            </article>
+          }
+        </section>
+      }
+
+      <section class="editor-focus" data-testid="crud-editor-next-focus" [class.editor-focus--success]="nextFocusStatus() === 'ready'">
+        <span
+          class="editor-focus-chip"
+          [class.editor-focus-chip--error]="nextFocusStatus() === 'invalid'"
+          [class.editor-focus-chip--warn]="nextFocusStatus() === 'pending'"
+        >
+          {{ nextFocusChipLabel() }}
+        </span>
+        <div class="editor-focus-copy">
+          <strong>{{ nextFocusTitle() }}</strong>
+          <p>{{ nextFocusSummary() }}</p>
+        </div>
+      </section>
+
+      <mat-card class="editor-card">
+        <div class="editor-section-header">
+          <div>
+            <h3>{{ tx('crud.authoring.section.connection', 'Connection') }}</h3>
+            <p class="editor-section-note">{{ sectionSummary('connection') }}</p>
+          </div>
+          <span class="action-summary-chip" [class.action-summary-chip--error]="sectionStatus('connection') === 'invalid'" [class.action-summary-chip--warn]="sectionStatus('connection') === 'pending'">
+            {{ sectionStatusLabel('connection') }}
+          </span>
+        </div>
+        <div class="editor-grid">
+          <mat-form-field appearance="outline">
+            <mat-label>{{ tx('crud.authoring.connection.resourcePath', 'Resource') }}</mat-label>
+            <input matInput data-testid="crud-editor-resource-path" [ngModel]="resourcePath()" (ngModelChange)="setResourceField('path', $event)" [disabled]="isReadonly()" />
+          </mat-form-field>
+          <mat-form-field appearance="outline">
+            <mat-label>{{ tx('crud.authoring.connection.idField', 'Identifier field') }}</mat-label>
+            <input matInput data-testid="crud-editor-resource-idField" [ngModel]="resourceIdField()" (ngModelChange)="setResourceField('idField', $event)" [disabled]="isReadonly()" />
+          </mat-form-field>
+          <mat-form-field appearance="outline">
+            <mat-label>{{ tx('crud.authoring.connection.endpointKey', 'Endpoint/API') }}</mat-label>
+            <input matInput data-testid="crud-editor-resource-endpointKey" [ngModel]="resourceEndpointKey()" (ngModelChange)="setResourceField('endpointKey', $event)" [disabled]="isReadonly()" />
+          </mat-form-field>
+        </div>
+      </mat-card>
+
+      <mat-card class="editor-card">
+        <div class="editor-section-header">
+          <div>
+            <h3>{{ tx('crud.authoring.section.defaults', 'Open mode and header') }}</h3>
+            <p class="editor-section-note">{{ sectionSummary('defaults') }}</p>
+          </div>
+          <span class="action-summary-chip" [class.action-summary-chip--error]="sectionStatus('defaults') === 'invalid'" [class.action-summary-chip--warn]="sectionStatus('defaults') === 'pending'">
+            {{ sectionStatusLabel('defaults') }}
+          </span>
+        </div>
+        <div class="editor-grid">
+          <mat-form-field appearance="outline">
+            <mat-label>{{ tx('crud.authoring.defaults.openMode', 'Default open mode') }}</mat-label>
+            <mat-select data-testid="crud-editor-defaults-openMode" [ngModel]="defaultsOpenMode()" (ngModelChange)="setDefaultsOpenMode($event)" [disabled]="isReadonly()">
+              @for (mode of openModes; track mode) {
+                <mat-option [value]="mode">{{ modeLabel(mode) }}</mat-option>
+              }
+            </mat-select>
+          </mat-form-field>
+          <mat-form-field appearance="outline">
+            <mat-label>{{ tx('crud.authoring.defaults.header.backLabel', 'Back button label') }}</mat-label>
+            <input matInput data-testid="crud-editor-header-backLabel" [ngModel]="headerBackLabel()" (ngModelChange)="setHeaderField('backLabel', $event)" [disabled]="isReadonly()" />
+          </mat-form-field>
+          <mat-form-field appearance="outline">
+            <mat-label>{{ tx('crud.authoring.defaults.header.variant', 'Button variant') }}</mat-label>
+            <mat-select data-testid="crud-editor-header-variant" [ngModel]="headerVariant()" (ngModelChange)="setHeaderField('variant', $event)" [disabled]="isReadonly()">
+              @for (variant of headerVariants; track variant) {
+                <mat-option [value]="variant">{{ variantLabel(variant) }}</mat-option>
+              }
+            </mat-select>
+          </mat-form-field>
+        </div>
+        <div class="editor-toggles">
+          <mat-slide-toggle data-testid="crud-editor-header-showBack" [ngModel]="headerShowBack()" (ngModelChange)="setHeaderField('showBack', $event)" [disabled]="isReadonly()">
+            {{ tx('crud.authoring.defaults.header.showBack', 'Show back button') }}
+          </mat-slide-toggle>
+          <mat-slide-toggle data-testid="crud-editor-header-sticky" [ngModel]="headerSticky()" (ngModelChange)="setHeaderField('sticky', $event)" [disabled]="isReadonly()">
+            {{ tx('crud.authoring.defaults.header.sticky', 'Sticky header') }}
+          </mat-slide-toggle>
+          <mat-slide-toggle data-testid="crud-editor-header-breadcrumbs" [ngModel]="headerBreadcrumbs()" (ngModelChange)="setHeaderField('breadcrumbs', $event)" [disabled]="isReadonly()">
+            {{ tx('crud.authoring.defaults.header.breadcrumbs', 'Show breadcrumbs') }}
+          </mat-slide-toggle>
+          <mat-slide-toggle data-testid="crud-editor-header-divider" [ngModel]="headerDivider()" (ngModelChange)="setHeaderField('divider', $event)" [disabled]="isReadonly()">
+            {{ tx('crud.authoring.defaults.header.divider', 'Show bottom divider') }}
+          </mat-slide-toggle>
+        </div>
+        <section class="action-group" data-testid="crud-editor-defaults-modal-group">
+          <div class="action-group__header">
+            <div>
+              <strong>{{ tx('crud.authoring.defaults.modal.group', 'Modal presentation') }}</strong>
+              <p class="editor-section-note">{{ modalDefaultsNote() }}</p>
+            </div>
+          </div>
+          <div class="editor-grid">
+            <mat-form-field appearance="outline">
+              <mat-label>{{ tx('crud.authoring.defaults.modal.density', 'Modal density') }}</mat-label>
+              <mat-select data-testid="crud-editor-modal-density" [ngModel]="modalDensity()" (ngModelChange)="setModalField('density', $event)" [disabled]="isReadonly()">
+                @for (density of modalDensities; track density) {
+                  <mat-option [value]="density">{{ modalDensityLabel(density) }}</mat-option>
+                }
+              </mat-select>
+            </mat-form-field>
+            <mat-form-field appearance="outline">
+              <mat-label>{{ tx('crud.authoring.defaults.modal.fullscreenBreakpoint', 'Fullscreen breakpoint') }}</mat-label>
+              <input matInput data-testid="crud-editor-modal-fullscreenBreakpoint" [ngModel]="modalFullscreenBreakpoint()" (ngModelChange)="setModalField('fullscreenBreakpoint', $event)" [disabled]="isReadonly()" />
+            </mat-form-field>
+          </div>
+          <div class="editor-toggles">
+            <mat-slide-toggle data-testid="crud-editor-modal-canMaximize" [ngModel]="modalCanMaximize()" (ngModelChange)="setModalField('canMaximize', $event)" [disabled]="isReadonly()">
+              {{ tx('crud.authoring.defaults.modal.canMaximize', 'Show maximize control') }}
+            </mat-slide-toggle>
+            <mat-slide-toggle data-testid="crud-editor-modal-startMaximized" [ngModel]="modalStartMaximized()" (ngModelChange)="setModalField('startMaximized', $event)" [disabled]="isReadonly()">
+              {{ tx('crud.authoring.defaults.modal.startMaximized', 'Start maximized') }}
+            </mat-slide-toggle>
+            <mat-slide-toggle data-testid="crud-editor-modal-rememberLastState" [ngModel]="modalRememberLastState()" (ngModelChange)="setModalField('rememberLastState', $event)" [disabled]="isReadonly()">
+              {{ tx('crud.authoring.defaults.modal.rememberLastState', 'Remember last modal size') }}
+            </mat-slide-toggle>
+            <mat-slide-toggle data-testid="crud-editor-modal-disableCloseOnEsc" [ngModel]="modalDisableCloseOnEsc()" (ngModelChange)="setModalField('disableCloseOnEsc', $event)" [disabled]="isReadonly()">
+              {{ tx('crud.authoring.defaults.modal.disableCloseOnEsc', 'Block close on Escape') }}
+            </mat-slide-toggle>
+            <mat-slide-toggle data-testid="crud-editor-modal-disableCloseOnBackdrop" [ngModel]="modalDisableCloseOnBackdrop()" (ngModelChange)="setModalField('disableCloseOnBackdrop', $event)" [disabled]="isReadonly()">
+              {{ tx('crud.authoring.defaults.modal.disableCloseOnBackdrop', 'Block close on backdrop') }}
+            </mat-slide-toggle>
+          </div>
+        </section>
+        <section class="action-group" data-testid="crud-editor-defaults-back-group">
+          <div class="action-group__header">
+            <div>
+              <strong>{{ tx('crud.authoring.defaults.back.group', 'Back behavior') }}</strong>
+              <p class="editor-section-note">{{ backDefaultsNote() }}</p>
+            </div>
+          </div>
+          <div class="editor-grid">
+            <mat-form-field appearance="outline">
+              <mat-label>{{ tx('crud.authoring.defaults.back.strategy', 'Back strategy') }}</mat-label>
+              <mat-select data-testid="crud-editor-back-strategy" [ngModel]="backStrategy()" (ngModelChange)="setBackField('strategy', $event)" [disabled]="isReadonly()">
+                @for (strategy of backStrategies; track strategy) {
+                  <mat-option [value]="strategy">{{ backStrategyLabel(strategy) }}</mat-option>
+                }
+              </mat-select>
+            </mat-form-field>
+            <mat-form-field appearance="outline">
+              <mat-label>{{ tx('crud.authoring.defaults.back.returnTo', 'Return route') }}</mat-label>
+              <input matInput data-testid="crud-editor-back-returnTo" [ngModel]="backReturnTo()" (ngModelChange)="setBackField('returnTo', $event)" [disabled]="isReadonly()" />
+            </mat-form-field>
+          </div>
+          <div class="editor-toggles">
+            <mat-slide-toggle data-testid="crud-editor-back-confirmOnDirty" [ngModel]="backConfirmOnDirty()" (ngModelChange)="setBackField('confirmOnDirty', $event)" [disabled]="isReadonly()">
+              {{ tx('crud.authoring.defaults.back.confirmOnDirty', 'Confirm when leaving dirty forms') }}
+            </mat-slide-toggle>
+          </div>
+        </section>
+      </mat-card>
+
+      <section class="editor-actions">
+        <div class="editor-section-header">
+          <div>
+            <h3>{{ tx('crud.authoring.section.actions', 'Actions') }}</h3>
+            <p class="editor-section-note">{{ sectionSummary('actions') }}</p>
+          </div>
+          <span class="action-summary-chip" [class.action-summary-chip--error]="sectionStatus('actions') === 'invalid'" [class.action-summary-chip--warn]="sectionStatus('actions') === 'pending'">
+            {{ sectionStatusLabel('actions') }}
+          </span>
+        </div>
+          <div class="action-grid">
+            @for (actionName of actionKeys; track actionName) {
+            <mat-expansion-panel [expanded]="actionPanelExpanded(actionName)" class="editor-card" [attr.data-testid]="'crud-editor-action-' + actionName + '-panel'">
+              <mat-expansion-panel-header [attr.data-testid]="'crud-editor-action-' + actionName + '-panel-header'">
+                <mat-panel-title>{{ actionLabel(actionName) }}</mat-panel-title>
+                <mat-panel-description [attr.data-testid]="'crud-editor-action-' + actionName + '-header-summary'">{{ actionSummary(actionName) }}</mat-panel-description>
+              </mat-expansion-panel-header>
+              <section class="action-summary-strip" [attr.data-testid]="'crud-editor-action-' + actionName + '-summary'">
+                @if (actionShowStatusChip(actionName)) {
+                  <span class="action-summary-chip" [class.action-summary-chip--error]="actionStatus(actionName) === 'invalid'" [class.action-summary-chip--warn]="actionStatus(actionName) === 'pending'" [attr.data-testid]="'crud-editor-action-' + actionName + '-status-chip'">
+                    {{ actionStatusLabel(actionName) }}
+                  </span>
+                }
+                <span class="action-summary-chip" [class.action-summary-chip--error]="actionStatus(actionName) === 'invalid'" [class.action-summary-chip--warn]="actionStatus(actionName) !== 'ready'" [attr.data-testid]="'crud-editor-action-' + actionName + '-primary-summary'">
+                  {{ actionPrimarySummary(actionName) }}
+                </span>
+                <span class="action-summary-chip" [attr.data-testid]="'crud-editor-action-' + actionName + '-advanced-summary'">{{ actionAdvancedSummary(actionName) }}</span>
+              </section>
+              <section class="action-group" [attr.data-testid]="'crud-editor-action-' + actionName + '-binding-group'">
+                <div class="action-group__header">
+                  <div>
+                    <strong>{{ tx('crud.authoring.action.bindingGroup', 'Binding') }}</strong>
+                    <p class="editor-section-note">{{ actionBindingNote(actionName) }}</p>
+                  </div>
+                  <span class="action-summary-chip" [class.action-summary-chip--error]="actionGroupStatus(actionName, 'binding') === 'invalid'" [class.action-summary-chip--warn]="actionGroupStatus(actionName, 'binding') === 'pending'" [attr.data-testid]="'crud-editor-action-' + actionName + '-binding-status'">
+                    {{ actionGroupStatusLabel(actionName, 'binding') }}
+                  </span>
+                </div>
+                <div class="editor-grid">
+                  <mat-form-field appearance="outline">
+                    <mat-label>{{ tx('crud.authoring.action.mode', 'Open mode') }}</mat-label>
+                    <mat-select [attr.data-testid]="'crud-editor-action-' + actionName + '-openMode'" [ngModel]="actionValue(actionName).openMode || ''" (ngModelChange)="setActionField(actionName, 'openMode', $event)" [disabled]="isReadonly()">
+                      <mat-option value="">Default</mat-option>
+                      @for (mode of openModes; track mode) {
+                        <mat-option [value]="mode">{{ modeLabel(mode) }}</mat-option>
+                      }
+                    </mat-select>
+                  </mat-form-field>
+                  <mat-form-field appearance="outline">
+                    <mat-label>{{ tx('crud.authoring.action.route', 'Route') }}</mat-label>
+                    <input matInput [attr.data-testid]="'crud-editor-action-' + actionName + '-route'" [ngModel]="actionValue(actionName).route || ''" (ngModelChange)="setActionField(actionName, 'route', $event)" [disabled]="isReadonly()" />
+                  </mat-form-field>
+                  <mat-form-field appearance="outline">
+                    <mat-label>{{ tx('crud.authoring.action.formId', 'formId') }}</mat-label>
+                    <input matInput [attr.data-testid]="'crud-editor-action-' + actionName + '-formId'" [ngModel]="actionValue(actionName).formId || ''" (ngModelChange)="setActionField(actionName, 'formId', $event)" [disabled]="isReadonly()" />
+                  </mat-form-field>
+                </div>
+              </section>
+              <section class="action-group" [attr.data-testid]="'crud-editor-action-' + actionName + '-schema-group'">
+                <div class="action-group__header">
+                  <div>
+                    <strong>{{ tx('crud.authoring.action.schemaGroup', 'Schema contract') }}</strong>
+                    <p class="editor-section-note">{{ actionSchemaNote(actionName) }}</p>
+                  </div>
+                  <span class="action-summary-chip" [class.action-summary-chip--error]="actionGroupStatus(actionName, 'schema') === 'invalid'" [class.action-summary-chip--warn]="actionGroupStatus(actionName, 'schema') === 'pending'" [attr.data-testid]="'crud-editor-action-' + actionName + '-schema-status'">
+                    {{ actionGroupStatusLabel(actionName, 'schema') }}
+                  </span>
+                </div>
+                <div class="editor-grid">
+                  <mat-form-field appearance="outline">
+                    <mat-label>{{ tx('crud.authoring.action.schemaUrl', 'Schema URL') }}</mat-label>
+                    <input matInput [attr.data-testid]="'crud-editor-action-' + actionName + '-schemaUrl'" [ngModel]="actionValue(actionName).form?.schemaUrl || ''" (ngModelChange)="setActionFormField(actionName, 'schemaUrl', $event)" [disabled]="isReadonly()" />
+                  </mat-form-field>
+                </div>
+              </section>
+              <mat-expansion-panel class="action-advanced-panel" [expanded]="actionAdvancedPanelExpanded(actionName)" [attr.data-testid]="'crud-editor-action-' + actionName + '-advanced-panel'">
+                <mat-expansion-panel-header [attr.data-testid]="'crud-editor-action-' + actionName + '-advanced-header'">
+                  <mat-panel-title>{{ tx('crud.authoring.action.advanced', 'Submit and API details') }}</mat-panel-title>
+                  <mat-panel-description>{{ actionAdvancedSummary(actionName) }}</mat-panel-description>
+                </mat-expansion-panel-header>
+                <section class="action-group action-group--advanced" [attr.data-testid]="'crud-editor-action-' + actionName + '-submit-group'">
+                  <div class="action-group__header">
+                    <div>
+                      <strong>{{ tx('crud.authoring.action.submitGroup', 'Submit contract') }}</strong>
+                      <p class="editor-section-note">{{ actionSubmitNote(actionName) }}</p>
+                    </div>
+                    <span class="action-summary-chip" [class.action-summary-chip--error]="actionGroupStatus(actionName, 'submit') === 'invalid'" [class.action-summary-chip--warn]="actionGroupStatus(actionName, 'submit') === 'pending'" [attr.data-testid]="'crud-editor-action-' + actionName + '-submit-status'">
+                      {{ actionGroupStatusLabel(actionName, 'submit') }}
+                    </span>
+                  </div>
+                  <div class="editor-grid">
+                    <mat-form-field appearance="outline">
+                      <mat-label>{{ tx('crud.authoring.action.submitUrl', 'Submit URL') }}</mat-label>
+                      <input matInput [attr.data-testid]="'crud-editor-action-' + actionName + '-submitUrl'" [ngModel]="actionValue(actionName).form?.submitUrl || ''" (ngModelChange)="setActionFormField(actionName, 'submitUrl', $event)" [disabled]="isReadonly()" />
+                    </mat-form-field>
+                    <mat-form-field appearance="outline">
+                      <mat-label>{{ tx('crud.authoring.action.submitMethod', 'Submit method') }}</mat-label>
+                      <mat-select [attr.data-testid]="'crud-editor-action-' + actionName + '-submitMethod'" [ngModel]="actionValue(actionName).form?.submitMethod || ''" (ngModelChange)="setActionFormField(actionName, 'submitMethod', $event)" [disabled]="isReadonly()">
+                        <mat-option value="">None</mat-option>
+                        @for (method of submitMethods; track method) {
+                          <mat-option [value]="method">{{ method.toUpperCase() }}</mat-option>
+                        }
+                      </mat-select>
+                    </mat-form-field>
+                  </div>
+                </section>
+                <section class="action-group action-group--advanced" [attr.data-testid]="'crud-editor-action-' + actionName + '-api-group'">
+                  <div class="action-group__header">
+                    <div>
+                      <strong>{{ tx('crud.authoring.action.apiGroup', 'API mapping') }}</strong>
+                      <p class="editor-section-note">{{ actionApiNote(actionName) }}</p>
+                    </div>
+                    <span class="action-summary-chip" [class.action-summary-chip--error]="actionGroupStatus(actionName, 'api') === 'invalid'" [class.action-summary-chip--warn]="actionGroupStatus(actionName, 'api') === 'pending'" [attr.data-testid]="'crud-editor-action-' + actionName + '-api-status'">
+                      {{ actionGroupStatusLabel(actionName, 'api') }}
+                    </span>
+                  </div>
+                  <div class="editor-grid">
+                    <mat-form-field appearance="outline">
+                      <mat-label>{{ tx('crud.authoring.action.apiEndpointKey', 'API endpoint key') }}</mat-label>
+                      <input matInput [attr.data-testid]="'crud-editor-action-' + actionName + '-apiEndpointKey'" [ngModel]="actionValue(actionName).form?.apiEndpointKey || ''" (ngModelChange)="setActionFormField(actionName, 'apiEndpointKey', $event)" [disabled]="isReadonly()" />
+                    </mat-form-field>
+                    <mat-form-field appearance="outline">
+                      <mat-label>{{ tx('crud.authoring.action.apiUrlEntry', 'API URL entry') }}</mat-label>
+                      <textarea matInput rows="3" [attr.data-testid]="'crud-editor-action-' + actionName + '-apiUrlEntry'" [ngModel]="actionApiUrlEntryDraft(actionName)" (ngModelChange)="setActionApiUrlEntry(actionName, $event)" [disabled]="isReadonly()"></textarea>
+                    </mat-form-field>
+                  </div>
+                </section>
+                <section class="action-group action-group--advanced" [attr.data-testid]="'crud-editor-action-' + actionName + '-inputs-group'">
+                  <div class="action-group__header">
+                    <div>
+                      <strong>{{ tx('crud.authoring.action.inputsGroup', 'Input seeding') }}</strong>
+                      <p class="editor-section-note">{{ actionInputsNote(actionName) }}</p>
+                    </div>
+                  </div>
+                  <section class="action-subgroup" [attr.data-testid]="'crud-editor-action-' + actionName + '-params-subgroup'">
+                    <div class="action-subgroup__header">
+                      <strong>{{ tx('crud.authoring.action.paramsSubgroup', 'Row-derived mappings') }}</strong>
+                      <p class="editor-section-note">{{ actionParamsNote(actionName) }}</p>
+                    </div>
+                    <div class="action-param-list">
+                      @for (param of actionParams(actionName); track $index) {
+                        <div class="action-param-row" [attr.data-testid]="'crud-editor-action-' + actionName + '-param-' + $index">
+                          <div class="editor-grid editor-grid--compact">
+                            <mat-form-field appearance="outline">
+                              <mat-label>{{ tx('crud.authoring.action.paramFrom', 'From field') }}</mat-label>
+                              <input matInput [attr.data-testid]="'crud-editor-action-' + actionName + '-param-' + $index + '-from'" [ngModel]="param.from" (ngModelChange)="setActionParamField(actionName, $index, 'from', $event)" [disabled]="isReadonly()" />
+                            </mat-form-field>
+                            <mat-form-field appearance="outline">
+                              <mat-label>{{ tx('crud.authoring.action.paramTo', 'Target') }}</mat-label>
+                              <mat-select [attr.data-testid]="'crud-editor-action-' + actionName + '-param-' + $index + '-to'" [ngModel]="param.to" (ngModelChange)="setActionParamField(actionName, $index, 'to', $event)" [disabled]="isReadonly()">
+                                @for (target of paramTargets; track target) {
+                                  <mat-option [value]="target">{{ paramTargetLabel(target) }}</mat-option>
+                                }
+                              </mat-select>
+                            </mat-form-field>
+                            <mat-form-field appearance="outline">
+                              <mat-label>{{ tx('crud.authoring.action.paramName', 'Destination name') }}</mat-label>
+                              <input matInput [attr.data-testid]="'crud-editor-action-' + actionName + '-param-' + $index + '-name'" [ngModel]="param.name" (ngModelChange)="setActionParamField(actionName, $index, 'name', $event)" [disabled]="isReadonly()" />
+                            </mat-form-field>
+                          </div>
+                          <button mat-stroked-button type="button" [attr.data-testid]="'crud-editor-action-' + actionName + '-param-' + $index + '-remove'" (click)="removeActionParam(actionName, $index)" [disabled]="isReadonly()">
+                            {{ tx('crud.authoring.action.paramRemove', 'Remove mapping') }}
+                          </button>
+                        </div>
+                      }
+                      <button mat-stroked-button type="button" [attr.data-testid]="'crud-editor-action-' + actionName + '-param-add'" (click)="addActionParam(actionName)" [disabled]="isReadonly()">
+                        {{ tx('crud.authoring.action.paramAdd', 'Add mapping') }}
+                      </button>
+                    </div>
+                  </section>
+                  <section class="action-subgroup" [attr.data-testid]="'crud-editor-action-' + actionName + '-initialValue-subgroup'">
+                    <div class="action-subgroup__header">
+                      <strong>{{ tx('crud.authoring.action.initialValueSubgroup', 'Fixed form seed') }}</strong>
+                      <p class="editor-section-note">{{ actionInitialValueNote(actionName) }}</p>
+                    </div>
+                    <mat-form-field appearance="outline">
+                      <mat-label>{{ tx('crud.authoring.action.initialValue', 'Initial value seed (JSON)') }}</mat-label>
+                      <textarea matInput rows="5" [attr.data-testid]="'crud-editor-action-' + actionName + '-initialValue'" [ngModel]="actionInitialValueDraft(actionName)" (ngModelChange)="setActionInitialValue(actionName, $event)" [disabled]="isReadonly()"></textarea>
+                    </mat-form-field>
+                  </section>
+                </section>
+                <section class="action-group action-group--advanced" [attr.data-testid]="'crud-editor-action-' + actionName + '-back-group'">
+                  <div class="action-group__header">
+                    <div>
+                      <strong>{{ tx('crud.authoring.action.backGroup', 'Back behavior override') }}</strong>
+                      <p class="editor-section-note">{{ actionBackNote(actionName) }}</p>
+                    </div>
+                  </div>
+                  <div class="editor-grid">
+                    <mat-form-field appearance="outline">
+                      <mat-label>{{ tx('crud.authoring.action.backStrategy', 'Back strategy override') }}</mat-label>
+                      <mat-select [attr.data-testid]="'crud-editor-action-' + actionName + '-back-strategy'" [ngModel]="actionBackStrategy(actionName)" (ngModelChange)="setActionBackField(actionName, 'strategy', $event)" [disabled]="isReadonly()">
+                        <mat-option value="">{{ tx('crud.authoring.action.backUseDefaults', 'Use defaults') }}</mat-option>
+                        @for (strategy of backStrategies; track strategy) {
+                          <mat-option [value]="strategy">{{ backStrategyLabel(strategy) }}</mat-option>
+                        }
+                      </mat-select>
+                    </mat-form-field>
+                    <mat-form-field appearance="outline">
+                      <mat-label>{{ tx('crud.authoring.action.backReturnTo', 'Action return route') }}</mat-label>
+                      <input matInput [attr.data-testid]="'crud-editor-action-' + actionName + '-back-returnTo'" [ngModel]="actionBackReturnTo(actionName)" (ngModelChange)="setActionBackField(actionName, 'returnTo', $event)" [disabled]="isReadonly()" />
+                    </mat-form-field>
+                  </div>
+                  <div class="editor-toggles">
+                    <mat-slide-toggle [attr.data-testid]="'crud-editor-action-' + actionName + '-back-confirmOnDirty'" [ngModel]="actionBackConfirmOnDirty(actionName)" (ngModelChange)="setActionBackField(actionName, 'confirmOnDirty', $event)" [disabled]="isReadonly()">
+                      {{ tx('crud.authoring.action.backConfirmOnDirty', 'Confirm when leaving dirty forms') }}
+                    </mat-slide-toggle>
+                  </div>
+                </section>
+              </mat-expansion-panel>
+            </mat-expansion-panel>
+          }
+        </div>
+      </section>
+
+      <mat-card class="editor-card">
+        <div class="editor-section-header">
+          <div>
+            <h3>{{ tx('crud.authoring.section.table', 'Table') }}</h3>
+            <p class="editor-section-note">{{ sectionSummary('table') }}</p>
+          </div>
+          <span class="action-summary-chip" [class.action-summary-chip--error]="sectionStatus('table') === 'invalid'" [class.action-summary-chip--warn]="sectionStatus('table') === 'pending'">
+            {{ sectionStatusLabel('table') }}
+          </span>
+        </div>
+        <section class="action-summary-strip" data-testid="crud-editor-table-summary-strip">
+          <span class="action-summary-chip" data-testid="crud-editor-table-summary-structure">{{ tableStructureSummary() }}</span>
+          <span class="action-summary-chip" data-testid="crud-editor-table-summary-behavior">{{ tableBehaviorSummary() }}</span>
+          <span class="action-summary-chip" data-testid="crud-editor-table-summary-states">{{ tableStatesSummary() }}</span>
+        </section>
+        <p class="editor-section-note" data-testid="crud-editor-table-flow-note">{{ tableEditingFlowSummary() }}</p>
+        <praxis-table-inline-authoring-editor
+          data-testid="crud-editor-table-inline"
+          [config]="tableConfig()"
+          [readonly]="isReadonly()"
+          (configChange)="setTableConfig($event)"
+        />
+      </mat-card>
+
+      <mat-card class="editor-card">
+        <h3>{{ tx('crud.authoring.section.json', 'JSON') }}</h3>
+        <p class="editor-section-note" data-testid="crud-editor-json-summary">{{ jsonSectionSummary() }}</p>
+        @if (diagnostics().length) {
+          <section class="diagnostics-groups" data-testid="crud-editor-diagnostics">
+            @for (group of groupedDiagnostics(); track group.section) {
+              <article class="diagnostics-group" [attr.data-testid]="'crud-editor-diagnostics-' + group.section">
+                <div class="editor-section-header">
+                  <div>
+                    <strong>{{ sectionDisplayLabel(group.section) }}</strong>
+                    <p class="editor-section-note">{{ diagnosticsGroupSummary(group.section, group.issues) }}</p>
+                  </div>
+                  <span class="action-summary-chip" [class.action-summary-chip--error]="group.hasError" [class.action-summary-chip--warn]="!group.hasError">
+                    {{ diagnosticsGroupStatusLabel(group.section, group.issues) }}
+                  </span>
+                </div>
+                <ul class="diagnostics">
+                  @for (issue of group.issues; track issue.code + issue.path) {
+                    <li [class.error]="issue.level === 'error'">{{ issue.level }}: {{ diagnosticMessage(issue.code, issue.message) }}</li>
+                  }
+                </ul>
+              </article>
+            }
+          </section>
+        }
+        <pre data-testid="crud-editor-json">{{ serializedDocument() }}</pre>
+      </mat-card>
+    </section>
+  `, isInline: true, styles: [":host{display:block;min-width:0;color:var(--md-sys-color-on-surface,#1a1b20)}.editor-shell{display:grid;gap:16px}.editor-header{display:flex;justify-content:space-between;gap:16px;align-items:start}.editor-overview,.editor-health-map{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.editor-health-card{display:grid;gap:4px;padding:14px;border-radius:18px;background:color-mix(in srgb,var(--md-sys-color-surface-container-high,#eef1f6) 92%,transparent)}.editor-health-card--warn{background:color-mix(in srgb,var(--md-sys-color-tertiary-container,#f8e08e) 78%,transparent)}.editor-health-card--error{background:color-mix(in srgb,var(--md-sys-color-error-container,#f9dedc) 82%,transparent);color:var(--md-sys-color-on-error-container,#410e0b)}.editor-focus{display:flex;gap:12px;align-items:start;padding:14px 16px;border-radius:18px;background:color-mix(in srgb,var(--md-sys-color-surface-container-high,#eef1f6) 92%,transparent)}.editor-focus--success{background:color-mix(in srgb,var(--md-sys-color-secondary-container,#d7e3ff) 70%,transparent)}.editor-focus-chip{padding:6px 10px;border-radius:999px;font-size:12px;background:color-mix(in srgb,var(--md-sys-color-secondary-container,#d7e3ff) 70%,transparent);white-space:nowrap}.editor-focus-chip--warn{background:color-mix(in srgb,var(--md-sys-color-tertiary-container,#f8e08e) 78%,transparent)}.editor-focus-chip--error{background:color-mix(in srgb,var(--md-sys-color-error-container,#f9dedc) 82%,transparent);color:var(--md-sys-color-on-error-container,#410e0b)}.editor-focus-copy{display:grid;gap:4px}.editor-focus-copy p{margin:0;color:var(--md-sys-color-on-surface-variant,#5a5d67)}.editor-overview-card{display:grid;gap:4px;padding:14px;border-radius:18px;background:color-mix(in srgb,var(--md-sys-color-surface-container-high,#eef1f6) 92%,transparent)}.editor-overview-card--warn{background:color-mix(in srgb,var(--md-sys-color-tertiary-container,#f8e08e) 78%,transparent)}.editor-overview-card--error{background:color-mix(in srgb,var(--md-sys-color-error-container,#f9dedc) 82%,transparent);color:var(--md-sys-color-on-error-container,#410e0b)}.editor-overview-label{font-size:12px;color:var(--md-sys-color-on-surface-variant,#5a5d67)}.editor-overview-value{line-height:1.3;overflow-wrap:anywhere}.editor-overview-note{margin:0;font-size:12px;color:var(--md-sys-color-on-surface-variant,#5a5d67)}.editor-header h2,.editor-card h3{margin:0}.editor-header p{margin:6px 0 0;color:var(--md-sys-color-on-surface-variant,#5a5d67)}.editor-chip{padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-primary,#1263b4) 12%,transparent);font-size:12px}.editor-card{display:grid;gap:14px;padding:16px;border-radius:20px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline,#c5c7ce) 70%,transparent)}.editor-section-header{display:flex;justify-content:space-between;gap:12px;align-items:start}.editor-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.editor-grid--compact{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.editor-toggles{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.editor-actions,.action-grid{display:grid;gap:14px}.action-summary-strip{display:flex;flex-wrap:wrap;gap:8px}.action-summary-chip{padding:6px 10px;border-radius:999px;font-size:12px;background:color-mix(in srgb,var(--md-sys-color-secondary-container,#d7e3ff) 70%,transparent)}.action-summary-chip--warn{background:color-mix(in srgb,var(--md-sys-color-tertiary-container,#f8e08e) 78%,transparent)}.action-summary-chip--error{background:color-mix(in srgb,var(--md-sys-color-error-container,#f9dedc) 82%,transparent);color:var(--md-sys-color-on-error-container,#410e0b)}.action-group{display:grid;gap:10px;padding:12px;border-radius:16px;background:color-mix(in srgb,var(--md-sys-color-surface-container-high,#eef1f6) 88%,transparent)}.action-group--advanced{background:color-mix(in srgb,var(--md-sys-color-surface-container,#f5f7fb) 90%,transparent)}.action-group__header{display:grid;gap:4px}.action-subgroup{display:grid;gap:10px;padding:10px;border-radius:14px;background:color-mix(in srgb,var(--md-sys-color-surface-container-low,#fafbfd) 92%,transparent)}.action-subgroup__header{display:grid;gap:4px}.action-param-list{display:grid;gap:12px}.action-param-row{display:grid;gap:8px}.action-advanced-panel{border:1px solid color-mix(in srgb,var(--md-sys-color-outline,#c5c7ce) 65%,transparent);border-radius:16px}.editor-section-note{margin:0;color:var(--md-sys-color-on-surface-variant,#5a5d67)}.diagnostics-groups{display:grid;gap:12px}.diagnostics-group{display:grid;gap:10px;padding:12px;border-radius:16px;background:color-mix(in srgb,var(--md-sys-color-surface-container-high,#eef1f6) 92%,transparent)}.diagnostics{display:grid;gap:8px;margin:0;padding-left:18px}.diagnostics .error{color:var(--md-sys-color-error,#b3261e)}pre{margin:0;overflow:auto;max-height:320px;padding:12px;border-radius:14px;background:color-mix(in srgb,var(--md-sys-color-surface-container-high,#eef1f6) 92%,transparent)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i3.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "component", type: i4.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i4.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i4.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i4.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i7.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i7.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i8.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "component", type: PraxisTableInlineAuthoringEditorComponent, selector: "praxis-table-inline-authoring-editor", inputs: ["config", "readonly"], outputs: ["configChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: CrudMetadataEditorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'praxis-crud-metadata-editor', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        CommonModule,
+                        FormsModule,
+                        MatButtonModule,
+                        MatCardModule,
+                        MatExpansionModule,
+                        MatFormFieldModule,
+                        MatInputModule,
+                        MatSelectModule,
+                        MatSlideToggleModule,
+                        PraxisTableInlineAuthoringEditorComponent,
+                    ], providers: [providePraxisI18nConfig(PRAXIS_CRUD_AUTHORING_I18N_CONFIG)], template: `
+    <section class="editor-shell" data-testid="crud-metadata-editor">
+      <header class="editor-header">
+        <div>
+          <h2>{{ tx('crud.authoring.title', 'CRUD settings') }}</h2>
+          <p>{{ tx('crud.authoring.subtitle', 'Edit the canonical CRUD flow document.') }}</p>
+        </div>
+        <span class="editor-chip" data-testid="crud-metadata-editor-id">{{ effectiveCrudId() || 'lab' }}</span>
+      </header>
+
+      <section class="editor-overview" data-testid="crud-editor-overview">
+        <article class="editor-overview-card">
+          <span class="editor-overview-label">{{ tx('crud.authoring.overview.connection', 'Connection') }}</span>
+          <strong class="editor-overview-value" data-testid="crud-editor-overview-connection">{{ connectionOverview() }}</strong>
+          <p class="editor-overview-note" data-testid="crud-editor-overview-connection-note">{{ connectionOverviewNote() }}</p>
+        </article>
+        <article class="editor-overview-card">
+          <span class="editor-overview-label">{{ tx('crud.authoring.overview.defaults', 'Defaults') }}</span>
+          <strong class="editor-overview-value" data-testid="crud-editor-overview-defaults">{{ defaultsOverview() }}</strong>
+          <p class="editor-overview-note" data-testid="crud-editor-overview-defaults-note">{{ defaultsOverviewNote() }}</p>
+        </article>
+        <article class="editor-overview-card">
+          <span class="editor-overview-label">{{ tx('crud.authoring.overview.actions', 'Actions') }}</span>
+          <strong class="editor-overview-value" data-testid="crud-editor-overview-actions">{{ actionsOverview() }}</strong>
+          <p class="editor-overview-note" data-testid="crud-editor-overview-actions-note">{{ actionsOverviewNote() }}</p>
+        </article>
+        <article class="editor-overview-card">
+          <span class="editor-overview-label">{{ tx('crud.authoring.overview.table', 'Table') }}</span>
+          <strong class="editor-overview-value" data-testid="crud-editor-overview-table">{{ tableOverview() }}</strong>
+          <p class="editor-overview-note" data-testid="crud-editor-overview-table-note">{{ tableOverviewNote() }}</p>
+        </article>
+        <article class="editor-overview-card" [class.editor-overview-card--error]="errorCount() > 0" [class.editor-overview-card--warn]="errorCount() === 0 && warningCount() > 0">
+          <span class="editor-overview-label">{{ tx('crud.authoring.overview.validation', 'Validation') }}</span>
+          <strong class="editor-overview-value" data-testid="crud-editor-overview-validation">{{ validationOverview() }}</strong>
+          <p class="editor-overview-note" data-testid="crud-editor-overview-validation-note">{{ validationOverviewNote() }}</p>
+        </article>
+      </section>
+
+      @if (showHealthMap()) {
+        <section class="editor-health-map" data-testid="crud-editor-health-map">
+          @for (bucket of visibleHealthBuckets(); track bucket) {
+            <article
+              class="editor-health-card"
+              [class.editor-health-card--error]="bucket === 'invalid'"
+              [class.editor-health-card--warn]="bucket === 'pending'"
+              [attr.data-testid]="'crud-editor-health-' + bucket"
+            >
+              <span class="editor-overview-label">{{ healthBucketLabel(bucket) }}</span>
+              <strong>{{ healthBucketSummary(bucket) }}</strong>
+            </article>
+          }
+        </section>
+      }
+
+      <section class="editor-focus" data-testid="crud-editor-next-focus" [class.editor-focus--success]="nextFocusStatus() === 'ready'">
+        <span
+          class="editor-focus-chip"
+          [class.editor-focus-chip--error]="nextFocusStatus() === 'invalid'"
+          [class.editor-focus-chip--warn]="nextFocusStatus() === 'pending'"
+        >
+          {{ nextFocusChipLabel() }}
+        </span>
+        <div class="editor-focus-copy">
+          <strong>{{ nextFocusTitle() }}</strong>
+          <p>{{ nextFocusSummary() }}</p>
+        </div>
+      </section>
+
+      <mat-card class="editor-card">
+        <div class="editor-section-header">
+          <div>
+            <h3>{{ tx('crud.authoring.section.connection', 'Connection') }}</h3>
+            <p class="editor-section-note">{{ sectionSummary('connection') }}</p>
+          </div>
+          <span class="action-summary-chip" [class.action-summary-chip--error]="sectionStatus('connection') === 'invalid'" [class.action-summary-chip--warn]="sectionStatus('connection') === 'pending'">
+            {{ sectionStatusLabel('connection') }}
+          </span>
+        </div>
+        <div class="editor-grid">
+          <mat-form-field appearance="outline">
+            <mat-label>{{ tx('crud.authoring.connection.resourcePath', 'Resource') }}</mat-label>
+            <input matInput data-testid="crud-editor-resource-path" [ngModel]="resourcePath()" (ngModelChange)="setResourceField('path', $event)" [disabled]="isReadonly()" />
+          </mat-form-field>
+          <mat-form-field appearance="outline">
+            <mat-label>{{ tx('crud.authoring.connection.idField', 'Identifier field') }}</mat-label>
+            <input matInput data-testid="crud-editor-resource-idField" [ngModel]="resourceIdField()" (ngModelChange)="setResourceField('idField', $event)" [disabled]="isReadonly()" />
+          </mat-form-field>
+          <mat-form-field appearance="outline">
+            <mat-label>{{ tx('crud.authoring.connection.endpointKey', 'Endpoint/API') }}</mat-label>
+            <input matInput data-testid="crud-editor-resource-endpointKey" [ngModel]="resourceEndpointKey()" (ngModelChange)="setResourceField('endpointKey', $event)" [disabled]="isReadonly()" />
+          </mat-form-field>
+        </div>
+      </mat-card>
+
+      <mat-card class="editor-card">
+        <div class="editor-section-header">
+          <div>
+            <h3>{{ tx('crud.authoring.section.defaults', 'Open mode and header') }}</h3>
+            <p class="editor-section-note">{{ sectionSummary('defaults') }}</p>
+          </div>
+          <span class="action-summary-chip" [class.action-summary-chip--error]="sectionStatus('defaults') === 'invalid'" [class.action-summary-chip--warn]="sectionStatus('defaults') === 'pending'">
+            {{ sectionStatusLabel('defaults') }}
+          </span>
+        </div>
+        <div class="editor-grid">
+          <mat-form-field appearance="outline">
+            <mat-label>{{ tx('crud.authoring.defaults.openMode', 'Default open mode') }}</mat-label>
+            <mat-select data-testid="crud-editor-defaults-openMode" [ngModel]="defaultsOpenMode()" (ngModelChange)="setDefaultsOpenMode($event)" [disabled]="isReadonly()">
+              @for (mode of openModes; track mode) {
+                <mat-option [value]="mode">{{ modeLabel(mode) }}</mat-option>
+              }
+            </mat-select>
+          </mat-form-field>
+          <mat-form-field appearance="outline">
+            <mat-label>{{ tx('crud.authoring.defaults.header.backLabel', 'Back button label') }}</mat-label>
+            <input matInput data-testid="crud-editor-header-backLabel" [ngModel]="headerBackLabel()" (ngModelChange)="setHeaderField('backLabel', $event)" [disabled]="isReadonly()" />
+          </mat-form-field>
+          <mat-form-field appearance="outline">
+            <mat-label>{{ tx('crud.authoring.defaults.header.variant', 'Button variant') }}</mat-label>
+            <mat-select data-testid="crud-editor-header-variant" [ngModel]="headerVariant()" (ngModelChange)="setHeaderField('variant', $event)" [disabled]="isReadonly()">
+              @for (variant of headerVariants; track variant) {
+                <mat-option [value]="variant">{{ variantLabel(variant) }}</mat-option>
+              }
+            </mat-select>
+          </mat-form-field>
+        </div>
+        <div class="editor-toggles">
+          <mat-slide-toggle data-testid="crud-editor-header-showBack" [ngModel]="headerShowBack()" (ngModelChange)="setHeaderField('showBack', $event)" [disabled]="isReadonly()">
+            {{ tx('crud.authoring.defaults.header.showBack', 'Show back button') }}
+          </mat-slide-toggle>
+          <mat-slide-toggle data-testid="crud-editor-header-sticky" [ngModel]="headerSticky()" (ngModelChange)="setHeaderField('sticky', $event)" [disabled]="isReadonly()">
+            {{ tx('crud.authoring.defaults.header.sticky', 'Sticky header') }}
+          </mat-slide-toggle>
+          <mat-slide-toggle data-testid="crud-editor-header-breadcrumbs" [ngModel]="headerBreadcrumbs()" (ngModelChange)="setHeaderField('breadcrumbs', $event)" [disabled]="isReadonly()">
+            {{ tx('crud.authoring.defaults.header.breadcrumbs', 'Show breadcrumbs') }}
+          </mat-slide-toggle>
+          <mat-slide-toggle data-testid="crud-editor-header-divider" [ngModel]="headerDivider()" (ngModelChange)="setHeaderField('divider', $event)" [disabled]="isReadonly()">
+            {{ tx('crud.authoring.defaults.header.divider', 'Show bottom divider') }}
+          </mat-slide-toggle>
+        </div>
+        <section class="action-group" data-testid="crud-editor-defaults-modal-group">
+          <div class="action-group__header">
+            <div>
+              <strong>{{ tx('crud.authoring.defaults.modal.group', 'Modal presentation') }}</strong>
+              <p class="editor-section-note">{{ modalDefaultsNote() }}</p>
+            </div>
+          </div>
+          <div class="editor-grid">
+            <mat-form-field appearance="outline">
+              <mat-label>{{ tx('crud.authoring.defaults.modal.density', 'Modal density') }}</mat-label>
+              <mat-select data-testid="crud-editor-modal-density" [ngModel]="modalDensity()" (ngModelChange)="setModalField('density', $event)" [disabled]="isReadonly()">
+                @for (density of modalDensities; track density) {
+                  <mat-option [value]="density">{{ modalDensityLabel(density) }}</mat-option>
+                }
+              </mat-select>
+            </mat-form-field>
+            <mat-form-field appearance="outline">
+              <mat-label>{{ tx('crud.authoring.defaults.modal.fullscreenBreakpoint', 'Fullscreen breakpoint') }}</mat-label>
+              <input matInput data-testid="crud-editor-modal-fullscreenBreakpoint" [ngModel]="modalFullscreenBreakpoint()" (ngModelChange)="setModalField('fullscreenBreakpoint', $event)" [disabled]="isReadonly()" />
+            </mat-form-field>
+          </div>
+          <div class="editor-toggles">
+            <mat-slide-toggle data-testid="crud-editor-modal-canMaximize" [ngModel]="modalCanMaximize()" (ngModelChange)="setModalField('canMaximize', $event)" [disabled]="isReadonly()">
+              {{ tx('crud.authoring.defaults.modal.canMaximize', 'Show maximize control') }}
+            </mat-slide-toggle>
+            <mat-slide-toggle data-testid="crud-editor-modal-startMaximized" [ngModel]="modalStartMaximized()" (ngModelChange)="setModalField('startMaximized', $event)" [disabled]="isReadonly()">
+              {{ tx('crud.authoring.defaults.modal.startMaximized', 'Start maximized') }}
+            </mat-slide-toggle>
+            <mat-slide-toggle data-testid="crud-editor-modal-rememberLastState" [ngModel]="modalRememberLastState()" (ngModelChange)="setModalField('rememberLastState', $event)" [disabled]="isReadonly()">
+              {{ tx('crud.authoring.defaults.modal.rememberLastState', 'Remember last modal size') }}
+            </mat-slide-toggle>
+            <mat-slide-toggle data-testid="crud-editor-modal-disableCloseOnEsc" [ngModel]="modalDisableCloseOnEsc()" (ngModelChange)="setModalField('disableCloseOnEsc', $event)" [disabled]="isReadonly()">
+              {{ tx('crud.authoring.defaults.modal.disableCloseOnEsc', 'Block close on Escape') }}
+            </mat-slide-toggle>
+            <mat-slide-toggle data-testid="crud-editor-modal-disableCloseOnBackdrop" [ngModel]="modalDisableCloseOnBackdrop()" (ngModelChange)="setModalField('disableCloseOnBackdrop', $event)" [disabled]="isReadonly()">
+              {{ tx('crud.authoring.defaults.modal.disableCloseOnBackdrop', 'Block close on backdrop') }}
+            </mat-slide-toggle>
+          </div>
+        </section>
+        <section class="action-group" data-testid="crud-editor-defaults-back-group">
+          <div class="action-group__header">
+            <div>
+              <strong>{{ tx('crud.authoring.defaults.back.group', 'Back behavior') }}</strong>
+              <p class="editor-section-note">{{ backDefaultsNote() }}</p>
+            </div>
+          </div>
+          <div class="editor-grid">
+            <mat-form-field appearance="outline">
+              <mat-label>{{ tx('crud.authoring.defaults.back.strategy', 'Back strategy') }}</mat-label>
+              <mat-select data-testid="crud-editor-back-strategy" [ngModel]="backStrategy()" (ngModelChange)="setBackField('strategy', $event)" [disabled]="isReadonly()">
+                @for (strategy of backStrategies; track strategy) {
+                  <mat-option [value]="strategy">{{ backStrategyLabel(strategy) }}</mat-option>
+                }
+              </mat-select>
+            </mat-form-field>
+            <mat-form-field appearance="outline">
+              <mat-label>{{ tx('crud.authoring.defaults.back.returnTo', 'Return route') }}</mat-label>
+              <input matInput data-testid="crud-editor-back-returnTo" [ngModel]="backReturnTo()" (ngModelChange)="setBackField('returnTo', $event)" [disabled]="isReadonly()" />
+            </mat-form-field>
+          </div>
+          <div class="editor-toggles">
+            <mat-slide-toggle data-testid="crud-editor-back-confirmOnDirty" [ngModel]="backConfirmOnDirty()" (ngModelChange)="setBackField('confirmOnDirty', $event)" [disabled]="isReadonly()">
+              {{ tx('crud.authoring.defaults.back.confirmOnDirty', 'Confirm when leaving dirty forms') }}
+            </mat-slide-toggle>
+          </div>
+        </section>
+      </mat-card>
+
+      <section class="editor-actions">
+        <div class="editor-section-header">
+          <div>
+            <h3>{{ tx('crud.authoring.section.actions', 'Actions') }}</h3>
+            <p class="editor-section-note">{{ sectionSummary('actions') }}</p>
+          </div>
+          <span class="action-summary-chip" [class.action-summary-chip--error]="sectionStatus('actions') === 'invalid'" [class.action-summary-chip--warn]="sectionStatus('actions') === 'pending'">
+            {{ sectionStatusLabel('actions') }}
+          </span>
+        </div>
+          <div class="action-grid">
+            @for (actionName of actionKeys; track actionName) {
+            <mat-expansion-panel [expanded]="actionPanelExpanded(actionName)" class="editor-card" [attr.data-testid]="'crud-editor-action-' + actionName + '-panel'">
+              <mat-expansion-panel-header [attr.data-testid]="'crud-editor-action-' + actionName + '-panel-header'">
+                <mat-panel-title>{{ actionLabel(actionName) }}</mat-panel-title>
+                <mat-panel-description [attr.data-testid]="'crud-editor-action-' + actionName + '-header-summary'">{{ actionSummary(actionName) }}</mat-panel-description>
+              </mat-expansion-panel-header>
+              <section class="action-summary-strip" [attr.data-testid]="'crud-editor-action-' + actionName + '-summary'">
+                @if (actionShowStatusChip(actionName)) {
+                  <span class="action-summary-chip" [class.action-summary-chip--error]="actionStatus(actionName) === 'invalid'" [class.action-summary-chip--warn]="actionStatus(actionName) === 'pending'" [attr.data-testid]="'crud-editor-action-' + actionName + '-status-chip'">
+                    {{ actionStatusLabel(actionName) }}
+                  </span>
+                }
+                <span class="action-summary-chip" [class.action-summary-chip--error]="actionStatus(actionName) === 'invalid'" [class.action-summary-chip--warn]="actionStatus(actionName) !== 'ready'" [attr.data-testid]="'crud-editor-action-' + actionName + '-primary-summary'">
+                  {{ actionPrimarySummary(actionName) }}
+                </span>
+                <span class="action-summary-chip" [attr.data-testid]="'crud-editor-action-' + actionName + '-advanced-summary'">{{ actionAdvancedSummary(actionName) }}</span>
+              </section>
+              <section class="action-group" [attr.data-testid]="'crud-editor-action-' + actionName + '-binding-group'">
+                <div class="action-group__header">
+                  <div>
+                    <strong>{{ tx('crud.authoring.action.bindingGroup', 'Binding') }}</strong>
+                    <p class="editor-section-note">{{ actionBindingNote(actionName) }}</p>
+                  </div>
+                  <span class="action-summary-chip" [class.action-summary-chip--error]="actionGroupStatus(actionName, 'binding') === 'invalid'" [class.action-summary-chip--warn]="actionGroupStatus(actionName, 'binding') === 'pending'" [attr.data-testid]="'crud-editor-action-' + actionName + '-binding-status'">
+                    {{ actionGroupStatusLabel(actionName, 'binding') }}
+                  </span>
+                </div>
+                <div class="editor-grid">
+                  <mat-form-field appearance="outline">
+                    <mat-label>{{ tx('crud.authoring.action.mode', 'Open mode') }}</mat-label>
+                    <mat-select [attr.data-testid]="'crud-editor-action-' + actionName + '-openMode'" [ngModel]="actionValue(actionName).openMode || ''" (ngModelChange)="setActionField(actionName, 'openMode', $event)" [disabled]="isReadonly()">
+                      <mat-option value="">Default</mat-option>
+                      @for (mode of openModes; track mode) {
+                        <mat-option [value]="mode">{{ modeLabel(mode) }}</mat-option>
+                      }
+                    </mat-select>
+                  </mat-form-field>
+                  <mat-form-field appearance="outline">
+                    <mat-label>{{ tx('crud.authoring.action.route', 'Route') }}</mat-label>
+                    <input matInput [attr.data-testid]="'crud-editor-action-' + actionName + '-route'" [ngModel]="actionValue(actionName).route || ''" (ngModelChange)="setActionField(actionName, 'route', $event)" [disabled]="isReadonly()" />
+                  </mat-form-field>
+                  <mat-form-field appearance="outline">
+                    <mat-label>{{ tx('crud.authoring.action.formId', 'formId') }}</mat-label>
+                    <input matInput [attr.data-testid]="'crud-editor-action-' + actionName + '-formId'" [ngModel]="actionValue(actionName).formId || ''" (ngModelChange)="setActionField(actionName, 'formId', $event)" [disabled]="isReadonly()" />
+                  </mat-form-field>
+                </div>
+              </section>
+              <section class="action-group" [attr.data-testid]="'crud-editor-action-' + actionName + '-schema-group'">
+                <div class="action-group__header">
+                  <div>
+                    <strong>{{ tx('crud.authoring.action.schemaGroup', 'Schema contract') }}</strong>
+                    <p class="editor-section-note">{{ actionSchemaNote(actionName) }}</p>
+                  </div>
+                  <span class="action-summary-chip" [class.action-summary-chip--error]="actionGroupStatus(actionName, 'schema') === 'invalid'" [class.action-summary-chip--warn]="actionGroupStatus(actionName, 'schema') === 'pending'" [attr.data-testid]="'crud-editor-action-' + actionName + '-schema-status'">
+                    {{ actionGroupStatusLabel(actionName, 'schema') }}
+                  </span>
+                </div>
+                <div class="editor-grid">
+                  <mat-form-field appearance="outline">
+                    <mat-label>{{ tx('crud.authoring.action.schemaUrl', 'Schema URL') }}</mat-label>
+                    <input matInput [attr.data-testid]="'crud-editor-action-' + actionName + '-schemaUrl'" [ngModel]="actionValue(actionName).form?.schemaUrl || ''" (ngModelChange)="setActionFormField(actionName, 'schemaUrl', $event)" [disabled]="isReadonly()" />
+                  </mat-form-field>
+                </div>
+              </section>
+              <mat-expansion-panel class="action-advanced-panel" [expanded]="actionAdvancedPanelExpanded(actionName)" [attr.data-testid]="'crud-editor-action-' + actionName + '-advanced-panel'">
+                <mat-expansion-panel-header [attr.data-testid]="'crud-editor-action-' + actionName + '-advanced-header'">
+                  <mat-panel-title>{{ tx('crud.authoring.action.advanced', 'Submit and API details') }}</mat-panel-title>
+                  <mat-panel-description>{{ actionAdvancedSummary(actionName) }}</mat-panel-description>
+                </mat-expansion-panel-header>
+                <section class="action-group action-group--advanced" [attr.data-testid]="'crud-editor-action-' + actionName + '-submit-group'">
+                  <div class="action-group__header">
+                    <div>
+                      <strong>{{ tx('crud.authoring.action.submitGroup', 'Submit contract') }}</strong>
+                      <p class="editor-section-note">{{ actionSubmitNote(actionName) }}</p>
+                    </div>
+                    <span class="action-summary-chip" [class.action-summary-chip--error]="actionGroupStatus(actionName, 'submit') === 'invalid'" [class.action-summary-chip--warn]="actionGroupStatus(actionName, 'submit') === 'pending'" [attr.data-testid]="'crud-editor-action-' + actionName + '-submit-status'">
+                      {{ actionGroupStatusLabel(actionName, 'submit') }}
+                    </span>
+                  </div>
+                  <div class="editor-grid">
+                    <mat-form-field appearance="outline">
+                      <mat-label>{{ tx('crud.authoring.action.submitUrl', 'Submit URL') }}</mat-label>
+                      <input matInput [attr.data-testid]="'crud-editor-action-' + actionName + '-submitUrl'" [ngModel]="actionValue(actionName).form?.submitUrl || ''" (ngModelChange)="setActionFormField(actionName, 'submitUrl', $event)" [disabled]="isReadonly()" />
+                    </mat-form-field>
+                    <mat-form-field appearance="outline">
+                      <mat-label>{{ tx('crud.authoring.action.submitMethod', 'Submit method') }}</mat-label>
+                      <mat-select [attr.data-testid]="'crud-editor-action-' + actionName + '-submitMethod'" [ngModel]="actionValue(actionName).form?.submitMethod || ''" (ngModelChange)="setActionFormField(actionName, 'submitMethod', $event)" [disabled]="isReadonly()">
+                        <mat-option value="">None</mat-option>
+                        @for (method of submitMethods; track method) {
+                          <mat-option [value]="method">{{ method.toUpperCase() }}</mat-option>
+                        }
+                      </mat-select>
+                    </mat-form-field>
+                  </div>
+                </section>
+                <section class="action-group action-group--advanced" [attr.data-testid]="'crud-editor-action-' + actionName + '-api-group'">
+                  <div class="action-group__header">
+                    <div>
+                      <strong>{{ tx('crud.authoring.action.apiGroup', 'API mapping') }}</strong>
+                      <p class="editor-section-note">{{ actionApiNote(actionName) }}</p>
+                    </div>
+                    <span class="action-summary-chip" [class.action-summary-chip--error]="actionGroupStatus(actionName, 'api') === 'invalid'" [class.action-summary-chip--warn]="actionGroupStatus(actionName, 'api') === 'pending'" [attr.data-testid]="'crud-editor-action-' + actionName + '-api-status'">
+                      {{ actionGroupStatusLabel(actionName, 'api') }}
+                    </span>
+                  </div>
+                  <div class="editor-grid">
+                    <mat-form-field appearance="outline">
+                      <mat-label>{{ tx('crud.authoring.action.apiEndpointKey', 'API endpoint key') }}</mat-label>
+                      <input matInput [attr.data-testid]="'crud-editor-action-' + actionName + '-apiEndpointKey'" [ngModel]="actionValue(actionName).form?.apiEndpointKey || ''" (ngModelChange)="setActionFormField(actionName, 'apiEndpointKey', $event)" [disabled]="isReadonly()" />
+                    </mat-form-field>
+                    <mat-form-field appearance="outline">
+                      <mat-label>{{ tx('crud.authoring.action.apiUrlEntry', 'API URL entry') }}</mat-label>
+                      <textarea matInput rows="3" [attr.data-testid]="'crud-editor-action-' + actionName + '-apiUrlEntry'" [ngModel]="actionApiUrlEntryDraft(actionName)" (ngModelChange)="setActionApiUrlEntry(actionName, $event)" [disabled]="isReadonly()"></textarea>
+                    </mat-form-field>
+                  </div>
+                </section>
+                <section class="action-group action-group--advanced" [attr.data-testid]="'crud-editor-action-' + actionName + '-inputs-group'">
+                  <div class="action-group__header">
+                    <div>
+                      <strong>{{ tx('crud.authoring.action.inputsGroup', 'Input seeding') }}</strong>
+                      <p class="editor-section-note">{{ actionInputsNote(actionName) }}</p>
+                    </div>
+                  </div>
+                  <section class="action-subgroup" [attr.data-testid]="'crud-editor-action-' + actionName + '-params-subgroup'">
+                    <div class="action-subgroup__header">
+                      <strong>{{ tx('crud.authoring.action.paramsSubgroup', 'Row-derived mappings') }}</strong>
+                      <p class="editor-section-note">{{ actionParamsNote(actionName) }}</p>
+                    </div>
+                    <div class="action-param-list">
+                      @for (param of actionParams(actionName); track $index) {
+                        <div class="action-param-row" [attr.data-testid]="'crud-editor-action-' + actionName + '-param-' + $index">
+                          <div class="editor-grid editor-grid--compact">
+                            <mat-form-field appearance="outline">
+                              <mat-label>{{ tx('crud.authoring.action.paramFrom', 'From field') }}</mat-label>
+                              <input matInput [attr.data-testid]="'crud-editor-action-' + actionName + '-param-' + $index + '-from'" [ngModel]="param.from" (ngModelChange)="setActionParamField(actionName, $index, 'from', $event)" [disabled]="isReadonly()" />
+                            </mat-form-field>
+                            <mat-form-field appearance="outline">
+                              <mat-label>{{ tx('crud.authoring.action.paramTo', 'Target') }}</mat-label>
+                              <mat-select [attr.data-testid]="'crud-editor-action-' + actionName + '-param-' + $index + '-to'" [ngModel]="param.to" (ngModelChange)="setActionParamField(actionName, $index, 'to', $event)" [disabled]="isReadonly()">
+                                @for (target of paramTargets; track target) {
+                                  <mat-option [value]="target">{{ paramTargetLabel(target) }}</mat-option>
+                                }
+                              </mat-select>
+                            </mat-form-field>
+                            <mat-form-field appearance="outline">
+                              <mat-label>{{ tx('crud.authoring.action.paramName', 'Destination name') }}</mat-label>
+                              <input matInput [attr.data-testid]="'crud-editor-action-' + actionName + '-param-' + $index + '-name'" [ngModel]="param.name" (ngModelChange)="setActionParamField(actionName, $index, 'name', $event)" [disabled]="isReadonly()" />
+                            </mat-form-field>
+                          </div>
+                          <button mat-stroked-button type="button" [attr.data-testid]="'crud-editor-action-' + actionName + '-param-' + $index + '-remove'" (click)="removeActionParam(actionName, $index)" [disabled]="isReadonly()">
+                            {{ tx('crud.authoring.action.paramRemove', 'Remove mapping') }}
+                          </button>
+                        </div>
+                      }
+                      <button mat-stroked-button type="button" [attr.data-testid]="'crud-editor-action-' + actionName + '-param-add'" (click)="addActionParam(actionName)" [disabled]="isReadonly()">
+                        {{ tx('crud.authoring.action.paramAdd', 'Add mapping') }}
+                      </button>
+                    </div>
+                  </section>
+                  <section class="action-subgroup" [attr.data-testid]="'crud-editor-action-' + actionName + '-initialValue-subgroup'">
+                    <div class="action-subgroup__header">
+                      <strong>{{ tx('crud.authoring.action.initialValueSubgroup', 'Fixed form seed') }}</strong>
+                      <p class="editor-section-note">{{ actionInitialValueNote(actionName) }}</p>
+                    </div>
+                    <mat-form-field appearance="outline">
+                      <mat-label>{{ tx('crud.authoring.action.initialValue', 'Initial value seed (JSON)') }}</mat-label>
+                      <textarea matInput rows="5" [attr.data-testid]="'crud-editor-action-' + actionName + '-initialValue'" [ngModel]="actionInitialValueDraft(actionName)" (ngModelChange)="setActionInitialValue(actionName, $event)" [disabled]="isReadonly()"></textarea>
+                    </mat-form-field>
+                  </section>
+                </section>
+                <section class="action-group action-group--advanced" [attr.data-testid]="'crud-editor-action-' + actionName + '-back-group'">
+                  <div class="action-group__header">
+                    <div>
+                      <strong>{{ tx('crud.authoring.action.backGroup', 'Back behavior override') }}</strong>
+                      <p class="editor-section-note">{{ actionBackNote(actionName) }}</p>
+                    </div>
+                  </div>
+                  <div class="editor-grid">
+                    <mat-form-field appearance="outline">
+                      <mat-label>{{ tx('crud.authoring.action.backStrategy', 'Back strategy override') }}</mat-label>
+                      <mat-select [attr.data-testid]="'crud-editor-action-' + actionName + '-back-strategy'" [ngModel]="actionBackStrategy(actionName)" (ngModelChange)="setActionBackField(actionName, 'strategy', $event)" [disabled]="isReadonly()">
+                        <mat-option value="">{{ tx('crud.authoring.action.backUseDefaults', 'Use defaults') }}</mat-option>
+                        @for (strategy of backStrategies; track strategy) {
+                          <mat-option [value]="strategy">{{ backStrategyLabel(strategy) }}</mat-option>
+                        }
+                      </mat-select>
+                    </mat-form-field>
+                    <mat-form-field appearance="outline">
+                      <mat-label>{{ tx('crud.authoring.action.backReturnTo', 'Action return route') }}</mat-label>
+                      <input matInput [attr.data-testid]="'crud-editor-action-' + actionName + '-back-returnTo'" [ngModel]="actionBackReturnTo(actionName)" (ngModelChange)="setActionBackField(actionName, 'returnTo', $event)" [disabled]="isReadonly()" />
+                    </mat-form-field>
+                  </div>
+                  <div class="editor-toggles">
+                    <mat-slide-toggle [attr.data-testid]="'crud-editor-action-' + actionName + '-back-confirmOnDirty'" [ngModel]="actionBackConfirmOnDirty(actionName)" (ngModelChange)="setActionBackField(actionName, 'confirmOnDirty', $event)" [disabled]="isReadonly()">
+                      {{ tx('crud.authoring.action.backConfirmOnDirty', 'Confirm when leaving dirty forms') }}
+                    </mat-slide-toggle>
+                  </div>
+                </section>
+              </mat-expansion-panel>
+            </mat-expansion-panel>
+          }
+        </div>
+      </section>
+
+      <mat-card class="editor-card">
+        <div class="editor-section-header">
+          <div>
+            <h3>{{ tx('crud.authoring.section.table', 'Table') }}</h3>
+            <p class="editor-section-note">{{ sectionSummary('table') }}</p>
+          </div>
+          <span class="action-summary-chip" [class.action-summary-chip--error]="sectionStatus('table') === 'invalid'" [class.action-summary-chip--warn]="sectionStatus('table') === 'pending'">
+            {{ sectionStatusLabel('table') }}
+          </span>
+        </div>
+        <section class="action-summary-strip" data-testid="crud-editor-table-summary-strip">
+          <span class="action-summary-chip" data-testid="crud-editor-table-summary-structure">{{ tableStructureSummary() }}</span>
+          <span class="action-summary-chip" data-testid="crud-editor-table-summary-behavior">{{ tableBehaviorSummary() }}</span>
+          <span class="action-summary-chip" data-testid="crud-editor-table-summary-states">{{ tableStatesSummary() }}</span>
+        </section>
+        <p class="editor-section-note" data-testid="crud-editor-table-flow-note">{{ tableEditingFlowSummary() }}</p>
+        <praxis-table-inline-authoring-editor
+          data-testid="crud-editor-table-inline"
+          [config]="tableConfig()"
+          [readonly]="isReadonly()"
+          (configChange)="setTableConfig($event)"
+        />
+      </mat-card>
+
+      <mat-card class="editor-card">
+        <h3>{{ tx('crud.authoring.section.json', 'JSON') }}</h3>
+        <p class="editor-section-note" data-testid="crud-editor-json-summary">{{ jsonSectionSummary() }}</p>
+        @if (diagnostics().length) {
+          <section class="diagnostics-groups" data-testid="crud-editor-diagnostics">
+            @for (group of groupedDiagnostics(); track group.section) {
+              <article class="diagnostics-group" [attr.data-testid]="'crud-editor-diagnostics-' + group.section">
+                <div class="editor-section-header">
+                  <div>
+                    <strong>{{ sectionDisplayLabel(group.section) }}</strong>
+                    <p class="editor-section-note">{{ diagnosticsGroupSummary(group.section, group.issues) }}</p>
+                  </div>
+                  <span class="action-summary-chip" [class.action-summary-chip--error]="group.hasError" [class.action-summary-chip--warn]="!group.hasError">
+                    {{ diagnosticsGroupStatusLabel(group.section, group.issues) }}
+                  </span>
+                </div>
+                <ul class="diagnostics">
+                  @for (issue of group.issues; track issue.code + issue.path) {
+                    <li [class.error]="issue.level === 'error'">{{ issue.level }}: {{ diagnosticMessage(issue.code, issue.message) }}</li>
+                  }
+                </ul>
+              </article>
+            }
+          </section>
+        }
+        <pre data-testid="crud-editor-json">{{ serializedDocument() }}</pre>
+      </mat-card>
+    </section>
+  `, styles: [":host{display:block;min-width:0;color:var(--md-sys-color-on-surface,#1a1b20)}.editor-shell{display:grid;gap:16px}.editor-header{display:flex;justify-content:space-between;gap:16px;align-items:start}.editor-overview,.editor-health-map{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.editor-health-card{display:grid;gap:4px;padding:14px;border-radius:18px;background:color-mix(in srgb,var(--md-sys-color-surface-container-high,#eef1f6) 92%,transparent)}.editor-health-card--warn{background:color-mix(in srgb,var(--md-sys-color-tertiary-container,#f8e08e) 78%,transparent)}.editor-health-card--error{background:color-mix(in srgb,var(--md-sys-color-error-container,#f9dedc) 82%,transparent);color:var(--md-sys-color-on-error-container,#410e0b)}.editor-focus{display:flex;gap:12px;align-items:start;padding:14px 16px;border-radius:18px;background:color-mix(in srgb,var(--md-sys-color-surface-container-high,#eef1f6) 92%,transparent)}.editor-focus--success{background:color-mix(in srgb,var(--md-sys-color-secondary-container,#d7e3ff) 70%,transparent)}.editor-focus-chip{padding:6px 10px;border-radius:999px;font-size:12px;background:color-mix(in srgb,var(--md-sys-color-secondary-container,#d7e3ff) 70%,transparent);white-space:nowrap}.editor-focus-chip--warn{background:color-mix(in srgb,var(--md-sys-color-tertiary-container,#f8e08e) 78%,transparent)}.editor-focus-chip--error{background:color-mix(in srgb,var(--md-sys-color-error-container,#f9dedc) 82%,transparent);color:var(--md-sys-color-on-error-container,#410e0b)}.editor-focus-copy{display:grid;gap:4px}.editor-focus-copy p{margin:0;color:var(--md-sys-color-on-surface-variant,#5a5d67)}.editor-overview-card{display:grid;gap:4px;padding:14px;border-radius:18px;background:color-mix(in srgb,var(--md-sys-color-surface-container-high,#eef1f6) 92%,transparent)}.editor-overview-card--warn{background:color-mix(in srgb,var(--md-sys-color-tertiary-container,#f8e08e) 78%,transparent)}.editor-overview-card--error{background:color-mix(in srgb,var(--md-sys-color-error-container,#f9dedc) 82%,transparent);color:var(--md-sys-color-on-error-container,#410e0b)}.editor-overview-label{font-size:12px;color:var(--md-sys-color-on-surface-variant,#5a5d67)}.editor-overview-value{line-height:1.3;overflow-wrap:anywhere}.editor-overview-note{margin:0;font-size:12px;color:var(--md-sys-color-on-surface-variant,#5a5d67)}.editor-header h2,.editor-card h3{margin:0}.editor-header p{margin:6px 0 0;color:var(--md-sys-color-on-surface-variant,#5a5d67)}.editor-chip{padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-primary,#1263b4) 12%,transparent);font-size:12px}.editor-card{display:grid;gap:14px;padding:16px;border-radius:20px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline,#c5c7ce) 70%,transparent)}.editor-section-header{display:flex;justify-content:space-between;gap:12px;align-items:start}.editor-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.editor-grid--compact{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.editor-toggles{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.editor-actions,.action-grid{display:grid;gap:14px}.action-summary-strip{display:flex;flex-wrap:wrap;gap:8px}.action-summary-chip{padding:6px 10px;border-radius:999px;font-size:12px;background:color-mix(in srgb,var(--md-sys-color-secondary-container,#d7e3ff) 70%,transparent)}.action-summary-chip--warn{background:color-mix(in srgb,var(--md-sys-color-tertiary-container,#f8e08e) 78%,transparent)}.action-summary-chip--error{background:color-mix(in srgb,var(--md-sys-color-error-container,#f9dedc) 82%,transparent);color:var(--md-sys-color-on-error-container,#410e0b)}.action-group{display:grid;gap:10px;padding:12px;border-radius:16px;background:color-mix(in srgb,var(--md-sys-color-surface-container-high,#eef1f6) 88%,transparent)}.action-group--advanced{background:color-mix(in srgb,var(--md-sys-color-surface-container,#f5f7fb) 90%,transparent)}.action-group__header{display:grid;gap:4px}.action-subgroup{display:grid;gap:10px;padding:10px;border-radius:14px;background:color-mix(in srgb,var(--md-sys-color-surface-container-low,#fafbfd) 92%,transparent)}.action-subgroup__header{display:grid;gap:4px}.action-param-list{display:grid;gap:12px}.action-param-row{display:grid;gap:8px}.action-advanced-panel{border:1px solid color-mix(in srgb,var(--md-sys-color-outline,#c5c7ce) 65%,transparent);border-radius:16px}.editor-section-note{margin:0;color:var(--md-sys-color-on-surface-variant,#5a5d67)}.diagnostics-groups{display:grid;gap:12px}.diagnostics-group{display:grid;gap:10px;padding:12px;border-radius:16px;background:color-mix(in srgb,var(--md-sys-color-surface-container-high,#eef1f6) 92%,transparent)}.diagnostics{display:grid;gap:8px;margin:0;padding-left:18px}.diagnostics .error{color:var(--md-sys-color-error,#b3261e)}pre{margin:0;overflow:auto;max-height:320px;padding:12px;border-radius:14px;background:color-mix(in srgb,var(--md-sys-color-surface-container-high,#eef1f6) 92%,transparent)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { documentInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "document", required: false }] }], metadataInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "metadata", required: false }] }], crudIdInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "crudId", required: false }] }], readonlyInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }] } });
+function cloneTableConfig(config) {
+    return JSON.parse(JSON.stringify(config || { columns: [] }));
+}
+
+function openCrudMetadataEditor(settings, opts) {
+    return settings.open({
+        id: opts?.id ?? `crud-authoring:${opts?.crudId || 'default'}`,
+        title: opts?.title ?? 'CRUD settings',
+        titleIcon: opts?.titleIcon ?? 'tune',
+        content: {
+            component: CrudMetadataEditorComponent,
+            inputs: {
+                document: opts?.document ?? null,
+                metadata: opts?.metadata ?? null,
+                crudId: opts?.crudId ?? null,
+                readonly: opts?.readonly ?? false,
+            },
+        },
+    });
+}
+
 class PraxisCrudComponent {
     metadata;
     crudId;
@@ -365,6 +3309,8 @@ class PraxisCrudComponent {
     afterDelete = new EventEmitter();
     error = new EventEmitter();
     tableRuntimeConfigChange = new EventEmitter();
+    crudAuthoringDocumentApplied = new EventEmitter();
+    crudAuthoringDocumentSaved = new EventEmitter();
     resolvedMetadata;
     effectiveTableConfig;
     tableConfigForBinding = createDefaultTableConfig();
@@ -372,11 +3318,14 @@ class PraxisCrudComponent {
     tableFilterCriteria = {};
     tableCrudContext;
     launcher = inject(CrudLauncherService);
+    http = inject(HttpClient);
     destroyRef = inject(DestroyRef);
     cdr = inject(ChangeDetectorRef);
     table;
     storage = inject(ASYNC_CONFIG_STORAGE);
+    settingsPanel = inject(SettingsPanelService);
     snack = inject(MatSnackBar);
+    dialog = inject(DialogService);
     i18n = inject(PraxisI18nService);
     resourceDiscovery = inject(ResourceDiscoveryService);
     actionOpenAdapter = inject(ResourceActionOpenAdapterService);
@@ -409,6 +3358,7 @@ class PraxisCrudComponent {
     collectionCapabilitiesRequestHref = null;
     collectionCapabilitiesResolvedHref = null;
     collectionCapabilitiesRequestSeq = 0;
+    currentAuthoringDocument;
     onResetPreferences() {
         try {
             const keyId = this.componentKeyId();
@@ -423,7 +3373,7 @@ class PraxisCrudComponent {
         catch { }
     }
     ngOnChanges(changes) {
-        if (!changes['metadata']) {
+        if (!changes['metadata'] && !changes['context']) {
             return;
         }
         try {
@@ -431,6 +3381,15 @@ class PraxisCrudComponent {
                 ? JSON.parse(this.metadata)
                 : this.metadata;
             this.resolvedMetadata = parsed;
+            const externalAuthoringSeed = this.context && typeof this.context === 'object'
+                ? (this.context['authoringDocument'] ?? this.context['authoringMetadata'])
+                : undefined;
+            this.currentAuthoringDocument = externalAuthoringSeed
+                ? parseLegacyOrCrudDocument(externalAuthoringSeed)
+                : createCrudAuthoringDocument({
+                    metadata: this.resolvedMetadata,
+                });
+            this.resolvedMetadata = this.currentAuthoringDocument.metadata;
             assertCrudMetadata(this.resolvedMetadata, {
                 allowDeferredActionBindings: true,
             });
@@ -474,6 +3433,10 @@ class PraxisCrudComponent {
                 }
             }
             const effectiveAction = (actionMeta || { action });
+            const handledByDelete = await this.tryHandleCanonicalDeleteAction(effectiveAction, row);
+            if (handledByDelete) {
+                return;
+            }
             let drawerCloseEmitted = false;
             const emitDrawerClose = () => {
                 if (drawerCloseEmitted)
@@ -498,6 +3461,11 @@ class PraxisCrudComponent {
                         this.refreshTable();
                     }
                 },
+            }, {
+                capabilities: effectiveAction.action === 'create'
+                    ? this.collectionCapabilities
+                    : this.collectionCapabilities,
+                links: this.resolveCrudRuntimeLinks(effectiveAction.action, row),
             });
             this.afterOpen.emit({ mode, action: effectiveAction.action });
             if (!ref) {
@@ -624,6 +3592,53 @@ class PraxisCrudComponent {
     onConfigureRequested() {
         this.configureRequested.emit();
     }
+    async tryHandleCanonicalDeleteAction(action, row) {
+        const normalizedAction = String(action.action || '').trim().toLowerCase();
+        if (normalizedAction !== 'delete') {
+            return false;
+        }
+        const effectiveOpenMode = action.openMode ?? this.resolvedMetadata.defaults?.openMode ?? 'route';
+        if (effectiveOpenMode === 'route' && action.route) {
+            return false;
+        }
+        const contract = this.launcher.resolveRuntimeContract(action, row, this.resolvedMetadata, {
+            capabilities: this.collectionCapabilities,
+            links: this.resolveCrudRuntimeLinks(action.action, row),
+        });
+        const submitUrl = String(contract.submitUrl || '').trim();
+        const submitMethod = String(contract.submitMethod || 'delete').trim().toUpperCase();
+        if (!submitUrl) {
+            throw new Error('Delete action could not resolve submitUrl.');
+        }
+        if (submitMethod !== 'DELETE') {
+            throw new Error(`Delete action resolved unsupported method "${submitMethod}".`);
+        }
+        const ref = this.dialog.open(ConfirmDialogComponent, {
+            autoFocus: false,
+            restoreFocus: true,
+            data: {
+                title: action.label || this.getCrudActionLabel('delete'),
+                message: this.resolvedMetadata.i18n?.crudDialog?.['deleteConfirmMessage'] ||
+                    'Esta ação não pode ser desfeita. Deseja continuar?',
+                confirmText: this.resolvedMetadata.i18n?.crudDialog?.['deleteConfirmButton'] ||
+                    this.getCrudActionLabel('delete'),
+                cancelText: this.resolvedMetadata.i18n?.crudDialog?.['deleteCancelButton'] || this.tx('crud.delete.cancel', 'Cancel'),
+                type: 'warning',
+            },
+        });
+        this.afterOpen.emit({ mode: 'modal', action: action.action });
+        const confirmed = await firstValueFrom(ref.afterClosed());
+        this.afterClose.emit();
+        if (!confirmed) {
+            return true;
+        }
+        await firstValueFrom(this.http.request('DELETE', submitUrl));
+        const idField = this.getIdField();
+        const id = row?.[idField];
+        this.afterDelete.emit({ id });
+        this.refreshTable();
+        return true;
+    }
     refreshTable() {
         this.table.refetch();
     }
@@ -1122,6 +4137,49 @@ class PraxisCrudComponent {
                 openMode: action.openMode,
             })),
             idField: meta.resource?.idField || 'id',
+            openAuthoring: this.openCrudAuthoringFromTable,
+        };
+    }
+    openCrudAuthoringFromTable = () => {
+        const seed = this.currentAuthoringDocument
+            || createCrudAuthoringDocument({ metadata: this.resolvedMetadata });
+        const ref = openCrudMetadataEditor(this.settingsPanel, {
+            crudId: this.crudId,
+            document: seed,
+            title: this.tx('crud.authoring.title', 'Configurações do CRUD'),
+            titleIcon: 'table_chart',
+        });
+        ref.applied$
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe((payload) => this.applyCrudAuthoringPayload(payload, 'applied'));
+        ref.saved$
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe((payload) => this.applyCrudAuthoringPayload(payload, 'saved'));
+    };
+    applyCrudAuthoringPayload(payload, eventName) {
+        const next = parseLegacyOrCrudDocument(payload);
+        this.currentAuthoringDocument = next;
+        this.resolvedMetadata = next.metadata;
+        this.tableQueryContext = this.resolveQueryContext(this.resolvedMetadata);
+        this.tableFilterCriteria = this.resolveFilterCriteria(this.resolvedMetadata);
+        this.applyResolvedCrudState(this.resolvedMetadata);
+        this.cdr.markForCheck();
+        const widgetPersistencePayload = this.buildWidgetPersistencePayload(next);
+        if (eventName === 'applied') {
+            this.crudAuthoringDocumentApplied.emit(widgetPersistencePayload);
+        }
+        if (eventName === 'saved') {
+            this.crudAuthoringDocumentSaved.emit(widgetPersistencePayload);
+        }
+    }
+    buildWidgetPersistencePayload(document) {
+        return {
+            document,
+            metadata: document.metadata,
+            inputPatch: {
+                metadata: document.metadata,
+                'context.authoringDocument': document,
+            },
         };
     }
     resolveCreateToolbarAction(meta, capabilities) {
@@ -1222,19 +4280,20 @@ class PraxisCrudComponent {
         }));
     }
     supportsCreateCapability(snapshot) {
-        return (this.hasCanonicalOperation(snapshot, 'create') ||
+        return (snapshot.operations?.create?.supported === true ||
+            this.hasCanonicalOperation(snapshot, 'create') ||
             snapshot.surfaces.some((surface) => surface.scope === 'COLLECTION' &&
                 this.isWritableCrudSurface(surface) &&
                 surface.availability?.allowed !== false));
     }
     supportsViewCapability(snapshot) {
-        return this.hasCanonicalOperation(snapshot, 'byId');
+        return snapshot.operations?.view?.supported === true || this.hasCanonicalOperation(snapshot, 'byId');
     }
     supportsEditCapability(snapshot) {
-        return this.hasCanonicalOperation(snapshot, 'update');
+        return snapshot.operations?.edit?.supported === true || this.hasCanonicalOperation(snapshot, 'update');
     }
     supportsDeleteCapability(snapshot) {
-        return this.hasCanonicalOperation(snapshot, 'delete');
+        return snapshot.operations?.delete?.supported === true || this.hasCanonicalOperation(snapshot, 'delete');
     }
     hasCanonicalOperation(snapshot, operation) {
         return snapshot.canonicalOperations?.[operation] === true;
@@ -1267,6 +4326,13 @@ class PraxisCrudComponent {
             return null;
         }
     }
+    resolveCrudRuntimeLinks(action, row) {
+        const normalizedAction = String(action || '').trim().toLowerCase();
+        if (normalizedAction === 'create') {
+            return this.tableCollectionLinks;
+        }
+        return row?._links ?? null;
+    }
     isRecord(value) {
         return !!value && typeof value === 'object' && !Array.isArray(value);
     }
@@ -1315,7 +4381,7 @@ class PraxisCrudComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisCrudComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: PraxisCrudComponent, isStandalone: true, selector: "praxis-crud", inputs: { metadata: "metadata", crudId: "crudId", componentInstanceId: "componentInstanceId", context: "context", enableCustomization: "enableCustomization" }, outputs: { configureRequested: "configureRequested", afterOpen: "afterOpen", afterClose: "afterClose", afterSave: "afterSave", afterDelete: "afterDelete", error: "error", tableRuntimeConfigChange: "tableRuntimeConfigChange" }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: PraxisCrudComponent, isStandalone: true, selector: "praxis-crud", inputs: { metadata: "metadata", crudId: "crudId", componentInstanceId: "componentInstanceId", context: "context", enableCustomization: "enableCustomization" }, outputs: { configureRequested: "configureRequested", afterOpen: "afterOpen", afterClose: "afterClose", afterSave: "afterSave", afterDelete: "afterDelete", error: "error", tableRuntimeConfigChange: "tableRuntimeConfigChange", crudAuthoringDocumentApplied: "crudAuthoringDocumentApplied", crudAuthoringDocumentSaved: "crudAuthoringDocumentSaved" }, providers: [
             providePraxisI18nConfig(RESOURCE_DISCOVERY_I18N_CONFIG),
             providePraxisI18nConfig(PRAXIS_CRUD_RUNTIME_I18N_CONFIG),
         ], viewQueries: [{ propertyName: "table", first: true, predicate: PraxisTable, descendants: true }], usesOnChanges: true, ngImport: i0, template: `
@@ -1408,6 +4474,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                 type: Output
             }], tableRuntimeConfigChange: [{
                 type: Output
+            }], crudAuthoringDocumentApplied: [{
+                type: Output
+            }], crudAuthoringDocumentSaved: [{
+                type: Output
             }], table: [{
                 type: ViewChild,
                 args: [PraxisTable]
@@ -1429,6 +4499,7 @@ class DynamicFormDialogHostComponent {
     destroyRef = inject(DestroyRef);
     resourcePath;
     resourceId;
+    initialValue;
     schemaUrl;
     submitUrl;
     submitMethod;
@@ -1478,6 +4549,7 @@ class DynamicFormDialogHostComponent {
         }
         this.idField = this.data.metadata?.resource?.idField ?? 'id';
         this.resourceId = this.data.inputs?.[this.idField];
+        this.initialValue = this.extractInitialValue(this.data.inputs);
         this.schemaUrl = this.data.inputs?.['schemaUrl'] ?? null;
         this.submitUrl = this.data.inputs?.['submitUrl'] ?? null;
         this.submitMethod = this.data.inputs?.['submitMethod'] ?? null;
@@ -1520,6 +4592,30 @@ class DynamicFormDialogHostComponent {
             .pipe(takeUntilDestroyed(this.destroyRef))
             .subscribe(() => this.saveState());
     }
+    extractInitialValue(inputs) {
+        if (!inputs || typeof inputs !== 'object') {
+            return null;
+        }
+        const reserved = new Set([
+            this.idField,
+            'schemaUrl',
+            'submitUrl',
+            'submitMethod',
+            'apiEndpointKey',
+            'apiUrlEntry',
+            'initialValue',
+        ]);
+        const explicit = inputs['initialValue'] && typeof inputs['initialValue'] === 'object'
+            ? { ...inputs['initialValue'] }
+            : {};
+        for (const [key, value] of Object.entries(inputs)) {
+            if (reserved.has(key) || value === undefined) {
+                continue;
+            }
+            explicit[key] = value;
+        }
+        return Object.keys(explicit).length ? explicit : null;
+    }
     ngOnInit() {
         // Carregar estado salvo (se habilitado)
         if (this.rememberState && this.stateKey) {
@@ -1638,7 +4734,7 @@ class DynamicFormDialogHostComponent {
             this.dialogRef.updatePosition();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DynamicFormDialogHostComponent, deps: [{ token: MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: DialogService }, { token: i2.GenericCrudService }, { token: ASYNC_CONFIG_STORAGE }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DynamicFormDialogHostComponent, deps: [{ token: MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: DialogService }, { token: i2$1.GenericCrudService }, { token: ASYNC_CONFIG_STORAGE }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: DynamicFormDialogHostComponent, isStandalone: true, selector: "praxis-dynamic-form-dialog-host", host: { properties: { "attr.data-density": "modal.density || \"default\"" }, classAttribute: "praxis-dialog" }, providers: [GenericCrudService], viewQueries: [{ propertyName: "formComp", first: true, predicate: PraxisDynamicForm, descendants: true }], ngImport: i0, template: `
     <div mat-dialog-title class="dialog-header">
       <h2 id="crudDialogTitle" class="dialog-title">
@@ -1674,6 +4770,7 @@ class DynamicFormDialogHostComponent {
         [formId]="data.action?.formId"
         [resourcePath]="resourcePath"
         [resourceId]="resourceId"
+        [initialValue]="initialValue"
         [mode]="mode"
         [schemaUrl]="schemaUrl"
         [submitUrl]="submitUrl"
@@ -1686,7 +4783,7 @@ class DynamicFormDialogHostComponent {
         (formCancel)="onCancel()"
       ></praxis-dynamic-form>
     </mat-dialog-content>
-  `, isInline: true, styles: [":host{--dlg-header-h: 56px;--dlg-footer-h: 56px;--dlg-pad: 16px;display:flex;flex-direction:column;height:100%;overflow:hidden}:host([data-density=\"compact\"]){--dlg-header-h: 44px;--dlg-footer-h: 44px;--dlg-pad: 12px}.dialog-header{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:var(--dlg-pad);padding:0 var(--dlg-pad);height:var(--dlg-header-h);margin:0;background:var(--md-sys-color-surface-container-high);border-bottom:1px solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface)}.dialog-title{margin:0;font:inherit;font-weight:600;color:var(--md-sys-color-on-surface)}.spacer{flex:1}.dialog-content{overflow:auto;padding:var(--dlg-pad);max-height:calc(100svh - var(--dlg-header-h) - 32px)}.dialog-header button.mat-icon-button{color:var(--md-sys-color-on-surface-variant)}.dialog-header button.mat-icon-button:hover{color:var(--md-sys-color-primary);background:var(--md-sys-color-primary-container)}.dialog-footer{position:sticky;bottom:0;z-index:1;padding:var(--dlg-pad)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "component", type: PraxisDynamicForm, selector: "praxis-dynamic-form", inputs: ["resourcePath", "resourceId", "editorialContext", "mode", "config", "schemaSource", "schemaUrl", "submitUrl", "submitMethod", "responseSchemaUrl", "apiEndpointKey", "apiUrlEntry", "enableCustomization", "formId", "componentInstanceId", "layout", "backConfig", "hooks", "removeEmptyContainersOnSave", "reactiveValidation", "reactiveValidationDebounceMs", "notifyIfOutdated", "snoozeMs", "autoOpenSettingsOnOutdated", "readonlyModeGlobal", "disabledModeGlobal", "presentationModeGlobal", "visibleGlobal", "customEndpoints"], outputs: ["formSubmit", "formCancel", "formReset", "configChange", "formReady", "valueChange", "syncCompleted", "initializationError", "loadingStateChange", "enableCustomizationChange", "customAction", "actionConfirmation", "schemaStatusChange", "fieldRenderError", "widgetEvent"] }] });
+  `, isInline: true, styles: [":host{--dlg-header-h: 56px;--dlg-footer-h: 56px;--dlg-pad: 16px;display:flex;flex-direction:column;height:100%;overflow:hidden}:host([data-density=\"compact\"]){--dlg-header-h: 44px;--dlg-footer-h: 44px;--dlg-pad: 12px}.dialog-header{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:var(--dlg-pad);padding:0 var(--dlg-pad);height:var(--dlg-header-h);margin:0;background:var(--md-sys-color-surface-container-high);border-bottom:1px solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface)}.dialog-title{margin:0;font:inherit;font-weight:600;color:var(--md-sys-color-on-surface)}.spacer{flex:1}.dialog-content{overflow:auto;padding:var(--dlg-pad);max-height:calc(100svh - var(--dlg-header-h) - 32px)}.dialog-header button.mat-icon-button{color:var(--md-sys-color-on-surface-variant)}.dialog-header button.mat-icon-button:hover{color:var(--md-sys-color-primary);background:var(--md-sys-color-primary-container)}.dialog-footer{position:sticky;bottom:0;z-index:1;padding:var(--dlg-pad)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "component", type: PraxisDynamicForm, selector: "praxis-dynamic-form", inputs: ["resourcePath", "resourceId", "initialValue", "editorialContext", "mode", "config", "schemaSource", "schemaUrl", "submitUrl", "submitMethod", "responseSchemaUrl", "apiEndpointKey", "apiUrlEntry", "enableCustomization", "formId", "componentInstanceId", "layout", "backConfig", "hooks", "removeEmptyContainersOnSave", "reactiveValidation", "reactiveValidationDebounceMs", "notifyIfOutdated", "snoozeMs", "autoOpenSettingsOnOutdated", "readonlyModeGlobal", "disabledModeGlobal", "presentationModeGlobal", "visibleGlobal", "customEndpoints"], outputs: ["formSubmit", "formCancel", "formReset", "configChange", "formReady", "valueChange", "syncCompleted", "initializationError", "loadingStateChange", "enableCustomizationChange", "customAction", "actionConfirmation", "schemaStatusChange", "fieldRenderError"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DynamicFormDialogHostComponent, decorators: [{
             type: Component,
@@ -1735,6 +4832,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
         [formId]="data.action?.formId"
         [resourcePath]="resourcePath"
         [resourceId]="resourceId"
+        [initialValue]="initialValue"
         [mode]="mode"
         [schemaUrl]="schemaUrl"
         [submitUrl]="submitUrl"
@@ -1754,7 +4852,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                 }] }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
-                }] }, { type: DialogService }, { type: i2.GenericCrudService }, { type: undefined, decorators: [{
+                }] }, { type: DialogService }, { type: i2$1.GenericCrudService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [ASYNC_CONFIG_STORAGE]
                 }] }], propDecorators: { formComp: [{
@@ -1784,61 +4882,80 @@ const PRAXIS_CRUD_COMPONENT_METADATA = {
         {
             name: 'crudId',
             type: 'string',
-            description: 'Identificador do CRUD (base para tabela/formulário e persistência)',
+            description: 'Identificador do CRUD (base para tabela/formulário e persistência).',
         },
         {
             name: 'componentInstanceId',
             type: 'string',
-            description: 'Identificador opcional para múltiplas instâncias na mesma rota',
+            description: 'Identificador opcional para múltiplas instâncias na mesma rota.',
         },
         {
             name: 'context',
             type: 'Record<string, unknown>',
-            description: 'Contexto opaco do host. A implementacao atual o expõe como Input, mas nao o consome no launcher nem no tableCrudContext.',
+            description: 'Contexto opaco do host. A implementação atual o expõe como Input e o usa para seeds editoriais do authoring.',
         },
         {
             name: 'metadata.queryContext',
             type: 'PraxisDataQueryContext | null',
-            description: 'Contexto semantico de consulta encaminhado para a tabela interna do CRUD. Preferir este contrato para novo authoring remoto.',
+            description: 'Contexto semântico de consulta encaminhado para a tabela interna do CRUD. Preferir este contrato para novo authoring remoto.',
         },
         {
             name: 'metadata.filterCriteria',
             type: 'Record<string, unknown> | null',
             description: 'Bridge declarativa de filtros encaminhada para a tabela interna. Para novo authoring, prefira metadata.queryContext.',
         },
+        {
+            name: 'metadata.actions[].form',
+            type: 'CrudActionFormContract',
+            description: 'Contrato canônico explícito para modal/drawer quando o host precisa informar schemaUrl, submitUrl e submitMethod sem depender do fallback genérico por resource.path.',
+        },
         {
             name: 'enableCustomization',
             type: 'boolean',
             default: false,
-            description: 'Habilita modo de customização do layout',
+            description: 'Habilita modo de customização do layout.',
         },
     ],
     outputs: [
         {
             name: 'afterOpen',
             type: '{ mode: FormOpenMode; action: string }',
-            description: 'Emitido após abrir diálogo',
+            description: 'Emitido após abrir diálogo.',
         },
         {
             name: 'afterClose',
             type: 'void',
-            description: 'Emitido após fechar diálogo',
+            description: 'Emitido após fechar diálogo.',
         },
         {
             name: 'afterSave',
             type: '{ id: string | number; data: unknown }',
-            description: 'Emitido ao salvar',
+            description: 'Emitido ao salvar.',
         },
         {
             name: 'afterDelete',
             type: '{ id: string | number }',
-            description: 'Emitido ao deletar',
+            description: 'Emitido ao deletar.',
+        },
+        {
+            name: 'error',
+            type: 'unknown',
+            description: 'Emitido em erros.',
         },
-        { name: 'error', type: 'unknown', description: 'Emitido em erros' },
         {
             name: 'configureRequested',
             type: 'void',
-            description: 'Emitido quando CTA de configuração é acionado em modo edição',
+            description: 'Emitido quando o CTA de configuração é acionado em modo de edição.',
+        },
+        {
+            name: 'crudAuthoringDocumentApplied',
+            type: 'CrudAuthoringWidgetPersistenceEvent',
+            description: 'Emitido quando o editor canônico do CRUD aplica um documento e publica o patch de inputs do widget para hosts como praxis-dynamic-page.',
+        },
+        {
+            name: 'crudAuthoringDocumentSaved',
+            type: 'CrudAuthoringWidgetPersistenceEvent',
+            description: 'Emitido quando o editor canônico do CRUD salva um documento e publica o patch de inputs do widget para hosts como praxis-dynamic-page.',
         },
     ],
     actions: [
@@ -1846,13 +4963,13 @@ const PRAXIS_CRUD_COMPONENT_METADATA = {
             id: 'create',
             label: 'Criar',
             icon: 'add',
-            description: 'Emite evento ao abrir fluxo de criação',
+            description: 'Emite evento ao abrir fluxo de criação.',
             emit: 'afterOpen',
             payloadSchema: {
                 type: 'object',
                 properties: {
-                    action: { type: 'string', description: 'Ação executada' },
-                    mode: { type: 'string', description: 'Modo de abertura' },
+                    action: { type: 'string', description: 'Ação executada.' },
+                    mode: { type: 'string', description: 'Modo de abertura.' },
                 },
                 required: ['action', 'mode'],
                 example: { action: 'create', mode: 'route' },
@@ -1863,13 +4980,13 @@ const PRAXIS_CRUD_COMPONENT_METADATA = {
             id: 'view',
             label: 'Visualizar',
             icon: 'visibility',
-            description: 'Emite evento ao abrir fluxo de visualização',
+            description: 'Emite evento ao abrir fluxo de visualização.',
             emit: 'afterOpen',
             payloadSchema: {
                 type: 'object',
                 properties: {
-                    action: { type: 'string', description: 'Ação executada' },
-                    mode: { type: 'string', description: 'Modo de abertura' },
+                    action: { type: 'string', description: 'Ação executada.' },
+                    mode: { type: 'string', description: 'Modo de abertura.' },
                 },
                 required: ['action', 'mode'],
                 example: { action: 'view', mode: 'modal' },
@@ -1880,13 +4997,13 @@ const PRAXIS_CRUD_COMPONENT_METADATA = {
             id: 'edit',
             label: 'Editar',
             icon: 'edit',
-            description: 'Emite evento ao abrir fluxo de edição',
+            description: 'Emite evento ao abrir fluxo de edição.',
             emit: 'afterOpen',
             payloadSchema: {
                 type: 'object',
                 properties: {
-                    action: { type: 'string', description: 'Ação executada' },
-                    mode: { type: 'string', description: 'Modo de abertura' },
+                    action: { type: 'string', description: 'Ação executada.' },
+                    mode: { type: 'string', description: 'Modo de abertura.' },
                 },
                 required: ['action', 'mode'],
                 example: { action: 'edit', mode: 'drawer' },
@@ -1897,12 +5014,12 @@ const PRAXIS_CRUD_COMPONENT_METADATA = {
             id: 'delete',
             label: 'Excluir',
             icon: 'delete',
-            description: 'Emite evento após exclusão',
+            description: 'Emite evento após exclusão.',
             emit: 'afterDelete',
             payloadSchema: {
                 type: 'object',
                 properties: {
-                    id: { type: 'string | number', description: 'ID do registro (string ou number)' },
+                    id: { type: 'string | number', description: 'ID do registro (string ou number).' },
                 },
                 required: ['id'],
                 example: { id: '123' },
@@ -1913,13 +5030,13 @@ const PRAXIS_CRUD_COMPONENT_METADATA = {
             id: 'save',
             label: 'Salvar',
             icon: 'save',
-            description: 'Emite evento após salvar',
+            description: 'Emite evento após salvar.',
             emit: 'afterSave',
             payloadSchema: {
                 type: 'object',
                 properties: {
-                    id: { type: 'string | number', description: 'ID do registro (string ou number)' },
-                    data: { type: 'object', description: 'Dados salvos' },
+                    id: { type: 'string | number', description: 'ID do registro (string ou number).' },
+                    data: { type: 'object', description: 'Dados salvos.' },
                 },
                 required: ['id', 'data'],
                 example: { id: '123', data: {} },
@@ -1930,7 +5047,7 @@ const PRAXIS_CRUD_COMPONENT_METADATA = {
             id: 'close',
             label: 'Fechar',
             icon: 'close',
-            description: 'Emite evento ao fechar o diálogo',
+            description: 'Emite evento ao fechar o diálogo.',
             emit: 'afterClose',
             scope: 'shell',
         },
@@ -1938,7 +5055,7 @@ const PRAXIS_CRUD_COMPONENT_METADATA = {
             id: 'configure',
             label: 'Configurar',
             icon: 'tune',
-            description: 'Emite evento ao abrir configuração',
+            description: 'Emite evento ao abrir configuração.',
             emit: 'configureRequested',
             scope: 'shell',
         },
@@ -1993,7 +5110,7 @@ class CrudPageHeaderComponent {
         <ng-content></ng-content>
       </div>
     </header>
-  `, isInline: true, styles: [".crud-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;background:var(--md-sys-color-surface)}.crud-header.sticky{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:saturate(110%);backdrop-filter:saturate(110%)}.crud-header.with-divider{border-bottom:1px solid var(--md-sys-color-outline-variant)}.left{display:flex;align-items:center;gap:8px;min-width:0}.right{display:flex;align-items:center;gap:8px}.title{margin:0;font-weight:600;color:var(--md-sys-color-on-surface, currentColor);font:var(--mdc-typography-title-large, 600 20px/28px system-ui);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.back-btn{display:inline-flex;align-items:center;gap:6px;text-decoration:none}.back-btn .mat-mdc-button{padding-left:0}.back-btn mat-icon{color:var(--md-sys-color-on-surface-variant, currentColor)}.back-btn .label{color:var(--md-sys-color-on-surface-variant, currentColor)}.back-btn.ghost{border-radius:20px;padding:4px 8px}.back-btn.ghost:hover{background:var(--md-sys-color-primary-container)}.back-btn.tonal{border-radius:20px;padding:4px 10px;background:var(--md-sys-color-surface-container);box-shadow:inset 0 0 0 1px var(--md-sys-color-outline-variant)}.back-btn.tonal:hover{background:var(--md-sys-color-primary-container)}.back-btn.outlined{border-radius:20px;padding:4px 10px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface)}.back-btn.outlined:hover{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary-container)}@media(max-width:599px){.label.hide-on-narrow{display:none}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }] });
+  `, isInline: true, styles: [".crud-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;background:var(--md-sys-color-surface)}.crud-header.sticky{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:saturate(110%);backdrop-filter:saturate(110%)}.crud-header.with-divider{border-bottom:1px solid var(--md-sys-color-outline-variant)}.left{display:flex;align-items:center;gap:8px;min-width:0}.right{display:flex;align-items:center;gap:8px}.title{margin:0;font-weight:600;color:var(--md-sys-color-on-surface, currentColor);font:var(--mdc-typography-title-large, 600 20px/28px system-ui);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.back-btn{display:inline-flex;align-items:center;gap:6px;text-decoration:none}.back-btn .mat-mdc-button{padding-left:0}.back-btn mat-icon{color:var(--md-sys-color-on-surface-variant, currentColor)}.back-btn .label{color:var(--md-sys-color-on-surface-variant, currentColor)}.back-btn.ghost{border-radius:20px;padding:4px 8px}.back-btn.ghost:hover{background:var(--md-sys-color-primary-container)}.back-btn.tonal{border-radius:20px;padding:4px 10px;background:var(--md-sys-color-surface-container);box-shadow:inset 0 0 0 1px var(--md-sys-color-outline-variant)}.back-btn.tonal:hover{background:var(--md-sys-color-primary-container)}.back-btn.outlined{border-radius:20px;padding:4px 10px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface)}.back-btn.outlined:hover{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary-container)}@media(max-width:599px){.label.hide-on-narrow{display:none}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: CrudPageHeaderComponent, decorators: [{
             type: Component,
@@ -2120,6 +5237,7 @@ const CRUD_AI_CAPABILITIES = {
         { path: 'actions[].params[].from', category: 'actions', valueKind: 'string', description: 'Origem do parametro.' },
         { path: 'actions[].params[].to', category: 'actions', valueKind: 'enum', allowedValues: ENUMS.paramTarget, description: 'Destino do parametro.' },
         { path: 'actions[].params[].name', category: 'actions', valueKind: 'string', description: 'Nome do parametro no destino.' },
+        { path: 'actions[].form.initialValue', category: 'actions', valueKind: 'object', description: 'Seed fixo do formulario injetado em inputs.initialValue antes da abertura.' },
         { path: 'actions[].back', category: 'navigation', valueKind: 'object', description: 'BackConfig por acao.' },
         { path: 'actions[].back.strategy', category: 'navigation', valueKind: 'enum', allowedValues: ENUMS.backStrategy, description: 'Estrategia de retorno da acao (auto, close, navigate).' },
         { path: 'actions[].back.returnTo', category: 'navigation', valueKind: 'string', description: 'Rota ou destino usado quando a estrategia de retorno for navigate.' },
@@ -2138,4 +5256,4 @@ const CRUD_AI_CAPABILITIES = {
  * Generated bundle index. Do not edit.
  */
 
-export { CRUD_AI_CAPABILITIES, CrudLauncherService, CrudPageHeaderComponent, DialogService, DynamicFormDialogHostComponent, PRAXIS_CRUD_COMPONENT_METADATA, PraxisCrudComponent, assertCrudMetadata, providePraxisCrudMetadata };
+export { CRUD_AI_CAPABILITIES, CrudLauncherService, CrudMetadataEditorComponent, CrudPageHeaderComponent, DialogService, DynamicFormDialogHostComponent, PRAXIS_CRUD_COMPONENT_METADATA, PraxisCrudComponent, assertCrudMetadata, createCrudAuthoringDocument, findCrudAction, normalizeCrudAuthoringDocument, openCrudMetadataEditor, parseLegacyOrCrudDocument, providePraxisCrudMetadata, serializeCrudAuthoringDocument, validateCrudAuthoringDocument };