@praxisui/crud 9.0.5 → 9.0.6

package/README.md

@@ -109,6 +109,15 @@ It emits:
 - `tableRuntimeConfigChange`
 - `crudAuthoringDocumentApplied`, `crudAuthoringDocumentSaved`
 
+When visual authoring opens, the CRUD editor is seeded from the latest portable
+table configuration emitted by the internal table. This keeps the editor aligned
+with the columns, visibility, ordering, and other runtime settings currently shown
+to the user instead of reopening an older input snapshot.
+
+When both `metadata.resource.path` and `metadata.data` are present, remote resource
+loading remains authoritative and the editor reports that the local rows are
+ignored. Use only `metadata.data` for a local-data preview.
+
 The component keeps `crudContext` stable for change detection and refreshes the table after successful save/delete flows.
 
 Built-in modal, drawer and nested surface-frame form hosts do not close or complete save while a child Reactive Determination is pending or when its latest generation settled unsatisfied; cancel waits for bounded successful stabilization and stays open on timeout/failure. A custom `CrudDrawerAdapter` must bind `onReactiveDetermination`, `onReactiveDeterminationPendingChange`, and `onReactiveDeterminationStabilityChange`, use the child Dynamic Form stability API, and refuse every adapter-owned close/submit while pending or unsatisfied. These callbacks are runtime-only and must never be persisted in CRUD metadata.

package/ai/component-registry.json

