@praxisui/dynamic-form 8.0.0-beta.1 → 8.0.0-beta.11

package/fesm2022/praxisui-dynamic-form.mjs

@@ -23,7 +23,7 @@ import { MatBadgeModule } from '@angular/material/badge';
 import { firstValueFrom, BehaviorSubject, Subject, throwError, debounceTime as debounceTime$1, takeUntil as takeUntil$1 } from 'rxjs';
 import { map, take, takeUntil, timeout, tap, debounceTime, finalize } from 'rxjs/operators';
 import * as i1$2 from '@praxisui/core';
-import { PraxisI18nService, PraxisIconDirective, providePraxisI18nConfig, RULE_PROPERTY_SCHEMA, FIELD_METADATA_CAPABILITIES, deepMerge, createDefaultFormConfig, normalizeFormConfig as normalizeFormConfig$1, ensureIds, createEmptyRichContentDocument, ASYNC_CONFIG_STORAGE, migrateFormLayoutRule, LoggerService, createCorporateLoggerConfig, ConsoleLoggerSink, ResourceQuickConnectComponent, composeHeadersWithVersion, buildApiUrl, mapFieldDefinitionsToMetadata, reconcileFormConfig, syncWithServerMetadata, PRAXIS_LOADING_CTX, normalizeControlTypeKey, resolveSpan, resolveOffset, resolveOrder, resolveHidden, buildSchemaId, fetchWithETag, resolveControlTypeAlias, getTextTransformer, MemoryCacheAdapter, LocalStorageCacheAdapter, SchemaMetadataClient, CONNECTION_STORAGE, API_URL, PRAXIS_LOADING_RENDERER, FORM_HOOKS_PRESETS, EmptyStateCardComponent, isValidFormConfig, ComponentMetadataRegistry, FieldControlType, GLOBAL_ACTION_CATALOG, GLOBAL_ACTION_SPEC_CATALOG, PRAXIS_GLOBAL_ACTION_CATALOG, getGlobalActionCatalog, SURFACE_OPEN_I18N_NAMESPACE, getGlobalActionUiSchema, SurfaceOpenActionEditorComponent, SURFACE_OPEN_I18N_CONFIG, PraxisJsonLogicService } from '@praxisui/core';
+import { PraxisI18nService, PraxisIconDirective, providePraxisI18nConfig, RULE_PROPERTY_SCHEMA, FIELD_METADATA_CAPABILITIES, deepMerge, createDefaultFormConfig, normalizeFormConfig as normalizeFormConfig$1, ensureIds, createEmptyRichContentDocument, ASYNC_CONFIG_STORAGE, migrateFormLayoutRule, LoggerService, createCorporateLoggerConfig, ConsoleLoggerSink, ResourceQuickConnectComponent, composeHeadersWithVersion, buildApiUrl, mapFieldDefinitionsToMetadata, reconcileFormConfig, syncWithServerMetadata, PRAXIS_LOADING_CTX, normalizeControlTypeKey, resolveSpan, resolveOffset, resolveOrder, resolveHidden, buildSchemaId, fetchWithETag, resolveControlTypeAlias, getTextTransformer, MemoryCacheAdapter, LocalStorageCacheAdapter, SchemaMetadataClient, CONNECTION_STORAGE, API_URL, PRAXIS_LOADING_RENDERER, FORM_HOOKS_PRESETS, EmptyStateCardComponent, isValidFormConfig, ComponentMetadataRegistry, FieldControlType, isRequiredGlobalActionPayloadMissing, GLOBAL_ACTION_CATALOG, PRAXIS_GLOBAL_ACTION_CATALOG, getGlobalActionCatalog, SURFACE_OPEN_I18N_NAMESPACE, getGlobalActionUiSchema, getRequiredGlobalActionPayloadKeys, hasMeaningfulGlobalActionPayloadValue, SurfaceOpenActionEditorComponent, SURFACE_OPEN_I18N_CONFIG, validateGlobalActionRefs, PraxisJsonLogicService } from '@praxisui/core';
 import * as i1 from '@praxisui/dynamic-fields';
 import { getControlTypeCatalog, ConfirmDialogComponent, DynamicFieldLoaderDirective } from '@praxisui/dynamic-fields';
 import { BaseAiAdapter, PraxisAiAssistantComponent } from '@praxisui/ai';
@@ -179,21 +179,11 @@ function prepareSubmitPayload(rawValue, fieldMetadata, options = {}) {
     if (!normalized || typeof normalized !== 'object' || Array.isArray(normalized)) {
         return normalized;
     }
-    const payload = { ...normalized };
     const dirtyFields = new Set(options.dirtyFields || []);
-    for (const field of fieldMetadata || []) {
-        if (shouldOmitFieldFromSubmit(field, dirtyFields)) {
-            delete payload[field.name];
-            continue;
-        }
-        if (shouldOmitEmptyOptionalField(field, payload[field.name], dirtyFields)) {
-            delete payload[field.name];
-        }
-    }
-    return payload;
+    return filterRecordForSubmit(normalized, fieldMetadata || [], dirtyFields);
 }
-function shouldOmitEmptyOptionalField(field, value, dirtyFields) {
-    if (dirtyFields.has(field.name) || isRequiredField(field)) {
+function shouldOmitEmptyOptionalField(field, value, dirtyFields, scopePath) {
+    if (isFieldDirty(field.name, dirtyFields, scopePath) || isRequiredField(field)) {
         return false;
     }
     return value === null || value === undefined || value === '';
@@ -202,25 +192,71 @@ function isRequiredField(field) {
     const validators = field.validators;
     return field.required === true || validators?.required === true;
 }
-function shouldOmitFieldFromSubmit(field, dirtyFields = new Set()) {
+function shouldOmitFieldFromSubmit(field, dirtyFields = new Set(), scopePath) {
     const policy = field.submitPolicy;
     if (policy) {
-        return shouldOmitByPolicy(policy, field.name, dirtyFields);
+        return shouldOmitByPolicy(policy, field.name, dirtyFields, scopePath);
     }
     return field.source === 'local' || field.transient === true;
 }
-function shouldOmitByPolicy(policy, fieldName, dirtyFields) {
+function shouldOmitByPolicy(policy, fieldName, dirtyFields, scopePath) {
     switch (policy) {
         case 'include':
             return false;
         case 'omit':
             return true;
         case 'includeWhenDirty':
-            return !dirtyFields.has(fieldName);
+            return !isFieldDirty(fieldName, dirtyFields, scopePath);
         default:
             return false;
     }
 }
+function filterRecordForSubmit(value, fields, dirtyFields, scopePath) {
+    const payload = { ...value };
+    for (const field of fields) {
+        if (shouldOmitFieldFromSubmit(field, dirtyFields, scopePath)) {
+            delete payload[field.name];
+            continue;
+        }
+        const fieldValue = payload[field.name];
+        const fieldPath = buildScopedFieldPath(field.name, scopePath);
+        payload[field.name] = filterNestedArrayForSubmit(field, fieldValue, dirtyFields, fieldPath);
+        if (shouldOmitEmptyOptionalField(field, payload[field.name], dirtyFields, scopePath)) {
+            delete payload[field.name];
+        }
+    }
+    return payload;
+}
+function filterNestedArrayForSubmit(field, value, dirtyFields, fieldPath) {
+    const itemFields = field.array?.itemSchema?.fields;
+    if (!Array.isArray(value) || !itemFields?.length) {
+        return value;
+    }
+    return value.map((item, index) => {
+        if (!item || typeof item !== 'object' || Array.isArray(item)) {
+            return item;
+        }
+        return filterRecordForSubmit(item, itemFields, dirtyFields, `${fieldPath}.${index}`);
+    });
+}
+function isFieldDirty(fieldName, dirtyFields, scopePath) {
+    if (dirtyFields.has(fieldName)) {
+        return true;
+    }
+    if (!scopePath) {
+        return false;
+    }
+    return (dirtyFields.has(scopePath) ||
+        dirtyFields.has(buildScopedFieldPath(fieldName, scopePath)) ||
+        dirtyFields.has(buildBracketScopedFieldPath(fieldName, scopePath)));
+}
+function buildScopedFieldPath(fieldName, scopePath) {
+    return scopePath ? `${scopePath}.${fieldName}` : fieldName;
+}
+function buildBracketScopedFieldPath(fieldName, scopePath) {
+    const bracketPath = scopePath.replace(/\.(\d+)(?=\.|$)/g, '[$1]');
+    return `${bracketPath}.${fieldName}`;
+}
 
 const SECTION_HEADER_INITIALS_MIN = 1;
 const SECTION_HEADER_INITIALS_MAX = 4;
@@ -717,7 +753,7 @@ class PraxisFormActionsComponent {
             event.stopPropagation();
             return;
         }
-        const actionId = button.id || button.action;
+        const actionId = this.resolveButtonActionId(button);
         if (!actionId)
             return;
         if (button.type === 'submit') {
@@ -784,7 +820,7 @@ class PraxisFormActionsComponent {
         return this.invalidSubmitHintCacheValue;
     }
     applyOverrides(button) {
-        const actionId = button.id || button.action;
+        const actionId = this.resolveButtonActionId(button);
         const override = actionId ? this.actionOverrides?.[actionId] : undefined;
         if (!override)
             return button;
@@ -821,7 +857,7 @@ class PraxisFormActionsComponent {
                 return;
             const dispose = this.shortcuts.registerShortcut(shortcut, {
                 callback: () => {
-                    const actionId = btn.id || btn.action;
+                    const actionId = this.resolveButtonActionId(btn);
                     if (!actionId)
                         return;
                     this.action.emit({
@@ -836,6 +872,15 @@ class PraxisFormActionsComponent {
             this.shortcutDisposers.push(dispose);
         });
     }
+    resolveButtonActionId(button) {
+        const id = button.id?.trim();
+        if (id === 'submit' || id === 'cancel' || id === 'reset')
+            return id;
+        return (button.action?.trim() ||
+            id ||
+            button.globalAction?.actionId?.trim() ||
+            undefined);
+    }
     isSecondaryButton(button) {
         const actionId = (button.id || button.action || '').toLowerCase();
         return actionId === 'cancel' || actionId === 'reset';
@@ -6911,9 +6956,37 @@ class PraxisDynamicForm {
         };
     }
     getDirtyFieldNames() {
-        return Object.entries(this.form.controls)
-            .filter(([, control]) => control.dirty)
-            .map(([fieldName]) => fieldName);
+        const dirtyFields = new Set();
+        for (const [fieldName, control] of Object.entries(this.form.controls)) {
+            if (control.dirty) {
+                dirtyFields.add(fieldName);
+            }
+            this.collectDirtyFieldNames(control, fieldName, dirtyFields);
+        }
+        return Array.from(dirtyFields);
+    }
+    collectDirtyFieldNames(control, path, dirtyFields) {
+        const childControls = control.controls;
+        if (!childControls) {
+            return;
+        }
+        if (Array.isArray(childControls)) {
+            childControls.forEach((childControl, index) => {
+                const childPath = `${path}.${index}`;
+                if (childControl.dirty) {
+                    dirtyFields.add(childPath);
+                }
+                this.collectDirtyFieldNames(childControl, childPath, dirtyFields);
+            });
+            return;
+        }
+        for (const [childName, childControl] of Object.entries(childControls)) {
+            const childPath = `${path}.${childName}`;
+            if (childControl.dirty) {
+                dirtyFields.add(childPath);
+            }
+            this.collectDirtyFieldNames(childControl, childPath, dirtyFields);
+        }
     }
     buildCurrentFormRuntimeContext() {
         const resourcePath = (this.resourcePath || '').trim();
@@ -7357,6 +7430,7 @@ class PraxisDynamicForm {
         const emitAction = () => {
             this.customAction.emit({
                 actionId,
+                ...(action.globalAction ? { globalAction: action.globalAction } : {}),
                 formData: this.form.value,
                 isValid: this.form.valid,
                 source: 'section-header',
@@ -7390,7 +7464,10 @@ class PraxisDynamicForm {
         };
     }
     getSectionHeaderActionEventId(action) {
-        return action.action?.trim() || action.id.trim();
+        return (action.action?.trim() ||
+            action.id.trim() ||
+            action.globalAction?.actionId?.trim() ||
+            '');
     }
     getSectionHeaderActionRuleKeys(section, action) {
         const logicalId = this.getSectionHeaderActionEventId(action);
@@ -8162,7 +8239,7 @@ class PraxisDynamicForm {
         }
     }
     _executeAction(button) {
-        const actionId = button.id || button.action;
+        const actionId = this.getFormActionEventId(button);
         if (!actionId)
             return;
         switch (actionId) {
@@ -8198,7 +8275,8 @@ class PraxisDynamicForm {
             default:
                 // This is a custom action
                 this.customAction.emit({
-                    actionId: actionId,
+                    actionId,
+                    ...(button.globalAction ? { globalAction: button.globalAction } : {}),
                     formData: this.form.value,
                     isValid: this.form.valid,
                     source: 'button',
@@ -8206,6 +8284,15 @@ class PraxisDynamicForm {
                 break;
         }
     }
+    getFormActionEventId(button) {
+        const id = button.id?.trim();
+        if (id === 'submit' || id === 'cancel' || id === 'reset')
+            return id;
+        return (button.action?.trim() ||
+            id ||
+            button.globalAction?.actionId?.trim() ||
+            undefined);
+    }
     async onSubmit() {
         if (this.submitting)
             return;
@@ -9082,6 +9169,7 @@ class PraxisDynamicForm {
             materialDesign: fieldMeta.materialDesign,
             clearButton: fieldMeta.clearButton,
             extra: fieldMeta.extra,
+            optionSource: fieldMeta.optionSource,
             controlType,
         };
         // Seed específicos para NUMBER (numericTextBox)
@@ -9843,6 +9931,22 @@ class PraxisDynamicForm {
         });
         return out;
     }
+    mergeMetadataObjectPatch(current, patch) {
+        if (!patch || typeof patch !== 'object' || Array.isArray(patch)) {
+            return patch;
+        }
+        const base = current && typeof current === 'object' && !Array.isArray(current)
+            ? { ...current }
+            : {};
+        Object.entries(patch).forEach(([key, value]) => {
+            if (value && typeof value === 'object' && !Array.isArray(value)) {
+                base[key] = this.mergeMetadataObjectPatch(base[key], value);
+                return;
+            }
+            base[key] = value;
+        });
+        return base;
+    }
     deleteMetadataPath(target, path) {
         if (!target || typeof path !== 'string' || !path.trim())
             return;
@@ -10034,6 +10138,9 @@ class PraxisDynamicForm {
                     fm.dataAttributes = patch.dataAttributes;
                 }
             }
+            if (patch.optionSource !== undefined) {
+                fm.optionSource = this.mergeMetadataObjectPatch(fm.optionSource, patch.optionSource);
+            }
             // Generic extras passthrough: merge into fm.extra to allow component-specific appearance/behavior
             if (patch.extra !== undefined) {
                 const currExtra = (fm.extra && typeof fm.extra === 'object') ? fm.extra : {};
@@ -14878,6 +14985,7 @@ const ACTIONS_EDITOR_I18N_CONFIG = {
                 'global.section.essential': 'Essencial',
                 'global.section.dialogOptional': 'Diálogo (opcional)',
                 'global.validation.validJson': 'Informe um JSON válido.',
+                'global.validation.requiredField': 'Campo obrigatório.',
                 'tabs.defaultButtons': 'Botões padrão',
                 'tabs.customButtons': 'Botões customizados',
                 'tabs.layout': 'Layout',
@@ -14964,6 +15072,7 @@ const ACTIONS_EDITOR_I18N_CONFIG = {
                 'global.section.essential': 'Essential',
                 'global.section.dialogOptional': 'Dialog (optional)',
                 'global.validation.validJson': 'Provide valid JSON.',
+                'global.validation.requiredField': 'Required field.',
                 'tabs.defaultButtons': 'Default buttons',
                 'tabs.customButtons': 'Custom buttons',
                 'tabs.layout': 'Layout',
@@ -15051,204 +15160,32 @@ const ACTIONS_EDITOR_I18N_CONFIG = {
 
 function buildGlobalActionCatalog(params) {
     const merged = new Map();
-    for (const spec of params.legacySpecs) {
-        const mapped = params.mapLegacySpec
-            ? params.mapLegacySpec(spec)
-            : { ...spec };
-        merged.set(mapped.id, mapped);
-    }
     const source = params.injectedCatalog.length
         ? params.injectedCatalog
         : params.fallbackCatalog;
     for (const entry of source) {
-        if (merged.has(entry.id))
-            continue;
         const mapped = params.mapCatalogEntry
             ? params.mapCatalogEntry(entry)
             : {
                 id: entry.id,
                 label: entry.label,
                 description: entry.description,
+                payloadSchema: entry.payloadSchema,
             };
         merged.set(mapped.id, mapped);
     }
     return Array.from(merged.values());
 }
-function parseActionValue(value, catalog, customActionValue = '__custom__') {
-    const raw = String(value || '').trim();
-    if (!raw) {
-        return { id: customActionValue, param: '', isGlobal: false, raw: '' };
-    }
-    const [prefix, ...rest] = raw.split(':');
-    const candidate = catalog.find((item) => item.id === prefix);
-    if (candidate) {
-        return {
-            id: candidate.id,
-            param: rest.join(':'),
-            isGlobal: true,
-            raw,
-        };
-    }
-    const exact = catalog.find((item) => item.id === raw);
-    if (exact) {
-        return { id: exact.id, param: '', isGlobal: true, raw };
-    }
-    return { id: customActionValue, param: '', isGlobal: false, raw };
-}
-function getActionParamInfo(value, catalog, customActionValue = '__custom__') {
-    const parsed = parseActionValue(value, catalog, customActionValue);
-    const param = parsed.param || '';
-    const trimmed = param.trim();
-    const looksJson = (trimmed.startsWith('{') && trimmed.endsWith('}')) ||
-        (trimmed.startsWith('[') && trimmed.endsWith(']'));
-    if (looksJson) {
-        try {
-            const json = JSON.parse(trimmed);
-            if (json && typeof json === 'object') {
-                return { ...parsed, param, isJson: true, json };
-            }
-        }
-        catch {
-            // ignore malformed legacy value
-        }
-    }
-    return { ...parsed, param, isJson: false, json: undefined };
-}
-function normalizeSurfaceOpenPayload(payload) {
-    return {
-        presentation: payload?.presentation === 'drawer' ? 'drawer' : 'modal',
-        title: payload?.title,
-        subtitle: payload?.subtitle,
-        icon: payload?.icon,
-        size: payload?.size && Object.keys(payload.size).length
-            ? { ...payload.size }
-            : undefined,
-        widget: {
-            id: String(payload?.widget?.id || ''),
-            inputs: { ...(payload?.widget?.inputs || {}) },
-            bindingOrder: payload?.widget?.bindingOrder?.length
-                ? [...payload.widget.bindingOrder]
-                : undefined,
-        },
-        bindings: payload?.bindings?.length
-            ? payload.bindings.map((binding) => ({
-                ...binding,
-            }))
-            : [],
-        context: payload?.context &&
-            typeof payload.context === 'object' &&
-            !Array.isArray(payload.context)
-            ? { ...payload.context }
-            : undefined,
-    };
-}
-function serializeGlobalActionParam(actionId, values, existingJson) {
-    const payload = buildGlobalActionPayload(values, existingJson);
-    const preferJson = !!(existingJson && Object.keys(existingJson).length);
-    const primary = buildPrimaryParam(actionId, values, payload, preferJson);
-    if (primary)
-        return primary;
-    if (!payload || Object.keys(payload).length === 0)
-        return '';
-    return JSON.stringify(payload);
-}
-function isRequiredParamMissing(value, catalog, customActionValue = '__custom__') {
-    const parsed = parseActionValue(value, catalog, customActionValue);
-    const spec = catalog.find((item) => item.id === parsed.id);
-    if (!parsed.isGlobal || !spec?.param?.required)
-        return false;
-    return !String(parsed.param || '').trim();
+function isGlobalActionId(value, catalog) {
+    const id = String(value || '').trim();
+    return !!id && catalog.some((item) => item.id === id);
 }
-function isEquivalentActionFieldValue(actual, draft, fieldType) {
-    if (fieldType === 'toggle') {
-        return Boolean(actual) === Boolean(draft);
-    }
-    if (fieldType === 'number') {
-        return String(actual ?? '') === String(draft ?? '');
-    }
-    return String(actual ?? '') === String(draft ?? '');
-}
-function parseMethodAndUrl(raw) {
-    const text = String(raw || '').trim();
-    if (!text)
-        return {};
-    const idx = text.indexOf(':');
-    if (idx > 0) {
-        return {
-            method: text.slice(0, idx).toUpperCase(),
-            url: text.slice(idx + 1),
-        };
-    }
-    return { url: text };
-}
-function stringifyJson(value) {
-    if (value === undefined || value === null || value === '')
-        return '';
-    if (typeof value === 'string')
-        return value;
-    try {
-        return JSON.stringify(value, null, 2);
-    }
-    catch {
-        return '';
-    }
-}
-function buildPrimaryParam(actionId, values, payload, preferJson) {
-    if (preferJson)
-        return '';
-    const onlyPayload = payload ? Object.keys(payload).length : 0;
-    const text = (value) => String(value || '').trim();
-    if (actionId === 'navigate' || actionId === 'openUrl') {
-        const url = text(values.url);
-        if (url && onlyPayload === 1)
-            return url;
-    }
-    if (actionId === 'showAlert' ||
-        actionId === 'confirm' ||
-        actionId === 'alert' ||
-        actionId === 'prompt') {
-        const message = text(values.message);
-        if (message && onlyPayload === 1)
-            return message;
-    }
-    if (actionId === 'download') {
-        const url = text(values.url);
-        if (url && onlyPayload === 1)
-            return url;
-    }
-    if (actionId === 'copyToClipboard') {
-        const copyText = text(values.text);
-        if (copyText && onlyPayload === 1)
-            return copyText;
-    }
-    if (actionId === 'saveFormDraft' ||
-        actionId === 'loadFormDraft' ||
-        actionId === 'clearFormDraft') {
-        const key = text(values.key);
-        if (key && onlyPayload === 1)
-            return key;
-    }
-    if (actionId === 'refreshOptions' || actionId === 'loadDependentData') {
-        const field = text(values.field);
-        if (field && onlyPayload === 1)
-            return field;
-    }
-    if (actionId === 'apiCall') {
-        const method = text(values.method);
-        const url = text(values.url);
-        if (url && onlyPayload <= 2) {
-            return method ? `${method}:${url}` : url;
-        }
-    }
-    return '';
-}
-function buildGlobalActionPayload(values, existingJson) {
+function normalizeGlobalActionPayload(values, existingPayload) {
     const payload = {};
     const hasText = (value) => {
         if (value === undefined || value === null)
             return false;
-        const text = String(value).trim();
-        return text.length > 0;
+        return String(value).trim().length > 0;
     };
     const toText = (value) => hasText(value) ? String(value).trim() : undefined;
     const toNumber = (value) => {
@@ -15277,8 +15214,8 @@ function buildGlobalActionPayload(values, existingJson) {
             payload[key] = true;
         }
         else if (value === false &&
-            existingJson &&
-            Object.prototype.hasOwnProperty.call(existingJson, key)) {
+            existingPayload &&
+            Object.prototype.hasOwnProperty.call(existingPayload, key)) {
             payload[key] = false;
         }
     };
@@ -15316,101 +15253,55 @@ function buildGlobalActionPayload(values, existingJson) {
             ...(animationDuration !== undefined ? { duration: animationDuration } : {}),
         };
     }
-    const width = toText(values.width);
-    const height = toText(values.height);
-    const minWidth = toText(values.minWidth);
-    const maxWidth = toText(values.maxWidth);
-    const minHeight = toText(values.minHeight);
-    const maxHeight = toText(values.maxHeight);
-    if (width)
-        payload.width = width;
-    if (height)
-        payload.height = height;
-    if (minWidth)
-        payload.minWidth = minWidth;
-    if (maxWidth)
-        payload.maxWidth = maxWidth;
-    if (minHeight)
-        payload.minHeight = minHeight;
-    if (maxHeight)
-        payload.maxHeight = maxHeight;
+    for (const key of ['width', 'height', 'minWidth', 'maxWidth', 'minHeight', 'maxHeight']) {
+        const value = toText(values[key]);
+        if (value)
+            payload[key] = value;
+    }
     includeBool('disableClose', values.disableClose);
     includeBool('hasBackdrop', values.hasBackdrop);
     includeBool('closeOnBackdropClick', values.closeOnBackdropClick);
     includeBool('autoFocus', values.autoFocus);
     includeBool('restoreFocus', values.restoreFocus);
-    const backdropClass = toText(values.backdropClass);
-    const panelClass = toText(values.panelClass);
-    if (backdropClass)
-        payload.backdropClass = backdropClass;
-    if (panelClass)
-        payload.panelClass = panelClass;
-    const autoFocusedElement = toText(values.autoFocusedElement);
-    if (autoFocusedElement)
-        payload.autoFocusedElement = autoFocusedElement;
-    const ariaRole = toText(values.ariaRole);
-    const ariaLabel = toText(values.ariaLabel);
-    const ariaLabelledBy = toText(values.ariaLabelledBy);
-    const ariaDescribedBy = toText(values.ariaDescribedBy);
-    if (ariaRole)
-        payload.ariaRole = ariaRole;
-    if (ariaLabel)
-        payload.ariaLabel = ariaLabel;
-    if (ariaLabelledBy)
-        payload.ariaLabelledBy = ariaLabelledBy;
-    if (ariaDescribedBy)
-        payload.ariaDescribedBy = ariaDescribedBy;
+    for (const key of [
+        'backdropClass',
+        'panelClass',
+        'autoFocusedElement',
+        'ariaRole',
+        'ariaLabel',
+        'ariaLabelledBy',
+        'ariaDescribedBy',
+        'confirmLabel',
+        'cancelLabel',
+        'okLabel',
+        'placeholder',
+        'defaultValue',
+        'url',
+        'target',
+        'level',
+        'text',
+    ]) {
+        const value = toText(values[key]);
+        if (value)
+            payload[key] = value;
+    }
     const styles = toJson(values.styles);
     if (styles)
         payload.styles = styles;
-    const confirmLabel = toText(values.confirmLabel);
-    if (confirmLabel)
-        payload.confirmLabel = confirmLabel;
-    const cancelLabel = toText(values.cancelLabel);
-    if (cancelLabel)
-        payload.cancelLabel = cancelLabel;
-    const okLabel = toText(values.okLabel);
-    if (okLabel)
-        payload.okLabel = okLabel;
-    const placeholder = toText(values.placeholder);
-    if (placeholder)
-        payload.placeholder = placeholder;
-    const defaultValue = toText(values.defaultValue);
-    if (defaultValue)
-        payload.defaultValue = defaultValue;
-    if (values.mode === true) {
+    if (values.mode === true)
         payload.mode = 'dialog';
-    }
-    const url = toText(values.url);
-    if (url)
-        payload.url = url;
-    const target = toText(values.target);
-    if (target)
-        payload.target = target;
     includeBool('newTab', values.newTab);
     includeBool('replaceUrl', values.replaceUrl);
-    const method = toText(values.method);
-    if (method)
-        payload.method = method;
-    const bodySource = toText(values.bodySource);
-    if (bodySource)
-        payload.bodySource = bodySource;
+    includeBool('useFieldValue', values.useFieldValue);
+    const params = toJson(values.params);
+    if (params !== undefined)
+        payload.params = params;
     const headers = toJson(values.headers);
-    if (headers)
+    if (headers !== undefined)
         payload.headers = headers;
     const body = toJson(values.body);
-    if (body)
+    if (body !== undefined)
         payload.body = body;
-    const key = toText(values.key);
-    if (key)
-        payload.key = key;
-    const field = toText(values.field);
-    if (field)
-        payload.field = field;
-    const copyText = toText(values.text);
-    if (copyText)
-        payload.text = copyText;
-    includeBool('useFieldValue', values.useFieldValue);
     const contentType = toText(values.contentType);
     if (contentType)
         payload.contentType = contentType;
@@ -15429,6 +15320,65 @@ function buildGlobalActionPayload(values, existingJson) {
     }
     return payload;
 }
+function buildGlobalActionRef(actionId, values, existingPayload) {
+    const payload = normalizeGlobalActionPayload(values, existingPayload);
+    return Object.keys(payload).length
+        ? { actionId, payload }
+        : { actionId };
+}
+function isRequiredParamMissing(ref, catalog) {
+    const spec = catalog.find((item) => item.id === ref?.actionId);
+    return isRequiredGlobalActionPayloadMissing(ref, spec);
+}
+function isEquivalentActionFieldValue(actual, draft, fieldType) {
+    if (fieldType === 'toggle') {
+        return Boolean(actual) === Boolean(draft);
+    }
+    if (fieldType === 'number') {
+        return String(actual ?? '') === String(draft ?? '');
+    }
+    return String(actual ?? '') === String(draft ?? '');
+}
+function stringifyJson(value) {
+    if (value === undefined || value === null || value === '')
+        return '';
+    if (typeof value === 'string')
+        return value;
+    try {
+        return JSON.stringify(value, null, 2);
+    }
+    catch {
+        return '';
+    }
+}
+function normalizeSurfaceOpenPayload(payload) {
+    return {
+        presentation: payload?.presentation === 'drawer' ? 'drawer' : 'modal',
+        title: payload?.title,
+        subtitle: payload?.subtitle,
+        icon: payload?.icon,
+        size: payload?.size && Object.keys(payload.size).length
+            ? { ...payload.size }
+            : undefined,
+        widget: {
+            id: String(payload?.widget?.id || ''),
+            inputs: { ...(payload?.widget?.inputs || {}) },
+            bindingOrder: payload?.widget?.bindingOrder?.length
+                ? [...payload.widget.bindingOrder]
+                : undefined,
+        },
+        bindings: payload?.bindings?.length
+            ? payload.bindings.map((binding) => ({
+                ...binding,
+            }))
+            : [],
+        context: payload?.context &&
+            typeof payload.context === 'object' &&
+            !Array.isArray(payload.context)
+            ? { ...payload.context }
+            : undefined,
+    };
+}
 
 let ActionsEditorComponent$1 = class ActionsEditorComponent {
     config;
@@ -15438,9 +15388,7 @@ let ActionsEditorComponent$1 = class ActionsEditorComponent {
     customActionStyleErrors = new Map();
     globalActionCatalogSource = inject(GLOBAL_ACTION_CATALOG, { optional: true }) ?? [];
     i18n = inject(PraxisI18nService);
-    legacyActionSpecs = GLOBAL_ACTION_SPEC_CATALOG;
     globalActionCatalog = buildGlobalActionCatalog({
-        legacySpecs: this.legacyActionSpecs,
         injectedCatalog: getGlobalActionCatalog(this.globalActionCatalogSource),
         fallbackCatalog: PRAXIS_GLOBAL_ACTION_CATALOG,
         mapCatalogEntry: (entry) => this.mapCatalogEntryToActionSpec(entry),
@@ -15529,17 +15477,17 @@ let ActionsEditorComponent$1 = class ActionsEditorComponent {
     getActionSpecById(id) {
         return this.globalActionCatalog.find((item) => item.id === id);
     }
-    getCustomActionSelectValue(value) {
-        const parsed = parseActionValue(value, this.globalActionCatalog, this.customActionValue);
-        return parsed.isGlobal ? parsed.id : this.customActionValue;
+    getCustomActionSelectValue(action) {
+        return action?.globalAction?.actionId || this.customActionValue;
     }
-    getCustomActionParam(value) {
-        const parsed = parseActionValue(value, this.globalActionCatalog, this.customActionValue);
-        return parsed.isGlobal ? parsed.param : '';
+    getCustomActionParam(action) {
+        const payload = action?.globalAction?.payload;
+        if (payload === undefined || payload === null)
+            return '';
+        return typeof payload === 'string' ? payload : stringifyJson(payload);
     }
-    getCustomActionCustomValue(value) {
-        const parsed = parseActionValue(value, this.globalActionCatalog, this.customActionValue);
-        return parsed.isGlobal ? '' : parsed.raw;
+    getCustomActionCustomValue(action) {
+        return action?.globalAction ? '' : action?.action || '';
     }
     onCustomActionSelectChange(index, value) {
         const current = this.actions.custom?.[index];
@@ -15547,31 +15495,36 @@ let ActionsEditorComponent$1 = class ActionsEditorComponent {
             return;
         this.clearActionFieldState(current);
         if (value === this.customActionValue) {
-            const parsed = parseActionValue(current.action, this.globalActionCatalog, this.customActionValue);
-            if (parsed.isGlobal) {
-                this.updateCustomAction(index, 'action', '');
-            }
+            this.updateCustomActionRef(index, undefined);
             return;
         }
-        const parsed = parseActionValue(current.action, this.globalActionCatalog, this.customActionValue);
-        const param = parsed.isGlobal && parsed.id === value ? parsed.param : '';
-        this.updateCustomAction(index, 'action', param ? `${value}:${param}` : value);
+        const payload = current.globalAction?.actionId === value ? current.globalAction.payload : undefined;
+        this.updateCustomActionRef(index, payload !== undefined ? { actionId: value, payload } : { actionId: value });
     }
     onCustomActionParamChange(index, value) {
         const current = this.actions.custom?.[index];
         if (!current)
             return;
-        const parsed = parseActionValue(current.action, this.globalActionCatalog, this.customActionValue);
-        const id = parsed.isGlobal ? parsed.id : '';
-        this.updateCustomAction(index, 'action', id ? (value ? `${id}:${value}` : id) : value);
+        const id = current.globalAction?.actionId;
+        if (!id)
+            return;
+        const trimmed = String(value || '').trim();
+        if (!trimmed) {
+            this.updateCustomActionRef(index, { actionId: id });
+            return;
+        }
+        try {
+            this.updateCustomActionRef(index, { actionId: id, payload: JSON.parse(trimmed) });
+        }
+        catch {
+            this.updateCustomActionRef(index, { actionId: id, payload: trimmed });
+        }
     }
     onCustomActionCustomChange(index, value) {
         this.updateCustomAction(index, 'action', value);
     }
-    isGlobalActionId(id) {
-        if (!id)
-            return false;
-        return this.globalActionCatalog.some((item) => item.id === id);
+    isCanonicalGlobalActionId(id) {
+        return isGlobalActionId(id, this.globalActionCatalog);
     }
     getActionCatalogLabel(spec) {
         if (spec?.id === 'surface.open') {
@@ -15607,6 +15560,7 @@ let ActionsEditorComponent$1 = class ActionsEditorComponent {
             id: entry.id,
             label: this.getActionCatalogLabel(entry),
             description: this.getActionCatalogDescription(entry),
+            payloadSchema: entry.payloadSchema,
             param: hasPayloadSchema
                 ? {
                     label: this.tx('globalAction.payload.label', 'Payload (optional JSON)'),
@@ -15620,20 +15574,16 @@ let ActionsEditorComponent$1 = class ActionsEditorComponent {
         };
     }
     getGlobalActionSchema(action) {
-        const parsed = parseActionValue(action.action, this.globalActionCatalog, this.customActionValue);
-        if (!parsed.isGlobal)
-            return undefined;
-        return getGlobalActionUiSchema(parsed.id);
+        return getGlobalActionUiSchema(action.globalAction?.actionId);
     }
     getSurfaceOpenActionPayload(action) {
-        const info = getActionParamInfo(action.action, this.globalActionCatalog, this.customActionValue);
-        const payload = info.isJson && info.json && typeof info.json === 'object' && !Array.isArray(info.json)
-            ? info.json
-            : undefined;
-        return normalizeSurfaceOpenPayload(payload);
+        return normalizeSurfaceOpenPayload(action.globalAction?.payload);
     }
     onSurfaceOpenActionPayloadChange(action, payload, index) {
-        this.updateCustomAction(index, 'action', `surface.open:${JSON.stringify(normalizeSurfaceOpenPayload(payload))}`);
+        this.updateCustomActionRef(index, {
+            actionId: 'surface.open',
+            payload: normalizeSurfaceOpenPayload(payload),
+        });
     }
     shouldShowGlobalActionField(action, field) {
         if (!field.dependsOnKey)
@@ -15644,6 +15594,18 @@ let ActionsEditorComponent$1 = class ActionsEditorComponent {
         const values = this.collectGlobalActionFieldValues(action, schema.fields);
         return String(values[field.dependsOnKey] ?? '') === String(field.dependsOnValue ?? '');
     }
+    isGlobalActionFieldRequired(action, field) {
+        const actionId = action.globalAction?.actionId;
+        const spec = this.globalActionCatalog.find((item) => item.id === actionId);
+        return getRequiredGlobalActionPayloadKeys(actionId, spec).includes(field.key);
+    }
+    isGlobalActionFieldMissing(action, field) {
+        if (!this.isGlobalActionFieldRequired(action, field))
+            return false;
+        if (!this.shouldShowGlobalActionField(action, field))
+            return false;
+        return !hasMeaningfulGlobalActionPayloadValue(this.getGlobalActionFieldValue(action, field));
+    }
     hasActionFieldError(action, key) {
         const errors = this.actionFieldErrors.get(this.getActionDraftKey(action));
         return !!errors?.[key];
@@ -15655,48 +15617,19 @@ let ActionsEditorComponent$1 = class ActionsEditorComponent {
     getGlobalActionFieldValue(action, field) {
         const draftKey = this.getActionDraftKey(action);
         const draft = this.actionFieldDrafts.get(draftKey)?.[field.key];
-        const info = getActionParamInfo(action.action, this.globalActionCatalog, this.customActionValue);
-        const raw = info.param || '';
-        const json = info.json || {};
-        const hasJson = info.isJson;
+        const json = action.globalAction?.payload || {};
         let value;
         switch (field.key) {
             case 'message':
-                value = json.message ?? json.text ?? (hasJson ? '' : raw);
+                value = json.message ?? json.text ?? '';
                 break;
             case 'url':
-                if (json.url) {
-                    value = json.url;
-                    break;
-                }
-                if (!hasJson && info.id === 'apiCall') {
-                    const parsed = parseMethodAndUrl(raw);
-                    value = parsed.url || '';
-                    break;
-                }
-                value = hasJson ? '' : raw;
-                break;
-            case 'method': {
-                if (json.method) {
-                    value = String(json.method);
-                    break;
-                }
-                if (!hasJson) {
-                    const parsed = parseMethodAndUrl(raw);
-                    value = parsed.method || '';
-                    break;
-                }
-                value = '';
-                break;
-            }
-            case 'bodySource':
-                value = json.bodySource ?? '';
+                value = json.url ?? '';
                 break;
+            case 'params':
             case 'headers':
-                value = stringifyJson(json.headers);
-                break;
             case 'body':
-                value = stringifyJson(json.body);
+                value = stringifyJson(json[field.key]);
                 break;
             case 'contentData':
                 value = stringifyJson(json.content?.data);
@@ -15750,11 +15683,7 @@ let ActionsEditorComponent$1 = class ActionsEditorComponent {
                 value = json.target ?? '';
                 break;
             case 'text':
-                value = json.text ?? (hasJson ? '' : raw);
-                break;
-            case 'key':
-            case 'field':
-                value = json[field.key] ?? (hasJson ? '' : raw);
+                value = json.text ?? '';
                 break;
             default:
                 value = json[field.key] ?? '';
@@ -15771,8 +15700,8 @@ let ActionsEditorComponent$1 = class ActionsEditorComponent {
         return value;
     }
     onGlobalActionFieldChange(action, field, value, index) {
-        const selectedId = this.getCustomActionSelectValue(action.action);
-        if (!this.isGlobalActionId(selectedId))
+        const selectedId = this.getCustomActionSelectValue(action);
+        if (!this.isCanonicalGlobalActionId(selectedId))
             return;
         const schema = getGlobalActionUiSchema(selectedId);
         if (!schema)
@@ -15796,9 +15725,7 @@ let ActionsEditorComponent$1 = class ActionsEditorComponent {
         }
         const values = this.collectGlobalActionFieldValues(action, schema.fields);
         values[field.key] = value;
-        const info = getActionParamInfo(action.action, this.globalActionCatalog, this.customActionValue);
-        const param = serializeGlobalActionParam(selectedId, values, info.json);
-        this.updateCustomAction(index, 'action', param ? `${selectedId}:${param}` : selectedId);
+        this.updateCustomActionRef(index, buildGlobalActionRef(selectedId, values, action.globalAction?.payload));
     }
     setActionFieldError(action, key, message) {
         const draftKey = this.getActionDraftKey(action);
@@ -15820,7 +15747,7 @@ let ActionsEditorComponent$1 = class ActionsEditorComponent {
         }
     }
     getActionDraftKey(action) {
-        return String(action.id || action.action || action.label || 'action');
+        return String(action.id || action.action || action.label || action.globalAction?.actionId || 'action');
     }
     setActionFieldDraft(action, key, value) {
         const draftKey = this.getActionDraftKey(action);
@@ -15884,6 +15811,25 @@ let ActionsEditorComponent$1 = class ActionsEditorComponent {
             this.syncCustomActionStyleTexts();
         }
     }
+    updateCustomActionRef(index, globalAction) {
+        const customActions = [...(this.actions.custom || [])];
+        const current = { ...customActions[index] };
+        if (globalAction) {
+            current.globalAction = globalAction;
+            delete current.action;
+        }
+        else {
+            delete current.globalAction;
+        }
+        customActions[index] = current;
+        this.configChange.emit({
+            ...this.config,
+            actions: {
+                ...this.actions,
+                custom: customActions,
+            },
+        });
+    }
     addCustomButton() {
         const newButton = {
             id: `custom_${Date.now()}`,
@@ -16052,10 +15998,10 @@ let ActionsEditorComponent$1 = class ActionsEditorComponent {
           <div class="action-global-grid">
             @for (field of schema.fields; track field.key) {
               @if (shouldShowGlobalActionField(action, field)) {
-                @if (schema.id === 'showAlert' && field.key === 'message') {
+                @if (schema.id === 'dialog.alert' && field.key === 'message') {
                   <div class="action-section-title">{{ tx('global.section.essential', 'Essential') }}</div>
                 }
-                @if (schema.id === 'showAlert' && field.key === 'title') {
+                @if (schema.id === 'dialog.alert' && field.key === 'title') {
                   <div class="action-section-title">{{ tx('global.section.dialogOptional', 'Dialog (optional)') }}</div>
                 }
                 @if (field.type === 'toggle') {
@@ -16086,6 +16032,7 @@ let ActionsEditorComponent$1 = class ActionsEditorComponent {
                       (ngModelChange)="onGlobalActionFieldChange(action, field, $event, index)"
                       [ngModelOptions]="{ standalone: true }"
                       [placeholder]="field.placeholder || ''"
+                      [required]="isGlobalActionFieldRequired(action, field)"
                     ></textarea>
                     @if (field.hint) {
                       <button
@@ -16098,6 +16045,9 @@ let ActionsEditorComponent$1 = class ActionsEditorComponent {
                         <mat-icon>help_outline</mat-icon>
                       </button>
                     }
+                    @if (isGlobalActionFieldMissing(action, field)) {
+                      <mat-error aria-live="polite">{{ tx('global.validation.requiredField', 'Campo obrigatório.') }}</mat-error>
+                    }
                   </mat-form-field>
                 } @else if (field.type === 'json') {
                   <mat-form-field>
@@ -16109,6 +16059,7 @@ let ActionsEditorComponent$1 = class ActionsEditorComponent {
                       (ngModelChange)="onGlobalActionFieldChange(action, field, $event, index)"
                       [ngModelOptions]="{ standalone: true }"
                       [placeholder]="field.placeholder || '{ }'"
+                      [required]="isGlobalActionFieldRequired(action, field)"
                     ></textarea>
                     <button
                       mat-icon-button
@@ -16121,6 +16072,8 @@ let ActionsEditorComponent$1 = class ActionsEditorComponent {
                     </button>
                     @if (hasActionFieldError(action, field.key)) {
                       <mat-error>{{ getActionFieldError(action, field.key) }}</mat-error>
+                    } @else if (isGlobalActionFieldMissing(action, field)) {
+                      <mat-error aria-live="polite">{{ tx('global.validation.requiredField', 'Campo obrigatório.') }}</mat-error>
                     }
                   </mat-form-field>
                 } @else if (field.type === 'select') {
@@ -16130,6 +16083,7 @@ let ActionsEditorComponent$1 = class ActionsEditorComponent {
                       [ngModel]="getGlobalActionFieldValue(action, field)"
                       (ngModelChange)="onGlobalActionFieldChange(action, field, $event, index)"
                       [ngModelOptions]="{ standalone: true }"
+                      [required]="isGlobalActionFieldRequired(action, field)"
                     >
                       @for (opt of field.options || []; track opt.value) {
                         <mat-option [value]="opt.value">{{ opt.label }}</mat-option>
@@ -16146,6 +16100,9 @@ let ActionsEditorComponent$1 = class ActionsEditorComponent {
                         <mat-icon>help_outline</mat-icon>
                       </button>
                     }
+                    @if (isGlobalActionFieldMissing(action, field)) {
+                      <mat-error aria-live="polite">{{ tx('global.validation.requiredField', 'Campo obrigatório.') }}</mat-error>
+                    }
                   </mat-form-field>
                 } @else {
                   <mat-form-field>
@@ -16157,6 +16114,7 @@ let ActionsEditorComponent$1 = class ActionsEditorComponent {
                       (ngModelChange)="onGlobalActionFieldChange(action, field, $event, index)"
                       [ngModelOptions]="{ standalone: true }"
                       [placeholder]="field.placeholder || ''"
+                      [required]="isGlobalActionFieldRequired(action, field)"
                     />
                     @if (field.hint) {
                       <button
@@ -16169,6 +16127,9 @@ let ActionsEditorComponent$1 = class ActionsEditorComponent {
                         <mat-icon>help_outline</mat-icon>
                       </button>
                     }
+                    @if (isGlobalActionFieldMissing(action, field)) {
+                      <mat-error aria-live="polite">{{ tx('global.validation.requiredField', 'Campo obrigatório.') }}</mat-error>
+                    }
                   </mat-form-field>
                 }
               }
@@ -16443,7 +16404,7 @@ let ActionsEditorComponent$1 = class ActionsEditorComponent {
           <mat-accordion multi>
             @for (
               customAction of actions.custom;
-              track customAction.id || customAction.action || $index;
+              track customAction.id || customAction.globalAction?.actionId || customAction.action || $index;
               let i = $index
             ) {
               <div class="custom-action-panel-shell">
@@ -16500,7 +16461,7 @@ let ActionsEditorComponent$1 = class ActionsEditorComponent {
                     <mat-form-field>
                       <mat-label>{{ tx('custom.action', 'Action') }}</mat-label>
                       <mat-select
-                        [value]="getCustomActionSelectValue(customAction.action)"
+                        [value]="getCustomActionSelectValue(customAction)"
                         (selectionChange)="onCustomActionSelectChange(i, $event.value)"
                       >
                         <mat-option [value]="customActionValue">{{ tx('custom.action.custom', 'Custom') }}</mat-option>
@@ -16520,34 +16481,34 @@ let ActionsEditorComponent$1 = class ActionsEditorComponent {
                         <mat-icon>help_outline</mat-icon>
                       </button>
                     </mat-form-field>
-                    @if (getCustomActionSelectValue(customAction.action) === customActionValue) {
+                    @if (getCustomActionSelectValue(customAction) === customActionValue) {
                       <mat-form-field>
                         <mat-label>{{ tx('custom.action', 'Action') }}</mat-label>
                         <input
                           matInput
-                          [value]="getCustomActionCustomValue(customAction.action)"
+                          [value]="getCustomActionCustomValue(customAction)"
                           (input)="onCustomActionCustomChange(i, $any($event.target).value)"
                           [placeholder]="tx('custom.action.customPlaceholder', 'Example: custom_action, navigate, delete')"
                         />
                       </mat-form-field>
                     } @else {
-                      @if (isGlobalActionId(getCustomActionSelectValue(customAction.action))) {
+                      @if (isCanonicalGlobalActionId(getCustomActionSelectValue(customAction))) {
                         <ng-container
                           [ngTemplateOutlet]="globalActionFields"
                           [ngTemplateOutletContext]="{ $implicit: customAction, index: i }"
                         ></ng-container>
                       } @else {
-                        @if (getActionSpecById(getCustomActionSelectValue(customAction.action)); as actionSpec) {
+                        @if (getActionSpecById(getCustomActionSelectValue(customAction)); as actionSpec) {
                           @if (actionSpec.param) {
                             <mat-form-field>
                               <mat-label>{{ actionSpec.param.label || tx('custom.parameter', 'Parameter') }}</mat-label>
                               <input
                                 matInput
-                                [value]="getCustomActionParam(customAction.action)"
+                                [value]="getCustomActionParam(customAction)"
                                 (input)="onCustomActionParamChange(i, $any($event.target).value)"
                                 [placeholder]="actionSpec.param.placeholder || ''"
                               />
-                              @if (actionSpec.param.required && !getCustomActionParam(customAction.action)) {
+                              @if (actionSpec.param.required && !getCustomActionParam(customAction)) {
                                 <mat-error>{{ tx('custom.parameterRequired', 'Required parameter.') }}</mat-error>
                               }
                             </mat-form-field>
@@ -16825,7 +16786,7 @@ let ActionsEditorComponent$1 = class ActionsEditorComponent {
         </div>
       </mat-tab>
     </mat-tab-group>
-  `, isInline: true, styles: [".editor-container{padding:16px;display:flex;flex-direction:column;gap:16px}.action-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;align-items:center}.action-global-fields{grid-column:1 / -1;padding:12px 14px;border:1px dashed var(--md-sys-color-outline-variant, rgba(255, 255, 255, .12));border-radius:10px;background:var(--md-sys-color-surface-container-low)}.action-global-title{font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--md-sys-color-on-surface-variant, #9aa0a6);margin-bottom:10px}.action-global-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px 16px}.help-icon-button{--mdc-icon-button-state-layer-size: 28px;--mdc-icon-button-icon-size: 18px;width:28px;height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.help-icon-button mat-icon{font-size:18px;line-height:18px;width:18px;height:18px}.action-global-fields .mat-mdc-form-field-icon-suffix{align-self:center}.action-section-title{width:100%;margin:10px 0 2px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--md-sys-color-on-surface-variant, #9aa0a6)}.add-button{margin-bottom:16px;align-self:flex-start}.custom-action-panel-shell{display:grid;gap:8px}.custom-action-panel-toolbar{display:flex;justify-content:flex-end}.custom-action-order-controls{display:inline-flex;align-items:center;gap:4px;justify-content:flex-end}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.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$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i4$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i7$1.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: MatSlideToggleModule }, { kind: "component", type: i6$2.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: MatSelectModule }, { kind: "component", type: i6$3.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: i6$3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i6$3.MatOptgroup, selector: "mat-optgroup", inputs: ["label", "disabled"], exportAs: ["matOptgroup"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i7$3.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i7$3.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: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i3.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i3.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i3.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i3.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i3.MatExpansionPanelContent, selector: "ng-template[matExpansionPanelContent]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { 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: "component", type: i4.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i9.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: SurfaceOpenActionEditorComponent, selector: "praxis-surface-open-action-editor", inputs: ["value", "hostKind"], outputs: ["valueChange"] }] });
+  `, isInline: true, styles: [".editor-container{padding:16px;display:flex;flex-direction:column;gap:16px}.action-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;align-items:center}.action-global-fields{grid-column:1 / -1;padding:12px 14px;border:1px dashed var(--md-sys-color-outline-variant, rgba(255, 255, 255, .12));border-radius:10px;background:var(--md-sys-color-surface-container-low)}.action-global-title{font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--md-sys-color-on-surface-variant, #9aa0a6);margin-bottom:10px}.action-global-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px 16px}.help-icon-button{--mdc-icon-button-state-layer-size: 28px;--mdc-icon-button-icon-size: 18px;width:28px;height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.help-icon-button mat-icon{font-size:18px;line-height:18px;width:18px;height:18px}.action-field-error{color:var(--md-sys-color-error, #ba1a1a);font-weight:500}.action-global-fields .mat-mdc-form-field-icon-suffix{align-self:center}.action-section-title{width:100%;margin:10px 0 2px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--md-sys-color-on-surface-variant, #9aa0a6)}.add-button{margin-bottom:16px;align-self:flex-start}.custom-action-panel-shell{display:grid;gap:8px}.custom-action-panel-toolbar{display:flex;justify-content:flex-end}.custom-action-order-controls{display:inline-flex;align-items:center;gap:4px;justify-content:flex-end}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.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$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i4$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i7$1.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: MatSlideToggleModule }, { kind: "component", type: i6$2.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: MatSelectModule }, { kind: "component", type: i6$3.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: i6$3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i6$3.MatOptgroup, selector: "mat-optgroup", inputs: ["label", "disabled"], exportAs: ["matOptgroup"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i7$3.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i7$3.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: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i3.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i3.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i3.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i3.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i3.MatExpansionPanelContent, selector: "ng-template[matExpansionPanelContent]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { 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: "component", type: i4.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i9.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: SurfaceOpenActionEditorComponent, selector: "praxis-surface-open-action-editor", inputs: ["value", "hostKind"], outputs: ["valueChange"] }] });
 };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ActionsEditorComponent$1, decorators: [{
             type: Component,
@@ -16860,10 +16821,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
           <div class="action-global-grid">
             @for (field of schema.fields; track field.key) {
               @if (shouldShowGlobalActionField(action, field)) {
-                @if (schema.id === 'showAlert' && field.key === 'message') {
+                @if (schema.id === 'dialog.alert' && field.key === 'message') {
                   <div class="action-section-title">{{ tx('global.section.essential', 'Essential') }}</div>
                 }
-                @if (schema.id === 'showAlert' && field.key === 'title') {
+                @if (schema.id === 'dialog.alert' && field.key === 'title') {
                   <div class="action-section-title">{{ tx('global.section.dialogOptional', 'Dialog (optional)') }}</div>
                 }
                 @if (field.type === 'toggle') {
@@ -16894,6 +16855,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                       (ngModelChange)="onGlobalActionFieldChange(action, field, $event, index)"
                       [ngModelOptions]="{ standalone: true }"
                       [placeholder]="field.placeholder || ''"
+                      [required]="isGlobalActionFieldRequired(action, field)"
                     ></textarea>
                     @if (field.hint) {
                       <button
@@ -16906,6 +16868,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                         <mat-icon>help_outline</mat-icon>
                       </button>
                     }
+                    @if (isGlobalActionFieldMissing(action, field)) {
+                      <mat-error aria-live="polite">{{ tx('global.validation.requiredField', 'Campo obrigatório.') }}</mat-error>
+                    }
                   </mat-form-field>
                 } @else if (field.type === 'json') {
                   <mat-form-field>
@@ -16917,6 +16882,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                       (ngModelChange)="onGlobalActionFieldChange(action, field, $event, index)"
                       [ngModelOptions]="{ standalone: true }"
                       [placeholder]="field.placeholder || '{ }'"
+                      [required]="isGlobalActionFieldRequired(action, field)"
                     ></textarea>
                     <button
                       mat-icon-button
@@ -16929,6 +16895,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                     </button>
                     @if (hasActionFieldError(action, field.key)) {
                       <mat-error>{{ getActionFieldError(action, field.key) }}</mat-error>
+                    } @else if (isGlobalActionFieldMissing(action, field)) {
+                      <mat-error aria-live="polite">{{ tx('global.validation.requiredField', 'Campo obrigatório.') }}</mat-error>
                     }
                   </mat-form-field>
                 } @else if (field.type === 'select') {
@@ -16938,6 +16906,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                       [ngModel]="getGlobalActionFieldValue(action, field)"
                       (ngModelChange)="onGlobalActionFieldChange(action, field, $event, index)"
                       [ngModelOptions]="{ standalone: true }"
+                      [required]="isGlobalActionFieldRequired(action, field)"
                     >
                       @for (opt of field.options || []; track opt.value) {
                         <mat-option [value]="opt.value">{{ opt.label }}</mat-option>
@@ -16954,6 +16923,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                         <mat-icon>help_outline</mat-icon>
                       </button>
                     }
+                    @if (isGlobalActionFieldMissing(action, field)) {
+                      <mat-error aria-live="polite">{{ tx('global.validation.requiredField', 'Campo obrigatório.') }}</mat-error>
+                    }
                   </mat-form-field>
                 } @else {
                   <mat-form-field>
@@ -16965,6 +16937,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                       (ngModelChange)="onGlobalActionFieldChange(action, field, $event, index)"
                       [ngModelOptions]="{ standalone: true }"
                       [placeholder]="field.placeholder || ''"
+                      [required]="isGlobalActionFieldRequired(action, field)"
                     />
                     @if (field.hint) {
                       <button
@@ -16977,6 +16950,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                         <mat-icon>help_outline</mat-icon>
                       </button>
                     }
+                    @if (isGlobalActionFieldMissing(action, field)) {
+                      <mat-error aria-live="polite">{{ tx('global.validation.requiredField', 'Campo obrigatório.') }}</mat-error>
+                    }
                   </mat-form-field>
                 }
               }
@@ -17251,7 +17227,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
           <mat-accordion multi>
             @for (
               customAction of actions.custom;
-              track customAction.id || customAction.action || $index;
+              track customAction.id || customAction.globalAction?.actionId || customAction.action || $index;
               let i = $index
             ) {
               <div class="custom-action-panel-shell">
@@ -17308,7 +17284,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                     <mat-form-field>
                       <mat-label>{{ tx('custom.action', 'Action') }}</mat-label>
                       <mat-select
-                        [value]="getCustomActionSelectValue(customAction.action)"
+                        [value]="getCustomActionSelectValue(customAction)"
                         (selectionChange)="onCustomActionSelectChange(i, $event.value)"
                       >
                         <mat-option [value]="customActionValue">{{ tx('custom.action.custom', 'Custom') }}</mat-option>
@@ -17328,34 +17304,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                         <mat-icon>help_outline</mat-icon>
                       </button>
                     </mat-form-field>
-                    @if (getCustomActionSelectValue(customAction.action) === customActionValue) {
+                    @if (getCustomActionSelectValue(customAction) === customActionValue) {
                       <mat-form-field>
                         <mat-label>{{ tx('custom.action', 'Action') }}</mat-label>
                         <input
                           matInput
-                          [value]="getCustomActionCustomValue(customAction.action)"
+                          [value]="getCustomActionCustomValue(customAction)"
                           (input)="onCustomActionCustomChange(i, $any($event.target).value)"
                           [placeholder]="tx('custom.action.customPlaceholder', 'Example: custom_action, navigate, delete')"
                         />
                       </mat-form-field>
                     } @else {
-                      @if (isGlobalActionId(getCustomActionSelectValue(customAction.action))) {
+                      @if (isCanonicalGlobalActionId(getCustomActionSelectValue(customAction))) {
                         <ng-container
                           [ngTemplateOutlet]="globalActionFields"
                           [ngTemplateOutletContext]="{ $implicit: customAction, index: i }"
                         ></ng-container>
                       } @else {
-                        @if (getActionSpecById(getCustomActionSelectValue(customAction.action)); as actionSpec) {
+                        @if (getActionSpecById(getCustomActionSelectValue(customAction)); as actionSpec) {
                           @if (actionSpec.param) {
                             <mat-form-field>
                               <mat-label>{{ actionSpec.param.label || tx('custom.parameter', 'Parameter') }}</mat-label>
                               <input
                                 matInput
-                                [value]="getCustomActionParam(customAction.action)"
+                                [value]="getCustomActionParam(customAction)"
                                 (input)="onCustomActionParamChange(i, $any($event.target).value)"
                                 [placeholder]="actionSpec.param.placeholder || ''"
                               />
-                              @if (actionSpec.param.required && !getCustomActionParam(customAction.action)) {
+                              @if (actionSpec.param.required && !getCustomActionParam(customAction)) {
                                 <mat-error>{{ tx('custom.parameterRequired', 'Required parameter.') }}</mat-error>
                               }
                             </mat-form-field>
@@ -17633,7 +17609,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
         </div>
       </mat-tab>
     </mat-tab-group>
-  `, styles: [".editor-container{padding:16px;display:flex;flex-direction:column;gap:16px}.action-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;align-items:center}.action-global-fields{grid-column:1 / -1;padding:12px 14px;border:1px dashed var(--md-sys-color-outline-variant, rgba(255, 255, 255, .12));border-radius:10px;background:var(--md-sys-color-surface-container-low)}.action-global-title{font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--md-sys-color-on-surface-variant, #9aa0a6);margin-bottom:10px}.action-global-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px 16px}.help-icon-button{--mdc-icon-button-state-layer-size: 28px;--mdc-icon-button-icon-size: 18px;width:28px;height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.help-icon-button mat-icon{font-size:18px;line-height:18px;width:18px;height:18px}.action-global-fields .mat-mdc-form-field-icon-suffix{align-self:center}.action-section-title{width:100%;margin:10px 0 2px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--md-sys-color-on-surface-variant, #9aa0a6)}.add-button{margin-bottom:16px;align-self:flex-start}.custom-action-panel-shell{display:grid;gap:8px}.custom-action-panel-toolbar{display:flex;justify-content:flex-end}.custom-action-order-controls{display:inline-flex;align-items:center;gap:4px;justify-content:flex-end}\n"] }]
+  `, styles: [".editor-container{padding:16px;display:flex;flex-direction:column;gap:16px}.action-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;align-items:center}.action-global-fields{grid-column:1 / -1;padding:12px 14px;border:1px dashed var(--md-sys-color-outline-variant, rgba(255, 255, 255, .12));border-radius:10px;background:var(--md-sys-color-surface-container-low)}.action-global-title{font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--md-sys-color-on-surface-variant, #9aa0a6);margin-bottom:10px}.action-global-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px 16px}.help-icon-button{--mdc-icon-button-state-layer-size: 28px;--mdc-icon-button-icon-size: 18px;width:28px;height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.help-icon-button mat-icon{font-size:18px;line-height:18px;width:18px;height:18px}.action-field-error{color:var(--md-sys-color-error, #ba1a1a);font-weight:500}.action-global-fields .mat-mdc-form-field-icon-suffix{align-self:center}.action-section-title{width:100%;margin:10px 0 2px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--md-sys-color-on-surface-variant, #9aa0a6)}.add-button{margin-bottom:16px;align-self:flex-start}.custom-action-panel-shell{display:grid;gap:8px}.custom-action-panel-toolbar{display:flex;justify-content:flex-end}.custom-action-order-controls{display:inline-flex;align-items:center;gap:4px;justify-content:flex-end}\n"] }]
         }], propDecorators: { config: [{
                 type: Input
             }], configChange: [{
@@ -18995,6 +18971,9 @@ class PraxisDynamicFormConfigEditor {
     serverMeta;
     destroy$ = new Subject();
     hasProcessedInitialRuleState = false;
+    jsonEditorIsValid = true;
+    globalActionValidationIssues = [];
+    globalActionCatalog;
     // Observables obrigatórios da interface SettingsValueProvider
     isDirty$ = new BehaviorSubject(false);
     isValid$ = new BehaviorSubject(true);
@@ -19011,11 +18990,12 @@ class PraxisDynamicFormConfigEditor {
         }
         console.debug(message);
     }
-    constructor(storage, configService, settingsPanel, cdr, injectedData) {
+    constructor(storage, configService, settingsPanel, cdr, globalActionCatalogSource, injectedData) {
         this.storage = storage;
         this.configService = configService;
         this.settingsPanel = settingsPanel;
         this.cdr = cdr;
+        this.globalActionCatalog = this.buildGlobalActionCatalog(globalActionCatalogSource);
         const data = injectedData;
         this.openedWithCanonicalDocument =
             data?.document?.kind === 'praxis.dynamic-form.editor' ||
@@ -19113,6 +19093,7 @@ class PraxisDynamicFormConfigEditor {
             }
         }
         catch { }
+        this.updateValidityState();
         // Nota: isValid$ é atualizado em onJsonValidationChange quando necessário
         // Para outras validações futuras, verificar se não há validação JSON em andamento
     }
@@ -19179,7 +19160,8 @@ class PraxisDynamicFormConfigEditor {
     }
     onJsonValidationChange(result) {
         // Atualizar estado de validação baseado no resultado do JSON
-        this.isValid$.next(result.isValid);
+        this.jsonEditorIsValid = result.isValid;
+        this.updateValidityState();
         // Evitar marcar dirty apenas por validação (não há mudança real de config)
         if (this.isDirty$.value) {
             this.updateDirtyState('json-validate');
@@ -19203,6 +19185,41 @@ class PraxisDynamicFormConfigEditor {
         this.lastRulesSignature = this.computeRulesSignature(this.ruleBuilderState);
         this.updateDirtyState('layout-change');
     }
+    updateValidityState() {
+        this.globalActionValidationIssues = this.collectGlobalActionValidationIssues(this.editedConfig);
+        this.isValid$.next(this.jsonEditorIsValid && this.globalActionValidationIssues.length === 0);
+    }
+    collectGlobalActionValidationIssues(config) {
+        return validateGlobalActionRefs(this.collectGlobalActionValidationTargets(config));
+    }
+    collectGlobalActionValidationTargets(config) {
+        const targets = [];
+        const add = (ref, path) => {
+            if (!ref)
+                return;
+            targets.push({
+                ref,
+                path,
+                catalogEntry: this.findGlobalActionCatalogEntry(ref.actionId),
+            });
+        };
+        const actions = config.actions;
+        add(actions?.submit?.globalAction, 'actions.submit.globalAction');
+        add(actions?.cancel?.globalAction, 'actions.cancel.globalAction');
+        add(actions?.reset?.globalAction, 'actions.reset.globalAction');
+        actions?.custom?.forEach((action, index) => add(action?.globalAction, `actions.custom[${index}].globalAction`));
+        config.sections?.forEach((section, sectionIndex) => {
+            section?.headerActions?.forEach((action, actionIndex) => add(action?.globalAction, `sections[${sectionIndex}].headerActions[${actionIndex}].globalAction`));
+        });
+        return targets;
+    }
+    findGlobalActionCatalogEntry(actionId) {
+        return this.globalActionCatalog.find((entry) => entry.id === actionId);
+    }
+    buildGlobalActionCatalog(source) {
+        const injected = getGlobalActionCatalog(source);
+        return injected.length ? injected : PRAXIS_GLOBAL_ACTION_CATALOG;
+    }
     onRulesChanged(state) {
         if (!this.hasProcessedInitialRuleState) {
             const hadInitialRules = this.initialConfig?.formRules?.length ||
@@ -19432,6 +19449,7 @@ class PraxisDynamicFormConfigEditor {
             file: FieldType.STRING,
             url: FieldType.URL,
             boolean: FieldType.BOOLEAN,
+            array: FieldType.JSON,
             json: FieldType.JSON,
         };
         return mapping[dataType ?? 'text'];
@@ -19686,7 +19704,7 @@ class PraxisDynamicFormConfigEditor {
     toBackConfigSnapshot() {
         return structuredClone(this.backConfig || { returnTo: '', confirmOnDirty: true });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisDynamicFormConfigEditor, deps: [{ token: ASYNC_CONFIG_STORAGE }, { token: FormConfigService }, { token: i7.SettingsPanelService }, { token: i0.ChangeDetectorRef }, { token: SETTINGS_PANEL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisDynamicFormConfigEditor, deps: [{ token: ASYNC_CONFIG_STORAGE }, { token: FormConfigService }, { token: i7.SettingsPanelService }, { token: i0.ChangeDetectorRef }, { token: GLOBAL_ACTION_CATALOG, optional: true }, { token: SETTINGS_PANEL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: PraxisDynamicFormConfigEditor, isStandalone: true, selector: "praxis-dynamic-form-config-editor", providers: [FormConfigService], viewQueries: [{ propertyName: "jsonEditor", first: true, predicate: JsonConfigEditorComponent, descendants: true }], ngImport: i0, template: "<mat-tab-group class=\"config-tabs\" data-testid=\"dynamic-form-config-editor-tabs\">\n  <mat-tab label=\"Geral\">\n    <div class=\"tab-content\" data-testid=\"config-tab-panel-geral\">\n      <mat-card class=\"section-card\">\n        <mat-card-content>\n          <div class=\"section-header\">\n            <div>\n              <h3>Dados do formul\u00E1rio</h3>\n              <p class=\"text-caption\">Defina o modo de dados e o contexto de edi\u00E7\u00E3o.</p>\n            </div>\n          </div>\n          <div class=\"form-grid\">\n            <div class=\"form-row\">\n              <mat-form-field appearance=\"fill\" class=\"w-100\">\n                <mat-label>Modo de dados</mat-label>\n                <mat-select [(ngModel)]=\"inputMode\" (ngModelChange)=\"onInputModeChange()\">\n                  <mat-option value=\"create\">create</mat-option>\n                  <mat-option value=\"edit\">edit</mat-option>\n                  <mat-option value=\"view\">view</mat-option>\n                </mat-select>\n              </mat-form-field>\n            </div>\n            <div class=\"block-status\" [class.block-status--implicit]=\"!isBindingsBlockPersisted()\">\n              <strong>Bindings</strong>\n              <span *ngIf=\"isBindingsBlockPersisted(); else bindingsMissing\">`bindings.mode` ser\u00E1 persistido no documento can\u00F4nico.</span>\n              <ng-template #bindingsMissing>Bloco ausente no documento can\u00F4nico. O valor exibido \u00E9 fallback visual e n\u00E3o ser\u00E1 salvo at\u00E9 voc\u00EA editar este campo.</ng-template>\n            </div>\n            <div class=\"section-help\">\n              <span class=\"section-help__label\">Entenda:</span>\n              <button\n                mat-icon-button\n                class=\"help-icon-button\"\n                type=\"button\"\n                [matTooltip]=\"'O mode controla o fluxo (create/edit/view). enableCustomization s\u00F3 libera edi\u00E7\u00E3o do layout e n\u00E3o altera o mode.'\"\n                matTooltipPosition=\"above\"\n              >\n                <mat-icon>help_outline</mat-icon>\n              </button>\n            </div>\n          </div>\n        </mat-card-content>\n      </mat-card>\n\n      <mat-card\n        class=\"section-card\"\n        *ngIf=\"hasResolvedRuntimeContract()\"\n        data-testid=\"config-tab-runtime-contract\"\n      >\n        <mat-card-content>\n          <div class=\"section-header\">\n            <div>\n              <h3>Contrato Runtime Resolvido</h3>\n              <p class=\"text-caption\">\n                Visualiza\u00E7\u00E3o somente leitura do contrato backend resolvido pelo host atual.\n              </p>\n            </div>\n          </div>\n          <div class=\"block-status block-status--readonly\">\n            <strong>Runtime</strong>\n            <span>\n              Esses valores v\u00EAm do host/runtime atual e n\u00E3o s\u00E3o persistidos em\n              <code>bindings</code> nem em <code>contextSnapshot</code>.\n            </span>\n          </div>\n          <div class=\"runtime-contract-grid\">\n            <div class=\"runtime-contract-field\">\n              <span class=\"runtime-contract-label\">Schema URL</span>\n              <code class=\"runtime-contract-code\">{{ runtimeContract?.schemaUrl || '\u2014' }}</code>\n            </div>\n            <div class=\"runtime-contract-field\">\n              <span class=\"runtime-contract-label\">Origem do schema</span>\n              <strong>{{ describeRuntimeSource(runtimeContract?.schemaSource) }}</strong>\n            </div>\n            <div class=\"runtime-contract-field\">\n              <span class=\"runtime-contract-label\">Submit method</span>\n              <strong>{{ runtimeContract?.submitMethod || '\u2014' }}</strong>\n            </div>\n            <div class=\"runtime-contract-field\">\n              <span class=\"runtime-contract-label\">Submit URL</span>\n              <code class=\"runtime-contract-code\">{{ runtimeContract?.submitUrl || '\u2014' }}</code>\n            </div>\n            <div class=\"runtime-contract-field\">\n              <span class=\"runtime-contract-label\">Origem do submit</span>\n              <strong>{{ describeRuntimeSource(runtimeContract?.submitSource) }}</strong>\n            </div>\n          </div>\n        </mat-card-content>\n      </mat-card>\n    </div>\n  </mat-tab>\n  <mat-tab label=\"Verifica\u00E7\u00E3o de Schema\">\n    <div class=\"tab-content\" data-testid=\"config-tab-panel-schema\">\n      <mat-card class=\"section-card\">\n        <mat-card-content>\n          <div class=\"section-header\">\n            <div>\n              <h3>Valida\u00E7\u00E3o de schema</h3>\n              <p class=\"text-caption\">Controle avisos quando o schema do servidor mudar.</p>\n            </div>\n          </div>\n          <div class=\"form-grid\">\n            <div class=\"form-row\">\n              <mat-form-field appearance=\"fill\" class=\"w-100\">\n                <mat-label>Notificar quando desatualizado</mat-label>\n                <mat-select [(ngModel)]=\"schemaPrefs.notifyIfOutdated\" (ngModelChange)=\"onSchemaPrefsChange('schema-prefs-notify')\">\n                  <mat-option value=\"both\">Banner + Snackbar</mat-option>\n                  <mat-option value=\"inline\">Somente Banner</mat-option>\n                  <mat-option value=\"snackbar\">Somente Snackbar</mat-option>\n                  <mat-option value=\"none\">Nenhum</mat-option>\n                </mat-select>\n              </mat-form-field>\n            </div>\n            <div class=\"form-row\">\n              <mat-form-field appearance=\"fill\" class=\"w-100\">\n                <mat-label>Intervalo de sil\u00EAncio (ms)</mat-label>\n                <input matInput type=\"number\" [(ngModel)]=\"schemaPrefs.snoozeMs\" (ngModelChange)=\"onSchemaPrefsChange('schema-prefs-snooze')\" />\n              </mat-form-field>\n            </div>\n            <div class=\"form-row\">\n              <mat-slide-toggle [(ngModel)]=\"schemaPrefs.autoOpenSettingsOnOutdated\" (ngModelChange)=\"onSchemaPrefsChange('schema-prefs-auto-open')\">Abrir configura\u00E7\u00F5es\n                automaticamente</mat-slide-toggle>\n            </div>\n            <div class=\"form-row\" *ngIf=\"serverMeta\">\n              <div class=\"meta-card\">\n                <div class=\"meta-row\">\n                  <span>Server hash</span>\n                  <strong>{{ serverMeta.serverHash || '\u2014' }}</strong>\n                </div>\n                <div class=\"meta-row\">\n                  <span>\u00DAltima verifica\u00E7\u00E3o</span>\n                  <strong>{{ serverMeta.lastVerifiedAt || '\u2014' }}</strong>\n                </div>\n              </div>\n            </div>\n            <div class=\"block-status\" [class.block-status--implicit]=\"!isSchemaPrefsBlockPersisted()\">\n              <strong>Schema Prefs</strong>\n              <span *ngIf=\"isSchemaPrefsBlockPersisted(); else schemaPrefsMissing\">`contextSnapshot.schemaPrefs` ser\u00E1 persistido no documento can\u00F4nico.</span>\n              <ng-template #schemaPrefsMissing>Bloco ausente no documento can\u00F4nico. Os controles exibem fallback visual e n\u00E3o ser\u00E3o salvos at\u00E9 voc\u00EA editar.</ng-template>\n            </div>\n          </div>\n        </mat-card-content>\n      </mat-card>\n    </div>\n  </mat-tab>\n  <mat-tab label=\"Layout\">\n    <div class=\"tab-content tab-content--full\" data-testid=\"config-tab-panel-layout\">\n      <div class=\"section-header section-header--compact\">\n        <div>\n          <h3>Layout do formul\u00E1rio</h3>\n          <p class=\"text-caption\">Organize se\u00E7\u00F5es, linhas e campos com drag & drop.</p>\n        </div>\n      </div>\n      <div class=\"section-body section-body--flex\">\n        <praxis-layout-editor [config]=\"editedConfig\" (configChange)=\"onConfigChange($event)\"\n          (select)=\"onLayoutSelect($event)\"></praxis-layout-editor>\n      </div>\n    </div>\n  </mat-tab>\n  <mat-tab label=\"Hooks\">\n    <div class=\"tab-content\" data-testid=\"config-tab-panel-hooks\">\n      <mat-card class=\"section-card\">\n        <mat-card-content>\n          <div class=\"section-header\">\n            <div>\n              <h3>Hooks de ciclo de vida</h3>\n              <p class=\"text-caption\">Automatize a\u00E7\u00F5es nos eventos do formul\u00E1rio.</p>\n            </div>\n          </div>\n          <praxis-hooks-editor [config]=\"editedConfig\" (configChange)=\"onConfigChange($event)\"></praxis-hooks-editor>\n        </mat-card-content>\n      </mat-card>\n    </div>\n  </mat-tab>\n  <mat-tab *ngIf=\"isPresentationMode\" label=\"Modo Apresenta\u00E7\u00E3o\">\n    <div class=\"tab-content\" data-testid=\"config-tab-panel-presentation\">\n      <mat-card class=\"section-card\">\n        <mat-card-content>\n          <div class=\"section-header\">\n            <div>\n              <h3>Modo Apresenta\u00E7\u00E3o</h3>\n              <p class=\"text-caption\">Configura\u00E7\u00F5es de exibi\u00E7\u00E3o aplicadas somente ao modo apresenta\u00E7\u00E3o.</p>\n            </div>\n          </div>\n\n          <div class=\"presentation-layout\">\n            <div class=\"presentation-controls\">\n              <div class=\"block-status control-span\" [class.block-status--implicit]=\"!isPresentationBlockPersisted()\">\n                <strong>Presentation</strong>\n                <span *ngIf=\"isPresentationBlockPersisted(); else presentationMissing\">`contextSnapshot.presentation` ser\u00E1 persistido no documento can\u00F4nico.</span>\n                <ng-template #presentationMissing>Bloco ausente no documento can\u00F4nico. A pr\u00E9-visualiza\u00E7\u00E3o usa fallback local e n\u00E3o ser\u00E1 salva at\u00E9 voc\u00EA editar.</ng-template>\n              </div>\n              <div class=\"control\">\n                <label class=\"control__label\">Posi\u00E7\u00E3o do r\u00F3tulo</label>\n                <mat-button-toggle-group [(ngModel)]=\"presentationPrefs.labelPosition\" (ngModelChange)=\"onPresentationPrefsChange('presentation-label-position')\" aria-label=\"Posi\u00E7\u00E3o do r\u00F3tulo\"\n                  class=\"toggle-group\">\n                  <mat-button-toggle value=\"above\">\n                    <mat-icon>view_stream</mat-icon>\n                    <span class=\"sr-only\">Acima</span>\n                  </mat-button-toggle>\n                  <mat-button-toggle value=\"left\">\n                    <mat-icon>view_column</mat-icon>\n                    <span class=\"sr-only\">\u00C0 esquerda</span>\n                  </mat-button-toggle>\n                </mat-button-toggle-group>\n              </div>\n\n              <div class=\"control\">\n                <label class=\"control__label\">Densidade</label>\n                <mat-button-toggle-group [(ngModel)]=\"presentationPrefs.density\" (ngModelChange)=\"onPresentationPrefsChange('presentation-density')\" aria-label=\"Densidade\"\n                  class=\"toggle-group\">\n                  <mat-button-toggle value=\"comfortable\">Confort\u00E1vel</mat-button-toggle>\n                  <mat-button-toggle value=\"cozy\">Intermedi\u00E1ria</mat-button-toggle>\n                  <mat-button-toggle value=\"compact\">Compacta</mat-button-toggle>\n                </mat-button-toggle-group>\n              </div>\n\n              <div class=\"control\">\n                <label class=\"control__label\">Alinhamento do r\u00F3tulo</label>\n                <mat-button-toggle-group [(ngModel)]=\"presentationPrefs.labelAlign\" (ngModelChange)=\"onPresentationPrefsChange('presentation-label-align')\" aria-label=\"Alinhamento do r\u00F3tulo\"\n                  class=\"toggle-group\">\n                  <mat-button-toggle value=\"start\"><mat-icon>format_align_left</mat-icon></mat-button-toggle>\n                  <mat-button-toggle value=\"center\"><mat-icon>format_align_center</mat-icon></mat-button-toggle>\n                  <mat-button-toggle value=\"end\"><mat-icon>format_align_right</mat-icon></mat-button-toggle>\n                </mat-button-toggle-group>\n              </div>\n\n              <div class=\"control\">\n                <label class=\"control__label\">Alinhamento do valor</label>\n                <mat-button-toggle-group [(ngModel)]=\"presentationPrefs.valueAlign\" (ngModelChange)=\"onPresentationPrefsChange('presentation-value-align')\" aria-label=\"Alinhamento do valor\"\n                  class=\"toggle-group\">\n                  <mat-button-toggle value=\"start\"><mat-icon>format_align_left</mat-icon></mat-button-toggle>\n                  <mat-button-toggle value=\"center\"><mat-icon>format_align_center</mat-icon></mat-button-toggle>\n                  <mat-button-toggle value=\"end\"><mat-icon>format_align_right</mat-icon></mat-button-toggle>\n                </mat-button-toggle-group>\n              </div>\n\n              <div class=\"control\">\n                <mat-form-field appearance=\"fill\" class=\"w-100\">\n                  <mat-label>Tamanho do r\u00F3tulo</mat-label>\n                  <input matInput type=\"number\" min=\"10\" [(ngModel)]=\"presentationPrefs.labelFontSize\" (ngModelChange)=\"onPresentationPrefsChange('presentation-label-font-size')\"\n                    placeholder=\"ex.: 12\" />\n                  <span matSuffix>px</span>\n                </mat-form-field>\n              </div>\n\n              <div class=\"control\">\n                <mat-form-field appearance=\"fill\" class=\"w-100\">\n                  <mat-label>Tamanho do valor</mat-label>\n                  <input matInput type=\"number\" min=\"10\" [(ngModel)]=\"presentationPrefs.valueFontSize\" (ngModelChange)=\"onPresentationPrefsChange('presentation-value-font-size')\"\n                    placeholder=\"ex.: 16\" />\n                  <span matSuffix>px</span>\n                </mat-form-field>\n              </div>\n\n              <div class=\"control\">\n                <mat-form-field appearance=\"fill\" class=\"w-100\">\n                  <mat-label>Largura do r\u00F3tulo (label \u00E0 esquerda)</mat-label>\n                  <input matInput type=\"number\" min=\"60\" [(ngModel)]=\"presentationPrefs.labelWidth\" (ngModelChange)=\"onPresentationPrefsChange('presentation-label-width')\"\n                    placeholder=\"ex.: 140\" />\n                  <span matSuffix>px</span>\n                </mat-form-field>\n              </div>\n\n              <div class=\"control control--inline\">\n                <mat-slide-toggle [(ngModel)]=\"presentationPrefs.compact\" (ngModelChange)=\"onPresentationPrefsChange('presentation-compact')\">\n                  Modo compacto\n                </mat-slide-toggle>\n                <mat-checkbox [(ngModel)]=\"truncatePreview\">\n                  Truncar valores\n                </mat-checkbox>\n              </div>\n            </div>\n\n            <div class=\"presentation-preview\">\n              <h4>Pr\u00E9\u2011visualiza\u00E7\u00E3o</h4>\n              <div class=\"preview-card\">\n                <div class=\"praxis-dynamic-form presentation-mode\" [ngClass]=\"{\n                           'pres-compact': !!presentationPrefs.compact,\n                           'pres-label-left': presentationPrefs.labelPosition === 'left',\n                           'pres-label-above': presentationPrefs.labelPosition === 'above',\n                           'pres-density-compact': presentationPrefs.density === 'compact',\n                           'pres-density-cozy': presentationPrefs.density === 'cozy'\n                         }\" [style.--pfx-pres-label-size]=\"(presentationPrefs.labelFontSize || 12) + 'px'\"\n                  [style.--pfx-pres-value-size]=\"(presentationPrefs.valueFontSize || 16) + 'px'\"\n                  [style.--pfx-pres-label-width]=\"(presentationPrefs.labelWidth || 140) + 'px'\"\n                  [style.--pfx-pres-label-align]=\"presentationPrefs.labelAlign || 'start'\"\n                  [style.--pfx-pres-value-align]=\"presentationPrefs.valueAlign || 'start'\">\n                  <div class=\"preview-row\" *ngFor=\"let item of previewItems\">\n                    <span class=\"praxis-presentation__label\">{{ item.label }}</span>\n                    <span class=\"praxis-presentation__value\" [title]=\"truncatePreview ? item.value : null\"\n                      [style.maxWidth]=\"truncatePreview ? '280px' : null\"\n                      [style.overflow]=\"truncatePreview ? 'hidden' : null\"\n                      [style.textOverflow]=\"truncatePreview ? 'ellipsis' : null\"\n                      [style.whiteSpace]=\"truncatePreview ? 'nowrap' : 'normal'\">\n                      {{ item.value }}\n                    </span>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"section-help\">\n            <span class=\"section-help__label\">Entenda:</span>\n            <button\n              mat-icon-button\n              class=\"help-icon-button\"\n              type=\"button\"\n              [matTooltip]=\"'Ajustes aplicam somente ao Modo Apresenta\u00E7\u00E3o e s\u00E3o salvos por formul\u00E1rio (via CSS/Classes).'\"\n              matTooltipPosition=\"above\"\n            >\n              <mat-icon>help_outline</mat-icon>\n            </button>\n          </div>\n        </mat-card-content>\n      </mat-card>\n    </div>\n  </mat-tab>\n  <mat-tab label=\"Comportamento\">\n    <div class=\"tab-content\" data-testid=\"config-tab-panel-comportamento\">\n      <mat-card class=\"section-card\">\n        <mat-card-content>\n          <div class=\"section-header\">\n            <div>\n              <h3>Comportamento</h3>\n              <p class=\"text-caption\">Ajuste valida\u00E7\u00F5es e respostas do formul\u00E1rio.</p>\n            </div>\n          </div>\n          <praxis-behavior-editor [config]=\"editedConfig\" (configChange)=\"onConfigChange($event)\"></praxis-behavior-editor>\n        </mat-card-content>\n      </mat-card>\n    </div>\n  </mat-tab>\n  <mat-tab label=\"Dicas e Tooltips\">\n    <div class=\"tab-content tab-content--dense\" data-testid=\"config-tab-panel-hints\">\n      <mat-card class=\"section-card\">\n        <mat-card-content>\n          <div class=\"section-header\">\n            <div>\n              <h3>Dicas dos modos</h3>\n              <p class=\"text-caption\">Personalize textos de apoio para modos de dados e estados de UI.</p>\n            </div>\n          </div>\n          <p class=\"text-caption\">Personalize os textos usados como tooltip/hint para modos de dados e modos globais de\n            UI.</p>\n\n          <div class=\"grid-2-cols grid-2-cols--compact\">\n            <section>\n              <h4>Modos de dados</h4>\n              <mat-form-field appearance=\"fill\" class=\"w-100\">\n                <mat-label>Criar</mat-label>\n                <input matInput [(ngModel)]=\"editedConfig.hints!.dataModes.create\"\n                  (ngModelChange)=\"updateDirtyState('hints-data-create')\" placeholder=\"Ex.: Preencha os campos obrigat\u00F3rios.\" />\n              </mat-form-field>\n              <mat-form-field appearance=\"fill\" class=\"w-100\">\n                <mat-label>Editar</mat-label>\n                <input matInput [(ngModel)]=\"editedConfig.hints!.dataModes.edit\"\n                  (ngModelChange)=\"updateDirtyState('hints-data-edit')\" placeholder=\"Ex.: Revise os dados antes de salvar.\" />\n              </mat-form-field>\n              <mat-form-field appearance=\"fill\" class=\"w-100\">\n                <mat-label>Visualizar</mat-label>\n                <input matInput [(ngModel)]=\"editedConfig.hints!.dataModes.view\"\n                  (ngModelChange)=\"updateDirtyState('hints-data-view')\" placeholder=\"Ex.: Visualiza\u00E7\u00E3o somente leitura.\" />\n              </mat-form-field>\n            </section>\n\n            <section>\n              <h4>Modos de UI</h4>\n              <mat-form-field appearance=\"fill\" class=\"w-100\">\n                <mat-label>Apresenta\u00E7\u00E3o</mat-label>\n                <textarea matInput rows=\"2\" [(ngModel)]=\"editedConfig.hints!.uiModes.presentation\"\n                  (ngModelChange)=\"updateDirtyState('hints-ui-presentation')\" placeholder=\"Ex.: Modo compacto para leitura r\u00E1pida.\"></textarea>\n              </mat-form-field>\n              <mat-form-field appearance=\"fill\" class=\"w-100\">\n                <mat-label>Leitura (readonly)</mat-label>\n                <textarea matInput rows=\"2\" [(ngModel)]=\"editedConfig.hints!.uiModes.readonly\"\n                  (ngModelChange)=\"updateDirtyState('hints-ui-readonly')\" placeholder=\"Ex.: Campos bloqueados para edi\u00E7\u00E3o.\"></textarea>\n              </mat-form-field>\n              <mat-form-field appearance=\"fill\" class=\"w-100\">\n                <mat-label>Desabilitado</mat-label>\n                <textarea matInput rows=\"2\" [(ngModel)]=\"editedConfig.hints!.uiModes.disabled\"\n                  (ngModelChange)=\"updateDirtyState('hints-ui-disabled')\" placeholder=\"Ex.: Fun\u00E7\u00E3o indispon\u00EDvel no momento.\"></textarea>\n              </mat-form-field>\n              <mat-form-field appearance=\"fill\" class=\"w-100\">\n                <mat-label>Vis\u00EDvel</mat-label>\n                <textarea matInput rows=\"2\" [(ngModel)]=\"editedConfig.hints!.uiModes.visible\"\n                  (ngModelChange)=\"updateDirtyState('hints-ui-visible')\" placeholder=\"Ex.: Campo exibido conforme permiss\u00F5es.\"></textarea>\n              </mat-form-field>\n            </section>\n          </div>\n\n          <div class=\"actions-row\">\n            <button mat-stroked-button color=\"primary\" type=\"button\" (click)=\"restoreHintsDefaults()\">\n              <mat-icon>restore</mat-icon>\n              Restaurar padr\u00F5es\n            </button>\n          </div>\n        </mat-card-content>\n      </mat-card>\n    </div>\n  </mat-tab>\n  <mat-tab label=\"A\u00E7\u00F5es\">\n    <div class=\"tab-content\" data-testid=\"config-tab-panel-acoes\">\n      <mat-card class=\"section-card\">\n        <mat-card-content>\n          <div class=\"section-header\">\n            <div>\n              <h3>A\u00E7\u00F5es do formul\u00E1rio</h3>\n              <p class=\"text-caption\">Configure bot\u00F5es padr\u00E3o e a\u00E7\u00F5es customizadas.</p>\n            </div>\n          </div>\n          <praxis-actions-editor [config]=\"editedConfig\" (configChange)=\"onConfigChange($event)\"></praxis-actions-editor>\n        </mat-card-content>\n      </mat-card>\n    </div>\n  </mat-tab>\n  <mat-tab label=\"Regras\">\n    <div class=\"tab-content visual-builder-content\" data-testid=\"config-tab-panel-regras\">\n      <div class=\"builder-header\">\n        <div>\n          <h3>Regras visuais</h3>\n          <p class=\"text-caption\">Defina visibilidade, estilos e rea\u00E7\u00F5es baseadas em condi\u00E7\u00F5es.</p>\n        </div>\n      </div>\n      <praxis-visual-builder [config]=\"ruleBuilderConfig\" [initialRules]=\"ruleBuilderState\"\n        (rulesChanged)=\"onRulesChanged($event)\"></praxis-visual-builder>\n    </div>\n  </mat-tab>\n  <mat-tab label=\"Cascatas\">\n    <div class=\"tab-content\" data-testid=\"config-tab-panel-cascatas\">\n      <mat-card class=\"section-card\">\n        <mat-card-content>\n          <div class=\"section-header\">\n            <div>\n              <h3>Depend\u00EAncias entre campos</h3>\n              <p class=\"text-caption\">Configure cascatas e carregamento entre campos.</p>\n            </div>\n          </div>\n          <praxis-cascade-manager-tab [fields]=\"editedConfig.fieldMetadata || []\"\n            (apply)=\"onCascadeApply($event)\"></praxis-cascade-manager-tab>\n        </mat-card-content>\n      </mat-card>\n    </div>\n  </mat-tab>\n  <mat-tab label=\"Mensagens\">\n    <div class=\"tab-content\" data-testid=\"config-tab-panel-mensagens\">\n      <mat-card class=\"section-card\">\n        <mat-card-content>\n          <div class=\"section-header\">\n            <div>\n              <h3>Mensagens e feedback</h3>\n              <p class=\"text-caption\">Padronize textos de sucesso, erro e confirma\u00E7\u00F5es.</p>\n            </div>\n          </div>\n          <praxis-messages-editor [config]=\"editedConfig\" (configChange)=\"onConfigChange($event)\"></praxis-messages-editor>\n        </mat-card-content>\n      </mat-card>\n    </div>\n  </mat-tab>\n  <mat-tab label=\"Navega\u00E7\u00E3o\">\n    <div class=\"tab-content\" data-testid=\"config-tab-panel-navegacao\">\n      <mat-card class=\"section-card\">\n        <mat-card-content>\n          <div class=\"section-header\">\n            <div>\n              <h3>Navega\u00E7\u00E3o de retorno</h3>\n              <p class=\"text-caption\">Defina o comportamento do bot\u00E3o Voltar em fluxos CRUD.</p>\n            </div>\n          </div>\n          <div class=\"form-grid\">\n            <div class=\"form-row\">\n              <mat-form-field appearance=\"fill\" class=\"w-100\">\n                <mat-label>Rota de retorno</mat-label>\n                <input matInput id=\"returnTo\" [(ngModel)]=\"backConfig!.returnTo\" (ngModelChange)=\"onBackConfigChange()\" placeholder=\"/funcionarios\" />\n              </mat-form-field>\n            </div>\n            <div class=\"form-row\">\n              <mat-slide-toggle [(ngModel)]=\"backConfig!.confirmOnDirty\" (ngModelChange)=\"onBackConfigChange()\">\n                Confirmar ao sair com altera\u00E7\u00F5es\n              </mat-slide-toggle>\n            </div>\n            <div class=\"block-status\" [class.block-status--implicit]=\"!isBackConfigBlockPersisted()\">\n              <strong>Back Config</strong>\n              <span *ngIf=\"isBackConfigBlockPersisted(); else backConfigMissing\">`contextSnapshot.backConfig` ser\u00E1 persistido no documento can\u00F4nico.</span>\n              <ng-template #backConfigMissing>Bloco ausente no documento can\u00F4nico. Os valores exibidos s\u00E3o fallback visual e n\u00E3o ser\u00E3o salvos at\u00E9 voc\u00EA editar.</ng-template>\n            </div>\n          </div>\n          <div class=\"section-help\">\n            <span class=\"section-help__label\">Observa\u00E7\u00E3o:</span>\n            <button\n              mat-icon-button\n              class=\"help-icon-button\"\n              type=\"button\"\n              [matTooltip]=\"'Afeta o fluxo de navega\u00E7\u00E3o do CRUD e pode ser sobreposto por metadados do recurso.'\"\n              matTooltipPosition=\"above\"\n            >\n              <mat-icon>help_outline</mat-icon>\n            </button>\n          </div>\n        </mat-card-content>\n      </mat-card>\n    </div>\n  </mat-tab>\n  <mat-tab label=\"JSON\">\n    <div class=\"tab-content\" data-testid=\"config-tab-panel-json\">\n      <mat-card class=\"section-card\">\n        <mat-card-content>\n          <div class=\"section-header\">\n            <div>\n              <h3>Configura\u00E7\u00E3o JSON</h3>\n              <p class=\"text-caption\">Edi\u00E7\u00E3o avan\u00E7ada do documento can\u00F4nico de autoria do formul\u00E1rio.</p>\n            </div>\n          </div>\n          <form-json-config-editor [document]=\"jsonDocument\" (documentChange)=\"onJsonConfigChange($event)\"\n            (validationChange)=\"onJsonValidationChange($event)\" (editorEvent)=\"onJsonEditorEvent($event)\">\n          </form-json-config-editor>\n        </mat-card-content>\n      </mat-card>\n    </div>\n  </mat-tab>\n</mat-tab-group>\n", styles: [":host{display:block;height:100%}.config-tabs{height:100%}::ng-deep .mat-mdc-tab-group.config-tabs{display:flex;flex-direction:column}::ng-deep .mat-mdc-tab-group.config-tabs .mat-mdc-tab-body-wrapper{flex:1;min-height:0}::ng-deep .mat-mdc-tab-group.config-tabs .mat-mdc-tab-body-content{height:100%;overflow:auto;display:flex;flex-direction:column;padding:0!important}.tab-content{padding:16px 20px 20px;flex:1}.form-row{display:block;margin-bottom:12px}.form-grid{display:grid;gap:12px}.section-help{display:inline-flex;align-items:center;gap:8px;color:var(--md-sys-color-on-surface-variant);font-size:12px}.section-help__label{font-weight:500}.help-icon-button{--mdc-icon-button-state-layer-size: 28px;--mdc-icon-button-icon-size: 18px;width:28px;height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center}.help-icon-button mat-icon{font-size:18px;width:18px;height:18px}.grid-2-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.grid-2-cols--compact{gap:12px}.w-100{width:100%}.visual-builder-content{padding:0!important;height:100%;overflow:hidden;display:flex;flex-direction:column}.visual-builder-content>praxis-visual-builder{flex:1;min-height:0}.json-field{width:100%}.presentation-layout{display:flex;gap:20px;align-items:flex-start}.presentation-controls{flex:1 1 60%;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px 18px}.control{display:flex;flex-direction:column}.control-span{grid-column:1/-1}.block-status{grid-column:1/-1;display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--md-sys-color-primary-container) 35%,transparent);color:var(--md-sys-color-on-surface);font-size:12px;line-height:1.45}.block-status strong{min-width:112px;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--md-sys-color-on-surface-variant)}.block-status--implicit{background:color-mix(in srgb,var(--md-sys-color-surface-variant) 42%,transparent);border:1px dashed var(--md-sys-color-outline)}.block-status--readonly{margin-bottom:12px}.block-status code{font-family:var(--md-ref-typeface-mono, \"Courier New\", monospace);font-size:11px}.control__label{font-size:12px;color:var(--md-sys-color-on-surface-variant);margin-bottom:6px}.toggle-group{width:100%}.control--inline{grid-column:1/-1;display:flex;gap:16px;align-items:center}.presentation-preview{flex:0 0 360px;position:sticky;top:16px}.preview-card{border:1px solid var(--md-sys-color-outline);border-radius:12px;padding:14px;background:var(--md-sys-color-surface-container)}.preview-row{display:flex;gap:8px;padding:6px 0;border-bottom:1px dashed var(--md-sys-color-outline-variant)}.preview-row:last-child{border-bottom:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.presentation-preview .praxis-presentation__label{color:var(--md-sys-color-on-surface-variant)}.presentation-preview .praxis-presentation__value{color:var(--md-sys-color-on-surface)}.presentation-preview .presentation-mode.pres-density-cozy .preview-row{padding:6px 0}.presentation-preview .presentation-mode.pres-density-compact .preview-row,.presentation-preview .presentation-mode.pres-compact .preview-row{padding:2px 0}.presentation-preview .presentation-mode.pres-label-left .preview-row{display:grid;grid-template-columns:var(--pfx-pres-label-width, 140px) 1fr;align-items:baseline;column-gap:10px}.presentation-preview .presentation-mode.pres-label-left .praxis-presentation__label{margin:0;text-align:var(--pfx-pres-label-align, start)}.presentation-preview .presentation-mode .praxis-presentation__value{text-align:var(--pfx-pres-value-align, start)}.presentation-preview h4{margin:0 0 8px;color:var(--md-sys-color-on-surface);font-size:1rem}.section-card{border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container);box-shadow:var(--md-sys-elevation-level1, none)}.section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.tab-content--dense{padding:12px 16px 16px}.tab-content--dense .section-header,.tab-content--dense .form-row{margin-bottom:8px}.section-header h3{margin:0;font-size:1.05rem;color:var(--md-sys-color-on-surface)}.text-caption{margin:6px 0 0;font-size:.9rem;color:var(--md-sys-color-on-surface-variant)}.section-header--compact{margin-bottom:8px}.section-body{display:block}.section-body--flex{flex:1;min-height:0;display:flex;flex-direction:column}.builder-header{padding:12px 16px;border-bottom:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface)}.builder-header h3{margin:0;font-size:1rem;color:var(--md-sys-color-on-surface)}.hint{margin:8px 0 0;padding:10px 12px;border-radius:10px;border:1px dashed var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface-variant)}.meta-card{display:grid;gap:6px;padding:10px 12px;border-radius:10px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface)}.meta-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.9rem;color:var(--md-sys-color-on-surface-variant)}.meta-row strong{color:var(--md-sys-color-on-surface);font-weight:600}.runtime-contract-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.runtime-contract-field{display:grid;gap:6px;padding:12px;border-radius:10px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface)}.runtime-contract-label{font-size:12px;color:var(--md-sys-color-on-surface-variant)}.runtime-contract-code{display:block;font-family:var(--md-ref-typeface-mono, \"Courier New\", monospace);font-size:12px;line-height:1.45;color:var(--md-sys-color-on-surface);word-break:break-word;white-space:normal}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.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$3.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i7$3.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i7$3.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: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i8.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i8.MatCardContent, selector: "mat-card-content" }, { 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: "component", type: i4.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i6$3.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: i6$3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i7$1.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: MatCheckboxModule }, { kind: "component", type: i12$1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i6$2.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: MatButtonToggleModule }, { kind: "directive", type: i7$2.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled", "disabledInteractive", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i7$2.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled", "disabledInteractive"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i9.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: JsonConfigEditorComponent, selector: "form-json-config-editor", inputs: ["config", "document"], outputs: ["configChange", "documentChange", "validationChange", "editorEvent"] }, { kind: "component", type: LayoutEditorComponent, selector: "praxis-layout-editor", inputs: ["config"], outputs: ["configChange", "select"] }, { kind: "component", type: BehaviorEditorComponent, selector: "praxis-behavior-editor", inputs: ["config"], outputs: ["configChange"] }, { kind: "component", type: ActionsEditorComponent$1, selector: "praxis-actions-editor", inputs: ["config"], outputs: ["configChange"] }, { kind: "component", type: MessagesEditorComponent, selector: "praxis-messages-editor", inputs: ["config"], outputs: ["configChange"] }, { kind: "component", type: HooksEditorComponent, selector: "praxis-hooks-editor", inputs: ["config"], outputs: ["configChange"] }, { kind: "component", type: PraxisVisualBuilder, selector: "praxis-visual-builder", inputs: ["config", "initialRules"], outputs: ["rulesChanged", "exportRequested", "importRequested"] }, { kind: "component", type: CascadeManagerTabComponent, selector: "praxis-cascade-manager-tab", inputs: ["fields", "connections"], outputs: ["apply", "cancel"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisDynamicFormConfigEditor, decorators: [{
@@ -19719,6 +19737,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                     args: [ASYNC_CONFIG_STORAGE]
                 }] }, { type: FormConfigService }, { type: i7.SettingsPanelService }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
                     type: Optional
+                }, {
+                    type: Inject,
+                    args: [GLOBAL_ACTION_CATALOG]
+                }] }, { type: undefined, decorators: [{
+                    type: Optional
                 }, {
                     type: Inject,
                     args: [SETTINGS_PANEL_DATA]
@@ -20087,6 +20110,7 @@ const PRAXIS_DYNAMIC_FORM_COMPONENT_METADATA = {
     inputs: [
         { name: 'resourcePath', type: 'string', label: 'Recurso', description: 'Recurso base para CRUD/schemas' },
         { name: 'resourceId', type: 'string | number', label: 'ID do Registro', description: 'Identificador do registro' },
+        { name: 'initialValue', type: 'Record<string, unknown> | null', label: 'Valor inicial', description: 'Valores iniciais locais aplicados antes da interacao do usuario' },
         { name: 'editorialContext', type: 'Record<string, unknown> | null', label: 'Contexto editorial', description: 'Contexto compartilhado usado para resolver bindings do rich content hospedado no form' },
         { name: 'mode', type: "'create' | 'edit' | 'view'", default: 'create', label: 'Modo', description: 'Modo do formulario' },
         {
@@ -20533,9 +20557,7 @@ class SectionEditorComponent {
     isBusy$ = new BehaviorSubject(false);
     globalActionCatalogSource = inject(GLOBAL_ACTION_CATALOG, { optional: true }) ?? [];
     i18n = inject(PraxisI18nService);
-    legacyActionSpecs = GLOBAL_ACTION_SPEC_CATALOG;
     globalActionCatalog = buildGlobalActionCatalog({
-        legacySpecs: this.legacyActionSpecs,
         injectedCatalog: getGlobalActionCatalog(this.globalActionCatalogSource),
         fallbackCatalog: PRAXIS_GLOBAL_ACTION_CATALOG,
         mapCatalogEntry: (entry) => this.mapCatalogEntryToActionSpec(entry),
@@ -20642,63 +20664,66 @@ class SectionEditorComponent {
     getHeaderActionSpecById(id) {
         return this.globalActionCatalog.find((item) => item.id === id);
     }
-    getHeaderActionSelectValue(value) {
-        const parsed = parseActionValue(value, this.globalActionCatalog, this.customActionValue);
-        return parsed.isGlobal ? parsed.id : this.customActionValue;
+    getHeaderActionSelectValue(value, globalAction) {
+        return globalAction?.actionId || this.customActionValue;
     }
-    getHeaderActionParam(value) {
-        const parsed = parseActionValue(value, this.globalActionCatalog, this.customActionValue);
-        return parsed.isGlobal ? parsed.param : '';
+    getHeaderActionParam(value, globalAction) {
+        const payload = globalAction?.payload;
+        if (payload === undefined || payload === null)
+            return '';
+        return typeof payload === 'string' ? payload : JSON.stringify(payload, null, 2);
     }
-    getHeaderActionCustomValue(value) {
-        const parsed = parseActionValue(value, this.globalActionCatalog, this.customActionValue);
-        return parsed.isGlobal ? '' : parsed.raw;
+    getHeaderActionCustomValue(value, globalAction) {
+        return globalAction ? '' : value || '';
     }
-    getHeaderGlobalActionSchema(value) {
-        const parsed = parseActionValue(value, this.globalActionCatalog, this.customActionValue);
-        if (!parsed.isGlobal)
-            return undefined;
-        return getGlobalActionUiSchema(parsed.id);
+    getHeaderGlobalActionSchema(value, globalAction) {
+        return getGlobalActionUiSchema(globalAction?.actionId);
     }
-    getHeaderSurfaceOpenActionPayload(value) {
-        const info = getActionParamInfo(value, this.globalActionCatalog, this.customActionValue);
-        const payload = info.isJson && info.json && typeof info.json === 'object' && !Array.isArray(info.json)
-            ? info.json
-            : undefined;
-        return normalizeSurfaceOpenPayload(payload);
+    getHeaderSurfaceOpenActionPayload(value, globalAction) {
+        return normalizeSurfaceOpenPayload(globalAction?.payload);
     }
-    isHeaderActionParamMissing(value) {
-        return isRequiredParamMissing(value, this.globalActionCatalog, this.customActionValue);
+    isHeaderActionParamMissing(value, globalAction) {
+        return isRequiredParamMissing(globalAction, this.globalActionCatalog);
     }
     onHeaderActionSelectChange(index, value) {
         const group = this.headerActionsArray.at(index);
         if (!group)
             return;
-        const currentValue = String(group.get('action')?.value || '');
         if (value === this.customActionValue) {
-            const parsed = parseActionValue(currentValue, this.globalActionCatalog, this.customActionValue);
-            if (parsed.isGlobal) {
-                group.get('action')?.setValue('');
-            }
+            group.get('globalAction')?.setValue(undefined);
             return;
         }
-        const parsed = parseActionValue(currentValue, this.globalActionCatalog, this.customActionValue);
-        const param = parsed.isGlobal && parsed.id === value ? parsed.param : '';
-        group.get('action')?.setValue(param ? `${value}:${param}` : value);
+        const current = group.get('globalAction')?.value;
+        const payload = current?.actionId === value ? current.payload : undefined;
+        group.get('globalAction')?.setValue(payload !== undefined ? { actionId: value, payload } : { actionId: value });
+        group.get('action')?.setValue('');
     }
     onHeaderActionParamChange(index, value) {
         const group = this.headerActionsArray.at(index);
         if (!group)
             return;
-        const parsed = parseActionValue(String(group.get('action')?.value || ''), this.globalActionCatalog, this.customActionValue);
-        const id = parsed.isGlobal ? parsed.id : '';
-        group.get('action')?.setValue(id ? (value ? `${id}:${value}` : id) : value);
+        const current = group.get('globalAction')?.value;
+        const id = current?.actionId;
+        if (!id)
+            return;
+        const trimmed = String(value || '').trim();
+        if (!trimmed) {
+            group.get('globalAction')?.setValue({ actionId: id });
+            return;
+        }
+        try {
+            group.get('globalAction')?.setValue({ actionId: id, payload: JSON.parse(trimmed) });
+        }
+        catch {
+            group.get('globalAction')?.setValue({ actionId: id, payload: trimmed });
+        }
     }
     onHeaderActionCustomChange(index, value) {
         const group = this.headerActionsArray.at(index);
         if (!group)
             return;
         group.get('action')?.setValue(value);
+        group.get('globalAction')?.setValue(undefined);
     }
     async pickHeaderActionIcon(index) {
         const group = this.headerActionsArray.at(index);
@@ -20791,7 +20816,11 @@ class SectionEditorComponent {
         const group = this.headerActionsArray.at(index);
         if (!group)
             return;
-        group.get('action')?.setValue(`surface.open:${JSON.stringify(normalizeSurfaceOpenPayload(payload))}`);
+        group.get('globalAction')?.setValue({
+            actionId: 'surface.open',
+            payload: normalizeSurfaceOpenPayload(payload),
+        });
+        group.get('action')?.setValue('');
     }
     async pickIcon() {
         const current = this.form.value.icon;
@@ -21009,6 +21038,7 @@ class SectionEditorComponent {
             label: [action?.label ?? ''],
             icon: [action?.icon ?? ''],
             action: [action?.action ?? ''],
+            globalAction: [action?.globalAction],
             tooltip: [action?.tooltip ?? ''],
             color: [action?.color ?? ''],
             visible: [action?.visible ?? true],
@@ -21052,6 +21082,7 @@ class SectionEditorComponent {
                 icon,
             };
             const action = this.normalizeOptionalString(item?.action);
+            const globalAction = this.normalizeHeaderGlobalAction(item?.globalAction);
             const tooltip = this.normalizeOptionalString(item?.tooltip);
             const normalizedColor = color === 'primary' ||
                 color === 'accent' ||
@@ -21061,8 +21092,12 @@ class SectionEditorComponent {
                 : undefined;
             const className = this.normalizeOptionalString(item?.className);
             const style = this.parseHeaderActionStyle(item?.styleJson ?? item?.style);
-            if (action !== undefined)
+            if (globalAction !== undefined) {
+                nextAction.globalAction = globalAction;
+            }
+            else if (action !== undefined) {
                 nextAction.action = action;
+            }
             if (tooltip !== undefined)
                 nextAction.tooltip = tooltip;
             if (normalizedColor !== undefined)
@@ -21105,6 +21140,15 @@ class SectionEditorComponent {
         }
         return spec?.description || '';
     }
+    normalizeHeaderGlobalAction(value) {
+        if (!value || typeof value !== 'object')
+            return undefined;
+        const actionId = this.normalizeOptionalString(value.actionId);
+        if (!actionId || !isGlobalActionId(actionId, this.globalActionCatalog))
+            return undefined;
+        const payload = value.payload;
+        return payload === undefined ? { actionId } : { actionId, payload };
+    }
     headerActionStyleValidator = (control) => {
         const rawValue = control.value;
         if (rawValue === null || rawValue === undefined || rawValue === '') {
@@ -21464,7 +21508,7 @@ class SectionEditorComponent {
                   <mat-form-field appearance="fill">
                     <mat-label>{{ tx('headerActions.fields.action', 'Ação') }}</mat-label>
                     <mat-select
-                      [ngModel]="getHeaderActionSelectValue(actionGroup.get('action')?.value)"
+                      [ngModel]="getHeaderActionSelectValue(actionGroup.get('action')?.value, actionGroup.get('globalAction')?.value)"
                       (ngModelChange)="onHeaderActionSelectChange(index, $event)"
                       [ngModelOptions]="{ standalone: true }"
                     >
@@ -21488,23 +21532,23 @@ class SectionEditorComponent {
                     </button>
                   </mat-form-field>
 
-                  @if (getHeaderActionSelectValue(actionGroup.get('action')?.value) === customActionValue) {
+                  @if (getHeaderActionSelectValue(actionGroup.get('action')?.value, actionGroup.get('globalAction')?.value) === customActionValue) {
                   <mat-form-field appearance="fill">
                     <mat-label>{{ tx('headerActions.fields.customAction', 'Action customizada') }}</mat-label>
                     <input
                       matInput
-                      [ngModel]="getHeaderActionCustomValue(actionGroup.get('action')?.value)"
+                      [ngModel]="getHeaderActionCustomValue(actionGroup.get('action')?.value, actionGroup.get('globalAction')?.value)"
                       (ngModelChange)="onHeaderActionCustomChange(index, $event)"
                       [ngModelOptions]="{ standalone: true }"
                       [placeholder]="tx('headerActions.placeholders.action', 'Opcional. Se vazio, usa o ID')"
                     />
                   </mat-form-field>
-                  } @else if (getHeaderActionSpecById(getHeaderActionSelectValue(actionGroup.get('action')?.value)); as actionSpec) {
-                    @if (getHeaderGlobalActionSchema(actionGroup.get('action')?.value); as schema) {
+                  } @else if (getHeaderActionSpecById(getHeaderActionSelectValue(actionGroup.get('action')?.value, actionGroup.get('globalAction')?.value)); as actionSpec) {
+                    @if (getHeaderGlobalActionSchema(actionGroup.get('action')?.value, actionGroup.get('globalAction')?.value); as schema) {
                       @if (schema.editorMode === 'surface-open') {
                   <div class="row-1">
                     <praxis-surface-open-action-editor
-                      [value]="getHeaderSurfaceOpenActionPayload(actionGroup.get('action')?.value)"
+                      [value]="getHeaderSurfaceOpenActionPayload(actionGroup.get('action')?.value, actionGroup.get('globalAction')?.value)"
                       hostKind="form"
                       (valueChange)="onHeaderSurfaceOpenActionPayloadChange(index, $event)"
                     ></praxis-surface-open-action-editor>
@@ -21514,7 +21558,7 @@ class SectionEditorComponent {
                     <mat-label>{{ actionSpec.param.label || tx('headerActions.fields.actionParam', 'Parâmetro') }}</mat-label>
                     <input
                       matInput
-                      [ngModel]="getHeaderActionParam(actionGroup.get('action')?.value)"
+                      [ngModel]="getHeaderActionParam(actionGroup.get('action')?.value, actionGroup.get('globalAction')?.value)"
                       (ngModelChange)="onHeaderActionParamChange(index, $event)"
                       [ngModelOptions]="{ standalone: true }"
                       [placeholder]="actionSpec.param.placeholder || ''"
@@ -21523,7 +21567,7 @@ class SectionEditorComponent {
                     @if (actionSpec.param.hint) {
                     <mat-hint>{{ actionSpec.param.hint }}</mat-hint>
                     }
-                    @if (actionSpec.param.required && isHeaderActionParamMissing(actionGroup.get('action')?.value)) {
+                    @if (actionSpec.param.required && isHeaderActionParamMissing(actionGroup.get('action')?.value, actionGroup.get('globalAction')?.value)) {
                     <mat-error>{{ tx('headerActions.validation.parameterRequired', 'Parâmetro obrigatório.') }}</mat-error>
                     }
                   </mat-form-field>
@@ -21533,7 +21577,7 @@ class SectionEditorComponent {
                     <mat-label>{{ actionSpec.param.label || tx('headerActions.fields.actionParam', 'Parâmetro') }}</mat-label>
                     <input
                       matInput
-                      [ngModel]="getHeaderActionParam(actionGroup.get('action')?.value)"
+                      [ngModel]="getHeaderActionParam(actionGroup.get('action')?.value, actionGroup.get('globalAction')?.value)"
                       (ngModelChange)="onHeaderActionParamChange(index, $event)"
                       [ngModelOptions]="{ standalone: true }"
                       [placeholder]="actionSpec.param.placeholder || ''"
@@ -21542,7 +21586,7 @@ class SectionEditorComponent {
                     @if (actionSpec.param.hint) {
                     <mat-hint>{{ actionSpec.param.hint }}</mat-hint>
                     }
-                    @if (actionSpec.param.required && isHeaderActionParamMissing(actionGroup.get('action')?.value)) {
+                    @if (actionSpec.param.required && isHeaderActionParamMissing(actionGroup.get('action')?.value, actionGroup.get('globalAction')?.value)) {
                     <mat-error>{{ tx('headerActions.validation.parameterRequired', 'Parâmetro obrigatório.') }}</mat-error>
                     }
                   </mat-form-field>
@@ -21555,7 +21599,7 @@ class SectionEditorComponent {
                   </mat-form-field>
                 </div>
 
-                @if (getHeaderActionSelectValue(actionGroup.get('action')?.value) !== customActionValue) {
+                @if (getHeaderActionSelectValue(actionGroup.get('action')?.value, actionGroup.get('globalAction')?.value) !== customActionValue) {
                 <div class="header-action-callout">
                   <div class="header-action-callout-title">
                     {{ tx('headerActions.callout.globalTitle', 'Ação global do app') }}
@@ -22136,7 +22180,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                   <mat-form-field appearance="fill">
                     <mat-label>{{ tx('headerActions.fields.action', 'Ação') }}</mat-label>
                     <mat-select
-                      [ngModel]="getHeaderActionSelectValue(actionGroup.get('action')?.value)"
+                      [ngModel]="getHeaderActionSelectValue(actionGroup.get('action')?.value, actionGroup.get('globalAction')?.value)"
                       (ngModelChange)="onHeaderActionSelectChange(index, $event)"
                       [ngModelOptions]="{ standalone: true }"
                     >
@@ -22160,23 +22204,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                     </button>
                   </mat-form-field>
 
-                  @if (getHeaderActionSelectValue(actionGroup.get('action')?.value) === customActionValue) {
+                  @if (getHeaderActionSelectValue(actionGroup.get('action')?.value, actionGroup.get('globalAction')?.value) === customActionValue) {
                   <mat-form-field appearance="fill">
                     <mat-label>{{ tx('headerActions.fields.customAction', 'Action customizada') }}</mat-label>
                     <input
                       matInput
-                      [ngModel]="getHeaderActionCustomValue(actionGroup.get('action')?.value)"
+                      [ngModel]="getHeaderActionCustomValue(actionGroup.get('action')?.value, actionGroup.get('globalAction')?.value)"
                       (ngModelChange)="onHeaderActionCustomChange(index, $event)"
                       [ngModelOptions]="{ standalone: true }"
                       [placeholder]="tx('headerActions.placeholders.action', 'Opcional. Se vazio, usa o ID')"
                     />
                   </mat-form-field>
-                  } @else if (getHeaderActionSpecById(getHeaderActionSelectValue(actionGroup.get('action')?.value)); as actionSpec) {
-                    @if (getHeaderGlobalActionSchema(actionGroup.get('action')?.value); as schema) {
+                  } @else if (getHeaderActionSpecById(getHeaderActionSelectValue(actionGroup.get('action')?.value, actionGroup.get('globalAction')?.value)); as actionSpec) {
+                    @if (getHeaderGlobalActionSchema(actionGroup.get('action')?.value, actionGroup.get('globalAction')?.value); as schema) {
                       @if (schema.editorMode === 'surface-open') {
                   <div class="row-1">
                     <praxis-surface-open-action-editor
-                      [value]="getHeaderSurfaceOpenActionPayload(actionGroup.get('action')?.value)"
+                      [value]="getHeaderSurfaceOpenActionPayload(actionGroup.get('action')?.value, actionGroup.get('globalAction')?.value)"
                       hostKind="form"
                       (valueChange)="onHeaderSurfaceOpenActionPayloadChange(index, $event)"
                     ></praxis-surface-open-action-editor>
@@ -22186,7 +22230,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                     <mat-label>{{ actionSpec.param.label || tx('headerActions.fields.actionParam', 'Parâmetro') }}</mat-label>
                     <input
                       matInput
-                      [ngModel]="getHeaderActionParam(actionGroup.get('action')?.value)"
+                      [ngModel]="getHeaderActionParam(actionGroup.get('action')?.value, actionGroup.get('globalAction')?.value)"
                       (ngModelChange)="onHeaderActionParamChange(index, $event)"
                       [ngModelOptions]="{ standalone: true }"
                       [placeholder]="actionSpec.param.placeholder || ''"
@@ -22195,7 +22239,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                     @if (actionSpec.param.hint) {
                     <mat-hint>{{ actionSpec.param.hint }}</mat-hint>
                     }
-                    @if (actionSpec.param.required && isHeaderActionParamMissing(actionGroup.get('action')?.value)) {
+                    @if (actionSpec.param.required && isHeaderActionParamMissing(actionGroup.get('action')?.value, actionGroup.get('globalAction')?.value)) {
                     <mat-error>{{ tx('headerActions.validation.parameterRequired', 'Parâmetro obrigatório.') }}</mat-error>
                     }
                   </mat-form-field>
@@ -22205,7 +22249,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                     <mat-label>{{ actionSpec.param.label || tx('headerActions.fields.actionParam', 'Parâmetro') }}</mat-label>
                     <input
                       matInput
-                      [ngModel]="getHeaderActionParam(actionGroup.get('action')?.value)"
+                      [ngModel]="getHeaderActionParam(actionGroup.get('action')?.value, actionGroup.get('globalAction')?.value)"
                       (ngModelChange)="onHeaderActionParamChange(index, $event)"
                       [ngModelOptions]="{ standalone: true }"
                       [placeholder]="actionSpec.param.placeholder || ''"
@@ -22214,7 +22258,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                     @if (actionSpec.param.hint) {
                     <mat-hint>{{ actionSpec.param.hint }}</mat-hint>
                     }
-                    @if (actionSpec.param.required && isHeaderActionParamMissing(actionGroup.get('action')?.value)) {
+                    @if (actionSpec.param.required && isHeaderActionParamMissing(actionGroup.get('action')?.value, actionGroup.get('globalAction')?.value)) {
                     <mat-error>{{ tx('headerActions.validation.parameterRequired', 'Parâmetro obrigatório.') }}</mat-error>
                     }
                   </mat-form-field>
@@ -22227,7 +22271,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                   </mat-form-field>
                 </div>
 
-                @if (getHeaderActionSelectValue(actionGroup.get('action')?.value) !== customActionValue) {
+                @if (getHeaderActionSelectValue(actionGroup.get('action')?.value, actionGroup.get('globalAction')?.value) !== customActionValue) {
                 <div class="header-action-callout">
                   <div class="header-action-callout-title">
                     {{ tx('headerActions.callout.globalTitle', 'Ação global do app') }}
@@ -23591,6 +23635,12 @@ const FORM_COMPONENT_AI_CAPABILITIES = {
             valueKind: 'string',
             description: 'ID do registro atual (string ou number).',
         },
+        {
+            path: 'inputs.initialValue',
+            category: 'inputs',
+            valueKind: 'object',
+            description: 'Valores iniciais locais para campos host-authored ou complementares.',
+        },
         {
             path: 'inputs.mode',
             category: 'inputs',
@@ -23991,6 +24041,787 @@ const FORM_COMPONENT_AI_CAPABILITIES = {
     ],
 };
 
+/**
+ * Manifesto de authoring canônico para o componente praxis-dynamic-form.
+ * Este arquivo define as operações permitidas pela IA para editar formulários.
+ *
+ * @version 1.4.0
+ * @status COMPLIANT - Alinhado com contrato v2, gate de aceitação e semântica local/schema-backed.
+ */
+const PRAXIS_DYNAMIC_FORM_AUTHORING_MANIFEST = {
+    schemaVersion: '1.0.0',
+    componentId: 'praxis-dynamic-form',
+    ownerPackage: '@praxisui/dynamic-form',
+    configSchemaId: 'FormConfig',
+    manifestVersion: '1.4.0',
+    runtimeInputs: [
+        { name: 'config', type: 'FormConfig', description: 'Configuração completa do formulário' },
+        { name: 'resourcePath', type: 'string', description: 'Caminho do recurso (API)' },
+        { name: 'mode', type: 'string', allowedValues: ['create', 'edit', 'view'], description: 'Modo de operação' },
+        { name: 'enableCustomization', type: 'boolean', description: 'Habilita edição visual' }
+    ],
+    editableTargets: [
+        /**
+         * 'field' é o target genérico para operações de metadado (label, placeholder, etc.).
+         * Para distinguir schema-backed de local, use 'schemaBackedField' ou 'localField'.
+         */
+        { kind: 'field', resolver: 'field-by-name-or-label', description: 'Campos do formulário (metadados schema-backed ou local; use para ops de propriedade)' },
+        { kind: 'schemaBackedField', resolver: 'field-by-name-or-label', description: 'Campos com origem no schema do backend; não removíveis via authoring' },
+        { kind: 'localField', resolver: 'field-by-name', description: 'Campos locais com source:"local"; adicionados/removidos via authoring' },
+        { kind: 'section', resolver: 'section-by-id-or-title', description: 'Seções de layout identificadas por id estável' },
+        { kind: 'row', resolver: 'row-by-id-in-section', description: 'Linhas dentro de seções, identificadas por id estável' },
+        { kind: 'column', resolver: 'column-by-id-in-row', description: 'Colunas dentro de linhas, identificadas por id estável' },
+        /**
+         * 'layoutPlacement' representa a posição de um campo no layout (seção+linha+coluna).
+         * Usado conceitualmente por layout.field.move; declarado como target para futuras ops
+         * de reposicionamento granular (ex: layout.placement.swap).
+         */
+        { kind: 'layoutPlacement', resolver: 'layout-placement-by-field', description: 'Posicionamento de campo no layout; target para ops de reposicionamento' },
+        { kind: 'formAction', resolver: 'action-by-id-or-label', description: 'Ações da toolbar (submit, cancel, reset)' },
+        { kind: 'formRule', resolver: 'rule-by-id-or-name', description: 'Regras de visibilidade e validação' },
+        /**
+         * 'message' declara suporte a mensagens inline de formulário (info, warning, error).
+         * Declarado aqui para conformidade com o gate; ops de criação/remoção de messages
+         * serão adicionadas na próxima versão do manifesto.
+         */
+        { kind: 'message', resolver: 'message-by-id', description: 'Mensagens inline do formulário (info, warning, error); ops em desenvolvimento' }
+    ],
+    operations: [
+        // ─── FIELD PROPERTY OPERATIONS ───────────────────────────────────────────
+        {
+            operationId: 'field.label.set',
+            title: 'Alterar rótulo do campo',
+            scope: 'field',
+            targetKind: 'field',
+            target: { kind: 'field', resolver: 'field-by-name-or-label', ambiguityPolicy: 'fail', required: true },
+            inputSchema: {
+                type: 'object',
+                required: ['label'],
+                properties: { label: { type: 'string', minLength: 1 } }
+            },
+            effects: [{ kind: 'merge-by-key', path: 'fieldMetadata[]', key: 'name' }],
+            validators: ['field-exists'],
+            affectedPaths: ['fieldMetadata[].label'],
+            submissionImpact: false,
+            preconditions: ['config-initialized', 'target-exists']
+        },
+        {
+            operationId: 'field.placeholder.set',
+            title: 'Alterar placeholder do campo',
+            scope: 'field',
+            targetKind: 'field',
+            target: { kind: 'field', resolver: 'field-by-name-or-label', ambiguityPolicy: 'fail', required: true },
+            inputSchema: {
+                type: 'object',
+                required: ['placeholder'],
+                properties: { placeholder: { type: 'string' } }
+            },
+            effects: [{ kind: 'merge-by-key', path: 'fieldMetadata[]', key: 'name' }],
+            validators: ['field-exists'],
+            affectedPaths: ['fieldMetadata[].placeholder'],
+            submissionImpact: false,
+            preconditions: ['config-initialized', 'target-exists']
+        },
+        {
+            operationId: 'field.required.set',
+            title: 'Definir obrigatoriedade',
+            scope: 'field',
+            targetKind: 'field',
+            target: { kind: 'field', resolver: 'field-by-name-or-label', ambiguityPolicy: 'fail', required: true },
+            inputSchema: {
+                type: 'object',
+                required: ['required'],
+                properties: { required: { type: 'boolean' } }
+            },
+            effects: [{ kind: 'merge-by-key', path: 'fieldMetadata[]', key: 'name' }],
+            validators: ['field-exists'],
+            affectedPaths: ['fieldMetadata[].required'],
+            submissionImpact: false,
+            preconditions: ['config-initialized', 'target-exists']
+        },
+        {
+            operationId: 'field.readOnly.set',
+            title: 'Definir campo como somente leitura',
+            scope: 'field',
+            targetKind: 'field',
+            target: { kind: 'field', resolver: 'field-by-name-or-label', ambiguityPolicy: 'fail', required: true },
+            inputSchema: {
+                type: 'object',
+                required: ['readOnly'],
+                properties: { readOnly: { type: 'boolean' } }
+            },
+            effects: [{ kind: 'merge-by-key', path: 'fieldMetadata[]', key: 'name' }],
+            validators: ['field-exists'],
+            affectedPaths: ['fieldMetadata[].readOnly'],
+            submissionImpact: false,
+            preconditions: ['config-initialized', 'target-exists']
+        },
+        {
+            operationId: 'field.disabled.set',
+            title: 'Definir campo como desabilitado',
+            scope: 'field',
+            targetKind: 'field',
+            target: { kind: 'field', resolver: 'field-by-name-or-label', ambiguityPolicy: 'fail', required: true },
+            inputSchema: {
+                type: 'object',
+                required: ['disabled'],
+                properties: { disabled: { type: 'boolean' } }
+            },
+            effects: [{ kind: 'merge-by-key', path: 'fieldMetadata[]', key: 'name' }],
+            validators: ['field-exists'],
+            affectedPaths: ['fieldMetadata[].disabled'],
+            submissionImpact: false,
+            preconditions: ['config-initialized', 'target-exists']
+        },
+        {
+            operationId: 'field.hidden.set',
+            title: 'Definir visibilidade inicial',
+            scope: 'field',
+            targetKind: 'field',
+            target: { kind: 'field', resolver: 'field-by-name-or-label', ambiguityPolicy: 'fail', required: true },
+            inputSchema: {
+                type: 'object',
+                required: ['hidden'],
+                properties: { hidden: { type: 'boolean' } }
+            },
+            effects: [{ kind: 'merge-by-key', path: 'fieldMetadata[]', key: 'name' }],
+            validators: ['field-exists'],
+            affectedPaths: ['fieldMetadata[].hidden'],
+            submissionImpact: false,
+            preconditions: ['config-initialized', 'target-exists']
+        },
+        {
+            operationId: 'field.controlType.set',
+            title: 'Alterar tipo de controle',
+            scope: 'field',
+            targetKind: 'field',
+            target: { kind: 'field', resolver: 'field-by-name-or-label', ambiguityPolicy: 'fail', required: true },
+            inputSchema: {
+                type: 'object',
+                required: ['controlType'],
+                properties: { controlType: { type: 'string' } }
+            },
+            effects: [{ kind: 'merge-by-key', path: 'fieldMetadata[]', key: 'name' }],
+            destructive: true,
+            requiresConfirmation: true,
+            validators: ['field-exists', 'control-type-compatible'],
+            affectedPaths: ['fieldMetadata[].controlType'],
+            submissionImpact: false,
+            preconditions: ['config-initialized', 'target-exists']
+        },
+        {
+            operationId: 'field.optionSource.set',
+            title: 'Definir fonte de opções do campo',
+            scope: 'field',
+            targetKind: 'field',
+            target: { kind: 'field', resolver: 'field-by-name-or-label', ambiguityPolicy: 'fail', required: true },
+            inputSchema: {
+                type: 'object',
+                required: ['optionSource'],
+                properties: {
+                    optionSource: {
+                        type: 'object',
+                        required: ['type'],
+                        properties: {
+                            type: { enum: ['static', 'remote', 'context'] },
+                            items: { type: 'array', description: 'Opções estáticas (type: static)' },
+                            resourcePath: { type: 'string', description: 'URL da API (type: remote)' },
+                            contextKey: { type: 'string', description: 'Chave de contexto (type: context)' }
+                        },
+                        if: { properties: { type: { const: 'static' } } },
+                        then: { required: ['items'] },
+                        else: {
+                            if: { properties: { type: { const: 'remote' } } },
+                            then: { required: ['resourcePath'] },
+                            else: { required: ['contextKey'] }
+                        }
+                    }
+                }
+            },
+            effects: [{ kind: 'merge-by-key', path: 'fieldMetadata[]', key: 'name' }],
+            validators: ['field-exists', 'option-source-valid'],
+            affectedPaths: ['fieldMetadata[].optionSource'],
+            submissionImpact: false,
+            preconditions: ['config-initialized', 'target-exists']
+        },
+        // ─── LOCAL FIELD OPERATIONS ───────────────────────────────────────────────
+        {
+            operationId: 'field.local.add',
+            title: 'Adicionar campo local',
+            scope: 'global',
+            targetKind: 'localField',
+            target: { kind: 'localField', resolver: 'field-by-name', ambiguityPolicy: 'fail', required: false },
+            inputSchema: {
+                type: 'object',
+                required: ['name', 'label', 'controlType', 'source'],
+                properties: {
+                    name: { type: 'string' },
+                    label: { type: 'string' },
+                    controlType: { type: 'string' },
+                    /**
+                     * source:'local' é OBRIGATÓRIO e distingue campos locais de campos schema-backed.
+                     * O backend usa este discriminador para aplicar regras de ciclo de vida diferentes.
+                     */
+                    source: { const: 'local', description: 'Obrigatório. Discriminador que distingue campos locais de schema-backed.' },
+                    /**
+                     * transient:true significa que o valor não deve persistir entre navegações nem
+                     * ser incluído em snapshots. É independente de submitPolicy.
+                     */
+                    transient: { type: 'boolean', default: false, description: 'Se true, o valor não persiste entre navegações.' },
+                    /**
+                     * submitPolicy controla como o valor é tratado no payload de submissão.
+                     * VALORES VÁLIDOS: 'omit' | 'include' | 'includeWhenDirty'
+                     * NOTA: 'transient' NÃO é um valor válido aqui — use a propriedade transient:boolean acima.
+                     */
+                    submitPolicy: { enum: ['omit', 'include', 'includeWhenDirty'], default: 'omit' }
+                }
+            },
+            effects: [{ kind: 'append-unique', path: 'fieldMetadata[]', key: 'name' }],
+            validators: ['field-name-unique', 'local-schema-name-no-collision'],
+            affectedPaths: ['fieldMetadata[]'],
+            submissionImpact: true,
+            preconditions: ['config-initialized']
+        },
+        {
+            operationId: 'field.local.remove',
+            title: 'Remover campo local',
+            scope: 'field',
+            targetKind: 'localField',
+            target: { kind: 'localField', resolver: 'field-by-name', ambiguityPolicy: 'fail', required: true },
+            inputSchema: { type: 'object', properties: {} },
+            effects: [
+                { kind: 'remove-by-key', path: 'fieldMetadata[]', key: 'name' },
+                /**
+                 * Efeito cascata: remove a referência do campo de todos os slots de layout.
+                 * Sem isso, o layout mantém referências órfãs que causam erros de renderização.
+                 */
+                {
+                    kind: 'compile-domain-patch',
+                    handler: 'form-layout-field-cleanup',
+                    handlerContract: {
+                        reads: ['fieldMetadata[].name', 'sections[].rows[].columns[].fields'],
+                        writes: ['sections[].rows[].columns[].fields'],
+                        identityKeys: ['fieldMetadata[].name', 'sections[].id', 'sections[].rows[].id', 'sections[].rows[].columns[].id'],
+                        inputSchema: { type: 'object', required: ['target.name'], properties: { 'target.name': { type: 'string' } } },
+                        failureModes: ['target-field-not-found', 'target-field-not-local', 'layout-reference-conflict'],
+                        description: 'Remove every layout placement that references the removed local field by fieldMetadata[].name.'
+                    }
+                }
+            ],
+            destructive: true,
+            requiresConfirmation: true,
+            validators: ['field-exists', 'field-is-local'],
+            affectedPaths: ['fieldMetadata[]', 'sections[].rows[].columns[].fields'],
+            submissionImpact: true,
+            preconditions: ['config-initialized', 'target-exists']
+        },
+        {
+            operationId: 'field.submitPolicy.set',
+            title: 'Definir política de submissão do campo',
+            scope: 'field',
+            targetKind: 'localField',
+            target: { kind: 'localField', resolver: 'field-by-name', ambiguityPolicy: 'fail', required: true },
+            inputSchema: {
+                type: 'object',
+                required: ['submitPolicy'],
+                properties: {
+                    submitPolicy: { enum: ['omit', 'include', 'includeWhenDirty'] }
+                }
+            },
+            effects: [{ kind: 'merge-by-key', path: 'fieldMetadata[]', key: 'name' }],
+            validators: ['field-exists', 'field-is-local', 'editor-round-trip-preserve'],
+            affectedPaths: ['fieldMetadata[].submitPolicy'],
+            submissionImpact: true,
+            preconditions: ['config-initialized', 'target-exists']
+        },
+        // ─── LAYOUT OPERATIONS ────────────────────────────────────────────────────
+        {
+            operationId: 'layout.section.add',
+            title: 'Adicionar nova seção',
+            scope: 'global',
+            targetKind: 'section',
+            target: { kind: 'section', resolver: 'section-by-id-or-title', ambiguityPolicy: 'fail', required: false },
+            inputSchema: {
+                type: 'object',
+                required: ['id', 'title'],
+                properties: {
+                    id: { type: 'string' },
+                    title: { type: 'string' },
+                    icon: { type: 'string' },
+                    collapsible: { type: 'boolean' }
+                }
+            },
+            effects: [{ kind: 'append-unique', path: 'sections[]', key: 'id' }],
+            validators: ['section-id-unique'],
+            affectedPaths: ['sections[]'],
+            submissionImpact: false,
+            preconditions: ['config-initialized']
+        },
+        {
+            operationId: 'layout.section.remove',
+            title: 'Remover seção',
+            scope: 'section',
+            targetKind: 'section',
+            target: { kind: 'section', resolver: 'section-by-id-or-title', ambiguityPolicy: 'fail', required: true },
+            inputSchema: { type: 'object', properties: {} },
+            effects: [
+                { kind: 'remove-by-key', path: 'sections[]', key: 'id' },
+                /**
+                 * Cascata: remove todas as linhas, colunas e referências de campos da seção excluída.
+                 * Os registros em fieldMetadata NÃO são removidos — apenas as posições de layout.
+                 * O validator field-exists-in-layout sinalizará campos sem posição após esta operação.
+                 */
+                {
+                    kind: 'compile-domain-patch',
+                    handler: 'form-layout-section-cleanup',
+                    handlerContract: {
+                        reads: ['sections[].id', 'sections[].rows[].id', 'sections[].rows[].columns[].id', 'sections[].rows[].columns[].fields'],
+                        writes: ['sections[]'],
+                        identityKeys: ['sections[].id'],
+                        inputSchema: { type: 'object', required: ['target.id'], properties: { 'target.id': { type: 'string' } } },
+                        failureModes: ['target-section-not-found', 'ambiguous-section-target'],
+                        description: 'Removes the target section and its nested rows, columns, and field placements without deleting fieldMetadata records.'
+                    }
+                }
+            ],
+            destructive: true,
+            requiresConfirmation: true,
+            validators: ['section-exists'],
+            affectedPaths: ['sections[]', 'sections[].rows[]', 'sections[].rows[].columns[]', 'sections[].rows[].columns[].fields'],
+            submissionImpact: false,
+            preconditions: ['config-initialized', 'target-exists']
+        },
+        {
+            operationId: 'layout.row.add',
+            title: 'Adicionar linha numa seção',
+            scope: 'section',
+            targetKind: 'section',
+            target: { kind: 'section', resolver: 'section-by-id-or-title', ambiguityPolicy: 'fail', required: true },
+            inputSchema: {
+                type: 'object',
+                required: ['id'],
+                properties: {
+                    id: { type: 'string' },
+                    columns: { type: 'number', minimum: 1, maximum: 12, default: 1 }
+                }
+            },
+            effects: [{ kind: 'append-unique', path: 'sections[].rows[]', key: 'id' }],
+            validators: ['section-exists', 'row-id-unique-in-section'],
+            affectedPaths: ['sections[].rows[]'],
+            submissionImpact: false,
+            preconditions: ['config-initialized', 'target-exists']
+        },
+        {
+            operationId: 'layout.column.add',
+            title: 'Adicionar coluna numa linha',
+            scope: 'row',
+            targetKind: 'row',
+            target: { kind: 'row', resolver: 'row-by-id-in-section', ambiguityPolicy: 'fail', required: true },
+            inputSchema: {
+                type: 'object',
+                required: ['id'],
+                properties: {
+                    id: { type: 'string' },
+                    span: { type: 'number', minimum: 1, maximum: 12, default: 6 }
+                }
+            },
+            effects: [{ kind: 'append-unique', path: 'sections[].rows[].columns[]', key: 'id' }],
+            validators: ['row-exists', 'column-id-unique-in-row'],
+            affectedPaths: ['sections[].rows[].columns[]'],
+            submissionImpact: false,
+            preconditions: ['config-initialized', 'target-exists']
+        },
+        {
+            operationId: 'layout.field.move',
+            title: 'Mover campo no layout',
+            scope: 'field',
+            targetKind: 'field',
+            target: { kind: 'field', resolver: 'field-by-name-or-label', ambiguityPolicy: 'fail', required: true },
+            inputSchema: {
+                type: 'object',
+                required: ['targetSectionId', 'targetRowId', 'targetColumnId'],
+                properties: {
+                    targetSectionId: { type: 'string' },
+                    targetRowId: { type: 'string' },
+                    targetColumnId: { type: 'string' },
+                    index: { type: 'number' }
+                }
+            },
+            effects: [{
+                    kind: 'compile-domain-patch',
+                    handler: 'form-layout-reconciler',
+                    handlerContract: {
+                        reads: [
+                            'fieldMetadata[].name',
+                            'sections[].id',
+                            'sections[].rows[].id',
+                            'sections[].rows[].columns[].id',
+                            'sections[].rows[].columns[].fields'
+                        ],
+                        writes: ['sections[].rows[].columns[].fields'],
+                        identityKeys: ['fieldMetadata[].name', 'sections[].id', 'sections[].rows[].id', 'sections[].rows[].columns[].id'],
+                        inputSchema: {
+                            type: 'object',
+                            required: ['target.name', 'targetSectionId', 'targetRowId', 'targetColumnId'],
+                            properties: {
+                                'target.name': { type: 'string' },
+                                targetSectionId: { type: 'string' },
+                                targetRowId: { type: 'string' },
+                                targetColumnId: { type: 'string' },
+                                index: { type: 'number' }
+                            }
+                        },
+                        failureModes: ['target-field-not-found', 'target-layout-location-not-found', 'ambiguous-field-target', 'duplicate-field-placement'],
+                        description: 'Moves a field placement by stable section, row, column, and field ids; index is insertion position only.'
+                    }
+                }],
+            validators: ['field-exists', 'layout-target-exists', 'no-index-as-identity', 'field-exists-in-layout'],
+            affectedPaths: ['sections[].rows[].columns[].fields'],
+            submissionImpact: false,
+            preconditions: ['config-initialized', 'target-exists']
+        },
+        // ─── RULE OPERATIONS ──────────────────────────────────────────────────────
+        {
+            operationId: 'rule.visibility.add',
+            title: 'Adicionar regra de visibilidade',
+            scope: 'global',
+            targetKind: 'formRule',
+            target: { kind: 'formRule', resolver: 'rule-by-id-or-name', ambiguityPolicy: 'fail', required: false },
+            inputSchema: {
+                type: 'object',
+                required: ['id', 'type', 'targets', 'condition'],
+                properties: {
+                    id: { type: 'string' },
+                    name: { type: 'string' },
+                    /** Discriminador de tipo armazenado no item formRules[]; distingue regras de visibilidade das de validação. */
+                    type: { const: 'visibility', description: 'Discriminador de tipo da regra; obrigatório para distinção em formRules[]' },
+                    targetType: { enum: ['field', 'section', 'row', 'column', 'action'], default: 'field' },
+                    targets: { type: 'array', items: { type: 'string' }, minItems: 1 },
+                    condition: { type: 'object', description: 'JsonLogic AST' }
+                }
+            },
+            effects: [{ kind: 'append-unique', path: 'formRules[]', key: 'id' }],
+            validators: ['rule-id-unique', 'rule-target-refs-exist', 'json-logic-valid'],
+            affectedPaths: ['formRules[]'],
+            submissionImpact: false,
+            preconditions: ['config-initialized']
+        },
+        {
+            operationId: 'rule.validation.add',
+            title: 'Adicionar regra de validação',
+            scope: 'global',
+            targetKind: 'formRule',
+            target: { kind: 'formRule', resolver: 'rule-by-id-or-name', ambiguityPolicy: 'fail', required: false },
+            inputSchema: {
+                type: 'object',
+                required: ['id', 'type', 'targets', 'condition', 'message'],
+                properties: {
+                    id: { type: 'string' },
+                    name: { type: 'string' },
+                    /** Discriminador de tipo armazenado no item formRules[]; distingue regras de validação das de visibilidade. */
+                    type: { const: 'validation', description: 'Discriminador de tipo da regra; obrigatório para distinção em formRules[]' },
+                    /**
+                     * targetType espelha o campo equivalente de rule.visibility.add.
+                     * Regras de validação podem se aplicar a campos, seções ou ações da toolbar.
+                     */
+                    targetType: { enum: ['field', 'section', 'row', 'column', 'action'], default: 'field' },
+                    targets: { type: 'array', items: { type: 'string' }, minItems: 1 },
+                    condition: { type: 'object', description: 'JsonLogic AST; quando true, exibe mensagem de erro' },
+                    message: { type: 'string', description: 'Mensagem de erro a exibir ao usuário' },
+                    level: { enum: ['error', 'warning'], default: 'error' }
+                }
+            },
+            effects: [{ kind: 'append-unique', path: 'formRules[]', key: 'id' }],
+            validators: ['rule-id-unique', 'rule-target-refs-exist', 'json-logic-valid'],
+            affectedPaths: ['formRules[]'],
+            submissionImpact: false,
+            preconditions: ['config-initialized']
+        },
+        {
+            operationId: 'rule.remove',
+            title: 'Remover regra',
+            scope: 'rule',
+            targetKind: 'formRule',
+            target: { kind: 'formRule', resolver: 'rule-by-id-or-name', ambiguityPolicy: 'fail', required: true },
+            inputSchema: { type: 'object', properties: {} },
+            effects: [{ kind: 'remove-by-key', path: 'formRules[]', key: 'id' }],
+            destructive: true,
+            requiresConfirmation: true,
+            validators: ['rule-exists'],
+            affectedPaths: ['formRules[]'],
+            submissionImpact: false,
+            preconditions: ['config-initialized', 'target-exists']
+        },
+        // ─── ACTION OPERATIONS ────────────────────────────────────────────────────
+        {
+            operationId: 'action.submit.configure',
+            title: 'Configurar botão de envio',
+            scope: 'global',
+            targetKind: 'formAction',
+            target: { kind: 'formAction', resolver: 'action-by-id-or-label', ambiguityPolicy: 'fail', required: false },
+            inputSchema: {
+                type: 'object',
+                minProperties: 1,
+                properties: {
+                    label: { type: 'string' },
+                    icon: { type: 'string' },
+                    visible: { type: 'boolean' },
+                    color: { enum: ['primary', 'accent', 'warn', 'basic'] }
+                }
+            },
+            effects: [{ kind: 'merge-object', path: 'actions.submit' }],
+            validators: ['editor-round-trip-preserve'],
+            affectedPaths: ['actions.submit'],
+            submissionImpact: false,
+            preconditions: ['config-initialized']
+        },
+        {
+            operationId: 'action.cancel.configure',
+            title: 'Configurar botão de cancelar',
+            scope: 'global',
+            targetKind: 'formAction',
+            target: { kind: 'formAction', resolver: 'action-by-id-or-label', ambiguityPolicy: 'fail', required: false },
+            inputSchema: {
+                type: 'object',
+                minProperties: 1,
+                properties: {
+                    label: { type: 'string' },
+                    icon: { type: 'string' },
+                    visible: { type: 'boolean' },
+                    color: { enum: ['primary', 'accent', 'warn', 'basic'] },
+                    navigateTo: { type: 'string' }
+                }
+            },
+            effects: [{ kind: 'merge-object', path: 'actions.cancel' }],
+            validators: ['editor-round-trip-preserve'],
+            affectedPaths: ['actions.cancel'],
+            submissionImpact: false,
+            preconditions: ['config-initialized']
+        },
+        {
+            operationId: 'action.reset.configure',
+            title: 'Configurar botão de reset',
+            scope: 'global',
+            targetKind: 'formAction',
+            target: { kind: 'formAction', resolver: 'action-by-id-or-label', ambiguityPolicy: 'fail', required: false },
+            inputSchema: {
+                type: 'object',
+                minProperties: 1,
+                properties: {
+                    label: { type: 'string' },
+                    icon: { type: 'string' },
+                    visible: { type: 'boolean' },
+                    color: { enum: ['primary', 'accent', 'warn', 'basic'] },
+                    confirmBeforeReset: { type: 'boolean' }
+                }
+            },
+            effects: [{ kind: 'merge-object', path: 'actions.reset' }],
+            validators: ['editor-round-trip-preserve'],
+            affectedPaths: ['actions.reset'],
+            submissionImpact: false,
+            preconditions: ['config-initialized']
+        }
+    ],
+    validators: [
+        {
+            validatorId: 'field-exists',
+            level: 'error',
+            code: 'DF001',
+            description: 'O campo alvo deve existir em fieldMetadata.'
+        },
+        {
+            validatorId: 'field-name-unique',
+            level: 'error',
+            code: 'DF002',
+            description: 'Nomes de campos devem ser únicos em fieldMetadata.'
+        },
+        {
+            validatorId: 'section-id-unique',
+            level: 'error',
+            code: 'DF003',
+            description: 'IDs de seções devem ser únicos em sections[].'
+        },
+        {
+            validatorId: 'section-exists',
+            level: 'error',
+            code: 'DF004',
+            description: 'A seção alvo deve existir em sections[].'
+        },
+        {
+            validatorId: 'field-exists-in-layout',
+            level: 'warning',
+            code: 'DF005',
+            description: 'Campo definido em fieldMetadata mas ausente no layout.'
+        },
+        {
+            validatorId: 'local-schema-name-no-collision',
+            level: 'error',
+            code: 'DF006',
+            description: 'Nome de campo local não pode colidir com campo schema-backed existente.'
+        },
+        {
+            validatorId: 'field-is-local',
+            level: 'error',
+            code: 'DF007',
+            description: 'Operação restrita a campos locais (source:"local"). Campo schema-backed não pode ser removido ou ter submitPolicy alterada.'
+        },
+        {
+            validatorId: 'rule-id-unique',
+            level: 'error',
+            code: 'DF008',
+            description: 'IDs de regras devem ser únicos em formRules[].'
+        },
+        {
+            validatorId: 'rule-exists',
+            level: 'error',
+            code: 'DF009',
+            description: 'A regra alvo deve existir em formRules[].'
+        },
+        {
+            validatorId: 'rule-target-refs-exist',
+            level: 'error',
+            code: 'DF010',
+            description: 'Todos os targets da regra devem referenciar campos, seções ou ações existentes.'
+        },
+        {
+            validatorId: 'json-logic-valid',
+            level: 'error',
+            code: 'DF011',
+            description: 'A expressão JsonLogic deve ser um AST válido (suporte canônico à spec JsonLogic).'
+        },
+        {
+            validatorId: 'layout-target-exists',
+            level: 'error',
+            code: 'DF012',
+            description: 'A seção/linha/coluna de destino devem existir antes de mover o campo.'
+        },
+        {
+            validatorId: 'no-index-as-identity',
+            level: 'error',
+            code: 'DF013',
+            description: 'Operações de layout não devem usar índice de array como identidade canônica; use IDs estáveis.'
+        },
+        {
+            validatorId: 'row-exists',
+            level: 'error',
+            code: 'DF014',
+            description: 'A linha alvo deve existir na seção especificada.'
+        },
+        {
+            validatorId: 'row-id-unique-in-section',
+            level: 'error',
+            code: 'DF015',
+            description: 'O id da nova linha deve ser único dentro da seção alvo.'
+        },
+        {
+            validatorId: 'column-id-unique-in-row',
+            level: 'error',
+            code: 'DF016',
+            description: 'O id da nova coluna deve ser único dentro da linha alvo.'
+        },
+        {
+            validatorId: 'control-type-compatible',
+            level: 'error',
+            code: 'DF017',
+            description: 'O tipo de controle deve ser compatível com o tipo de dado do campo.'
+        },
+        {
+            validatorId: 'option-source-valid',
+            level: 'error',
+            code: 'DF018',
+            description: 'A fonte de opções deve ser válida para o tipo de controle especificado.'
+        },
+        {
+            validatorId: 'editor-round-trip-preserve',
+            level: 'error',
+            code: 'DF019',
+            description: 'Edição não deve corromper propriedades críticas para o round-trip do editor. Aplicado após operações que afetam submitPolicy ou source de campos locais.'
+        }
+    ],
+    roundTripRequirements: [
+        'strip-undefined',
+        'normalize-json-logic',
+        'stable-field-order',
+        'preserve-local-field-source',
+        'preserve-section-row-column-ids'
+    ],
+    examples: [
+        {
+            id: 'add-local-transient-field',
+            request: 'Adicionar campo auxiliar local "notasInternas" que não deve aparecer no payload de envio',
+            operationId: 'field.local.add',
+            params: {
+                name: 'notasInternas',
+                label: 'Notas Internas',
+                controlType: 'textarea',
+                source: 'local',
+                transient: true,
+                submitPolicy: 'omit'
+            },
+            isPositive: true
+        },
+        {
+            id: 'relabel-schema-backed-field',
+            request: 'Mudar o label do campo email para "E-mail Corporativo"',
+            operationId: 'field.label.set',
+            target: 'email',
+            params: { label: 'E-mail Corporativo' },
+            isPositive: true
+        },
+        {
+            id: 'move-field-to-column',
+            request: 'Mover campo telefone para a primeira coluna da seção de contato',
+            operationId: 'layout.field.move',
+            target: 'telefone',
+            params: { targetSectionId: 'secao-contato', targetRowId: 'row-1', targetColumnId: 'col-1' },
+            isPositive: true
+        },
+        {
+            id: 'add-visibility-rule',
+            request: 'Ocultar o campo cpf quando o tipo de pessoa for jurídica',
+            operationId: 'rule.visibility.add',
+            params: {
+                id: 'ocultar-cpf-pj',
+                name: 'Ocultar CPF para PJ',
+                targetType: 'field',
+                targets: ['cpf'],
+                condition: { '==': [{ var: 'tipoPessoa' }, 'juridica'] }
+            },
+            isPositive: true
+        },
+        {
+            id: 'reject-unknown-field',
+            request: 'Alterar o label do campo "campoInexistente"',
+            operationId: 'field.label.set',
+            target: 'campoInexistente',
+            params: { label: 'Novo Label' },
+            isPositive: false
+        },
+        {
+            id: 'require-confirmation-remove-field',
+            request: 'Remover o campo auxiliar "notasInternas"',
+            operationId: 'field.local.remove',
+            target: 'notasInternas',
+            isPositive: true
+        },
+        {
+            id: 'require-confirmation-remove-section',
+            request: 'Remover a seção "Dados Adicionais"',
+            operationId: 'layout.section.remove',
+            target: 'secao-dados-adicionais',
+            isPositive: true
+        },
+        {
+            id: 'round-trip-no-drift',
+            request: 'Salvar e reabrir o formulário editado sem drift de configuração',
+            operationId: 'field.label.set',
+            target: 'nome',
+            params: { label: 'Nome Completo' },
+            isPositive: true
+        }
+    ]
+};
+
 /*
  * Public API Surface of praxis-dynamic-form
  */
@@ -23999,4 +24830,4 @@ const FORM_COMPONENT_AI_CAPABILITIES = {
  * Generated bundle index. Do not edit.
  */
 
-export { ActionsEditorComponent, CanvasStateService, CanvasToolbarComponent, ColumnEditorComponent, DynamicFormLayoutService, FORM_AI_CAPABILITIES, FORM_COMPONENT_AI_CAPABILITIES, FieldConfiguratorComponent, FieldEditorComponent, FormConfigService, FormContextService, FormLayoutService, JsonConfigEditorComponent, LayoutColorToken, LayoutEditorComponent, LayoutPrefsService, PRAXIS_DYNAMIC_FORM_COMPONENT_METADATA, PRAXIS_FILTER_FORM_COMPONENT_METADATA, PraxisDynamicForm, PraxisDynamicFormConfigEditor, PraxisFilterForm, PraxisFormActionsComponent, RowConfiguratorComponent, RowEditorComponent, SETTINGS_PANEL_DYNAMIC_FORM_PROVIDER, SectionEditorComponent, TASK_PRESETS, applyVisibilityRules, buildDynamicFormApplyPlan, createDynamicFormAuthoringDocument, formLayoutRulesToBuilderState, getFormAiCatalog, getFormCapabilities, getFormEnum, isRuleSatisfied, normalizeDateArrays, normalizeDynamicFormAuthoringDocument, parseLegacyOrDynamicFormDocument, providePraxisDynamicFormMetadata, providePraxisFilterFormMetadata, provideSettingsPanelDynamicForm, ruleBuilderStateToFormLayoutRules, serializeDynamicFormAuthoringDocument, stripLegacyFieldMetadata, toCanonicalDynamicFormConfig, validateDynamicFormAuthoringDocument, validateDynamicFormAuthoringInput };
+export { ActionsEditorComponent, CanvasStateService, CanvasToolbarComponent, ColumnEditorComponent, DynamicFormLayoutService, FORM_AI_CAPABILITIES, FORM_COMPONENT_AI_CAPABILITIES, FieldConfiguratorComponent, FieldEditorComponent, FormConfigService, FormContextService, FormLayoutService, JsonConfigEditorComponent, LayoutColorToken, LayoutEditorComponent, LayoutPrefsService, PRAXIS_DYNAMIC_FORM_AUTHORING_MANIFEST, PRAXIS_DYNAMIC_FORM_COMPONENT_METADATA, PRAXIS_FILTER_FORM_COMPONENT_METADATA, PraxisDynamicForm, PraxisDynamicFormConfigEditor, PraxisFilterForm, PraxisFormActionsComponent, RowConfiguratorComponent, RowEditorComponent, SETTINGS_PANEL_DYNAMIC_FORM_PROVIDER, SectionEditorComponent, TASK_PRESETS, applyVisibilityRules, buildDynamicFormApplyPlan, createDynamicFormAuthoringDocument, formLayoutRulesToBuilderState, getFormAiCatalog, getFormCapabilities, getFormEnum, isRuleSatisfied, normalizeDateArrays, normalizeDynamicFormAuthoringDocument, parseLegacyOrDynamicFormDocument, providePraxisDynamicFormMetadata, providePraxisFilterFormMetadata, provideSettingsPanelDynamicForm, ruleBuilderStateToFormLayoutRules, serializeDynamicFormAuthoringDocument, stripLegacyFieldMetadata, toCanonicalDynamicFormConfig, validateDynamicFormAuthoringDocument, validateDynamicFormAuthoringInput };