@@ -1,8 +1,8 @@
 {
   "schemaVersion": "1.0.0",
-  "generatedAt": "2026-08-18T02:12:19.525Z",
+  "generatedAt": "2026-08-19T23:21:15.260Z",
   "packageName": "@praxisui/crud",
-  "packageVersion": "9.0.5",
+  "packageVersion": "9.0.6",
   "sourceRegistry": "praxis-component-registry-ingestion",
   "sourceRegistryVersion": "1.0.0",
   "componentCount": 2,

package/fesm2022/praxisui-crud.mjs

@@ -770,6 +770,9 @@ function validateCrudAuthoringDocument(doc, context) {
     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 (trimString(metadata.resource?.path) && Array.isArray(metadata.data)) {
+        diagnostics.push(warnDiagnostic('crud.metadata.data.ignored-by-resource', 'metadata.data is ignored because metadata.resource.path activates remote table mode', 'metadata.data'));
+    }
     if (context?.requireCanonicalActions) {
         for (const actionName of CANONICAL_ACTIONS) {
             if (!findCrudAction(metadata.actions, actionName)) {
@@ -1131,6 +1134,7 @@ const PRAXIS_CRUD_AUTHORING_I18N_CONFIG = {
                 'crud.authoring.section.connection': 'Conexão',
                 'crud.authoring.section.actions': 'Ações',
                 'crud.authoring.section.defaults': 'Abertura e cabeçalho',
+                'crud.authoring.tab.defaults': 'Abertura',
                 'crud.authoring.section.table': 'Tabela',
                 'crud.authoring.section.json': 'JSON',
                 'crud.authoring.overview.connection': 'Conexão',
@@ -1141,6 +1145,9 @@ const PRAXIS_CRUD_AUTHORING_I18N_CONFIG = {
                 '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.sourceRemote': 'Fonte remota',
+                'crud.authoring.overview.sourceRemoteLocalIgnored': 'Fonte remota · {count} registros locais ignorados',
+                'crud.authoring.overview.sourceLocal': 'Fonte local · {count} registros',
                 'crud.authoring.overview.backVisible': 'Voltar visível',
                 'crud.authoring.overview.backHidden': 'Voltar oculto',
                 'crud.authoring.overview.modalDensity': 'Modal: {value}',
@@ -1191,6 +1198,7 @@ const PRAXIS_CRUD_AUTHORING_I18N_CONFIG = {
                 '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.diagnostics.warningSummarySingle': '1 diagnóstico que vale 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',
@@ -1314,6 +1322,7 @@ const PRAXIS_CRUD_AUTHORING_I18N_CONFIG = {
                 'crud.authoring.action.create': 'Criar',
                 'crud.authoring.action.view': 'Visualizar',
                 'crud.authoring.action.edit': 'Editar',
+                'crud.authoring.action.delete': 'Excluir',
                 '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}',
@@ -1333,6 +1342,13 @@ const PRAXIS_CRUD_AUTHORING_I18N_CONFIG = {
                 '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.componentInvalid': 'O componente deve ser praxis-crud.',
+                'crud.authoring.validation.tableRequired': 'Informe a configuração canônica da tabela.',
+                'crud.authoring.validation.resourcePathRequired': 'Informe o caminho do recurso configurado.',
+                'crud.authoring.validation.sourceMissing': 'Informe um recurso remoto ou dados locais para o CRUD.',
+                'crud.authoring.validation.dataIgnoredByResource': 'Os registros locais são ignorados porque o recurso remoto está ativo.',
+                'crud.authoring.validation.openModeInvalid': 'Use route, modal ou drawer como modo de abertura.',
+                'crud.authoring.validation.canonicalActionMissing': 'A ação CRUD canônica “{action}” ainda não foi declarada.',
                 '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}',
@@ -1351,6 +1367,7 @@ const PRAXIS_CRUD_AUTHORING_I18N_CONFIG = {
                 'crud.authoring.section.connection': 'Connection',
                 'crud.authoring.section.actions': 'Actions',
                 'crud.authoring.section.defaults': 'Open mode and header',
+                'crud.authoring.tab.defaults': 'Opening',
                 'crud.authoring.section.table': 'Table',
                 'crud.authoring.section.json': 'JSON',
                 'crud.authoring.overview.connection': 'Connection',
@@ -1361,6 +1378,9 @@ const PRAXIS_CRUD_AUTHORING_I18N_CONFIG = {
                 '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.sourceRemote': 'Remote source',
+                'crud.authoring.overview.sourceRemoteLocalIgnored': 'Remote source · {count} local rows ignored',
+                'crud.authoring.overview.sourceLocal': 'Local source · {count} rows',
                 'crud.authoring.overview.backVisible': 'Back visible',
                 'crud.authoring.overview.backHidden': 'Back hidden',
                 'crud.authoring.overview.modalDensity': 'Modal: {value}',
@@ -1411,6 +1431,7 @@ const PRAXIS_CRUD_AUTHORING_I18N_CONFIG = {
                 '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.diagnostics.warningSummarySingle': '1 diagnostic 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',
@@ -1534,6 +1555,7 @@ const PRAXIS_CRUD_AUTHORING_I18N_CONFIG = {
                 'crud.authoring.action.create': 'Create',
                 'crud.authoring.action.view': 'View',
                 'crud.authoring.action.edit': 'Edit',
+                'crud.authoring.action.delete': 'Delete',
                 '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}',
@@ -1553,6 +1575,13 @@ const PRAXIS_CRUD_AUTHORING_I18N_CONFIG = {
                 '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.componentInvalid': 'The component must be praxis-crud.',
+                'crud.authoring.validation.tableRequired': 'Provide the canonical table configuration.',
+                'crud.authoring.validation.resourcePathRequired': 'Provide the configured resource path.',
+                'crud.authoring.validation.sourceMissing': 'Provide a remote resource or local data for the CRUD.',
+                'crud.authoring.validation.dataIgnoredByResource': 'Local rows are ignored because the remote resource is active.',
+                'crud.authoring.validation.openModeInvalid': 'Use route, modal, or drawer as the open mode.',
+                'crud.authoring.validation.canonicalActionMissing': 'Canonical CRUD action “{action}” is not declared yet.',
                 '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}',
@@ -1711,6 +1740,10 @@ class CrudMetadataEditorComponent {
     actionLabel(actionName) {
         return this.tx(`crud.authoring.action.${actionName}`, actionName);
     }
+    actionUsesRoute(actionName) {
+        const action = this.actionValue(actionName);
+        return (action.openMode || this.defaultsOpenMode()) === 'route';
+    }
     actionSummary(actionName) {
         const action = this.actionValue(actionName);
         const mode = (action.openMode || this.defaultsOpenMode());
@@ -1809,7 +1842,8 @@ class CrudMetadataEditorComponent {
         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 summary = this.tx('crud.authoring.action.advancedReady', 'Advanced ready');
+            return inputsSummary ? `${summary} · ${inputsSummary}` : summary;
         }
         const pending = [];
         if (submitStatus !== 'ready') {
@@ -1917,20 +1951,16 @@ class CrudMetadataEditorComponent {
             return hasBinding ? 'ready' : 'pending';
         }
         if (group === 'schema') {
-            return String(action.form?.schemaUrl || '').trim() ? 'ready' : 'pending';
+            return 'ready';
         }
         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';
+            return 'ready';
         }
-        const hasApiEndpoint = !!String(action.form?.apiEndpointKey || '').trim();
-        const hasApiEntry = !!String(this.actionApiUrlEntryDraft(actionName) || '').trim();
-        return hasApiEndpoint || hasApiEntry ? 'ready' : 'pending';
+        return 'ready';
     }
     actionGroupStatusLabel(actionName, group) {
         return {
@@ -1990,13 +2020,7 @@ class CrudMetadataEditorComponent {
         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';
+        return hasBinding ? 'ready' : 'pending';
     }
     actionStatusLabel(actionName) {
         return {
@@ -2025,6 +2049,16 @@ class CrudMetadataEditorComponent {
         if (endpointKey) {
             parts.push(this.tx('crud.authoring.overview.connectionEndpoint', 'API: {value}').replace('{value}', endpointKey));
         }
+        const localRows = this.currentDocument().metadata.data;
+        if (this.resourcePath().trim()) {
+            parts.push(Array.isArray(localRows)
+                ? this.tx('crud.authoring.overview.sourceRemoteLocalIgnored', 'Fonte remota · {count} registros locais ignorados').replace('{count}', String(localRows.length))
+                : this.tx('crud.authoring.overview.sourceRemote', 'Fonte remota'));
+        }
+        else if (Array.isArray(localRows)) {
+            parts.push(this.tx('crud.authoring.overview.sourceLocal', 'Fonte local · {count} registros')
+                .replace('{count}', String(localRows.length)));
+        }
         if (!parts.length) {
             return this.tx('crud.authoring.overview.connectionDetailsPending', 'Identifier and endpoint details are still optional here.');
         }
@@ -2220,9 +2254,13 @@ class CrudMetadataEditorComponent {
         return this.tx('crud.authoring.json.summaryClean', 'The canonical document is structurally consistent.');
     }
     sectionStatus(section) {
-        if (this.sectionDiagnostics(section).some((issue) => issue.level === 'error')) {
+        const diagnostics = this.sectionDiagnostics(section);
+        if (diagnostics.some((issue) => issue.level === 'error')) {
             return 'invalid';
         }
+        if (diagnostics.some((issue) => issue.level === 'warning')) {
+            return 'pending';
+        }
         if (section === 'connection') {
             return this.resourcePath().trim() ? 'ready' : 'pending';
         }
@@ -2357,7 +2395,12 @@ class CrudMetadataEditorComponent {
             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.')
+        const key = warningCount === 1
+            ? 'crud.authoring.diagnostics.warningSummarySingle'
+            : 'crud.authoring.diagnostics.warningSummary';
+        return this.tx(key, warningCount === 1
+            ? '1 diagnostic worth reviewing in this section.'
+            : '{count} diagnostics worth reviewing in this section.')
             .replace('{count}', String(warningCount));
     }
     modeLabel(mode) {
@@ -2390,11 +2433,25 @@ class CrudMetadataEditorComponent {
     }
     diagnosticMessage(code, fallback) {
         const key = {
+            'crud.metadata.component.invalid': 'crud.authoring.validation.componentInvalid',
+            'crud.metadata.table.required': 'crud.authoring.validation.tableRequired',
+            'crud.metadata.resource.path.required': 'crud.authoring.validation.resourcePathRequired',
+            'crud.metadata.resource-or-data.missing': 'crud.authoring.validation.sourceMissing',
+            'crud.metadata.data.ignored-by-resource': 'crud.authoring.validation.dataIgnoredByResource',
+            'crud.metadata.actions.openMode.invalid': 'crud.authoring.validation.openModeInvalid',
             '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;
+        if (key) {
+            return this.tx(key, fallback);
+        }
+        const canonicalActionMatch = code.match(/^crud\.metadata\.actions\.(create|view|edit|delete)\.missing$/);
+        if (canonicalActionMatch) {
+            return this.tx('crud.authoring.validation.canonicalActionMissing', 'Canonical CRUD action {action} is not declared yet')
+                .replace('{action}', this.actionLabel(canonicalActionMatch[1]));
+        }
+        return fallback;
     }
     setResourceField(field, value) {
         this.updateMetadata((metadata) => ({
@@ -2625,13 +2682,13 @@ class CrudMetadataEditorComponent {
             .some((section) => this.sectionStatus(section) === bucket);
     }
     sectionDiagnostics(section) {
-        const prefix = {
-            connection: 'metadata.resource',
-            defaults: 'metadata.defaults',
-            actions: 'metadata.actions',
-            table: 'metadata.table',
+        const prefixes = {
+            connection: ['metadata.component', 'metadata.resource', 'metadata.data'],
+            defaults: ['metadata.defaults'],
+            actions: ['metadata.actions'],
+            table: ['metadata.table'],
         }[section];
-        return this.diagnostics().filter((issue) => String(issue.path || '').includes(prefix));
+        return this.diagnostics().filter((issue) => prefixes.some((prefix) => String(issue.path || '').includes(prefix)));
     }
     actionDiagnostics(actionName) {
         return this.diagnostics()
@@ -2737,7 +2794,7 @@ class CrudMetadataEditorComponent {
         </div>
       </section>
 
-      <mat-tab-group class="editor-tabs" data-testid="crud-editor-tabs" dynamicHeight>
+      <mat-tab-group class="editor-tabs" data-testid="crud-editor-tabs" dynamicHeight animationDuration="0ms">
         <mat-tab>
           <ng-template mat-tab-label>
             <mat-icon [praxisIcon]="'link'"></mat-icon>
@@ -2781,7 +2838,7 @@ class CrudMetadataEditorComponent {
         <mat-tab>
           <ng-template mat-tab-label>
             <mat-icon [praxisIcon]="'tune'"></mat-icon>
-            <span data-testid="crud-editor-tab-defaults">{{ tx('crud.authoring.section.defaults', 'Open mode and header') }}</span>
+            <span data-testid="crud-editor-tab-defaults">{{ tx('crud.authoring.tab.defaults', 'Opening') }}</span>
             <span
               class="tab-status-dot"
               [class.tab-status-dot--warn]="sectionStatus('defaults') === 'pending'"
@@ -2966,16 +3023,20 @@ class CrudMetadataEditorComponent {
                       }
                     </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>
+                  @if (actionUsesRoute(actionName)) {
+                    <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>
+                  } @else {
+                    <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>
+              @if (!actionUsesRoute(actionName)) {
               <section class="action-group" [attr.data-testid]="'crud-editor-action-' + actionName + '-schema-group'">
                 <div class="action-group__header">
                   <div>
@@ -3128,6 +3189,7 @@ class CrudMetadataEditorComponent {
                   </div>
                 </section>
               </mat-expansion-panel>
+              }
             </mat-expansion-panel>
           }
         </div>
@@ -3216,7 +3278,7 @@ class CrudMetadataEditorComponent {
         </mat-tab>
       </mat-tab-group>
     </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-tabs{display:flex;flex-direction:column;min-width:0}.editor-tabs .mat-mdc-tab{min-width:118px}.editor-tabs ::ng-deep .mdc-tab__content{gap:8px}.editor-tabs ::ng-deep .mat-mdc-tab-body-wrapper,.editor-tabs ::ng-deep .mat-mdc-tab-group-container{flex:1 1 auto;min-height:0}.editor-tabs ::ng-deep .mat-mdc-tab-body-content{overflow:visible}.tab-status-dot{width:8px;height:8px;border-radius:999px;background:var(--md-sys-color-primary,#1263b4);flex:0 0 auto}.tab-status-dot--warn{background:var(--md-sys-color-tertiary,#7d5700)}.tab-status-dot--error{background:var(--md-sys-color-error,#b3261e)}.tab-content{display:grid;gap:14px;min-width:0;padding:12px 2px 4px;box-sizing:border-box}.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: 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: MatIconModule }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i7.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: i8.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: i8.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i9.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: "ngmodule", type: MatTabsModule }, { kind: "directive", type: i10.MatTabLabel, selector: "[mat-tab-label], [matTabLabel]" }, { kind: "component", type: i10.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i10.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "component", type: PraxisTableInlineAuthoringEditorComponent, selector: "praxis-table-inline-authoring-editor", inputs: ["config", "readonly"], outputs: ["configChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, 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-tabs{display:flex;flex-direction:column;min-width:0}.editor-tabs .mat-mdc-tab{min-width:118px}.editor-tabs ::ng-deep .mdc-tab__content{gap:8px}.editor-tabs ::ng-deep .mat-mdc-tab-body-wrapper,.editor-tabs ::ng-deep .mat-mdc-tab-group-container{flex:1 1 auto;min-height:0}.editor-tabs ::ng-deep .mat-mdc-tab-body-content{overflow:hidden}.tab-status-dot{width:8px;height:8px;border-radius:999px;background:var(--md-sys-color-primary,#1263b4);flex:0 0 auto}.tab-status-dot--warn{background:var(--md-sys-color-tertiary,#7d5700)}.tab-status-dot--error{background:var(--md-sys-color-error,#b3261e)}.tab-content{display:grid;gap:14px;min-width:0;padding:12px 2px 4px;box-sizing:border-box}.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: 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: MatIconModule }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i7.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: i8.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: i8.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i9.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: "ngmodule", type: MatTabsModule }, { kind: "directive", type: i10.MatTabLabel, selector: "[mat-tab-label], [matTabLabel]" }, { kind: "component", type: i10.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i10.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { 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: "21.2.14", ngImport: i0, type: CrudMetadataEditorComponent, decorators: [{
             type: Component,
@@ -3301,7 +3363,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
         </div>
       </section>
 
-      <mat-tab-group class="editor-tabs" data-testid="crud-editor-tabs" dynamicHeight>
+      <mat-tab-group class="editor-tabs" data-testid="crud-editor-tabs" dynamicHeight animationDuration="0ms">
         <mat-tab>
           <ng-template mat-tab-label>
             <mat-icon [praxisIcon]="'link'"></mat-icon>
@@ -3345,7 +3407,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
         <mat-tab>
           <ng-template mat-tab-label>
             <mat-icon [praxisIcon]="'tune'"></mat-icon>
-            <span data-testid="crud-editor-tab-defaults">{{ tx('crud.authoring.section.defaults', 'Open mode and header') }}</span>
+            <span data-testid="crud-editor-tab-defaults">{{ tx('crud.authoring.tab.defaults', 'Opening') }}</span>
             <span
               class="tab-status-dot"
               [class.tab-status-dot--warn]="sectionStatus('defaults') === 'pending'"
@@ -3530,16 +3592,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                       }
                     </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>
+                  @if (actionUsesRoute(actionName)) {
+                    <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>
+                  } @else {
+                    <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>
+              @if (!actionUsesRoute(actionName)) {
               <section class="action-group" [attr.data-testid]="'crud-editor-action-' + actionName + '-schema-group'">
                 <div class="action-group__header">
                   <div>
@@ -3692,6 +3758,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                   </div>
                 </section>
               </mat-expansion-panel>
+              }
             </mat-expansion-panel>
           }
         </div>
@@ -3780,7 +3847,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
         </mat-tab>
       </mat-tab-group>
     </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-tabs{display:flex;flex-direction:column;min-width:0}.editor-tabs .mat-mdc-tab{min-width:118px}.editor-tabs ::ng-deep .mdc-tab__content{gap:8px}.editor-tabs ::ng-deep .mat-mdc-tab-body-wrapper,.editor-tabs ::ng-deep .mat-mdc-tab-group-container{flex:1 1 auto;min-height:0}.editor-tabs ::ng-deep .mat-mdc-tab-body-content{overflow:visible}.tab-status-dot{width:8px;height:8px;border-radius:999px;background:var(--md-sys-color-primary,#1263b4);flex:0 0 auto}.tab-status-dot--warn{background:var(--md-sys-color-tertiary,#7d5700)}.tab-status-dot--error{background:var(--md-sys-color-error,#b3261e)}.tab-content{display:grid;gap:14px;min-width:0;padding:12px 2px 4px;box-sizing:border-box}.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"] }]
+  `, 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-tabs{display:flex;flex-direction:column;min-width:0}.editor-tabs .mat-mdc-tab{min-width:118px}.editor-tabs ::ng-deep .mdc-tab__content{gap:8px}.editor-tabs ::ng-deep .mat-mdc-tab-body-wrapper,.editor-tabs ::ng-deep .mat-mdc-tab-group-container{flex:1 1 auto;min-height:0}.editor-tabs ::ng-deep .mat-mdc-tab-body-content{overflow:hidden}.tab-status-dot{width:8px;height:8px;border-radius:999px;background:var(--md-sys-color-primary,#1263b4);flex:0 0 auto}.tab-status-dot--warn{background:var(--md-sys-color-tertiary,#7d5700)}.tab-status-dot--error{background:var(--md-sys-color-error,#b3261e)}.tab-content{display:grid;gap:14px;min-width:0;padding:12px 2px 4px;box-sizing:border-box}.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: [] }));
@@ -3880,6 +3947,7 @@ class PraxisCrudComponent {
     })();
     warnedMissingId = false;
     lastEmittedTableRuntimeConfigJson = '';
+    lastTableRuntimeConfigSnapshot = null;
     lastAssignedTableConfigJson = '';
     lastAssignedTableCrudContextJson = '';
     lastAppliedResourceIdentity = null;
@@ -3970,6 +4038,8 @@ class PraxisCrudComponent {
             return;
         }
         this.materializedRefreshSequence += 1;
+        this.lastTableRuntimeConfigSnapshot = null;
+        this.lastEmittedTableRuntimeConfigJson = '';
         try {
             const parsed = typeof this.metadata === 'string'
                 ? JSON.parse(this.metadata)
@@ -4177,6 +4247,10 @@ class PraxisCrudComponent {
             return current;
         }
     }
+    onTableConfigChange(config) {
+        this.lastTableRuntimeConfigSnapshot = this.cloneTableConfigSnapshot(config);
+        this.emitTableRuntimeConfigSnapshot(this.lastTableRuntimeConfigSnapshot);
+    }
     onTableMetadataChange() {
         this.emitTableRuntimeConfigSnapshot();
     }
@@ -4464,10 +4538,11 @@ class PraxisCrudComponent {
         }
         return null;
     }
-    emitTableRuntimeConfigSnapshot() {
-        const snapshot = this.getCurrentTableConfigSnapshot();
+    emitTableRuntimeConfigSnapshot(preferredSnapshot) {
+        const snapshot = preferredSnapshot || this.getCurrentTableConfigSnapshot();
         if (!snapshot)
             return;
+        this.lastTableRuntimeConfigSnapshot = this.cloneTableConfigSnapshot(snapshot);
         try {
             const nextJson = JSON.stringify(snapshot);
             if (nextJson === this.lastEmittedTableRuntimeConfigJson)
@@ -4477,6 +4552,14 @@ class PraxisCrudComponent {
         catch { }
         this.tableRuntimeConfigChange.emit(snapshot);
     }
+    cloneTableConfigSnapshot(config) {
+        try {
+            return JSON.parse(JSON.stringify(config));
+        }
+        catch {
+            return config;
+        }
+    }
     applyResolvedCrudState(meta) {
         this.effectiveTableConfig = this.buildEffectiveTableConfig(meta, this.collectionCapabilities);
         const nextTableConfig = this.effectiveTableConfig ||
@@ -5210,8 +5293,18 @@ class PraxisCrudComponent {
         if (!this.isCustomizationAvailable()) {
             return;
         }
-        const seed = this.currentAuthoringDocument
+        const canonicalSeed = this.currentAuthoringDocument
             || createCrudAuthoringDocument({ metadata: this.resolvedMetadata });
+        const liveTableConfig = this.lastTableRuntimeConfigSnapshot
+            || this.getCurrentTableConfigSnapshot();
+        const seed = liveTableConfig
+            ? createCrudAuthoringDocument({
+                metadata: {
+                    ...canonicalSeed.metadata,
+                    table: this.cloneTableConfigSnapshot(liveTableConfig),
+                },
+            })
+            : canonicalSeed;
         const ref = openCrudMetadataEditor(this.settingsPanel, {
             crudId: this.crudId,
             document: seed,
@@ -5249,6 +5342,9 @@ class PraxisCrudComponent {
         const next = parseLegacyOrCrudDocument(payload);
         this.currentAuthoringDocument = next;
         this.resolvedMetadata = next.metadata;
+        this.lastTableRuntimeConfigSnapshot = next.metadata.table
+            ? this.cloneTableConfigSnapshot(next.metadata.table)
+            : null;
         this.tableQueryContext = this.resolveQueryContext(this.resolvedMetadata);
         this.tableFilterCriteria = this.resolveFilterCriteria(this.resolvedMetadata);
         this.applyResolvedCrudState(this.resolvedMetadata);
@@ -5569,6 +5665,7 @@ class PraxisCrudComponent {
           (bulkAction)="onBulkAction($event)"
           (collectionLinksChange)="onCollectionLinksChange($event)"
           (reset)="onResetPreferences()"
+          (configChange)="onTableConfigChange($event)"
           (metadataChange)="onTableMetadataChange()"
           (loadingStateChange)="onTableLoadingStateChange($event)"
         ></praxis-table>
@@ -5618,6 +5715,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
           (bulkAction)="onBulkAction($event)"
           (collectionLinksChange)="onCollectionLinksChange($event)"
           (reset)="onResetPreferences()"
+          (configChange)="onTableConfigChange($event)"
           (metadataChange)="onTableMetadataChange()"
           (loadingStateChange)="onTableLoadingStateChange($event)"
         ></praxis-table>

package/package.json

@@ -1,20 +1,20 @@
 {
   "name": "@praxisui/crud",
-  "version": "9.0.5",
+  "version": "9.0.6",
   "description": "CRUD building blocks for Praxis UI: integrates dynamic forms and tables with unified configuration and services.",
   "peerDependencies": {
     "@angular/common": "^21.0.0",
     "@angular/core": "^21.0.0",
-    "@praxisui/dynamic-form": "^9.0.5",
-    "@praxisui/table": "^9.0.5",
-    "@praxisui/core": "^9.0.5",
-    "@praxisui/dynamic-fields": "^9.0.5",
-    "@praxisui/settings-panel": "^9.0.5",
+    "@praxisui/dynamic-form": "^9.0.6",
+    "@praxisui/table": "^9.0.6",
+    "@praxisui/core": "^9.0.6",
+    "@praxisui/dynamic-fields": "^9.0.6",
+    "@praxisui/settings-panel": "^9.0.6",
     "@angular/cdk": "^21.0.0",
     "@angular/forms": "^21.0.0",
     "@angular/material": "^21.0.0",
     "@angular/router": "^21.0.0",
-    "@praxisui/ai": "^9.0.5",
+    "@praxisui/ai": "^9.0.6",
     "rxjs": "~7.8.0"
   },
   "dependencies": {

package/types/praxisui-crud.d.ts

@@ -257,6 +257,7 @@ declare class PraxisCrudComponent implements OnChanges {
     private readonly route;
     private warnedMissingId;
     private lastEmittedTableRuntimeConfigJson;
+    private lastTableRuntimeConfigSnapshot;
     private lastAssignedTableConfigJson;
     private lastAssignedTableCrudContextJson;
     private lastAppliedResourceIdentity;
@@ -286,6 +287,7 @@ declare class PraxisCrudComponent implements OnChanges {
     private resolveOpeningActionLabel;
     private hasExplicitOpenBinding;
     getCurrentTableConfigSnapshot(): TableConfig | null;
+    onTableConfigChange(config: TableConfig): void;
     onTableMetadataChange(): void;
     onTableLoadingStateChange(state: LoadingState): void;
     onCollectionLinksChange(links: RestApiLinks | null | undefined): void;
@@ -307,6 +309,7 @@ declare class PraxisCrudComponent implements OnChanges {
     private unwrapRestData;
     private extractCollectionData;
     private emitTableRuntimeConfigSnapshot;
+    private cloneTableConfigSnapshot;
     private applyResolvedCrudState;
     private assignTableConfigForBinding;
     private assignTableCrudContext;
@@ -703,6 +706,7 @@ declare class CrudMetadataEditorComponent implements SettingsValueProvider {
     actionParams(actionName: CrudEditorActionKey): CrudParamMapping[];
     actionInitialValueDraft(actionName: CrudEditorActionKey): string;
     actionLabel(actionName: CrudEditorActionKey): string;
+    actionUsesRoute(actionName: CrudEditorActionKey): boolean;
     actionSummary(actionName: CrudEditorActionKey): string;
     actionEffectiveBindingSummary(actionName: CrudEditorActionKey): string;
     actionSubmitSummary(actionName: CrudEditorActionKey): string;