@praxisui/core 9.0.0-beta.3 → 9.0.0-beta.30

package/fesm2022/praxisui-core.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, InjectionToken, Injectable, inject, Inject, Optional, makeEnvironmentProviders, signal, computed, DestroyRef, ENVIRONMENT_INITIALIZER, APP_INITIALIZER, ErrorHandler, EventEmitter, Output, Input, ChangeDetectionStrategy, Directive, SecurityContext, ViewContainerRef, SimpleChange, ContentChild, HostBinding, HostListener, ViewChildren, ViewChild } from '@angular/core';
+import { Component, InjectionToken, Injectable, inject, Inject, Optional, makeEnvironmentProviders, APP_INITIALIZER, signal, computed, DestroyRef, ENVIRONMENT_INITIALIZER, ErrorHandler, EventEmitter, Output, Input, ChangeDetectionStrategy, Directive, SecurityContext, ViewContainerRef, SimpleChange, ContentChild, HostBinding, HostListener, ViewChildren, ViewChild } from '@angular/core';
 import * as i1 from '@angular/common/http';
 import { HttpHeaders, HttpClient, HttpParams, HttpResponse, HttpContextToken, HTTP_INTERCEPTORS, withInterceptors } from '@angular/common/http';
 import { of, defer, throwError, from, EMPTY, BehaviorSubject, firstValueFrom, Subject, map as map$1, switchMap as switchMap$1 } from 'rxjs';
@@ -202,9 +202,12 @@ function collectEntityLookupIds(value) {
 }
 function buildEntityLookupEntityRef(value, entityType) {
     const id = extractEntityLookupId(value);
-    if (id === null || id === undefined || id === '') {
-        return id;
-    }
+    if (id === null)
+        return null;
+    if (id === undefined)
+        return undefined;
+    if (id === '')
+        return '';
     const explicitType = typeof value === 'object' &&
         value !== null &&
         !Array.isArray(value) &&
@@ -797,6 +800,82 @@ function resolveControlTypeAlias(value, fallback = FieldControlType.INPUT) {
     return raw;
 }
 
+function normalizeFieldAccessMetadata(value) {
+    if (!value || typeof value !== 'object' || Array.isArray(value)) {
+        return undefined;
+    }
+    const source = value;
+    const visibleForAuthorities = normalizeAuthorityList(source['visibleForAuthorities']);
+    const editableForAuthorities = normalizeAuthorityList(source['editableForAuthorities']);
+    const reason = typeof source['reason'] === 'string' && source['reason'].trim()
+        ? source['reason'].trim()
+        : undefined;
+    if (!visibleForAuthorities && !editableForAuthorities) {
+        return undefined;
+    }
+    return {
+        ...(visibleForAuthorities ? { visibleForAuthorities } : {}),
+        ...(editableForAuthorities ? { editableForAuthorities } : {}),
+        ...(reason ? { reason } : {}),
+    };
+}
+function evaluateFieldAccess(fieldOrAccess, context = {}) {
+    const fieldAccess = normalizeFieldAccessMetadata(isFieldAccessMetadata(fieldOrAccess)
+        ? fieldOrAccess
+        : fieldOrAccess?.fieldAccess);
+    if (!fieldAccess) {
+        return { evaluated: false, visible: true, editable: true };
+    }
+    const authorities = normalizeAuthoritySet(context.authorities);
+    if (!authorities) {
+        return {
+            evaluated: false,
+            visible: true,
+            editable: true,
+            ...(fieldAccess.reason ? { reason: fieldAccess.reason } : {}),
+        };
+    }
+    const editableAllowed = matchesAuthority(fieldAccess.editableForAuthorities, authorities);
+    const visibleAllowed = matchesAuthority(fieldAccess.visibleForAuthorities, authorities) ||
+        editableAllowed;
+    return {
+        evaluated: true,
+        visible: visibleAllowed,
+        editable: editableAllowed || !fieldAccess.editableForAuthorities,
+        ...(fieldAccess.reason ? { reason: fieldAccess.reason } : {}),
+    };
+}
+function isFieldAccessMetadata(value) {
+    return !!value && ('visibleForAuthorities' in value ||
+        'editableForAuthorities' in value ||
+        'reason' in value);
+}
+function normalizeAuthorityList(value) {
+    if (!Array.isArray(value)) {
+        return undefined;
+    }
+    const normalized = Array.from(new Set(value
+        .filter((item) => typeof item === 'string')
+        .map((item) => item.trim())
+        .filter(Boolean)));
+    return normalized.length ? normalized : undefined;
+}
+function normalizeAuthoritySet(authorities) {
+    if (!Array.isArray(authorities)) {
+        return null;
+    }
+    return new Set(authorities
+        .filter((item) => typeof item === 'string')
+        .map((item) => item.trim())
+        .filter(Boolean));
+}
+function matchesAuthority(required, actual) {
+    if (!required || required.length === 0) {
+        return true;
+    }
+    return required.some((authority) => actual.has(authority));
+}
+
 const VALUE_PRESENTATION_TYPES = new Set([
     'string',
     'number',
@@ -1967,6 +2046,10 @@ class SchemaNormalizerService {
             if (ui.editable !== undefined) {
                 field.editable = this.parseBoolean(ui.editable);
             }
+            const fieldAccess = normalizeFieldAccessMetadata(ui.fieldAccess);
+            if (fieldAccess) {
+                field.fieldAccess = fieldAccess;
+            }
             if (ui.inlineEditing !== undefined) {
                 field.inlineEditing = this.parseBoolean(ui.inlineEditing);
             }
@@ -2020,6 +2103,9 @@ class SchemaNormalizerService {
             if (ui.helpText !== undefined) {
                 field.helpText = String(ui.helpText);
             }
+            if (ui.tooltip !== undefined) {
+                field.tooltip = String(ui.tooltip);
+            }
             if (ui.hint !== undefined) {
                 field.hint = ui.hint;
             }
@@ -5533,15 +5619,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
         }], ctorParameters: () => [] });
 
 function buildBaseColumnFromDef(def) {
+    const type = resolveColumnTypeFromFieldDefinition(def);
+    const format = type === 'string' ? resolveTextMaskFormatFromFieldDefinition(def) : undefined;
     return {
         field: def.name,
         header: def.label || def.name,
-        type: inferType(def),
+        type,
         visible: def.tableHidden === true ? false : true,
         sortable: def.sortable !== false,
         filterable: def.filterable === true,
         resizable: true,
         order: typeof def.order === 'number' ? def.order : undefined,
+        ...(format ? { format } : {}),
     };
 }
 function applyLocalCustomizations$2(baseCol, localCol) {
@@ -5575,9 +5664,10 @@ function applyLocalCustomizations$2(baseCol, localCol) {
         result.renderer = localCol.renderer ?? baseCol.renderer;
     }
     else {
-        // Keep no format/renderer to avoid conflicts with server type
-        result.format = undefined;
-        result.valueMapping = undefined;
+        // Drop local presentation that may be incompatible with the new server type,
+        // but keep canonical server presentation for the resolved type.
+        result.format = baseCol.format;
+        result.valueMapping = baseCol.valueMapping;
         result.renderer = undefined;
     }
     return result;
@@ -5603,15 +5693,121 @@ function reconcileTableConfig(layout, serverDefs) {
     };
     return next;
 }
-function inferType(def) {
-    const t = (def.type || '').toLowerCase();
-    if (t.includes('date'))
+function resolveColumnTypeFromFieldDefinition(def, fallback) {
+    const semanticType = resolveSemanticColumnTypeFromFieldDefinition(def);
+    if (resolveTextMaskFormatFromFieldDefinition(def) &&
+        shouldUseTextMaskForColumn(def, semanticType)) {
+        return 'string';
+    }
+    if (semanticType)
+        return semanticType;
+    if (fallback)
+        return fallback;
+    return 'string';
+}
+function resolveSemanticColumnTypeFromFieldDefinition(def) {
+    const controlType = normalizePresentationToken(def.controlType);
+    const numericFormat = normalizePresentationToken(def.numericFormat ?? def.format);
+    const valuePresentationType = normalizePresentationToken(def.valuePresentation?.type);
+    const dataType = normalizePresentationToken(def.type);
+    if (valuePresentationType === 'currency')
+        return 'currency';
+    if (valuePresentationType === 'percent' || valuePresentationType === 'percentage')
+        return 'percentage';
+    if (valuePresentationType === 'date' || valuePresentationType === 'datetime' || valuePresentationType === 'time')
         return 'date';
-    if (t.includes('bool'))
+    if (valuePresentationType === 'boolean')
         return 'boolean';
-    if (t.includes('number') || t.includes('int') || t.includes('decimal'))
+    if (valuePresentationType === 'number')
         return 'number';
-    return 'string';
+    if (valuePresentationType === 'string')
+        return 'string';
+    if (numericFormat === 'currency' || controlType === 'currency')
+        return 'currency';
+    if (numericFormat === 'percent' || numericFormat === 'percentage')
+        return 'percentage';
+    if (numericFormat === 'date' || numericFormat === 'datetime')
+        return 'date';
+    if (controlType === 'numerictextbox' || controlType === 'inlinenumber')
+        return 'number';
+    if (controlType === 'checkbox' || controlType === 'toggle' || controlType === 'inlinetoggle')
+        return 'boolean';
+    if (controlType.includes('date') || controlType === 'time' || controlType === 'timepicker')
+        return 'date';
+    if (isColumnType(dataType))
+        return dataType;
+    if (dataType === 'text' || dataType === 'email' || dataType === 'url' || dataType === 'password')
+        return 'string';
+    if (dataType.includes('date') || dataType === 'time')
+        return 'date';
+    if (dataType.includes('bool'))
+        return 'boolean';
+    if (dataType.includes('number') ||
+        dataType.includes('int') ||
+        dataType.includes('decimal') ||
+        dataType.includes('double') ||
+        dataType.includes('float')) {
+        return 'number';
+    }
+    if (isTextualControlType(controlType))
+        return 'string';
+    return undefined;
+}
+function shouldUseTextMaskForColumn(def, semanticType) {
+    if (!semanticType || semanticType === 'string')
+        return true;
+    const controlType = normalizePresentationToken(def.controlType);
+    if (isTextualControlType(controlType))
+        return true;
+    if (['date', 'boolean', 'currency', 'percentage', 'custom'].includes(semanticType)) {
+        return false;
+    }
+    const valuePresentationType = normalizePresentationToken(def.valuePresentation?.type);
+    const numericFormat = normalizePresentationToken(def.numericFormat ?? def.format);
+    return !valuePresentationType && !numericFormat;
+}
+function resolveTextMaskFormatFromFieldDefinition(def) {
+    return resolveTextMaskFormat(def.mask ??
+        def.displayMask ??
+        def.inputMask ??
+        def.extraProperties?.mask);
+}
+function resolveTextMaskFormat(value) {
+    if (typeof value !== 'string')
+        return undefined;
+    const format = value.trim();
+    if (!format)
+        return undefined;
+    const hasMaskTokens = /[0#9Xx]/.test(format);
+    const hasInvalidMaskLetters = /[A-WYZa-wyz]/.test(format);
+    return hasMaskTokens && !hasInvalidMaskLetters ? format : undefined;
+}
+function normalizePresentationToken(value) {
+    return String(value ?? '').trim().toLowerCase().replace(/[\s_-]+/g, '');
+}
+function isColumnType(value) {
+    return [
+        'string',
+        'number',
+        'date',
+        'boolean',
+        'currency',
+        'percentage',
+        'custom',
+    ].includes(value);
+}
+function isTextualControlType(value) {
+    return [
+        'input',
+        'inlineinput',
+        'textarea',
+        'search',
+        'email',
+        'url',
+        'phone',
+        'cpfcnpjinput',
+        'password',
+    ].includes(value);
 }
 
 const PRAXIS_I18N_CONFIG = new InjectionToken('PRAXIS_I18N_CONFIG', {
@@ -6331,7 +6527,7 @@ const GLOBAL_SURFACE_SERVICE = new InjectionToken('GLOBAL_SURFACE_SERVICE');
 
 const dialogBaseFields = [
     { key: 'message', label: 'Mensagem', type: 'textarea', rows: 2, placeholder: 'Texto principal' },
-    { key: 'title', label: 'Titulo', type: 'text', placeholder: 'Titulo do dialogo' },
+    { key: 'title', label: 'Título', type: 'text', placeholder: 'Título do diálogo' },
     {
         key: 'themeColor',
         label: 'Tema',
@@ -6342,13 +6538,13 @@ const dialogBaseFields = [
             { value: 'dark', label: 'Dark' },
         ],
     },
-    { key: 'positionTop', label: 'Posicao topo', type: 'text', placeholder: '12px' },
-    { key: 'positionRight', label: 'Posicao direita', type: 'text', placeholder: '12px' },
-    { key: 'positionBottom', label: 'Posicao base', type: 'text', placeholder: '12px' },
-    { key: 'positionLeft', label: 'Posicao esquerda', type: 'text', placeholder: '12px' },
+    { key: 'positionTop', label: 'Posição topo', type: 'text', placeholder: '12px' },
+    { key: 'positionRight', label: 'Posição direita', type: 'text', placeholder: '12px' },
+    { key: 'positionBottom', label: 'Posição base', type: 'text', placeholder: '12px' },
+    { key: 'positionLeft', label: 'Posição esquerda', type: 'text', placeholder: '12px' },
     {
         key: 'actionsLayout',
-        label: 'Layout das acoes',
+        label: 'Layout das ações',
         type: 'select',
         options: [
             { value: 'start', label: 'Start' },
@@ -6359,7 +6555,7 @@ const dialogBaseFields = [
     },
     {
         key: 'animationType',
-        label: 'Animacao',
+        label: 'Animação',
         type: 'select',
         options: [
             { value: 'translate', label: 'Translate' },
@@ -6371,7 +6567,7 @@ const dialogBaseFields = [
     },
     {
         key: 'animationDirection',
-        label: 'Direcao animacao',
+        label: 'Direção animação',
         type: 'select',
         options: [
             { value: 'up', label: 'Up' },
@@ -6380,13 +6576,13 @@ const dialogBaseFields = [
             { value: 'right', label: 'Right' },
         ],
     },
-    { key: 'animationDuration', label: 'Duracao (ms)', type: 'number', placeholder: '300' },
+    { key: 'animationDuration', label: 'Duração (ms)', type: 'number', placeholder: '300' },
     { key: 'width', label: 'Largura', type: 'text', placeholder: '480px' },
     { key: 'height', label: 'Altura', type: 'text', placeholder: 'auto' },
-    { key: 'minWidth', label: 'Largura minima', type: 'text', placeholder: '280px' },
-    { key: 'maxWidth', label: 'Largura maxima', type: 'text', placeholder: '90vw' },
-    { key: 'minHeight', label: 'Altura minima', type: 'text', placeholder: '120px' },
-    { key: 'maxHeight', label: 'Altura maxima', type: 'text', placeholder: '90vh' },
+    { key: 'minWidth', label: 'Largura mínima', type: 'text', placeholder: '280px' },
+    { key: 'maxWidth', label: 'Largura máxima', type: 'text', placeholder: '90vw' },
+    { key: 'minHeight', label: 'Altura mínima', type: 'text', placeholder: '120px' },
+    { key: 'maxHeight', label: 'Altura máxima', type: 'text', placeholder: '90vh' },
     { key: 'disableClose', label: 'Bloquear fechar', type: 'toggle' },
     { key: 'hasBackdrop', label: 'Backdrop', type: 'toggle' },
     { key: 'closeOnBackdropClick', label: 'Fechar ao clicar no backdrop', type: 'toggle' },
@@ -6414,7 +6610,7 @@ const dialogFieldsWithModeDependency = dialogFieldsWithoutMessage.map((field) =>
     ...field,
     dependsOnKey: field.dependsOnKey ?? 'mode',
     dependsOnValue: field.dependsOnValue ?? 'true',
-    hint: field.hint ?? 'Disponivel quando "Usar dialogo" estiver ativo.',
+    hint: field.hint ?? 'Disponível quando "Usar diálogo" estiver ativo.',
 }));
 const GLOBAL_ACTION_UI_SCHEMAS = [
     {
@@ -6462,7 +6658,7 @@ const GLOBAL_ACTION_UI_SCHEMAS = [
                 required: true,
                 placeholder: 'Texto exibido no alerta simples',
             },
-            { key: 'mode', label: 'Usar dialogo (avancado)', type: 'toggle' },
+            { key: 'mode', label: 'Usar diálogo (avançado)', type: 'toggle' },
             ...dialogFieldsWithModeDependency,
         ],
     },
@@ -6481,19 +6677,19 @@ const GLOBAL_ACTION_UI_SCHEMAS = [
         fields: [
             ...dialogBaseFields,
             { key: 'placeholder', label: 'Placeholder', type: 'text' },
-            { key: 'defaultValue', label: 'Valor padrao', type: 'text' },
+            { key: 'defaultValue', label: 'Valor padrão', type: 'text' },
             { key: 'okLabel', label: 'Texto OK', type: 'text' },
             { key: 'cancelLabel', label: 'Texto cancelar', type: 'text' },
         ],
     },
     {
         id: 'dialog.open',
-        label: 'Abrir dialogo',
+        label: 'Abrir diálogo',
         fields: [
             ...dialogBaseFields,
             {
                 key: 'contentType',
-                label: 'Tipo de conteudo',
+                label: 'Tipo de conteúdo',
                 type: 'select',
                 options: [
                     { value: 'template', label: 'Template' },
@@ -6514,7 +6710,7 @@ const GLOBAL_ACTION_UI_SCHEMAS = [
             { key: 'message', label: 'Mensagem', type: 'text' },
             {
                 key: 'level',
-                label: 'Nivel',
+                label: 'Nível',
                 type: 'select',
                 options: [
                     { value: 'log', label: 'log' },
@@ -8474,6 +8670,7 @@ const DEFAULT_JSON_LOGIC_OPERATORS = [
 const ALL_RULE_CONTEXT_ROOTS = [
     'form',
     'row',
+    'rowData',
     'computed',
     'meta',
     'source',
@@ -9332,6 +9529,7 @@ function mapFieldDefinitionToMetadata(field) {
         'displayOrientation',
         'disabled',
         'readOnly',
+        'fieldAccess',
         'hidden',
         'formHidden',
         'tableHidden',
@@ -9496,9 +9694,25 @@ function mapFieldDefinitionToMetadata(field) {
         metadata.maxLength = field.maxLength;
     if (field.pattern !== undefined)
         metadata.pattern = field.pattern;
+    if (field.helpText !== undefined) {
+        metadata.helpText = field.helpText;
+    }
     if (field.hint || field.helpText) {
         metadata.hint = field.hint ?? field.helpText;
     }
+    if (field.tooltipOnHover !== undefined) {
+        metadata.tooltipOnHover = field.tooltipOnHover;
+        const tooltip = field.tooltip ??
+            (field.tooltipOnHover === true
+                ? field.description ?? field.helpText ?? field.hint
+                : undefined);
+        if (tooltip !== undefined && tooltip !== null) {
+            metadata.tooltip = String(tooltip);
+        }
+    }
+    else if (field.tooltip !== undefined) {
+        metadata.tooltip = String(field.tooltip);
+    }
     if (field.hiddenCondition !== undefined) {
         metadata.hiddenCondition = field.hiddenCondition;
     }
@@ -11562,7 +11776,7 @@ class ResourceDiscoveryService {
             throw new Error('ResourceDiscoveryService cannot resolve an empty href.');
         }
         if (/^https?:\/\//i.test(normalizedHref)) {
-            return normalizedHref;
+            return this.resolveTrustedAbsoluteHref(normalizedHref, options);
         }
         const apiBaseUrl = this.resolveApiBaseHref(options);
         if (!apiBaseUrl) {
@@ -11615,6 +11829,69 @@ class ResourceDiscoveryService {
         const entry = this.resolveApiEntry(options);
         return String(buildApiUrl(entry) || '').trim();
     }
+    resolveTrustedAbsoluteHref(href, options) {
+        const runtimeOrigin = this.getRuntimeOrigin();
+        const baseUrl = this.resolveApiBaseUrl(options);
+        if (!runtimeOrigin || !baseUrl || this.isAbsoluteHttpUrl(baseUrl)) {
+            return href;
+        }
+        let parsed;
+        try {
+            parsed = new URL(href);
+        }
+        catch {
+            return href;
+        }
+        if (!this.isTrustedOrigin(parsed.origin, options)) {
+            return href;
+        }
+        if (!this.isProxyableApiPath(parsed.pathname, baseUrl)) {
+            return href;
+        }
+        return new URL(`${parsed.pathname}${parsed.search}${parsed.hash}`, `${runtimeOrigin}/`).toString();
+    }
+    isTrustedOrigin(origin, options) {
+        const normalizedOrigin = this.normalizeOrigin(origin);
+        if (!normalizedOrigin) {
+            return false;
+        }
+        return this.getTrustedOrigins(options).some((trustedOrigin) => trustedOrigin === normalizedOrigin);
+    }
+    getTrustedOrigins(options) {
+        const origins = this.resolveApiEntry(options).trustedOrigins || [];
+        return origins
+            .map((origin) => this.normalizeOrigin(origin))
+            .filter((origin) => !!origin);
+    }
+    normalizeOrigin(origin) {
+        try {
+            return new URL(origin).origin;
+        }
+        catch {
+            return null;
+        }
+    }
+    isProxyableApiPath(pathname, baseUrl) {
+        const basePath = this.normalizePathPrefix(baseUrl);
+        if (basePath && (pathname === basePath || pathname.startsWith(`${basePath}/`))) {
+            return true;
+        }
+        return pathname === '/schemas'
+            || pathname.startsWith('/schemas/')
+            || pathname === '/v3/api-docs'
+            || pathname.startsWith('/v3/api-docs/');
+    }
+    normalizePathPrefix(baseUrl) {
+        const path = String(baseUrl || '').split(/[?#]/u)[0]?.trim() || '';
+        if (!path.startsWith('/')) {
+            return '';
+        }
+        const normalized = `/${path.replace(/^\/+|\/+$/g, '')}`;
+        return normalized === '/' ? '' : normalized;
+    }
+    isAbsoluteHttpUrl(value) {
+        return /^https?:\/\//i.test(String(value || '').trim());
+    }
     resolveApiBaseHref(options) {
         const baseUrl = this.resolveApiBaseUrl(options);
         if (!baseUrl) {
@@ -11922,6 +12199,209 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
             args: [{ providedIn: 'any' }]
         }] });
 
+const PRAXIS_ENTERPRISE_RUNTIME_CONTEXT_OPTIONS = new InjectionToken('PRAXIS_ENTERPRISE_RUNTIME_CONTEXT_OPTIONS');
+const PRAXIS_ENTERPRISE_RUNTIME_CONTEXT_READY = new InjectionToken('PRAXIS_ENTERPRISE_RUNTIME_CONTEXT_READY');
+function providePraxisEnterpriseRuntimeContext(options = {}) {
+    const normalized = {
+        ...options,
+        includeGlobalFetchHeaders: options.includeGlobalFetchHeaders ?? true,
+        blocking: options.blocking ?? false,
+        errorPolicy: options.errorPolicy ?? 'ignore',
+    };
+    return [
+        { provide: PRAXIS_ENTERPRISE_RUNTIME_CONTEXT_OPTIONS, useValue: normalized },
+        {
+            provide: PRAXIS_ENTERPRISE_RUNTIME_CONTEXT_READY,
+            useFactory: (service) => {
+                let promise = null;
+                return () => {
+                    if (promise)
+                        return promise;
+                    promise = service.ready().then(() => undefined);
+                    return promise;
+                };
+            },
+            deps: [EnterpriseRuntimeContextService],
+        },
+        {
+            provide: APP_INITIALIZER,
+            multi: true,
+            useFactory: (ready) => () => normalized.blocking ? ready() : undefined,
+            deps: [PRAXIS_ENTERPRISE_RUNTIME_CONTEXT_READY],
+        },
+    ];
+}
+
+class EnterpriseRuntimeContextService {
+    http = inject(HttpClient);
+    apiUrl = inject(API_URL, { optional: true });
+    options = inject(PRAXIS_ENTERPRISE_RUNTIME_CONTEXT_OPTIONS, {
+        optional: true,
+    });
+    contextSubject = new BehaviorSubject(null);
+    loadPromise = null;
+    contextChanges$ = this.contextSubject.asObservable();
+    get snapshot() {
+        return this.contextSubject.value;
+    }
+    ready() {
+        if (this.contextSubject.value) {
+            return Promise.resolve(this.contextSubject.value);
+        }
+        if (this.loadPromise) {
+            return this.loadPromise;
+        }
+        this.loadPromise = this.load()
+            .catch((error) => {
+            if ((this.options?.errorPolicy ?? 'ignore') === 'fail') {
+                throw error;
+            }
+            return null;
+        })
+            .finally(() => {
+            this.loadPromise = null;
+        });
+        return this.loadPromise;
+    }
+    refresh() {
+        this.loadPromise = null;
+        return this.load().catch((error) => {
+            if ((this.options?.errorPolicy ?? 'ignore') === 'fail') {
+                throw error;
+            }
+            return null;
+        });
+    }
+    tenants() {
+        return this.getRuntimeSurface('tenants');
+    }
+    navigation() {
+        return this.getRuntimeSurface('navigation');
+    }
+    securityEvents() {
+        return this.getRuntimeSurface('securityEvents');
+    }
+    async switchContext(command) {
+        const response = await firstValueFrom(this.http.put(this.endpoint('context'), command, {
+            headers: this.requestHeaders({ includeSnapshot: true }),
+        }));
+        if (response?.effectiveContext) {
+            this.contextSubject.next(response.effectiveContext);
+        }
+        return response;
+    }
+    headers(fallback) {
+        return {
+            ...this.normalizeHeaders(fallback ?? {}),
+            ...this.normalizeHeaders(this.headersFromSnapshot(this.contextSubject.value)),
+        };
+    }
+    async load() {
+        const context = await firstValueFrom(this.http.get(this.endpoint('context'), {
+            headers: this.requestHeaders(),
+        }));
+        this.contextSubject.next(context ?? null);
+        return context ?? null;
+    }
+    async getRuntimeSurface(surface) {
+        return firstValueFrom(this.http.get(this.endpoint(surface), {
+            headers: this.requestHeaders({ includeSnapshot: true }),
+        }));
+    }
+    endpoint(surface) {
+        const configured = this.configuredEndpoint(surface);
+        if (configured) {
+            return configured;
+        }
+        return `${this.runtimeRoot()}/${this.surfacePath(surface)}`;
+    }
+    configuredEndpoint(surface) {
+        const configured = surface === 'context'
+            ? (this.options?.endpoints?.context ?? this.options?.endpoint)
+            : this.options?.endpoints?.[surface];
+        const normalized = configured?.trim().replace(/\/+$/, '');
+        return normalized || null;
+    }
+    runtimeRoot() {
+        const configuredContext = this.configuredEndpoint('context');
+        if (configuredContext?.endsWith('/context')) {
+            return configuredContext.slice(0, -'/context'.length);
+        }
+        const defaultEntry = this.apiUrl?.['default'];
+        const base = defaultEntry ? buildApiUrl(defaultEntry) : '';
+        return base ? `${base}/praxis/runtime` : '/api/praxis/runtime';
+    }
+    surfacePath(surface) {
+        switch (surface) {
+            case 'context':
+                return 'context';
+            case 'tenants':
+                return 'tenants';
+            case 'navigation':
+                return 'navigation';
+            case 'securityEvents':
+                return 'security-events';
+        }
+    }
+    requestHeaders(options = {}) {
+        const merged = this.normalizeHeaders({
+            ...(this.options?.includeGlobalFetchHeaders ?? true ? this.globalFetchHeaders() : {}),
+            ...(this.options?.headersFactory?.() ?? {}),
+            ...(options.includeSnapshot ? this.headersFromSnapshot(this.contextSubject.value) : {}),
+        });
+        let headers = new HttpHeaders();
+        for (const [key, value] of Object.entries(merged)) {
+            if (value) {
+                headers = headers.set(key, value);
+            }
+        }
+        return headers;
+    }
+    globalFetchHeaders() {
+        try {
+            const factory = globalThis.PAX_FETCH_HEADERS;
+            return factory?.() ?? {};
+        }
+        catch {
+            return {};
+        }
+    }
+    headersFromSnapshot(context) {
+        if (!context) {
+            return {};
+        }
+        return {
+            'X-Tenant-ID': context.activeTenant?.tenantId,
+            'X-User-ID': context.user?.userId,
+            'X-Env': context.environment ?? undefined,
+            'Accept-Language': context.locale ?? undefined,
+            'X-Timezone': context.timezone ?? undefined,
+            'X-Praxis-Profile-ID': context.activeProfileId ?? undefined,
+            'X-Praxis-Module-Key': context.activeModuleKey ?? undefined,
+        };
+    }
+    normalizeHeaders(headers) {
+        const normalized = {};
+        for (const [key, value] of Object.entries(headers)) {
+            if (typeof value !== 'string') {
+                continue;
+            }
+            const trimmed = value.trim();
+            if (!trimmed) {
+                continue;
+            }
+            normalized[key] = trimmed;
+        }
+        return normalized;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: EnterpriseRuntimeContextService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: EnterpriseRuntimeContextService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: EnterpriseRuntimeContextService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
 function clonePraxisRuntimeComponentObservation(observation) {
     assertPraxisRuntimeComponentObservationSerializable(observation);
     return JSON.parse(JSON.stringify(observation));
@@ -12444,9 +12924,10 @@ class SurfaceOpenMaterializerService {
             : null;
         if (collectionData) {
             if (this.shouldPreserveCollectionPresentation(payload)) {
+                const preservedPayload = this.ensureCollectionTableSelectionContract(payload);
                 return {
-                    ...payload,
-                    context: this.mergeMaterializationContext(payload, {
+                    ...preservedPayload,
+                    context: this.mergeMaterializationContext(preservedPayload, {
                         readUrl,
                         dataShape: 'array',
                         recordCount: collectionData.length,
@@ -12470,18 +12951,24 @@ class SurfaceOpenMaterializerService {
         if (data && typeof data === 'object' && !Array.isArray(data)) {
             const objectData = data;
             if (payload.widget.id === 'praxis-dynamic-form') {
-                const schemaFields = await this.resolveSchemaFields(payload, discoveryOptions);
                 return {
                     ...payload,
                     widget: {
                         ...payload.widget,
                         inputs: {
                             ...this.projectMaterializedFormInputs(payload.widget.inputs || {}),
-                            configPersistenceStrategy: 'input-first',
                             mode: payload.widget.inputs?.['mode'] || 'view',
                             initialValue: objectData,
                             resourceId,
-                            config: this.buildLocalFormConfig(objectData, schemaFields),
+                            layoutPolicy: payload.widget.inputs?.['layoutPolicy'] || {
+                                source: 'schema',
+                                intent: 'detail',
+                                preset: 'compactPresentation',
+                                lifecycle: 'live',
+                                persistence: 'transient',
+                                schemaOperation: 'detail',
+                                schemaType: 'response',
+                            },
                         },
                     },
                     context: this.mergeMaterializationContext(payload, {
@@ -12519,11 +13006,14 @@ class SurfaceOpenMaterializerService {
             'resourceId',
             'apiEndpointKey',
             'apiUrlEntry',
+            'schemaUrl',
+            'readUrl',
             'submitUrl',
             'submitMethod',
             'responseSchemaUrl',
             'customEndpoints',
             'configPersistenceStrategy',
+            'layoutPolicy',
             'mode',
             'actions',
             'enableCustomization',
@@ -12531,6 +13021,7 @@ class SurfaceOpenMaterializerService {
             'readonlyModeGlobal',
             'disabledModeGlobal',
             'presentationModeGlobal',
+            'fieldIconPolicy',
             'visibleGlobal',
             'layout',
             'backConfig',
@@ -12544,186 +13035,6 @@ class SurfaceOpenMaterializerService {
         ]);
         return Object.fromEntries(Object.entries(inputs).filter(([key]) => supported.has(key)));
     }
-    buildLocalFormConfig(data, schemaFields = []) {
-        const fields = this.buildMaterializedFormFields(data, schemaFields);
-        const sections = this.buildMaterializedFormSections(fields);
-        return {
-            sections,
-            fieldMetadata: fields,
-        };
-    }
-    buildMaterializedFormFields(data, schemaFields) {
-        const schemaByName = new Map(schemaFields
-            .filter((field) => !!field?.name)
-            .map((field) => [field.name, field]));
-        const orderedNames = schemaFields.length
-            ? [
-                ...schemaFields
-                    .filter((field) => field?.name && Object.prototype.hasOwnProperty.call(data, field.name))
-                    .sort((left, right) => (left.order ?? Number.MAX_SAFE_INTEGER) - (right.order ?? Number.MAX_SAFE_INTEGER))
-                    .map((field) => field.name),
-                ...Object.keys(data).filter((key) => !schemaByName.has(key)),
-            ]
-            : Object.keys(data);
-        return orderedNames
-            .filter((key, index, keys) => keys.indexOf(key) === index)
-            .filter((key) => this.shouldRenderMaterializedFormField(key, data[key], schemaByName.get(key), data))
-            .map((key) => {
-            const field = schemaByName.get(key);
-            if (field) {
-                return {
-                    ...mapFieldDefinitionToMetadata({
-                        ...field,
-                        hidden: false,
-                        formHidden: false,
-                        readOnly: true,
-                    }),
-                    readOnly: true,
-                };
-            }
-            return {
-                name: key,
-                label: this.humanizeFieldName(key),
-                controlType: this.inferFormControlType(data[key]),
-                readOnly: true,
-            };
-        });
-    }
-    buildMaterializedFormSections(fields) {
-        const groups = new Map();
-        for (const field of fields) {
-            const group = String(field.group || '').trim() || 'Detalhes';
-            groups.set(group, [...(groups.get(group) || []), field]);
-        }
-        return Array.from(groups.entries()).map(([group, groupFields], sectionIndex) => {
-            const fieldNames = groupFields.map((field) => field.name);
-            const rows = this.chunk(fieldNames, 2).map((names, rowIndex) => ({
-                id: `row-${sectionIndex + 1}-${rowIndex + 1}`,
-                columns: names.map((name) => ({
-                    id: `col-${name}`,
-                    fields: [name],
-                })),
-            }));
-            return {
-                id: this.stableSectionId(group, sectionIndex),
-                title: group,
-                rows,
-            };
-        });
-    }
-    shouldRenderMaterializedFormField(key, value, field, data) {
-        if (!key || key.startsWith('_'))
-            return false;
-        if (field?.hidden === true)
-            return false;
-        if (this.isTechnicalRelationIdField(key, field, data))
-            return false;
-        if (this.isDuplicateMediaUrlField(key, value, field, data))
-            return false;
-        if (field?.formHidden === true && !this.isResolvedDisplayCompanionField(key, data)) {
-            return false;
-        }
-        if (value == null)
-            return true;
-        return typeof value !== 'object' || value instanceof Date;
-    }
-    isTechnicalRelationIdField(key, field, data) {
-        if (key === 'id' || !/Id$/.test(key))
-            return false;
-        const base = key.slice(0, -2);
-        const hasDisplayCompanion = this.hasDisplayCompanion(base, data);
-        if (!hasDisplayCompanion)
-            return false;
-        const controlType = String(field?.controlType || '').toLowerCase();
-        return Boolean(field?.endpoint
-            || field?.resourcePath
-            || field?.optionSource
-            || controlType.includes('select')
-            || field?.tableHidden === true);
-    }
-    isResolvedDisplayCompanionField(key, data) {
-        const base = this.resolveDisplayCompanionBase(key);
-        return !!base && Object.prototype.hasOwnProperty.call(data, `${base}Id`);
-    }
-    resolveDisplayCompanionBase(key) {
-        const suffixes = ['Nome', 'Name', 'Label', 'Descricao', 'Description', 'Title', 'Text'];
-        const suffix = suffixes.find((candidate) => key.endsWith(candidate));
-        return suffix ? key.slice(0, -suffix.length) : null;
-    }
-    hasDisplayCompanion(base, data) {
-        const suffixes = ['Nome', 'Name', 'Label', 'Descricao', 'Description', 'Title', 'Text'];
-        return suffixes.some((suffix) => {
-            const value = data[`${base}${suffix}`];
-            return value != null && String(value).trim().length > 0;
-        });
-    }
-    isDuplicateMediaUrlField(key, value, field, data) {
-        if (typeof value !== 'string' || !this.looksLikeMediaUrlField(key, field)) {
-            return false;
-        }
-        return Object.entries(data).some(([candidateKey, candidateValue]) => {
-            if (candidateKey === key || candidateValue !== value) {
-                return false;
-            }
-            return this.looksLikeAvatarFieldName(candidateKey);
-        });
-    }
-    looksLikeMediaUrlField(key, field) {
-        const type = String(field?.type || '').toLowerCase();
-        const controlType = String(field?.controlType || '').toLowerCase();
-        const normalized = key.toLowerCase();
-        return Boolean(type === 'url'
-            || controlType.includes('url')
-            || normalized.includes('url')
-            || normalized.includes('foto')
-            || normalized.includes('photo')
-            || normalized.includes('image')
-            || normalized.includes('imagem'));
-    }
-    looksLikeAvatarFieldName(key) {
-        const normalized = key.toLowerCase();
-        return normalized.includes('avatar') || normalized.includes('portrait');
-    }
-    inferFormControlType(value) {
-        if (typeof value === 'boolean')
-            return 'checkbox';
-        if (typeof value === 'number')
-            return 'numericTextBox';
-        if (typeof value === 'string') {
-            if (/^\d{4}-\d{2}-\d{2}$/.test(value))
-                return 'dateInput';
-            if (/^[^@\s]+@[^@\s]+\.[^@\s]+$/.test(value))
-                return 'email';
-        }
-        return 'input';
-    }
-    humanizeFieldName(key) {
-        return key
-            .replace(/([a-z0-9])([A-Z])/g, '$1 $2')
-            .replace(/[_-]+/g, ' ')
-            .replace(/\s+/g, ' ')
-            .trim()
-            .replace(/^./, (char) => char.toUpperCase());
-    }
-    stableSectionId(group, index) {
-        if (group === 'Detalhes') {
-            return 'details';
-        }
-        const normalized = group
-            .normalize('NFD')
-            .replace(/[\u0300-\u036f]/g, '')
-            .toLowerCase()
-            .replace(/[^a-z0-9]+/g, '-')
-            .replace(/^-+|-+$/g, '');
-        return normalized || `details-${index + 1}`;
-    }
-    chunk(items, size) {
-        const result = [];
-        for (let index = 0; index < items.length; index += size) {
-            result.push(items.slice(index, index + size));
-        }
-        return result;
-    }
     shouldMaterializeItemReadProjection(payload) {
         const surface = payload.context?.['surface'];
         const kind = String(surface?.['kind'] || '').toUpperCase();
@@ -12806,6 +13117,8 @@ class SurfaceOpenMaterializerService {
                 bindingOrder: [
                     'tableId',
                     'componentInstanceId',
+                    'configPersistenceStrategy',
+                    'resourcePath',
                     'title',
                     'subtitle',
                     'icon',
@@ -12813,11 +13126,17 @@ class SurfaceOpenMaterializerService {
                     'config',
                     'enableCustomization',
                 ],
+                outputs: {
+                    rowClick: 'emit',
+                    selectionChange: 'emit',
+                    widgetEvent: 'emit',
+                },
                 inputs: {
                     ...tableInputOverrides,
                     resourcePath: '',
                     tableId: String(previousInputs['tableId'] || this.stableSurfaceId(payload)),
                     componentInstanceId: `${this.stableSurfaceId(payload)}.${resourceId}`,
+                    configPersistenceStrategy: previousInputs['configPersistenceStrategy'] ?? 'volatile',
                     title: payload.title,
                     subtitle: payload.subtitle,
                     icon: payload.icon,
@@ -12833,6 +13152,52 @@ class SurfaceOpenMaterializerService {
             }),
         };
     }
+    ensureCollectionTableSelectionContract(payload) {
+        if (payload.widget?.id !== 'praxis-table') {
+            return payload;
+        }
+        const inputs = payload.widget.inputs || {};
+        return {
+            ...payload,
+            widget: {
+                ...payload.widget,
+                outputs: {
+                    ...(payload.widget.outputs || {}),
+                    rowClick: 'emit',
+                    selectionChange: 'emit',
+                    widgetEvent: 'emit',
+                },
+                inputs: {
+                    ...inputs,
+                    config: this.ensureTableSelectionConfig(inputs['config']),
+                },
+            },
+        };
+    }
+    ensureTableSelectionConfig(config) {
+        if (!config || typeof config !== 'object' || Array.isArray(config)) {
+            return config;
+        }
+        const tableConfig = config;
+        const rawBehavior = tableConfig['behavior'];
+        const behavior = (rawBehavior && typeof rawBehavior === 'object' && !Array.isArray(rawBehavior)
+            ? rawBehavior
+            : {});
+        if (behavior['selection'] && typeof behavior['selection'] === 'object') {
+            return config;
+        }
+        return {
+            ...tableConfig,
+            behavior: {
+                ...behavior,
+                selection: {
+                    enabled: true,
+                    type: 'single',
+                    mode: 'both',
+                },
+            },
+        };
+    }
     projectTableInputs(inputs) {
         const supported = new Set([
             'tableId',
@@ -12869,6 +13234,11 @@ class SurfaceOpenMaterializerService {
             behavior: {
                 localDataMode: { enabled: true },
                 pagination: { enabled: true, pageSize: 10 },
+                selection: {
+                    enabled: true,
+                    type: 'single',
+                    mode: 'both',
+                },
             },
         };
     }
@@ -16016,6 +16386,743 @@ const FieldDataType = {
  * - Angular Material 3 native support
  */
 
+const VISUALIZATION_KINDS = new Set([
+    'line',
+    'area',
+    'column',
+    'comparison',
+    'stackedBar',
+    'radial',
+    'harveyBall',
+    'bullet',
+    'delta',
+    'processFlow',
+]);
+const VISUALIZATION_SURFACES = new Set([
+    'table-cell',
+    'list-item',
+    'object-header',
+    'card-summary',
+    'form-presentation',
+]);
+const VISUALIZATION_SIZES = new Set([
+    'xs',
+    'sm',
+    'md',
+    'lg',
+    'responsive',
+]);
+const VISUALIZATION_TONES = new Set([
+    'neutral',
+    'info',
+    'success',
+    'warning',
+    'danger',
+    'critical',
+]);
+const TABLE_SAFE_KINDS = new Set([
+    'line',
+    'area',
+    'column',
+    'comparison',
+    'stackedBar',
+    'radial',
+    'harveyBall',
+    'bullet',
+    'delta',
+    'processFlow',
+]);
+function normalizePraxisPresentationVisualization(value) {
+    if (!value || typeof value !== 'object') {
+        return undefined;
+    }
+    const kind = normalizeEnum$1(value.kind, VISUALIZATION_KINDS);
+    const fallbackText = normalizeText$1(value.fallbackText);
+    if (!kind || !fallbackText) {
+        return undefined;
+    }
+    const surface = normalizeEnum$1(value.surface, VISUALIZATION_SURFACES);
+    const size = normalizeEnum$1(value.size, VISUALIZATION_SIZES);
+    const tone = normalizeEnum$1(value.tone, VISUALIZATION_TONES);
+    const ariaLabel = normalizeText$1(value.ariaLabel);
+    const valueSuffix = normalizeText$1(value.valueSuffix);
+    return {
+        kind,
+        fallbackText,
+        ...(surface ? { surface } : {}),
+        ...(size ? { size } : {}),
+        ...(tone ? { tone } : {}),
+        ...(ariaLabel ? { ariaLabel } : {}),
+        ...(valueSuffix ? { valueSuffix } : {}),
+        ...(Object.prototype.hasOwnProperty.call(value, 'value') ? { value: value.value } : {}),
+        ...(normalizeExpression(value.valueExpr, 'valueExpr') ?? {}),
+        ...(normalizeExpression(value.valueSuffixExpr, 'valueSuffixExpr') ?? {}),
+        ...(normalizeNumber(value.total, 'total') ?? {}),
+        ...(normalizeExpression(value.totalExpr, 'totalExpr') ?? {}),
+        ...(normalizeNumber(value.target, 'target') ?? {}),
+        ...(normalizeExpression(value.targetExpr, 'targetExpr') ?? {}),
+        ...(normalizeNumber(value.baseline, 'baseline') ?? {}),
+        ...(normalizeExpression(value.baselineExpr, 'baselineExpr') ?? {}),
+        ...(normalizePoints(value.points) ?? {}),
+        ...(normalizeExpression(value.pointsExpr, 'pointsExpr') ?? {}),
+        ...(normalizeSegments(value.segments) ?? {}),
+        ...(normalizeExpression(value.segmentsExpr, 'segmentsExpr') ?? {}),
+        ...(normalizeThresholds(value.thresholds) ?? {}),
+        ...(normalizeExpression(value.thresholdsExpr, 'thresholdsExpr') ?? {}),
+        ...(normalizeItems(value.items) ?? {}),
+        ...(normalizeExpression(value.itemsExpr, 'itemsExpr') ?? {}),
+        ...(normalizeExpression(value.toneExpr, 'toneExpr') ?? {}),
+        ...(normalizeExpression(value.ariaLabelExpr, 'ariaLabelExpr') ?? {}),
+        ...(normalizeExpression(value.fallbackTextExpr, 'fallbackTextExpr') ?? {}),
+    };
+}
+function isPraxisPresentationVisualizationTableSafe(value) {
+    const normalized = normalizePraxisPresentationVisualization(value);
+    return !!normalized && TABLE_SAFE_KINDS.has(normalized.kind);
+}
+function renderPraxisPresentationVisualizationHtml(value, options = {}) {
+    const visualization = normalizePraxisPresentationVisualization(value);
+    if (!visualization) {
+        return '';
+    }
+    switch (visualization.kind) {
+        case 'comparison':
+            return renderComparisonVisualizationHtml(visualization, options);
+        case 'stackedBar':
+            return renderStackedBarVisualizationHtml(visualization, options);
+        case 'bullet':
+            return renderBulletVisualizationHtml(visualization, options);
+        case 'delta':
+            return renderDeltaVisualizationHtml(visualization, options);
+        case 'radial':
+            return renderRadialVisualizationHtml(visualization, options);
+        case 'harveyBall':
+            return renderHarveyBallVisualizationHtml(visualization, options);
+        case 'line':
+            return renderLineVisualizationHtml(visualization, options);
+        case 'area':
+            return renderAreaVisualizationHtml(visualization, options);
+        case 'column':
+            return renderColumnVisualizationHtml(visualization, options);
+        case 'processFlow':
+            return renderProcessFlowVisualizationHtml(visualization, options);
+        default:
+            return `<span class="pfx-micro-viz__fallback">${escapeHtml$1(visualization.fallbackText)}</span>`;
+    }
+}
+function renderComparisonVisualizationHtml(visualization, options) {
+    const points = visualization.points ?? [];
+    const max = Math.max(1, ...points.map((point) => Math.max(0, point.value)));
+    const rows = points
+        .map((point) => {
+        const width = percent(point.value, max);
+        return `
+        <span class="pfx-micro-viz__row" data-tone="${escapeHtml$1(point.tone ?? visualization.tone ?? 'info')}">
+          <span class="pfx-micro-viz__label">${escapeHtml$1(point.label ?? '')}</span>
+          <span class="pfx-micro-viz__track">
+            <span class="pfx-micro-viz__bar" style="width:${width}%"></span>
+          </span>
+          <span class="pfx-micro-viz__value">${escapeHtml$1(formatMicroNumber(point.value, options.locale))}</span>
+        </span>`;
+    })
+        .join('');
+    return `<span class="pfx-micro-viz" role="img" aria-label="${escapeHtml$1(visualization.ariaLabel ?? visualization.fallbackText)}">${rows}</span>`;
+}
+function renderStackedBarVisualizationHtml(visualization, options) {
+    const segments = visualization.segments ?? [];
+    const total = visualization.total && visualization.total > 0
+        ? visualization.total
+        : Math.max(1, segments.reduce((sum, segment) => sum + Math.max(0, segment.value), 0));
+    const bars = segments
+        .map((segment) => `
+      <span
+        class="pfx-micro-viz__segment"
+        data-tone="${escapeHtml$1(segment.tone ?? visualization.tone ?? 'info')}"
+        style="width:${percent(segment.value, total)}%"
+        title="${escapeHtml$1(`${segment.label ?? ''} ${formatMicroNumber(segment.value, options.locale)}`.trim())}"
+      ></span>`)
+        .join('');
+    const meta = segments
+        .slice(0, 3)
+        .map((segment) => `<span>${escapeHtml$1(segment.label ?? '')}: ${escapeHtml$1(formatMicroNumber(segment.value, options.locale))}</span>`)
+        .join('');
+    return `
+    <span class="pfx-micro-viz" role="img" aria-label="${escapeHtml$1(visualization.ariaLabel ?? visualization.fallbackText)}">
+      <span class="pfx-micro-viz__segments">${bars}</span>
+      <span class="pfx-micro-viz__meta">${meta}</span>
+    </span>`;
+}
+function resolveBulletMax(visualization) {
+    const thresholds = visualization.thresholds ?? [];
+    const values = [
+        toFiniteNumber(visualization.value) ?? 0,
+        visualization.target ?? 0,
+        visualization.total ?? 0,
+        ...thresholds.map(t => t.value)
+    ].filter(v => Number.isFinite(v) && v > 0);
+    return Math.max(...values, 100);
+}
+function renderBulletVisualizationHtml(visualization, options) {
+    const currentValue = toFiniteNumber(visualization.value) ?? 0;
+    const max = resolveBulletMax(visualization);
+    const target = toFiniteNumber(visualization.target);
+    const targetLeft = target === undefined ? null : percent(target, max);
+    const isTable = visualization.surface === 'table-cell';
+    // thresholds
+    const thresholds = visualization.thresholds ?? [];
+    let previous = 0;
+    const bands = thresholds.map(t => {
+        const current = Math.max(t.value, previous);
+        const left = max > 0 ? percent(previous, max) : '0';
+        const width = max > 0 ? percent(current - previous, max) : '0';
+        previous = current;
+        return { left, width, tone: t.tone ?? 'info' };
+    }).filter(b => parseFloat(b.width) > 0);
+    const bandsHtml = bands.map(b => `<span class="pfx-micro-bullet__range" data-tone="${escapeHtml$1(b.tone)}" style="left: ${b.left}%; width: ${b.width}%;"></span>`).join('');
+    const topHtml = isTable ? '' : `
+    <div class="pfx-micro-bullet__top">
+      <span class="pfx-micro-bullet__label">${escapeHtml$1(visualization.fallbackText)}</span>
+      <span class="pfx-micro-bullet__value">
+        ${escapeHtml$1(formatMicroNumber(currentValue, options.locale))}
+        ${target === undefined ? '' : `<span class="pfx-micro-bullet__target-val">/ Target: ${escapeHtml$1(formatMicroNumber(target, options.locale))}</span>`}
+      </span>
+    </div>`;
+    const bottomHtml = isTable ? '' : `
+    <div class="pfx-micro-bullet__bottom">
+      <span>${escapeHtml$1(formatMicroNumber(visualization.baseline ?? 0, options.locale))}</span>
+      <span>${escapeHtml$1(formatMicroNumber(max, options.locale))}</span>
+    </div>`;
+    return `
+    <span class="pfx-micro-viz pfx-micro-viz__bullet" data-tone="${escapeHtml$1(visualization.tone ?? 'info')}" role="img" aria-label="${escapeHtml$1(visualization.ariaLabel ?? visualization.fallbackText)}">
+      ${topHtml}
+      <span class="pfx-micro-bullet__track">
+        ${bandsHtml}
+        <span class="pfx-micro-bullet__actual" data-tone="${escapeHtml$1(visualization.tone ?? 'info')}" style="width: ${percent(currentValue, max)}%;"></span>
+        ${targetLeft === null ? '' : `<span class="pfx-micro-bullet__target" style="left: ${targetLeft}%;"></span>`}
+      </span>
+      ${bottomHtml}
+    </span>`;
+}
+function renderDeltaVisualizationHtml(visualization, options) {
+    const value = toFiniteNumber(visualization.value);
+    const direction = value === undefined ? 'neutral' : value < 0 ? 'down' : value > 0 ? 'up' : 'neutral';
+    const symbol = direction === 'up' ? '&#9650;' : direction === 'down' ? '&#9660;' : '&rarr;';
+    const tone = visualization.tone ??
+        (value === undefined
+            ? 'neutral'
+            : value < 0
+                ? 'danger'
+                : value > 0
+                    ? 'success'
+                    : 'neutral');
+    const valueSuffix = visualization.valueSuffix ?? '';
+    const text = value === undefined
+        ? visualization.fallbackText
+        : `${formatMicroNumber(Math.abs(value), options.locale)}${valueSuffix}`;
+    const directionLabel = direction === 'up'
+        ? 'up'
+        : direction === 'down'
+            ? 'down'
+            : 'stable';
+    const aria = visualization.ariaLabel ?? `${visualization.fallbackText}: ${directionLabel} ${text}`;
+    return `
+    <span class="pfx-micro-viz pfx-micro-viz__delta" data-tone="${escapeHtml$1(tone)}" data-direction="${escapeHtml$1(direction)}" role="img" aria-label="${escapeHtml$1(aria)}">
+      <span class="pfx-micro-viz__delta-symbol" aria-hidden="true">${symbol}</span>
+      <span>${escapeHtml$1(text)}</span>
+    </span>`;
+}
+function percent(value, total) {
+    if (!Number.isFinite(value) || !Number.isFinite(total) || total <= 0) {
+        return '0';
+    }
+    return Math.max(0, Math.min(100, (value / total) * 100)).toFixed(2);
+}
+function toFiniteNumber(value) {
+    return typeof value === 'number' && Number.isFinite(value) ? value : undefined;
+}
+function formatMicroNumber(value, locale) {
+    return new Intl.NumberFormat(locale || undefined, {
+        maximumFractionDigits: Math.abs(value) < 10 ? 2 : 0,
+    }).format(value);
+}
+function escapeHtml$1(value) {
+    return String(value ?? '')
+        .replace(/&/g, '&amp;')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;')
+        .replace(/"/g, '&quot;')
+        .replace(/'/g, '&#39;');
+}
+function normalizePoints(value) {
+    const points = normalizeNumericEntries(value);
+    return points.length ? { points } : undefined;
+}
+function normalizeSegments(value) {
+    const segments = normalizeNumericEntries(value);
+    return segments.length ? { segments } : undefined;
+}
+function normalizeThresholds(value) {
+    const thresholds = normalizeNumericEntries(value);
+    return thresholds.length ? { thresholds } : undefined;
+}
+function normalizeItems(value) {
+    if (!Array.isArray(value)) {
+        return undefined;
+    }
+    const items = value
+        .map((item) => normalizeVisualizationItem(item))
+        .filter((item) => !!item);
+    return items.length ? { items } : undefined;
+}
+function normalizeExpression(value, key) {
+    if (typeof value === 'string') {
+        const normalized = value.trim();
+        return normalized ? { [key]: normalized } : undefined;
+    }
+    if (value && typeof value === 'object') {
+        return { [key]: value };
+    }
+    return undefined;
+}
+function normalizeNumericEntries(value) {
+    if (!Array.isArray(value)) {
+        return [];
+    }
+    return value
+        .map((item) => {
+        if (!item || typeof item !== 'object' || !Number.isFinite(item.value)) {
+            return null;
+        }
+        const label = normalizeText$1(item.label);
+        const tone = normalizeEnum$1(item.tone, VISUALIZATION_TONES);
+        return {
+            value: item.value,
+            ...(label ? { label } : {}),
+            ...(tone ? { tone } : {}),
+        };
+    })
+        .filter((item) => !!item);
+}
+function normalizeVisualizationItem(item) {
+    if (!item || typeof item !== 'object') {
+        return null;
+    }
+    const id = normalizeText$1(item.id);
+    const label = normalizeText$1(item.label);
+    const icon = normalizeText$1(item.icon);
+    const state = normalizeText$1(item.state);
+    const tone = normalizeEnum$1(item.tone, VISUALIZATION_TONES);
+    const normalizedValue = Number.isFinite(item.value) ? item.value : undefined;
+    if (!id && !label && normalizedValue === undefined && !icon && !state && !tone) {
+        return null;
+    }
+    return {
+        ...(id ? { id } : {}),
+        ...(label ? { label } : {}),
+        ...(normalizedValue !== undefined ? { value: normalizedValue } : {}),
+        ...(icon ? { icon } : {}),
+        ...(state ? { state } : {}),
+        ...(tone ? { tone } : {}),
+    };
+}
+function normalizeNumber(value, key) {
+    return Number.isFinite(value) ? { [key]: value } : undefined;
+}
+function normalizeEnum$1(value, allowed) {
+    if (typeof value !== 'string') {
+        return undefined;
+    }
+    const normalized = value.trim();
+    return allowed.has(normalized) ? normalized : undefined;
+}
+function normalizeText$1(value) {
+    if (typeof value !== 'string') {
+        return undefined;
+    }
+    const trimmed = value.trim();
+    return trimmed.length ? trimmed : undefined;
+}
+function renderRadialVisualizationHtml(visualization, options) {
+    const value = toFiniteNumber(visualization.value) ?? 0;
+    const total = visualization.total && visualization.total > 0 ? visualization.total : 100;
+    const pct = Math.max(0, Math.min(100, (value / total) * 100));
+    const tone = visualization.tone ?? 'info';
+    const dashArray = `${pct.toFixed(1)}, 100`;
+    const pctText = `${Math.round(pct)}%`;
+    const aria = visualization.ariaLabel ?? `${visualization.fallbackText} (${pctText})`;
+    const isTable = visualization.surface === 'table-cell';
+    const svgText = isTable
+        ? ''
+        : `<text x="18" y="21" class="pfx-micro-radial-svg__text">${escapeHtml$1(pctText)}</text>`;
+    const externalText = isTable
+        ? `<span class="pfx-micro-radial-value">${escapeHtml$1(pctText)}</span>`
+        : '';
+    return `
+    <span class="pfx-micro-viz pfx-micro-viz__radial" data-tone="${escapeHtml$1(tone)}" role="img" aria-label="${escapeHtml$1(aria)}">
+      <svg class="pfx-micro-radial-svg" viewBox="0 0 36 36">
+        <circle class="pfx-micro-radial-svg__track" cx="18" cy="18" r="15.9155" />
+        <circle class="pfx-micro-radial-svg__bar" cx="18" cy="18" r="15.9155" stroke-dasharray="${dashArray}" transform="rotate(-90 18 18)" />
+        ${svgText}
+      </svg>
+      ${externalText}
+    </span>`;
+}
+function renderHarveyBallVisualizationHtml(visualization, options) {
+    const value = toFiniteNumber(visualization.value) ?? 0;
+    const total = visualization.total && visualization.total > 0 ? visualization.total : 100;
+    const pct = Math.max(0, Math.min(100, (value / total) * 100));
+    const tone = visualization.tone ?? 'info';
+    const strokeLength = pct * 0.50265;
+    const dashArray = `${strokeLength.toFixed(3)} 50.265`;
+    const aria = visualization.ariaLabel ?? `${visualization.fallbackText} (${Math.round(pct)}%)`;
+    return `
+    <span class="pfx-micro-viz pfx-micro-viz__harvey" data-tone="${escapeHtml$1(tone)}" role="img" aria-label="${escapeHtml$1(aria)}">
+      <svg class="pfx-micro-harvey-svg" viewBox="0 0 36 36">
+        <circle class="pfx-micro-harvey-svg__track" cx="18" cy="18" r="16" />
+        <circle class="pfx-micro-harvey-svg__bar" cx="18" cy="18" r="8" stroke-dasharray="${dashArray}" transform="rotate(-90 18 18)" />
+      </svg>
+      <span class="pfx-micro-harvey-fraction">
+        <strong>${escapeHtml$1(formatMicroNumber(value, options.locale))}</strong>
+        <span class="pfx-separator">/</span>
+        <span class="pfx-total">${escapeHtml$1(formatMicroNumber(total, options.locale))}</span>
+      </span>
+    </span>`;
+}
+function getPointsCoordinates(points, width, height, padding) {
+    if (points.length < 2)
+        return [];
+    const values = points.map(p => p.value);
+    const minVal = Math.min(...values);
+    const maxVal = Math.max(...values);
+    const valRange = maxVal - minVal === 0 ? 1 : maxVal - minVal;
+    return points.map((p, index) => {
+        const x = padding + (index / (points.length - 1)) * (width - 2 * padding);
+        const y = height - padding - ((p.value - minVal) / valRange) * (height - 2 * padding);
+        return { x, y };
+    });
+}
+function renderLineVisualizationHtml(visualization, options) {
+    const points = visualization.points ?? [];
+    const tone = visualization.tone ?? 'info';
+    if (points.length < 2) {
+        return renderFallbackVisualizationHtml(visualization, tone);
+    }
+    const width = 100;
+    const height = 30;
+    const padding = 4;
+    const coords = getPointsCoordinates(points, width, height, padding);
+    const pathD = coords.map((c, i) => `${i === 0 ? 'M' : 'L'} ${c.x.toFixed(1)} ${c.y.toFixed(1)}`).join(' ');
+    // Highlight extreme/boundary values
+    let minIdx = 0;
+    let maxIdx = 0;
+    for (let i = 1; i < points.length; i++) {
+        if (points[i].value < points[minIdx].value)
+            minIdx = i;
+        if (points[i].value > points[maxIdx].value)
+            maxIdx = i;
+    }
+    const markers = [
+        { x: coords[0].x, y: coords[0].y, tone: points[0].tone ?? tone },
+        { x: coords[coords.length - 1].x, y: coords[coords.length - 1].y, tone: points[points.length - 1].tone ?? tone }
+    ];
+    if (minIdx !== 0 && minIdx !== coords.length - 1) {
+        markers.push({ x: coords[minIdx].x, y: coords[minIdx].y, tone: points[minIdx].tone ?? 'danger' });
+    }
+    if (maxIdx !== 0 && maxIdx !== coords.length - 1) {
+        markers.push({ x: coords[maxIdx].x, y: coords[maxIdx].y, tone: points[maxIdx].tone ?? 'success' });
+    }
+    const circlesHtml = markers.map(c => `<circle cx="${c.x.toFixed(1)}" cy="${c.y.toFixed(1)}" r="2.5" class="pfx-micro-trend__marker" data-tone="${escapeHtml$1(c.tone)}" />`).join('');
+    const isTable = visualization.surface === 'table-cell';
+    const firstPoint = points[0];
+    const lastPoint = points[points.length - 1];
+    const leftHtml = isTable ? '' : `
+    <div class="pfx-micro-trend__label-col pfx-micro-trend__label-col--start">
+      <span class="pfx-micro-trend__value">${escapeHtml$1(formatMicroNumber(firstPoint.value, options.locale))}</span>
+      ${firstPoint.label ? `<span class="pfx-micro-trend__label">${escapeHtml$1(firstPoint.label)}</span>` : ''}
+    </div>`;
+    const rightHtml = isTable ? '' : `
+    <div class="pfx-micro-trend__label-col pfx-micro-trend__label-col--end">
+      <span class="pfx-micro-trend__value">${escapeHtml$1(formatMicroNumber(lastPoint.value, options.locale))}</span>
+      ${lastPoint.label ? `<span class="pfx-micro-trend__label">${escapeHtml$1(lastPoint.label)}</span>` : ''}
+    </div>`;
+    return `
+    <span class="pfx-micro-viz-container">
+      ${leftHtml}
+      <span class="pfx-micro-viz pfx-micro-viz__line" data-tone="${escapeHtml$1(tone)}" role="img" aria-label="${escapeHtml$1(visualization.ariaLabel ?? visualization.fallbackText)}">
+        <svg class="pfx-micro-line__svg" viewBox="0 0 100 30">
+          <path class="pfx-micro-line__path" d="${pathD}" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
+          ${circlesHtml}
+        </svg>
+      </span>
+      ${rightHtml}
+    </span>`;
+}
+function renderAreaVisualizationHtml(visualization, options) {
+    const points = visualization.points ?? [];
+    const tone = visualization.tone ?? 'info';
+    if (points.length < 2) {
+        return renderFallbackVisualizationHtml(visualization, tone);
+    }
+    const width = 100;
+    const height = 30;
+    const padding = 4;
+    const coords = getPointsCoordinates(points, width, height, padding);
+    const lineD = coords.map((c, i) => `${i === 0 ? 'M' : 'L'} ${c.x.toFixed(1)} ${c.y.toFixed(1)}`).join(' ');
+    const firstX = coords[0].x.toFixed(1);
+    const lastX = coords[coords.length - 1].x.toFixed(1);
+    const areaD = `${lineD} L ${lastX} ${height} L ${firstX} ${height} Z`;
+    // Highlight extreme/boundary values
+    let minIdx = 0;
+    let maxIdx = 0;
+    for (let i = 1; i < points.length; i++) {
+        if (points[i].value < points[minIdx].value)
+            minIdx = i;
+        if (points[i].value > points[maxIdx].value)
+            maxIdx = i;
+    }
+    const markers = [
+        { x: coords[0].x, y: coords[0].y, tone: points[0].tone ?? tone },
+        { x: coords[coords.length - 1].x, y: coords[coords.length - 1].y, tone: points[points.length - 1].tone ?? tone }
+    ];
+    if (minIdx !== 0 && minIdx !== coords.length - 1) {
+        markers.push({ x: coords[minIdx].x, y: coords[minIdx].y, tone: points[minIdx].tone ?? 'danger' });
+    }
+    if (maxIdx !== 0 && maxIdx !== coords.length - 1) {
+        markers.push({ x: coords[maxIdx].x, y: coords[maxIdx].y, tone: points[maxIdx].tone ?? 'success' });
+    }
+    const circlesHtml = markers.map(c => `<circle cx="${c.x.toFixed(1)}" cy="${c.y.toFixed(1)}" r="2.5" class="pfx-micro-trend__marker" data-tone="${escapeHtml$1(c.tone)}" />`).join('');
+    const isTable = visualization.surface === 'table-cell';
+    const firstPoint = points[0];
+    const lastPoint = points[points.length - 1];
+    const leftHtml = isTable ? '' : `
+    <div class="pfx-micro-trend__label-col pfx-micro-trend__label-col--start">
+      <span class="pfx-micro-trend__value">${escapeHtml$1(formatMicroNumber(firstPoint.value, options.locale))}</span>
+      ${firstPoint.label ? `<span class="pfx-micro-trend__label">${escapeHtml$1(firstPoint.label)}</span>` : ''}
+    </div>`;
+    const rightHtml = isTable ? '' : `
+    <div class="pfx-micro-trend__label-col pfx-micro-trend__label-col--end">
+      <span class="pfx-micro-trend__value">${escapeHtml$1(formatMicroNumber(lastPoint.value, options.locale))}</span>
+      ${lastPoint.label ? `<span class="pfx-micro-trend__label">${escapeHtml$1(lastPoint.label)}</span>` : ''}
+    </div>`;
+    return `
+    <span class="pfx-micro-viz-container">
+      ${leftHtml}
+      <span class="pfx-micro-viz pfx-micro-viz__area" data-tone="${escapeHtml$1(tone)}" role="img" aria-label="${escapeHtml$1(visualization.ariaLabel ?? visualization.fallbackText)}">
+        <svg class="pfx-micro-area__svg" viewBox="0 0 100 30">
+          <path class="pfx-micro-area__fill" d="${areaD}" fill="currentColor" fill-opacity="0.15" />
+          <path class="pfx-micro-area__path" d="${lineD}" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
+          ${circlesHtml}
+        </svg>
+      </span>
+      ${rightHtml}
+    </span>`;
+}
+function renderColumnVisualizationHtml(visualization, options) {
+    const points = visualization.points ?? [];
+    const tone = visualization.tone ?? 'info';
+    if (points.length === 0) {
+        return renderFallbackVisualizationHtml(visualization, tone);
+    }
+    const width = 100;
+    const height = 30;
+    const padding = 4;
+    const values = points.map(p => p.value);
+    const maxVal = Math.max(...values, 0);
+    const minVal = Math.min(...values, 0);
+    const valRange = maxVal - minVal === 0 ? 1 : maxVal - minVal;
+    const colWidth = Math.max(2, (width - 2 * padding) / points.length - 2);
+    const columnsHtml = points.map((p, i) => {
+        const x = padding + i * ((width - 2 * padding) / points.length) + 1;
+        const rectHeight = Math.max(2, ((p.value - minVal) / valRange) * (height - 2 * padding));
+        const rectY = height - padding - rectHeight;
+        const itemTone = p.tone ?? tone;
+        return `<rect class="pfx-micro-column__bar" x="${x.toFixed(1)}" y="${rectY.toFixed(1)}" width="${colWidth.toFixed(1)}" height="${rectHeight.toFixed(1)}" fill="currentColor" data-tone="${escapeHtml$1(itemTone)}" />`;
+    }).join('');
+    const isTable = visualization.surface === 'table-cell';
+    const firstPoint = points[0];
+    const lastPoint = points[points.length - 1];
+    const leftHtml = isTable ? '' : `
+    <div class="pfx-micro-trend__label-col pfx-micro-trend__label-col--start">
+      <span class="pfx-micro-trend__value">${escapeHtml$1(formatMicroNumber(firstPoint.value, options.locale))}</span>
+      ${firstPoint.label ? `<span class="pfx-micro-trend__label">${escapeHtml$1(firstPoint.label)}</span>` : ''}
+    </div>`;
+    const rightHtml = isTable ? '' : `
+    <div class="pfx-micro-trend__label-col pfx-micro-trend__label-col--end">
+      <span class="pfx-micro-trend__value">${escapeHtml$1(formatMicroNumber(lastPoint.value, options.locale))}</span>
+      ${lastPoint.label ? `<span class="pfx-micro-trend__label">${escapeHtml$1(lastPoint.label)}</span>` : ''}
+    </div>`;
+    return `
+    <span class="pfx-micro-viz-container">
+      ${leftHtml}
+      <span class="pfx-micro-viz pfx-micro-viz__column" data-tone="${escapeHtml$1(tone)}" role="img" aria-label="${escapeHtml$1(visualization.ariaLabel ?? visualization.fallbackText)}">
+        <svg class="pfx-micro-column__svg" viewBox="0 0 100 30">
+          ${columnsHtml}
+        </svg>
+      </span>
+      ${rightHtml}
+    </span>`;
+}
+function renderProcessFlowVisualizationHtml(visualization, options) {
+    const items = visualization.items ?? [];
+    if (items.length === 0) {
+        return renderFallbackVisualizationHtml(visualization, visualization.tone ?? 'neutral');
+    }
+    const isTable = visualization.surface === 'table-cell';
+    const stepLabels = items.map((item, index) => item.label ?? item.id ?? `${index + 1}`);
+    const aria = visualization.ariaLabel ?? `${visualization.fallbackText}: ${stepLabels.join(' > ')}`;
+    const stepsHtml = items.map((item, index) => {
+        const itemTone = item.tone ?? 'neutral';
+        const itemState = item.state ?? '';
+        const isLast = index === items.length - 1;
+        const itemLabel = stepLabels[index];
+        const label = !isTable && item.label ? `<span class="pfx-micro-step__label">${escapeHtml$1(item.label)}</span>` : '';
+        const connector = !isLast ? `<span class="pfx-micro-step__connector" data-tone="${escapeHtml$1(itemTone)}"></span>` : '';
+        const stepCircle = `
+      <span class="pfx-micro-step__node" data-tone="${escapeHtml$1(itemTone)}" aria-hidden="true">
+        ${item.icon ? `<span class="material-icons pfx-micro-step__icon" aria-hidden="true">${escapeHtml$1(item.icon)}</span>` : `${index + 1}`}
+      </span>`;
+        return `
+      <div class="pfx-micro-step" data-state="${escapeHtml$1(itemState)}" data-tone="${escapeHtml$1(itemTone)}">
+        <div class="pfx-micro-step__node-wrapper" title="${escapeHtml$1(itemLabel)}">
+          ${stepCircle}
+          ${label}
+        </div>
+        ${connector}
+      </div>`;
+    }).join('');
+    return `
+    <span class="pfx-micro-viz pfx-micro-viz__process" role="img" aria-label="${escapeHtml$1(aria)}">
+      ${stepsHtml}
+    </span>`;
+}
+function renderFallbackVisualizationHtml(visualization, tone) {
+    return `
+    <span
+      class="pfx-micro-viz pfx-micro-viz__fallback"
+      data-tone="${escapeHtml$1(tone)}"
+      role="img"
+      aria-label="${escapeHtml$1(visualization.ariaLabel ?? visualization.fallbackText)}"
+    >${escapeHtml$1(visualization.fallbackText)}</span>`;
+}
+
+const TONES = new Set([
+    'neutral',
+    'info',
+    'success',
+    'warning',
+    'danger',
+]);
+const APPEARANCES = new Set([
+    'plain',
+    'soft',
+    'outlined',
+    'filled',
+]);
+const PRESENTERS = new Set([
+    'text',
+    'badge',
+    'chip',
+    'status',
+    'iconValue',
+    'progress',
+    'rating',
+    'microVisualization',
+]);
+/**
+ * Resolves readonly field presentation from a base semantic config plus ordered
+ * Json Logic rules. Later matching rules override earlier presentation values.
+ */
+function resolveFieldPresentation(base, rules, context = {}, options = {}) {
+    let resolved = normalizeFieldPresentation(base);
+    let matchedRule = false;
+    if (!Array.isArray(rules) || !options.jsonLogic) {
+        return resolved;
+    }
+    for (const rule of rules) {
+        if (!rule?.when || !matchesPresentationRule(rule, context, options.jsonLogic)) {
+            continue;
+        }
+        const effect = normalizeFieldPresentation(rule.set ?? rule.effect);
+        resolved = {
+            ...resolved,
+            ...effect,
+        };
+        matchedRule = true;
+    }
+    return matchedRule ? { ...resolved, matchedRule } : resolved;
+}
+function normalizeFieldPresentation(value) {
+    if (!value || typeof value !== 'object') {
+        return {};
+    }
+    const presenter = normalizePresenter(value.presenter ?? value.variant);
+    const tone = normalizeTone(value.tone);
+    const appearance = normalizeAppearance(value.appearance);
+    const icon = normalizeText(value.icon);
+    const label = normalizeText(value.label);
+    const badge = normalizeText(value.badge);
+    const tooltip = normalizeText(value.tooltip);
+    const visualization = normalizePraxisPresentationVisualization(value.visualization);
+    return {
+        ...(presenter ? { presenter } : {}),
+        ...(tone ? { tone } : {}),
+        ...(appearance ? { appearance } : {}),
+        ...(icon ? { icon } : {}),
+        ...(label ? { label } : {}),
+        ...(badge ? { badge } : {}),
+        ...(tooltip ? { tooltip } : {}),
+        ...(value.valuePresentation && typeof value.valuePresentation === 'object'
+            ? { valuePresentation: value.valuePresentation }
+            : {}),
+        ...(visualization ? { visualization } : {}),
+        ...(value.interactions && typeof value.interactions === 'object'
+            ? { interactions: normalizeInteractions(value.interactions) }
+            : {}),
+    };
+}
+function matchesPresentationRule(rule, context, jsonLogic) {
+    try {
+        const result = jsonLogic.evaluate(rule.when, context);
+        return typeof jsonLogic.truthy === 'function'
+            ? jsonLogic.truthy(result)
+            : Boolean(result);
+    }
+    catch {
+        return false;
+    }
+}
+function normalizePresenter(value) {
+    return normalizeEnum(value, PRESENTERS);
+}
+function normalizeTone(value) {
+    return normalizeEnum(value, TONES);
+}
+function normalizeAppearance(value) {
+    return normalizeEnum(value, APPEARANCES);
+}
+function normalizeEnum(value, allowed) {
+    if (typeof value !== 'string') {
+        return undefined;
+    }
+    const normalized = value.trim();
+    return allowed.has(normalized) ? normalized : undefined;
+}
+function normalizeText(value) {
+    if (typeof value !== 'string') {
+        return undefined;
+    }
+    const trimmed = value.trim();
+    return trimmed.length ? trimmed : undefined;
+}
+function normalizeInteractions(value) {
+    return {
+        ...(value.copy === true ? { copy: true } : {}),
+        ...(value.details === true ? { details: true } : {}),
+        ...(value.expand === true ? { expand: true } : {}),
+        ...(value.link === true ? { link: true } : {}),
+    };
+}
+
 /**
  * @fileoverview Specialized metadata interfaces for Angular Material components
  *
@@ -16392,6 +17499,37 @@ function normalizeSelectLike(meta) {
     return m;
 }
 
+const SERVER_OWNED_FIELD_SEMANTIC_KEYS = [
+    'label',
+    'hint',
+    'helpText',
+    'description',
+    'tooltip',
+    'tooltipOnHover',
+    'icon',
+    'prefixIcon',
+    'suffixIcon',
+    'iconPosition',
+    'iconSize',
+    'iconColor',
+    'iconClass',
+    'iconStyle',
+    'iconFontSize',
+];
+function applyServerOwnedFieldSemantics(merged, serverField) {
+    const next = { ...merged };
+    const server = serverField;
+    for (const key of SERVER_OWNED_FIELD_SEMANTIC_KEYS) {
+        if (server[key] === undefined) {
+            delete next[key];
+        }
+        else {
+            next[key] = server[key];
+        }
+    }
+    return next;
+}
+
 function createDefaultFormConfig() {
     const config = {
         sections: [
@@ -16554,7 +17692,7 @@ function syncWithServerMetadata(localConfig, serverMetadata) {
             toggleOptions: pick('toggleOptions'),
             nodes: pick('nodes'),
         };
-        mergedOverlapping.push(merged);
+        mergedOverlapping.push(applyServerOwnedFieldSemantics(merged, serverField));
         // Track simple modifications for diagnostics
         ['label', 'required', 'maxLength', 'minLength', 'dataType', 'controlType'].forEach((prop) => {
             if (loc[prop] !== base[prop]) {
@@ -16894,7 +18032,7 @@ const EVENT_REGISTRATION_EDITORIAL_TEMPLATE = {
             content: [
                 {
                     type: 'text',
-                    text: 'Ao enviar a inscricao, o participante reconhece o tratamento dos dados para credenciamento, comunicacoes e operacao do evento.',
+                    text: 'Ao enviar a inscrição, o participante reconhece o tratamento dos dados para credenciamento, comunicações e operação do evento.',
                 },
             ],
         }),
@@ -17035,7 +18173,7 @@ const EMPLOYEE_ONBOARDING_EDITORIAL_TEMPLATE = {
                 wrap: true,
                 items: [
                     { type: 'badge', label: 'onboarding' },
-                    { type: 'text', text: 'Admissao, conferencia e preferencias iniciais' },
+                    { type: 'text', text: 'Admissão, conferência e preferências iniciais' },
                 ],
             },
         }, {
@@ -17044,7 +18182,7 @@ const EMPLOYEE_ONBOARDING_EDITORIAL_TEMPLATE = {
             subtitle: 'Resumo do fluxo',
             content: [
                 { type: 'text', text: 'Dados pessoais e de contato.' },
-                { type: 'text', text: 'Preferencias operacionais iniciais.' },
+                { type: 'text', text: 'Preferências operacionais iniciais.' },
                 { type: 'text', text: 'Anexos e termos obrigatorios.' },
             ],
         }),
@@ -17076,7 +18214,7 @@ const EMPLOYEE_ONBOARDING_EDITORIAL_TEMPLATE = {
                 id: 'operations',
                 appearance: 'step',
                 stepLabel: '2',
-                title: 'Operacao inicial',
+                title: 'Operação inicial',
                 description: 'Dados para preparacao do ambiente e comunicacao inicial.',
                 rows: [
                     {
@@ -17102,7 +18240,7 @@ const EMPLOYEE_ONBOARDING_EDITORIAL_TEMPLATE = {
             title: 'Uso interno',
             subtitle: 'Antes do envio',
             badge: 'info',
-            description: 'As informacoes deste fluxo sao usadas exclusivamente para cadastro interno, provisionamento e comunicacao de onboarding.',
+            description: 'As informações deste fluxo são usadas exclusivamente para cadastro interno, provisionamento e comunicação de onboarding.',
         }),
         formBlocksBeforeActionsPlacement: 'afterSections',
         actions: {
@@ -17151,7 +18289,7 @@ const EMPLOYEE_ONBOARDING_EDITORIAL_TEMPLATE = {
                 required: true,
                 options: [
                     { text: 'Presencial', value: 'ONSITE' },
-                    { text: 'Hibrido', value: 'HYBRID' },
+                    { text: 'Híbrido', value: 'HYBRID' },
                     { text: 'Remoto', value: 'REMOTE' },
                 ],
             },
@@ -17162,22 +18300,22 @@ const EMPLOYEE_ONBOARDING_EDITORIAL_TEMPLATE = {
                 required: true,
                 options: [
                     { text: 'Sim', value: 'YES' },
-                    { text: 'Nao', value: 'NO' },
+                    { text: 'Não', value: 'NO' },
                 ],
             },
             {
                 name: 'shippingAddress',
-                label: 'Endereco para envio',
+                label: 'Endereço para envio',
                 controlType: 'textarea',
             },
             {
                 name: 'accessibilityNotes',
-                label: 'Observacoes de acessibilidade ou preferencias',
+                label: 'Observações de acessibilidade ou preferências',
                 controlType: 'textarea',
             },
             {
                 name: 'privacyConsent',
-                label: 'Confirmo ciencia sobre o tratamento dos meus dados no processo de onboarding.',
+                label: 'Confirmo ciência sobre o tratamento dos meus dados no processo de onboarding.',
                 controlType: 'checkbox',
                 selectionMode: 'boolean',
                 variant: 'consent',
@@ -17250,7 +18388,7 @@ const EMPLOYEE_ONBOARDING_GUIDED_EDITORIAL_TEMPLATE = {
                 id: 'operations',
                 appearance: 'step',
                 stepLabel: '2',
-                title: 'Operacao inicial',
+                title: 'Operação inicial',
                 description: 'Configure os recursos necessarios para o primeiro dia.',
                 rows: [
                     {
@@ -17360,17 +18498,17 @@ const EMPLOYEE_ONBOARDING_GUIDED_EDITORIAL_TEMPLATE = {
                 options: [
                     { text: 'Presencial', value: 'Presencial' },
                     { text: 'Remoto', value: 'Remoto' },
-                    { text: 'Hibrido', value: 'Hibrido' },
+                    { text: 'Híbrido', value: 'Híbrido' },
                 ],
             },
             {
                 name: 'accessibilityNotes',
-                label: 'Observacoes adicionais',
+                label: 'Observações adicionais',
                 controlType: 'textarea',
             },
             {
                 name: 'privacyConsent',
-                label: 'Confirmo ciencia sobre o tratamento dos meus dados no processo de onboarding.',
+                label: 'Confirmo ciência sobre o tratamento dos meus dados no processo de onboarding.',
                 controlType: 'checkbox',
                 selectionMode: 'boolean',
                 variant: 'consent',
@@ -17386,7 +18524,7 @@ const PRIVACY_CONSENT_EDITORIAL_TEMPLATE = {
     version: '1.0.0',
     metadata: {
         title: 'Privacy Consent',
-        description: 'Template focado em aceite explicito, base legal, preferencias de comunicacao e registro de consentimento.',
+        description: 'Template focado em aceite explícito, base legal, preferências de comunicação e registro de consentimento.',
         category: 'consent',
         tags: ['privacy', 'consent', 'compliance', 'legal'],
         source: 'catalog',
@@ -17408,13 +18546,13 @@ const PRIVACY_CONSENT_EDITORIAL_TEMPLATE = {
             title: 'Consentimento e tratamento de dados',
             subtitle: 'Template regulatorio',
             badge: 'info',
-            description: 'Use este template quando o objetivo principal do fluxo for registrar ciencia, aceite e preferencias relacionadas a privacidade.',
+            description: 'Use este template quando o objetivo principal do fluxo for registrar ciência, aceite e preferências relacionadas a privacidade.',
         }),
         sections: [
             {
                 id: 'consent',
                 appearance: 'card',
-                title: 'Preferencias e consentimentos',
+                title: 'Preferências e consentimentos',
                 description: 'Aceites explicitos e canais opcionais de comunicacao.',
                 rows: [
                     {
@@ -17497,7 +18635,7 @@ const PRIVACY_CONSENT_EDITORIAL_TEMPLATE = {
             },
             {
                 name: 'consentNotes',
-                label: 'Observacoes adicionais',
+                label: 'Observações adicionais',
                 controlType: 'textarea',
             },
         ],
@@ -17533,6 +18671,8 @@ const RULE_PROPERTY_SCHEMA = {
         { name: 'tooltip', type: 'string', label: 'Tooltip' },
         { name: 'prefixIcon', type: 'string', label: 'Ícone prefixo' },
         { name: 'suffixIcon', type: 'string', label: 'Ícone sufixo' },
+        { name: 'presentation', type: 'object', label: 'Apresentação', category: 'appearance' },
+        { name: 'presentationRules', type: 'array', label: 'Regras de apresentação', category: 'appearance' },
         { name: 'prefixText', type: 'string', label: 'Texto prefixo' },
         { name: 'suffixText', type: 'string', label: 'Texto sufixo' },
         { name: 'defaultValue', type: 'object', label: 'Valor padrão' },
@@ -18256,8 +19396,8 @@ const EMPLOYEE_ONBOARDING_EDITORIAL_SOLUTION = {
                                     fields: [
                                         { key: 'selectedEquipment', label: 'Equipamentos', valuePath: 'formData.selectedEquipment', hideWhenEmpty: true },
                                         { key: 'needsEquipment', label: 'Necessita envio de equipamento', valuePath: 'formData.needsEquipment', hideWhenEmpty: true },
-                                        { key: 'shippingAddress', label: 'Endereco para envio', valuePath: 'formData.shippingAddress', hideWhenEmpty: true },
-                                        { key: 'accessibilityNotes', label: 'Observacoes adicionais', valuePath: 'formData.accessibilityNotes', hideWhenEmpty: true },
+                                        { key: 'shippingAddress', label: 'Endereço para envio', valuePath: 'formData.shippingAddress', hideWhenEmpty: true },
+                                        { key: 'accessibilityNotes', label: 'Observações adicionais', valuePath: 'formData.accessibilityNotes', hideWhenEmpty: true },
                                     ],
                                 },
                             ],
@@ -19566,6 +20706,274 @@ const ValidationPattern = {
     CUSTOM: '',
 };
 
+function materializeFormLayoutFromMetadata(fields, options = {}) {
+    const policy = normalizeLayoutPolicy(options.policy);
+    const visibleFields = normalizeFields(fields, options.includeHidden === true);
+    const groupedFields = groupFields(visibleFields);
+    const sections = groupedFields.map(([groupKey, groupFields], sectionIndex) => createSection(groupKey, groupFields, sectionIndex, policy, options));
+    return ensureIds({
+        sections,
+        fieldMetadata: fieldsForPolicy(visibleFields, policy),
+        metadata: {
+            version: '1.0.0',
+            lastUpdated: new Date(),
+            source: 'schema',
+            generatedLayoutPreset: policy.preset,
+            schemaLayoutPolicy: policy,
+            ...(policy.preset === 'compactPresentation'
+                ? { presentationDensity: 'compact' }
+                : {}),
+        },
+    });
+}
+function normalizeLayoutPolicy(policy) {
+    const intent = policy?.intent ?? (policy?.preset === 'groupedCommand' ? 'command' : 'detail');
+    const preset = policy?.preset ?? (intent === 'command' ? 'groupedCommand' : 'compactPresentation');
+    return {
+        source: policy?.source ?? 'authored',
+        preset,
+        intent,
+        lifecycle: policy?.lifecycle ?? 'initial',
+        persistence: policy?.persistence ?? 'authorable',
+        detachBehavior: policy?.detachBehavior ?? 'none',
+        schemaOperation: policy?.schemaOperation,
+        schemaType: policy?.schemaType,
+    };
+}
+function normalizeFields(fields, includeHidden) {
+    return (fields || [])
+        .filter((field) => !!field?.name)
+        .filter((field) => includeHidden || !isFormHidden(field))
+        .sort(compareFields);
+}
+function isFormHidden(field) {
+    const anyField = field;
+    return anyField.formHidden === true || anyField.hidden === true || anyField.visible === false;
+}
+function groupFields(fields) {
+    const groups = new Map();
+    for (const field of fields) {
+        const groupKey = normalizeGroupLabel(field.group);
+        groups.set(groupKey, [...(groups.get(groupKey) || []), field]);
+    }
+    return Array.from(groups.entries()).sort(([, left], [, right]) => compareGroupFields(left, right));
+}
+function createSection(groupKey, groupFields, sectionIndex, policy, options) {
+    const title = groupKey === 'default'
+        ? options.defaultSectionTitle || 'Informacoes'
+        : groupKey;
+    const sectionId = stableSectionId(groupKey);
+    const presentationRole = resolvePresentationRole(groupKey, groupFields, options.presentationRoleMap);
+    return {
+        id: sectionId,
+        title,
+        ...(policy.preset === 'compactPresentation'
+            ? {
+                icon: resolvePresentationSectionIcon(presentationRole),
+                sectionHeader: {
+                    mode: 'icon',
+                    size: 'sm',
+                    fallbackIcon: resolvePresentationSectionIcon(presentationRole),
+                },
+                className: [
+                    'pdx-presentation-section',
+                    `pdx-presentation-section--${presentationRole}`,
+                ].join(' '),
+                presentationRole,
+                appearance: 'plain',
+            }
+            : {}),
+        rows: policy.preset === 'groupedCommand'
+            ? createCommandRows(groupFields, sectionId)
+            : createPresentationRows(groupFields, sectionId),
+    };
+}
+function createPresentationRows(fields, sectionId) {
+    const rows = [];
+    let pending = [];
+    let pendingSpan = 0;
+    let rowIndex = 0;
+    const flush = () => {
+        if (!pending.length)
+            return;
+        rows.push({ id: `${sectionId}-row-${++rowIndex}`, columns: pending });
+        pending = [];
+        pendingSpan = 0;
+    };
+    for (const field of fields) {
+        const span = hasExplicitWidth(field)
+            ? resolveCommandSpan(field)
+            : { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 };
+        const mdSpan = span.md ?? 12;
+        const column = {
+            id: `${sectionId}-col-${field.name}`,
+            fields: [field.name],
+            items: [{ id: `${sectionId}-item-${field.name}`, kind: 'field', fieldName: field.name }],
+            span,
+        };
+        if (mdSpan >= 12) {
+            flush();
+            pending = [column];
+            flush();
+            continue;
+        }
+        if (pendingSpan + mdSpan > 12) {
+            flush();
+        }
+        pending.push(column);
+        pendingSpan += mdSpan;
+    }
+    flush();
+    return rows;
+}
+function createCommandRows(fields, sectionId) {
+    const rows = [];
+    let pending = [];
+    let pendingSpan = 0;
+    let rowIndex = 0;
+    const flush = () => {
+        if (!pending.length)
+            return;
+        rows.push({ id: `${sectionId}-row-${++rowIndex}`, columns: pending });
+        pending = [];
+        pendingSpan = 0;
+    };
+    for (const field of fields) {
+        const span = resolveCommandSpan(field);
+        const mdSpan = span.md ?? 12;
+        const column = {
+            id: `${sectionId}-col-${field.name}`,
+            fields: [field.name],
+            items: [{ id: `${sectionId}-item-${field.name}`, kind: 'field', fieldName: field.name }],
+            span,
+        };
+        if (mdSpan >= 12) {
+            flush();
+            pending = [column];
+            flush();
+            continue;
+        }
+        if (pendingSpan + mdSpan > 12) {
+            flush();
+        }
+        pending.push(column);
+        pendingSpan += mdSpan;
+    }
+    flush();
+    return rows;
+}
+function resolveCommandSpan(field) {
+    const rawWidth = field.width;
+    const numericWidth = typeof rawWidth === 'number'
+        ? rawWidth
+        : typeof rawWidth === 'string' && /^\d+$/.test(rawWidth.trim())
+            ? Number(rawWidth.trim())
+            : null;
+    if (numericWidth != null && Number.isFinite(numericWidth)) {
+        const span = Math.max(1, Math.min(12, Math.round(numericWidth)));
+        return {
+            xs: 12,
+            sm: span >= 6 ? 12 : 6,
+            md: span,
+            lg: span,
+            xl: span,
+        };
+    }
+    const width = String(rawWidth || '').toLowerCase();
+    const controlType = String(field.controlType || field.type || '').toLowerCase();
+    if (width === 'full' ||
+        width === 'xl' ||
+        controlType.includes('textarea') ||
+        controlType.includes('rich') ||
+        controlType.includes('file') ||
+        controlType.includes('autocomplete') ||
+        controlType.includes('lookup')) {
+        return { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 };
+    }
+    if (width === 'lg')
+        return { xs: 12, sm: 12, md: 8, lg: 8, xl: 8 };
+    if (width === 'md')
+        return { xs: 12, sm: 12, md: 6, lg: 6, xl: 6 };
+    if (width === 'sm')
+        return { xs: 12, sm: 6, md: 4, lg: 4, xl: 4 };
+    if (width === 'xs' || controlType.includes('checkbox') || controlType.includes('toggle')) {
+        return { xs: 12, sm: 6, md: 3, lg: 3, xl: 3 };
+    }
+    return { xs: 12, sm: 12, md: 6, lg: 6, xl: 6 };
+}
+function hasExplicitWidth(field) {
+    const rawWidth = field.width;
+    return rawWidth !== undefined && rawWidth !== null && String(rawWidth).trim() !== '';
+}
+function fieldsForPolicy(fields, policy) {
+    if (policy.preset !== 'compactPresentation') {
+        return fields;
+    }
+    return fields.map((field) => ({
+        ...field,
+        readOnly: true,
+        presentationMode: field.presentationMode ?? true,
+        valuePresentation: {
+            ...(field.valuePresentation || {}),
+            density: (field.valuePresentation || {}).density ?? 'compact',
+        },
+    }));
+}
+function compareGroupFields(left, right) {
+    return compareFields(left[0], right[0]);
+}
+function compareFields(left, right) {
+    const leftOrder = typeof left?.order === 'number' ? left.order : Number.MAX_SAFE_INTEGER;
+    const rightOrder = typeof right?.order === 'number' ? right.order : Number.MAX_SAFE_INTEGER;
+    if (leftOrder !== rightOrder)
+        return leftOrder - rightOrder;
+    return String(left?.name || '').localeCompare(String(right?.name || ''));
+}
+function normalizeGroupLabel(group) {
+    const value = String(group || '').trim();
+    return value || 'default';
+}
+function resolvePresentationRole(groupName, fields, map) {
+    const direct = map?.[groupName];
+    if (direct)
+        return direct;
+    const normalized = stableToken(groupName);
+    if (normalized.includes('ident'))
+        return 'identity';
+    if (normalized.includes('marc') || normalized.includes('status'))
+        return 'markers';
+    if (normalized.includes('regra') || normalized.includes('rule'))
+        return 'rules';
+    if (fields.some((field) => String(field.controlType || '').toLowerCase().includes('checkbox'))) {
+        return 'markers';
+    }
+    return 'default';
+}
+function resolvePresentationSectionIcon(role) {
+    switch (role) {
+        case 'identity':
+            return 'badge';
+        case 'rules':
+            return 'rule';
+        case 'markers':
+            return 'fact_check';
+        default:
+            return 'info';
+    }
+}
+function stableSectionId(groupName) {
+    const token = stableToken(groupName) || 'default';
+    return `section-${token}`;
+}
+function stableToken(value) {
+    return String(value || '')
+        .normalize('NFD')
+        .replace(/[\u0300-\u036f]/g, '')
+        .toLowerCase()
+        .replace(/[^a-z0-9]+/g, '-')
+        .replace(/^-+|-+$/g, '');
+}
+
 function resolveSpan(span) {
     const xs = clamp(span?.xs ?? 12, 'xs');
     const sm = clamp(span?.sm ?? xs, 'sm');
@@ -20346,7 +21754,7 @@ class SurfaceOpenActionEditorComponent {
             .filter(Boolean)));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: SurfaceOpenActionEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: SurfaceOpenActionEditorComponent, isStandalone: true, selector: "praxis-surface-open-action-editor", inputs: { value: "value", hostKind: "hostKind" }, outputs: { valueChange: "valueChange" }, providers: [providePraxisI18nConfig(SURFACE_OPEN_I18N_CONFIG)], usesOnChanges: true, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: SurfaceOpenActionEditorComponent, isStandalone: true, selector: "praxis-surface-open-action-editor", inputs: { value: "value", hostKind: "hostKind" }, outputs: { valueChange: "valueChange" }, host: { attributes: { "data-praxis-surface-open-action-editor": "core" } }, providers: [providePraxisI18nConfig(SURFACE_OPEN_I18N_CONFIG)], usesOnChanges: true, ngImport: i0, template: `
     <div class="surface-editor">
       <div class="surface-section">
         <div class="surface-section-title">{{ t('editor.presets.title', 'Presets') }}</div>
@@ -20643,17 +22051,17 @@ class SurfaceOpenActionEditorComponent {
             {{ t('editor.bindings.empty', 'No bindings configured yet.') }}
           </div>
         }
-        <div class="surface-empty">
+        <div class="surface-guidance">
           @if (bindingSourceSuggestionsPreview) {
-            <div>
+            <div class="surface-guidance__item">
               {{ t('editor.bindings.suggestedSources', 'Suggested sources: {{value}}', { value: bindingSourceSuggestionsPreview }) }}
             </div>
           }
-          <div>
+          <div class="surface-guidance__item surface-guidance__item--primary">
             {{ t('editor.bindings.sourceSemantics', 'Use payload.* for the canonical event envelope and runtime.* for direct host state when the source component exposes it.') }}
           </div>
           @if (bindingTargetSuggestionsPreview) {
-            <div>
+            <div class="surface-guidance__item">
               {{ t('editor.bindings.suggestedTargets', 'Suggested targets: {{value}}', { value: bindingTargetSuggestionsPreview }) }}
             </div>
           }
@@ -20689,11 +22097,11 @@ class SurfaceOpenActionEditorComponent {
         </mat-form-field>
       </div>
     </div>
-  `, isInline: true, styles: [".surface-editor{display:grid;gap:16px}.surface-section{padding:12px 14px;border:1px dashed var(--md-sys-color-outline-variant, rgba(0, 0, 0, .18));border-radius:10px;background:var(--md-sys-color-surface-container-lowest, #fff)}.surface-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.surface-section-title{font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--md-sys-color-on-surface-variant, #5f6368);margin-bottom:10px}.surface-section-header .surface-section-title{margin-bottom:0}.surface-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px 16px}.surface-preset-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.surface-span-2{grid-column:span 2}.surface-span-all{width:100%}.surface-component-meta{display:grid;gap:4px}.surface-component-title{font-weight:600}.surface-component-description,.surface-empty{color:var(--md-sys-color-on-surface-variant, #5f6368);font-size:12px}.surface-bindings{display:grid;gap:12px}.surface-binding-row{display:grid;grid-template-columns:minmax(200px,1.2fr) minmax(220px,1.4fr) minmax(140px,.8fr) minmax(180px,1fr) auto;gap:12px;align-items:start}mat-form-field{width:100%}@media(max-width:960px){.surface-binding-row{grid-template-columns:minmax(0,1fr)}}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i6.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.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i7.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: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
+  `, isInline: true, styles: [".surface-editor{display:grid;gap:14px;min-width:0}.surface-section{display:grid;gap:10px;min-width:0;padding:14px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface-container-low)}.surface-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:0}.surface-section-title{font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase;color:var(--md-sys-color-on-surface-variant);margin-bottom:0}.surface-section-header .surface-section-title{margin-bottom:0}.surface-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:12px 16px;min-width:0}.surface-preset-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.surface-span-2{grid-column:span 2}.surface-span-all{width:100%;min-width:0}.surface-component-meta{display:grid;gap:4px;padding:10px 12px;border-radius:8px;background:var(--md-sys-color-surface-container)}.surface-component-title{font-weight:600;color:var(--md-sys-color-on-surface)}.surface-component-description,.surface-empty{color:var(--md-sys-color-on-surface-variant);font-size:12px;line-height:1.45}.surface-bindings{display:grid;gap:10px;min-width:0}.surface-binding-row{display:grid;grid-template-columns:minmax(min(220px,100%),1.15fr) minmax(min(240px,100%),1.25fr) minmax(128px,.55fr) auto;gap:10px;align-items:start;min-width:0;padding:10px;border-radius:8px;background:var(--md-sys-color-surface-container)}.surface-binding-row mat-form-field:nth-child(4){grid-column:1 / -2}.surface-guidance{display:grid;gap:4px;padding:10px 12px;border-radius:8px;background:color-mix(in srgb,var(--md-sys-color-primary-container) 18%,transparent);color:var(--md-sys-color-on-surface-variant);font-size:12px;line-height:1.45}.surface-guidance__item{overflow-wrap:anywhere}.surface-guidance__item--primary{color:var(--md-sys-color-on-surface)}mat-form-field{width:100%;min-width:0}@media(max-width:960px){.surface-section{padding:12px}.surface-span-2{grid-column:1 / -1}.surface-binding-row{grid-template-columns:minmax(0,1fr)}.surface-binding-row mat-form-field:nth-child(4){grid-column:auto}}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i6.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.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i7.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: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: SurfaceOpenActionEditorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'praxis-surface-open-action-editor', standalone: true, providers: [providePraxisI18nConfig(SURFACE_OPEN_I18N_CONFIG)], imports: [
+            args: [{ selector: 'praxis-surface-open-action-editor', standalone: true, host: { 'data-praxis-surface-open-action-editor': 'core' }, providers: [providePraxisI18nConfig(SURFACE_OPEN_I18N_CONFIG)], imports: [
                         FormsModule,
                         MatButtonModule,
                         MatFormFieldModule,
@@ -20999,17 +22407,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
             {{ t('editor.bindings.empty', 'No bindings configured yet.') }}
           </div>
         }
-        <div class="surface-empty">
+        <div class="surface-guidance">
           @if (bindingSourceSuggestionsPreview) {
-            <div>
+            <div class="surface-guidance__item">
               {{ t('editor.bindings.suggestedSources', 'Suggested sources: {{value}}', { value: bindingSourceSuggestionsPreview }) }}
             </div>
           }
-          <div>
+          <div class="surface-guidance__item surface-guidance__item--primary">
             {{ t('editor.bindings.sourceSemantics', 'Use payload.* for the canonical event envelope and runtime.* for direct host state when the source component exposes it.') }}
           </div>
           @if (bindingTargetSuggestionsPreview) {
-            <div>
+            <div class="surface-guidance__item">
               {{ t('editor.bindings.suggestedTargets', 'Suggested targets: {{value}}', { value: bindingTargetSuggestionsPreview }) }}
             </div>
           }
@@ -21045,7 +22453,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
         </mat-form-field>
       </div>
     </div>
-  `, styles: [".surface-editor{display:grid;gap:16px}.surface-section{padding:12px 14px;border:1px dashed var(--md-sys-color-outline-variant, rgba(0, 0, 0, .18));border-radius:10px;background:var(--md-sys-color-surface-container-lowest, #fff)}.surface-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.surface-section-title{font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--md-sys-color-on-surface-variant, #5f6368);margin-bottom:10px}.surface-section-header .surface-section-title{margin-bottom:0}.surface-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px 16px}.surface-preset-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.surface-span-2{grid-column:span 2}.surface-span-all{width:100%}.surface-component-meta{display:grid;gap:4px}.surface-component-title{font-weight:600}.surface-component-description,.surface-empty{color:var(--md-sys-color-on-surface-variant, #5f6368);font-size:12px}.surface-bindings{display:grid;gap:12px}.surface-binding-row{display:grid;grid-template-columns:minmax(200px,1.2fr) minmax(220px,1.4fr) minmax(140px,.8fr) minmax(180px,1fr) auto;gap:12px;align-items:start}mat-form-field{width:100%}@media(max-width:960px){.surface-binding-row{grid-template-columns:minmax(0,1fr)}}\n"] }]
+  `, styles: [".surface-editor{display:grid;gap:14px;min-width:0}.surface-section{display:grid;gap:10px;min-width:0;padding:14px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface-container-low)}.surface-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:0}.surface-section-title{font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase;color:var(--md-sys-color-on-surface-variant);margin-bottom:0}.surface-section-header .surface-section-title{margin-bottom:0}.surface-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:12px 16px;min-width:0}.surface-preset-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.surface-span-2{grid-column:span 2}.surface-span-all{width:100%;min-width:0}.surface-component-meta{display:grid;gap:4px;padding:10px 12px;border-radius:8px;background:var(--md-sys-color-surface-container)}.surface-component-title{font-weight:600;color:var(--md-sys-color-on-surface)}.surface-component-description,.surface-empty{color:var(--md-sys-color-on-surface-variant);font-size:12px;line-height:1.45}.surface-bindings{display:grid;gap:10px;min-width:0}.surface-binding-row{display:grid;grid-template-columns:minmax(min(220px,100%),1.15fr) minmax(min(240px,100%),1.25fr) minmax(128px,.55fr) auto;gap:10px;align-items:start;min-width:0;padding:10px;border-radius:8px;background:var(--md-sys-color-surface-container)}.surface-binding-row mat-form-field:nth-child(4){grid-column:1 / -2}.surface-guidance{display:grid;gap:4px;padding:10px 12px;border-radius:8px;background:color-mix(in srgb,var(--md-sys-color-primary-container) 18%,transparent);color:var(--md-sys-color-on-surface-variant);font-size:12px;line-height:1.45}.surface-guidance__item{overflow-wrap:anywhere}.surface-guidance__item--primary{color:var(--md-sys-color-on-surface)}mat-form-field{width:100%;min-width:0}@media(max-width:960px){.surface-section{padding:12px}.surface-span-2{grid-column:1 / -1}.surface-binding-row{grid-template-columns:minmax(0,1fr)}.surface-binding-row mat-form-field:nth-child(4){grid-column:auto}}\n"] }]
         }], propDecorators: { value: [{
                 type: Input
             }], hostKind: [{
@@ -21072,6 +22480,12 @@ const ENUMS$1 = {
     textTransformApply: ['displayOnly', 'saveOnly', 'both'],
     fieldSource: ['schema', 'local'],
     fieldSubmitPolicy: ['include', 'omit', 'includeWhenDirty'],
+    fieldPresentationTone: ['neutral', 'info', 'success', 'warning', 'danger'],
+    fieldPresentationAppearance: ['plain', 'soft', 'outlined', 'filled'],
+    fieldPresenterKind: ['text', 'badge', 'chip', 'status', 'iconValue', 'progress', 'rating', 'microVisualization'],
+    presentationVisualizationKind: ['line', 'area', 'column', 'comparison', 'stackedBar', 'radial', 'harveyBall', 'bullet', 'delta', 'processFlow'],
+    presentationVisualizationSurface: ['table-cell', 'list-item', 'object-header', 'card-summary', 'form-presentation'],
+    presentationVisualizationSize: ['xs', 'sm', 'md', 'lg', 'responsive'],
     visibleIn: ['form', 'filter', 'table', 'dialog'],
     appearance: ['fill', 'outline'],
     color: ['primary', 'accent', 'warn'],
@@ -21082,7 +22496,7 @@ const ENUMS$1 = {
     sectionDescriptionStyle: ['bodyLarge', 'bodyMedium', 'bodySmall'],
 };
 const FIELD_METADATA_CAPABILITIES = {
-    version: 'v1.4',
+    version: 'v1.5',
     enums: ENUMS$1,
     notes: [
         'Condições booleanas declarativas devem usar Json Logic canônico. Funções permanecem restritas a escapes host-level como transforms e validators customizados.',
@@ -21091,8 +22505,11 @@ const FIELD_METADATA_CAPABILITIES = {
         'Detalhes específicos de cada controle (ex: opções de datepicker, máscaras específicas) devem ser consultados nos catálogos de microcomponentes.',
         'POLICY: Arrays e objetos (ex: options, validators) devem sofrer merge/append, nunca substituição completa sem confirmação.',
         'Não gere função para conditionalDisplay/conditionalRequired. Use Json Logic serializável; funções ficam restritas a transforms e validators customizados.',
-        'POLICY: Campos auxiliares do host devem usar source=local ou transient=true em FieldMetadata; nao invente campos no DTO/backend quando eles nao devem participar do payload persistido.',
+        'POLICY: Campos auxiliares do host devem usar source=local ou transient=true em FieldMetadata; não invente campos no DTO/backend quando eles não devem participar do payload persistido.',
         'POLICY: formSubmit.formData e o payload filtrado para backend; formSubmit.rawFormData preserva os valores completos da UI, incluindo campos locais/transient.',
+        'POLICY: fieldAccess e metadata-driven UX; nao trate como seguranca frontend. Use somente authorities explicitas, nunca capabilities como sinonimo implicito.',
+        'POLICY: presentation/presentationRules descrevem somente estado visual semantico em modo leitura. Nao gere CSS, HTML, comandos ou mutacoes por Json Logic.',
+        'POLICY: presentation.visualization e renderer-neutral. Nao gere EChartsOption, SVG, HTML ou CSS; use kind/surface/size/fallbackText e dados semanticos.',
     ],
     capabilities: [
         // =============================================================================
@@ -21194,6 +22611,13 @@ const FIELD_METADATA_CAPABILITIES = {
             description: 'Texto de ajuda exibido abaixo do campo.',
             intentExamples: ['colocar dica', 'ajuda no rodapé do campo'],
         },
+        {
+            path: 'helpText',
+            category: 'identity',
+            valueKind: 'string',
+            description: 'Texto semântico de ajuda publicado pelo schema/DTO.',
+            intentExamples: ['explicar regra de negócio do campo', 'ajuda vinda do backend'],
+        },
         {
             path: 'tooltip',
             category: 'identity',
@@ -21201,6 +22625,13 @@ const FIELD_METADATA_CAPABILITIES = {
             description: 'Texto exibido ao passar o mouse.',
             intentExamples: ['adicionar tooltip'],
         },
+        {
+            path: 'tooltipOnHover',
+            category: 'identity',
+            valueKind: 'boolean',
+            description: 'Habilita apresentação do tooltip no hover quando suportado pelo renderer.',
+            intentExamples: ['mostrar tooltip ao passar o mouse', 'ativar dica no hover'],
+        },
         {
             path: 'description',
             category: 'identity',
@@ -21292,24 +22723,24 @@ const FIELD_METADATA_CAPABILITIES = {
             category: 'data',
             valueKind: 'enum',
             allowedValues: ENUMS$1.fieldSource,
-            description: 'Origem semantica do campo. Use local para campos do host que nao vem do schema backend.',
-            intentExamples: ['campo local', 'campo auxiliar do host', 'campo que nao vem do schema'],
-            safetyNotes: 'Nao marque como local um campo que exista no schema backend; remova a semantica local quando houver colisao com campo server-backed.',
+            description: 'Origem semântica do campo. Use local para campos do host que não vêm do schema backend.',
+            intentExamples: ['campo local', 'campo auxiliar do host', 'campo que não vem do schema'],
+            safetyNotes: 'Não marque como local um campo que exista no schema backend; remova a semântica local quando houver colisão com campo server-backed.',
         },
         {
             path: 'transient',
             category: 'data',
             valueKind: 'boolean',
-            description: 'Marca o campo como temporario/local para preenchimento. O dynamic-form omite do submit por padrao.',
-            intentExamples: ['campo temporario', 'campo transient', 'nao enviar no payload', 'usar apenas na UI'],
-            safetyNotes: 'Campos transient continuam participando de UI, validacao, regras, visibilidade e valueChange; eles apenas saem do payload persistido por padrao.',
+            description: 'Marca o campo como temporário/local para preenchimento. O dynamic-form omite do submit por padrão.',
+            intentExamples: ['campo temporário', 'campo transient', 'não enviar no payload', 'usar apenas na UI'],
+            safetyNotes: 'Campos transient continuam participando de UI, validação, regras, visibilidade e valueChange; eles apenas saem do payload persistido por padrão.',
         },
         {
             path: 'submitPolicy',
             category: 'behavior',
             valueKind: 'enum',
             allowedValues: ENUMS$1.fieldSubmitPolicy,
-            description: 'Politica de submit para sobrescrever o padrao de campos locais/transient.',
+            description: 'Política de submit para sobrescrever o padrão de campos locais/transient.',
             intentExamples: ['omitir do submit', 'enviar mesmo sendo local', 'enviar apenas se alterado'],
             safetyNotes: 'Use omit para nunca persistir, include para enviar sempre e includeWhenDirty apenas quando o controle estiver dirty.',
         },
@@ -21412,6 +22843,166 @@ const FIELD_METADATA_CAPABILITIES = {
             description: 'Tamanho do ícone.',
             intentExamples: ['ícone pequeno', 'aumentar tamanho do ícone', 'ícone grande'],
         },
+        {
+            path: 'iconColor',
+            category: 'appearance',
+            valueKind: 'string',
+            description: 'Cor semântica ou token de cor aplicado ao ícone principal.',
+            intentExamples: ['ícone em cor primária', 'usar token do tema no ícone'],
+        },
+        {
+            path: 'iconClass',
+            category: 'appearance',
+            valueKind: 'string',
+            description: 'Classe CSS controlada pelo host para o ícone principal.',
+            intentExamples: ['usar classe de ícone outlined', 'aplicar classe corporativa'],
+        },
+        {
+            path: 'iconStyle',
+            category: 'appearance',
+            valueKind: 'string',
+            description: 'Estilo visual semântico do ícone quando o renderer suportar variações.',
+            intentExamples: ['usar ícone arredondado', 'aplicar estilo filled'],
+        },
+        {
+            path: 'iconFontSize',
+            category: 'appearance',
+            valueKind: 'string',
+            description: 'Tamanho tipográfico do ícone principal.',
+            intentExamples: ['ícone com 18px', 'ajustar tamanho do ícone'],
+        },
+        // =============================================================================
+        // PRESENTATION MODE
+        // =============================================================================
+        {
+            path: 'valuePresentation',
+            category: 'appearance',
+            valueKind: 'object',
+            description: 'Formato canonico de exibicao em superficies readonly/display, como moeda, numero, percentual, data, datetime, time e boolean.',
+            safetyNotes: 'Preferir este contrato a formatadores legados quando a intencao for apresentacao de valor.',
+            intentExamples: ['mostrar como moeda', 'formatar como data longa', 'exibir percentual'],
+        },
+        {
+            path: 'presentation',
+            category: 'appearance',
+            valueKind: 'object',
+            description: 'Estado visual semantico base para presentationMode, incluindo presenter, tone, icon, label, badge, tooltip, appearance e formatter opcional.',
+            safetyNotes: 'Use apenas semantica declarativa; nao incluir CSS arbitrario, HTML, comandos ou efeitos mutaveis.',
+            intentExamples: ['status com icone', 'badge de pendente', 'campo em tom warning'],
+        },
+        {
+            path: 'presentation.presenter',
+            category: 'appearance',
+            valueKind: 'enum',
+            allowedValues: ENUMS$1.fieldPresenterKind,
+            description: 'Tipo semantico de renderizacao em modo apresentacao.',
+            intentExamples: ['renderizar como status', 'usar chip', 'mostrar icone com valor'],
+        },
+        {
+            path: 'presentation.tone',
+            category: 'appearance',
+            valueKind: 'enum',
+            allowedValues: ENUMS$1.fieldPresentationTone,
+            description: 'Tom semantico mapeado pelo consumidor para tokens de tema.',
+            intentExamples: ['tom de sucesso', 'tom de alerta', 'tom de erro'],
+        },
+        {
+            path: 'presentation.appearance',
+            category: 'appearance',
+            valueKind: 'enum',
+            allowedValues: ENUMS$1.fieldPresentationAppearance,
+            description: 'Nivel de enfase visual do apresentador.',
+            intentExamples: ['status preenchido', 'badge contornado', 'chip suave'],
+        },
+        {
+            path: 'presentation.icon',
+            category: 'appearance',
+            valueKind: 'string',
+            description: 'Nome de icone Material Symbols usado pelo apresentador semantico.',
+            intentExamples: ['icone lock', 'icone payments', 'icone schedule'],
+        },
+        {
+            path: 'presentation.label',
+            category: 'identity',
+            valueKind: 'string',
+            description: 'Rotulo semantico exibido por apresentadores como status, badge ou chip.',
+            intentExamples: ['rotulo Bloqueado', 'texto Aprovado', 'status Aguardando aprovacao'],
+        },
+        {
+            path: 'presentation.badge',
+            category: 'appearance',
+            valueKind: 'string',
+            description: 'Marcador secundario opcional exibido junto ao valor em superficies de apresentacao.',
+            intentExamples: ['badge alto valor', 'marcador D+35', 'sinalizar revisao executiva'],
+        },
+        {
+            path: 'presentation.valuePresentation',
+            category: 'appearance',
+            valueKind: 'object',
+            description: 'Override de formatacao aplicado apenas pela superficie de apresentacao.',
+            safetyNotes: 'Nao altera o valor real do FormControl nem o payload de submit.',
+        },
+        {
+            path: 'presentation.visualization',
+            category: 'appearance',
+            valueKind: 'object',
+            description: 'Micro visualizacao renderer-neutral para superficies compactas como tabela, lista, header, card e form read-only.',
+            safetyNotes: 'Exige fallback textual e nao pode conter opcoes de ECharts, HTML, SVG bruto, CSS ou comandos.',
+            intentExamples: ['micro chart de SLA', 'barra empilhada em celula', 'bullet chart de orcamento', 'fluxo compacto de aprovacao'],
+        },
+        {
+            path: 'presentation.visualization.kind',
+            category: 'appearance',
+            valueKind: 'enum',
+            allowedValues: ENUMS$1.presentationVisualizationKind,
+            description: 'Tipo semantico da micro visualizacao de apresentacao.',
+            intentExamples: ['comparison', 'stackedBar', 'bullet', 'processFlow'],
+        },
+        {
+            path: 'presentation.visualization.surface',
+            category: 'layout',
+            valueKind: 'enum',
+            allowedValues: ENUMS$1.presentationVisualizationSurface,
+            description: 'Superficie alvo usada para aplicar regras de densidade e fallback.',
+            intentExamples: ['table-cell', 'list-item', 'form-presentation'],
+        },
+        {
+            path: 'presentation.visualization.size',
+            category: 'layout',
+            valueKind: 'enum',
+            allowedValues: ENUMS$1.presentationVisualizationSize,
+            description: 'Tamanho semantico da micro visualizacao.',
+            intentExamples: ['xs em tabela', 'md em header', 'responsive em card'],
+        },
+        {
+            path: 'presentation.visualization.fallbackText',
+            category: 'accessibility',
+            valueKind: 'string',
+            description: 'Texto equivalente obrigatorio para fallback, exportacao e leitores de tela.',
+            safetyNotes: 'Deve explicar valor, unidade, meta, tendencia ou estado quando aplicavel.',
+        },
+        {
+            path: 'presentationRules',
+            category: 'appearance',
+            valueKind: 'array',
+            description: 'Regras Json Logic ordenadas que sobrescrevem presentation em modo readonly/display; regras posteriores que casam vencem.',
+            safetyNotes: 'As regras devem produzir apenas set/effect semantico. Nao use para alterar valor, executar acao, navegar ou injetar HTML/CSS.',
+            intentExamples: ['se status for BLOQUEADO, usar tone danger', 'se valor maior que limite, mostrar badge de revisao'],
+        },
+        {
+            path: 'presentationRules[].when',
+            category: 'behavior',
+            valueKind: 'object',
+            description: 'Guarda Json Logic avaliada contra o contexto de apresentacao do campo.',
+            safetyNotes: 'Use Json Logic serializavel; funcoes nao sao aceitas.',
+        },
+        {
+            path: 'presentationRules[].set',
+            category: 'appearance',
+            valueKind: 'object',
+            description: 'Patch semantico aplicado sobre presentation quando a guarda for verdadeira.',
+            safetyNotes: 'Somente presenter, tone, icon, label, badge, tooltip, appearance, valuePresentation e interactions seguras.',
+        },
         // =============================================================================
         // MASK / FORMAT
         // =============================================================================
@@ -21451,8 +23042,8 @@ const FIELD_METADATA_CAPABILITIES = {
             path: 'required',
             category: 'validation',
             valueKind: 'boolean',
-            description: 'Campo obrigatorio (alias rapido do validators.required).',
-            intentExamples: ['campo obrigatorio', 'exigir preenchimento'],
+            description: 'Campo obrigatório (alias rápido do validators.required).',
+            intentExamples: ['campo obrigatório', 'exigir preenchimento'],
         },
         {
             path: 'validators.requiredMessage',
@@ -21471,7 +23062,7 @@ const FIELD_METADATA_CAPABILITIES = {
             path: 'validators.emailMessage',
             category: 'validation',
             valueKind: 'string',
-            description: 'Mensagem customizada para validacao de email.',
+            description: 'Mensagem customizada para validação de email.',
         },
         {
             path: 'validators.minLength',
@@ -21611,15 +23202,15 @@ const FIELD_METADATA_CAPABILITIES = {
             path: 'validators.customValidator',
             category: 'validation',
             valueKind: 'expression',
-            description: 'Validador customizado (funcao).',
-            safetyNotes: 'Funcoes nao sao serializaveis; exige wiring manual.',
+            description: 'Validador customizado (função).',
+            safetyNotes: 'Funções não são serializáveis; exige wiring manual.',
         },
         {
             path: 'validators.asyncValidator',
             category: 'validation',
             valueKind: 'expression',
-            description: 'Validador async customizado (funcao).',
-            safetyNotes: 'Funcoes nao sao serializaveis; exige wiring manual.',
+            description: 'Validador async customizado (função).',
+            safetyNotes: 'Funções não são serializáveis; exige wiring manual.',
         },
         {
             path: 'validators.matchField',
@@ -21637,8 +23228,8 @@ const FIELD_METADATA_CAPABILITIES = {
             path: 'validators.uniqueValidator',
             category: 'validation',
             valueKind: 'expression',
-            description: 'Validador de unicidade via API (funcao).',
-            safetyNotes: 'Funcoes nao sao serializaveis; exige wiring manual.',
+            description: 'Validador de unicidade via API (função).',
+            safetyNotes: 'Funções não são serializáveis; exige wiring manual.',
         },
         {
             path: 'validators.uniqueMessage',
@@ -21650,8 +23241,8 @@ const FIELD_METADATA_CAPABILITIES = {
             path: 'validators.conditionalValidation',
             category: 'validation',
             valueKind: 'array',
-            description: 'Regras de validacao condicional.',
-            safetyNotes: 'Use regras declarativas com Json Logic serializavel; nao gere funcoes aqui.',
+            description: 'Regras de validação condicional.',
+            safetyNotes: 'Use regras declarativas com Json Logic serializável; não gere funções aqui.',
         },
         {
             path: 'validators.conditionalValidation[].condition',
@@ -21671,13 +23262,13 @@ const FIELD_METADATA_CAPABILITIES = {
             category: 'validation',
             valueKind: 'enum',
             allowedValues: ENUMS$1.validatorTrigger,
-            description: 'Gatilho de validacao no validator.',
+            description: 'Gatilho de validação no validator.',
         },
         {
             path: 'validators.validationDebounce',
             category: 'validation',
             valueKind: 'number',
-            description: 'Debounce de validacao no validator (ms).',
+            description: 'Debounce de validação no validator (ms).',
         },
         {
             path: 'validators.showInlineErrors',
@@ -21800,6 +23391,35 @@ const FIELD_METADATA_CAPABILITIES = {
             description: 'Oculta apenas no filtro.',
             intentExamples: ['esconder na busca', 'remover do filtro'],
         },
+        {
+            path: 'fieldAccess',
+            category: 'behavior',
+            valueKind: 'object',
+            description: 'Politica canonica de UX para visibilidade/edicao por authorities publicadas pelo backend.',
+            safetyNotes: 'Nao e barreira de seguranca. O backend continua responsavel por filtrar dados sensiveis e validar payloads.',
+            intentExamples: ['campo visivel somente para RH', 'bloquear edicao por perfil corporativo'],
+        },
+        {
+            path: 'fieldAccess.visibleForAuthorities',
+            category: 'behavior',
+            valueKind: 'array',
+            description: 'Authorities que podem ver o campo no runtime quando a UX tiver claims explicitas.',
+            safetyNotes: 'Nao inferir a partir de capabilities sem mapeamento canonico publicado.',
+        },
+        {
+            path: 'fieldAccess.editableForAuthorities',
+            category: 'behavior',
+            valueKind: 'array',
+            description: 'Authorities que podem editar o campo no runtime quando a UX tiver claims explicitas.',
+            safetyNotes: 'Edicao concedida implica materializacao visivel no runtime; a validacao final permanece no backend.',
+        },
+        {
+            path: 'fieldAccess.reason',
+            category: 'misc',
+            valueKind: 'string',
+            description: 'Justificativa explicativa/auditavel da politica de acesso do campo.',
+            safetyNotes: 'Reason sozinho nao deve decidir acesso nem revelar detalhes sensiveis para usuarios sem permissao.',
+        },
         // =============================================================================
         // DEPENDENCIES
         // =============================================================================
@@ -22004,12 +23624,12 @@ const ENUMS = {
     actionPlacement: ['header', 'window'],
 };
 const CAPS = [
-    { path: 'page', category: 'page', valueKind: 'object', description: 'Definicao da pagina dinamica.' },
+    { path: 'page', category: 'page', valueKind: 'object', description: 'Definição da página dinâmica.' },
     { path: 'page.context', category: 'context', valueKind: 'object', description: 'Contexto compartilhado entre widgets.' },
-    { path: 'page.layoutPreset', category: 'layout', valueKind: 'string', description: 'ID canonico opcional do preset estrutural da pagina.' },
-    { path: 'page.layoutPresetOptions', category: 'layout', valueKind: 'object', description: 'Opcoes especificas do preset estrutural consumidas por builders e runtimes futuros.' },
-    { path: 'page.themePreset', category: 'appearance', valueKind: 'string', description: 'ID opcional do preset de tema para shell, graficos, densidade e defaults visuais.' },
-    { path: 'page.layout', category: 'layout', valueKind: 'object', description: 'Layout base da pagina.' },
+    { path: 'page.layoutPreset', category: 'layout', valueKind: 'string', description: 'ID canônico opcional do preset estrutural da página.' },
+    { path: 'page.layoutPresetOptions', category: 'layout', valueKind: 'object', description: 'Opções específicas do preset estrutural consumidas por builders e runtimes futuros.' },
+    { path: 'page.themePreset', category: 'appearance', valueKind: 'string', description: 'ID opcional do preset de tema para shell, gráficos, densidade e defaults visuais.' },
+    { path: 'page.layout', category: 'layout', valueKind: 'object', description: 'Layout base da página.' },
     { path: 'page.layout.orientation', category: 'layout', valueKind: 'enum', allowedValues: ENUMS.layoutOrientation, description: 'Orientacao do grid (vertical/columns).' },
     { path: 'page.layout.columns', category: 'layout', valueKind: 'number', description: 'Numero de colunas (quando orientation=columns).' },
     { path: 'page.layout.gap', category: 'layout', valueKind: 'string', description: 'Gap entre widgets (ex: 16px).' },
@@ -22018,7 +23638,7 @@ const CAPS = [
     { path: 'page.layout.breakpoints.md', category: 'layout', valueKind: 'number', description: 'Colunas para breakpoint md.' },
     { path: 'page.layout.breakpoints.lg', category: 'layout', valueKind: 'number', description: 'Colunas para breakpoint lg.' },
     { path: 'page.layout.breakpoints.xl', category: 'layout', valueKind: 'number', description: 'Colunas para breakpoint xl.' },
-    { path: 'page.canvas', category: 'layout', valueKind: 'object', description: 'Canvas espacial canonico da pagina quando houver geometria explicita.' },
+    { path: 'page.canvas', category: 'layout', valueKind: 'object', description: 'Canvas espacial canônico da página quando houver geometria explícita.' },
     { path: 'page.canvas.mode', category: 'layout', valueKind: 'enum', allowedValues: ENUMS.canvasMode, description: 'Modo canonico do canvas. Valor atual: grid.' },
     { path: 'page.canvas.columns', category: 'layout', valueKind: 'number', description: 'Numero de colunas do canvas espacial.' },
     { path: 'page.canvas.rowUnit', category: 'layout', valueKind: 'string', description: 'Altura base das linhas do canvas, como 80px.' },
@@ -22032,10 +23652,10 @@ const CAPS = [
     { path: 'page.canvas.items.<widgetKey>.rowSpan', category: 'layout', valueKind: 'number', description: 'Quantidade de linhas ocupadas pelo widget.' },
     { path: 'page.canvas.items.<widgetKey>.zIndex', category: 'layout', valueKind: 'number', description: 'Camada opcional do item no canvas.' },
     { path: 'page.canvas.items.<widgetKey>.constraints', category: 'layout', valueKind: 'object', description: 'Restricoes opcionais de posicao e tamanho do item no canvas.' },
-    { path: 'page.canvas.items.<widgetKey>.constraints.minColSpan', category: 'layout', valueKind: 'number', description: 'Span minimo de colunas permitido.' },
-    { path: 'page.canvas.items.<widgetKey>.constraints.minRowSpan', category: 'layout', valueKind: 'number', description: 'Span minimo de linhas permitido.' },
-    { path: 'page.canvas.items.<widgetKey>.constraints.maxColSpan', category: 'layout', valueKind: 'number', description: 'Span maximo de colunas permitido.' },
-    { path: 'page.canvas.items.<widgetKey>.constraints.maxRowSpan', category: 'layout', valueKind: 'number', description: 'Span maximo de linhas permitido.' },
+    { path: 'page.canvas.items.<widgetKey>.constraints.minColSpan', category: 'layout', valueKind: 'number', description: 'Span mínimo de colunas permitido.' },
+    { path: 'page.canvas.items.<widgetKey>.constraints.minRowSpan', category: 'layout', valueKind: 'number', description: 'Span mínimo de linhas permitido.' },
+    { path: 'page.canvas.items.<widgetKey>.constraints.maxColSpan', category: 'layout', valueKind: 'number', description: 'Span máximo de colunas permitido.' },
+    { path: 'page.canvas.items.<widgetKey>.constraints.maxRowSpan', category: 'layout', valueKind: 'number', description: 'Span máximo de linhas permitido.' },
     { path: 'page.canvas.items.<widgetKey>.constraints.lockPosition', category: 'layout', valueKind: 'boolean', description: 'Bloqueia alteracao de posicao do item no canvas.' },
     { path: 'page.canvas.items.<widgetKey>.constraints.lockSize', category: 'layout', valueKind: 'boolean', description: 'Bloqueia alteracao de tamanho do item no canvas.' },
     { path: 'page.widgets', category: 'widgets', valueKind: 'array', description: 'Lista de widgets renderizados.' },
@@ -22043,32 +23663,32 @@ const CAPS = [
     { path: 'page.widgets[].className', category: 'widgets', valueKind: 'string', description: 'Classe CSS opcional do widget.' },
     { path: 'page.widgets[].definition.id', category: 'widgets', valueKind: 'string', description: 'ID do componente do widget (ex: praxis-table).' },
     { path: 'page.widgets[].definition.inputs', category: 'widgets', valueKind: 'object', description: 'Inputs iniciais do widget.' },
-    { path: 'page.widgets[].definition.inputs.hostCapabilities', category: 'widgets', valueKind: 'object', description: 'Capacidades runtime mediadas pelo host quando definition.id = praxis-rich-content. Nao pertence ao JSON persistido.' },
-    { path: 'page.widgets[].definition.inputs.hostCapabilities.dispatchAction', category: 'widgets', valueKind: 'object', description: 'Dispatcher runtime para actionButton e actions declarativas de rich content hospedado na pagina.' },
-    { path: 'page.widgets[].definition.inputs.hostCapabilities.isActionAvailable', category: 'widgets', valueKind: 'object', description: 'Resolver runtime de disponibilidade de actionId para rich content hospedado na pagina.' },
-    { path: 'page.widgets[].definition.inputs.hostCapabilities.hasCapability', category: 'widgets', valueKind: 'object', description: 'Resolver runtime de capabilities como page.customization.enabled e page.widget.selected para rich content hospedado na pagina.' },
+    { path: 'page.widgets[].definition.inputs.hostCapabilities', category: 'widgets', valueKind: 'object', description: 'Capacidades runtime mediadas pelo host quando definition.id = praxis-rich-content. Não pertence ao JSON persistido.' },
+    { path: 'page.widgets[].definition.inputs.hostCapabilities.dispatchAction', category: 'widgets', valueKind: 'object', description: 'Dispatcher runtime para actionButton e actions declarativas de rich content hospedado na página.' },
+    { path: 'page.widgets[].definition.inputs.hostCapabilities.isActionAvailable', category: 'widgets', valueKind: 'object', description: 'Resolver runtime de disponibilidade de actionId para rich content hospedado na página.' },
+    { path: 'page.widgets[].definition.inputs.hostCapabilities.hasCapability', category: 'widgets', valueKind: 'object', description: 'Resolver runtime de capabilities como page.customization.enabled e page.widget.selected para rich content hospedado na página.' },
     { path: 'page.widgets[].definition.bindingOrder', category: 'widgets', valueKind: 'array', description: 'Ordem de binding de inputs.' },
-    { path: 'page.widgets[].shell', category: 'shell', valueKind: 'object', description: 'Configuracao do shell do widget.' },
+    { path: 'page.widgets[].shell', category: 'shell', valueKind: 'object', description: 'Configuração do shell do widget.' },
     { path: 'page.widgets[].shell.kind', category: 'shell', valueKind: 'enum', allowedValues: ENUMS.shellKind, description: 'Tipo de shell.' },
-    { path: 'page.widgets[].shell.title', category: 'shell', valueKind: 'string', description: 'Titulo do shell.' },
-    { path: 'page.widgets[].shell.subtitle', category: 'shell', valueKind: 'string', description: 'Subtitulo do shell.' },
-    { path: 'page.widgets[].shell.icon', category: 'shell', valueKind: 'string', description: 'Icone do shell.' },
+    { path: 'page.widgets[].shell.title', category: 'shell', valueKind: 'string', description: 'Título do shell.' },
+    { path: 'page.widgets[].shell.subtitle', category: 'shell', valueKind: 'string', description: 'Subtítulo do shell.' },
+    { path: 'page.widgets[].shell.icon', category: 'shell', valueKind: 'string', description: 'Ícone do shell.' },
     { path: 'page.widgets[].shell.showHeader', category: 'shell', valueKind: 'boolean', description: 'Exibe o header do shell.' },
-    { path: 'page.widgets[].shell.actions', category: 'shell', valueKind: 'array', description: 'Acoes do shell.' },
-    { path: 'page.widgets[].shell.actions[].id', category: 'shell', valueKind: 'string', description: 'ID da acao.' },
-    { path: 'page.widgets[].shell.actions[].label', category: 'shell', valueKind: 'string', description: 'Label da acao.' },
-    { path: 'page.widgets[].shell.actions[].icon', category: 'shell', valueKind: 'string', description: 'Icone da acao.' },
-    { path: 'page.widgets[].shell.actions[].variant', category: 'shell', valueKind: 'enum', allowedValues: ENUMS.actionVariant, description: 'Estilo visual da acao.' },
-    { path: 'page.widgets[].shell.actions[].placement', category: 'shell', valueKind: 'enum', allowedValues: ENUMS.actionPlacement, description: 'Posicionamento da acao.' },
-    { path: 'page.widgets[].shell.actions[].emit', category: 'shell', valueKind: 'string', description: 'Evento emitido ao acionar a acao.' },
+    { path: 'page.widgets[].shell.actions', category: 'shell', valueKind: 'array', description: 'Ações do shell.' },
+    { path: 'page.widgets[].shell.actions[].id', category: 'shell', valueKind: 'string', description: 'ID da ação.' },
+    { path: 'page.widgets[].shell.actions[].label', category: 'shell', valueKind: 'string', description: 'Label da ação.' },
+    { path: 'page.widgets[].shell.actions[].icon', category: 'shell', valueKind: 'string', description: 'Ícone da ação.' },
+    { path: 'page.widgets[].shell.actions[].variant', category: 'shell', valueKind: 'enum', allowedValues: ENUMS.actionVariant, description: 'Estilo visual da ação.' },
+    { path: 'page.widgets[].shell.actions[].placement', category: 'shell', valueKind: 'enum', allowedValues: ENUMS.actionPlacement, description: 'Posicionamento da ação.' },
+    { path: 'page.widgets[].shell.actions[].emit', category: 'shell', valueKind: 'string', description: 'Evento emitido ao acionar a ação.' },
     { path: 'page.state', category: 'state', valueKind: 'object', description: 'Estado declarativo opcional compartilhado por widgets e composicao.' },
     { path: 'page.state.values', category: 'state', valueKind: 'object', description: 'Valores primarios mutaveis escritos por widgets, defaults ou host.' },
     { path: 'page.state.schema', category: 'state', valueKind: 'object', description: 'Descritores dos paths primarios de estado.' },
     { path: 'page.state.schema.<token>.type', category: 'state', valueKind: 'string', description: 'Tipo semantico opcional do path de estado.' },
     { path: 'page.state.schema.<token>.initial', category: 'state', valueKind: 'object', description: 'Valor inicial usado quando page.state.values omite o path.' },
-    { path: 'page.state.schema.<token>.persist', category: 'state', valueKind: 'boolean', description: 'Indica se o path primario deve ser persistido com a pagina.' },
+    { path: 'page.state.schema.<token>.persist', category: 'state', valueKind: 'boolean', description: 'Indica se o path primário deve ser persistido com a página.' },
     { path: 'page.state.schema.<token>.mergeStrategy', category: 'state', valueKind: 'enum', allowedValues: ENUMS.stateMergeStrategy, description: 'Como escritas de widget/estado combinam com o valor atual.' },
-    { path: 'page.state.schema.<token>.description', category: 'state', valueKind: 'string', description: 'Descricao opcional do path para builders e catalogos AI.' },
+    { path: 'page.state.schema.<token>.description', category: 'state', valueKind: 'string', description: 'Descrição opcional do path para builders e catálogos AI.' },
     { path: 'page.state.schema.<token>.tags', category: 'state', valueKind: 'array', description: 'Tags opcionais para busca e governanca do estado.' },
     { path: 'page.state.derived', category: 'state', valueKind: 'object', description: 'Descritores de estado derivado recomputado pelo runtime.' },
     { path: 'page.state.derived.<token>.dependsOn', category: 'state', valueKind: 'array', description: 'Paths de estado que alimentam o valor derivado.' },
@@ -22077,9 +23697,9 @@ const CAPS = [
     { path: 'page.state.derived.<token>.compute.expression', category: 'state', valueKind: 'expression', description: 'Expressao Json Logic para compute.kind=json-logic.' },
     { path: 'page.state.derived.<token>.compute.value', category: 'state', valueKind: 'object', description: 'Valor template para compute.kind=template.' },
     { path: 'page.state.derived.<token>.compute.operator', category: 'state', valueKind: 'string', description: 'Operador para compute.kind=operator.' },
-    { path: 'page.state.derived.<token>.compute.options', category: 'state', valueKind: 'object', description: 'Opcoes do operador ou transformer.' },
+    { path: 'page.state.derived.<token>.compute.options', category: 'state', valueKind: 'object', description: 'Opções do operador ou transformer.' },
     { path: 'page.state.derived.<token>.compute.transformerId', category: 'state', valueKind: 'string', description: 'Identificador do transformer para compute.kind=transformer.' },
-    { path: 'page.state.derived.<token>.description', category: 'state', valueKind: 'string', description: 'Descricao opcional do estado derivado.' },
+    { path: 'page.state.derived.<token>.description', category: 'state', valueKind: 'string', description: 'Descrição opcional do estado derivado.' },
     { path: 'page.state.derived.<token>.cache', category: 'state', valueKind: 'boolean', description: 'Permite cache futuro do valor derivado.' },
     { path: 'page.composition', category: 'connections', valueKind: 'object', description: 'Envelope canonico da composicao persistida.' },
     { path: 'page.composition.version', category: 'connections', valueKind: 'string', description: 'Versao do envelope de composicao.' },
@@ -22095,7 +23715,7 @@ const CAPS = [
     { path: 'page.composition.links[].from.ref.nestedPath[].kind', category: 'connections', valueKind: 'string', description: 'Tipo do segmento nested de origem.' },
     { path: 'page.composition.links[].from.ref.nestedPath[].id', category: 'connections', valueKind: 'string', description: 'Identificador estrutural do segmento nested de origem.' },
     { path: 'page.composition.links[].from.ref.nestedPath[].key', category: 'connections', valueKind: 'string', description: 'Chave estavel do widget filho no segmento terminal de origem.', critical: true },
-    { path: 'page.composition.links[].from.ref.nestedPath[].index', category: 'connections', valueKind: 'number', description: 'Indice auxiliar para diagnostico visual; nao use como identidade primaria.' },
+    { path: 'page.composition.links[].from.ref.nestedPath[].index', category: 'connections', valueKind: 'number', description: 'Índice auxiliar para diagnóstico visual; não use como identidade primária.' },
     { path: 'page.composition.links[].from.ref.nestedPath[].componentType', category: 'connections', valueKind: 'string', description: 'Tipo do componente real do widget filho de origem.' },
     { path: 'page.composition.links[].to', category: 'connections', valueKind: 'object', description: 'Endpoint de destino do link.' },
     { path: 'page.composition.links[].to.kind', category: 'connections', valueKind: 'string', description: 'Tipo do endpoint de destino, como component-port, state ou global-action.' },
@@ -22110,11 +23730,11 @@ const CAPS = [
     { path: 'page.composition.links[].to.ref.nestedPath[].kind', category: 'connections', valueKind: 'string', description: 'Tipo do segmento nested de destino.' },
     { path: 'page.composition.links[].to.ref.nestedPath[].id', category: 'connections', valueKind: 'string', description: 'Identificador estrutural do segmento nested de destino.' },
     { path: 'page.composition.links[].to.ref.nestedPath[].key', category: 'connections', valueKind: 'string', description: 'Chave estavel do widget filho no segmento terminal de destino.', critical: true },
-    { path: 'page.composition.links[].to.ref.nestedPath[].index', category: 'connections', valueKind: 'number', description: 'Indice auxiliar para diagnostico visual; nao use como identidade primaria.' },
+    { path: 'page.composition.links[].to.ref.nestedPath[].index', category: 'connections', valueKind: 'number', description: 'Índice auxiliar para diagnóstico visual; não use como identidade primária.' },
     { path: 'page.composition.links[].to.ref.nestedPath[].componentType', category: 'connections', valueKind: 'string', description: 'Tipo do componente real do widget filho de destino.' },
-    { path: 'page.composition.links[].intent', category: 'connections', valueKind: 'string', description: 'Intencao semantica do link.' },
+    { path: 'page.composition.links[].intent', category: 'connections', valueKind: 'string', description: 'Intenção semântica do link.' },
     { path: 'page.composition.links[].transform', category: 'connections', valueKind: 'object', description: 'Pipeline de transformacao do link.' },
-    { path: 'page.composition.links[].condition', category: 'connections', valueKind: 'expression', description: 'Guarda semantica opcional do link, expressa como um unico AST Json Logic canonico.' },
+    { path: 'page.composition.links[].condition', category: 'connections', valueKind: 'expression', description: 'Guarda semântica opcional do link, expressa como um único AST Json Logic canônico.' },
     { path: 'page.composition.links[].policy', category: 'connections', valueKind: 'object', description: 'Politicas operacionais opcionais do link, como debounce, distinct e missing-value.' },
     { path: 'page.composition.links[].metadata', category: 'connections', valueKind: 'object', description: 'Metadados opcionais do link.' },
     { path: 'page.grouping', category: 'layout', valueKind: 'array', description: 'Modelo semantico opcional de secoes, abas, areas hero e rails.' },
@@ -22155,15 +23775,15 @@ const DYNAMIC_PAGE_AI_CAPABILITIES = {
     enums: ENUMS,
     targets: ['praxis-dynamic-page'],
     notes: [
-        'Este catalogo e especifico para o runtime praxis-dynamic-page; operacoes de authoring/mutacao pertencem ao manifesto do praxis-page-builder.',
+        'Este catálogo é específico para o runtime praxis-dynamic-page; operações de authoring/mutação pertencem ao manifesto do praxis-page-builder.',
         'WidgetPageDefinition e o contrato canonico persistido: widgets, composition.links, state, context, layout, canvas, presets, grouping, slotAssignments, deviceLayouts e themePreset.',
         'Widgets e page.composition.links sao arrays; ferramentas de patch legadas fazem merge por key estavel e id estavel.',
-        'page.canvas.items e um mapa por widget key; nao modele canvas.items como array.',
-        'Taxonomia editorial: condition usa Json Logic canonico; transform usa pipeline declarativo; nao trate ambos como a mesma "expression".',
+        'page.canvas.items é um mapa por widget key; não modele canvas.items como array.',
+        'Taxonomia editorial: condition usa Json Logic canônico; transform usa pipeline declarativo; não trate ambos como a mesma "expression".',
         'Para remocao/replace, use flags {_remove:true} ou {_replace:true} no item.',
         'Para renomear um link, inclua {_beforeKey:"link-id-anterior"} no item.',
-        'Inputs de widgets dependem do componente (ex: praxis-table, praxis-dynamic-form). Evite inventar campos; prefira pedir confirmacao.',
-        'Quando page.widgets[].definition.id for praxis-rich-content, o host praxis-dynamic-page injeta hostCapabilities em runtime para actions e capability gating; nao serialize funcoes nem tente persistir page.widgets[].definition.inputs.hostCapabilities.',
+        'Inputs de widgets dependem do componente (ex: praxis-table, praxis-dynamic-form). Evite inventar campos; prefira pedir confirmação.',
+        'Quando page.widgets[].definition.id for praxis-rich-content, o host praxis-dynamic-page injeta hostCapabilities em runtime para actions e capability gating; não serialize funções nem tente persistir page.widgets[].definition.inputs.hostCapabilities.',
         'Use ids estaveis para links e keys estaveis para widgets.',
         'Nested component ports usam endpoint component-port com nestedPath; o owner em ref.widget continua sendo o widget top-level.',
         'Objetivo: compor widgets e relacionamentos canonicos (ex.: master-detail).',
@@ -22192,7 +23812,7 @@ const DYNAMIC_PAGE_COMPONENT_CONTEXT_PACK = {
             mode: 'enum',
             options: [
                 { value: 'fixed', label: 'Linhas fixas' },
-                { value: 'content', label: 'Conteudo' },
+                { value: 'content', label: 'Conteúdo' },
             ],
         },
         'page.canvas.collisionPolicy': {
@@ -22261,7 +23881,7 @@ const DYNAMIC_PAGE_COMPONENT_CONTEXT_PACK = {
         'page.widgets[].shell.actions[].variant': {
             mode: 'enum',
             options: [
-                { value: 'icon', label: 'Icone' },
+                { value: 'icon', label: 'Ícone' },
                 { value: 'text', label: 'Texto' },
                 { value: 'outlined', label: 'Outlined' },
             ],
@@ -22291,7 +23911,7 @@ const DYNAMIC_PAGE_COMPONENT_CONTEXT_PACK = {
             mode: 'suggested',
             options: [
                 { value: 'rowClick', label: 'Clique na linha (praxis-table)', example: 'Usar table.rowClick -> form.resourceId via transform pick-path payload.row.id' },
-                { value: 'rowAction', label: 'Acao da linha (praxis-table)' },
+                { value: 'rowAction', label: 'Ação da linha (praxis-table)' },
                 { value: 'formSubmit', label: 'Submit do formulario (praxis-dynamic-form)' },
             ],
         },
@@ -22305,7 +23925,7 @@ const DYNAMIC_PAGE_COMPONENT_CONTEXT_PACK = {
         'page.composition.links[].transform.steps[].config.path': {
             mode: 'suggested',
             options: [
-                { value: 'payload.row.id', label: 'ID padrao do registro', example: 'rowClick -> resourceId' },
+                { value: 'payload.row.id', label: 'ID padrão do registro', example: 'rowClick -> resourceId' },
             ],
         },
     },
@@ -22617,7 +24237,7 @@ const DYNAMIC_PAGE_COMPONENT_CONTEXT_PACK = {
                 { name: 'toInput', type: 'STRING' },
                 { name: 'map', type: 'STRING' },
             ],
-            safetyNotes: 'Use transform pick-path payload.row.id para master-detail padrao.',
+            safetyNotes: 'Use transform pick-path payload.row.id para master-detail padrão.',
             patchTemplate: {
                 page: {
                     composition: {
@@ -22668,7 +24288,7 @@ const DYNAMIC_PAGE_COMPONENT_CONTEXT_PACK = {
                 { name: 'fromWidget', type: 'STRING' },
                 { name: 'toWidget', type: 'STRING' },
             ],
-            safetyNotes: 'Padrao master-detail: rowClick -> resourceId com transform pick-path payload.row.id.',
+            safetyNotes: 'Padrão master-detail: rowClick -> resourceId com transform pick-path payload.row.id.',
             patchTemplate: {
                 page: {
                     composition: {
@@ -22711,7 +24331,7 @@ const DYNAMIC_PAGE_COMPONENT_CONTEXT_PACK = {
         },
         {
             id: 'page.template.applyMasterDetail',
-            intentExamples: ['criar pagina master detail', 'setup master detail', 'tabela e formulario', 'master-detail'],
+            intentExamples: ['criar página master detail', 'setup master detail', 'tabela e formulário', 'master-detail'],
             operation: 'create',
             scope: 'GLOBAL',
             valueType: 'OBJECT',
@@ -22720,7 +24340,7 @@ const DYNAMIC_PAGE_COMPONENT_CONTEXT_PACK = {
                 { name: 'formId', type: 'STRING' },
                 { name: 'resourcePath', type: 'STRING' },
             ],
-            safetyNotes: 'Padrao master-detail: tabela (rowClick) -> formulario (resourceId) com transform pick-path payload.row.id.',
+            safetyNotes: 'Padrão master-detail: tabela (rowClick) -> formulario (resourceId) com transform pick-path payload.row.id.',
             patchTemplate: {
                 page: {
                     widgets: [
@@ -22796,30 +24416,30 @@ const DYNAMIC_PAGE_COMPONENT_CONTEXT_PACK = {
     },
     hints: [
         'praxis-dynamic-page e runtime de composicao: consome WidgetPageDefinition, renderiza widgets e mantem relacoes em page.composition.links.',
-        'Mutacoes agentic de pagina pertencem ao manifesto do praxis-page-builder; use este context pack como descoberta/runtime guidance.',
+        'Mutações agentic de página pertencem ao manifesto do praxis-page-builder; use este context pack como descoberta/runtime guidance.',
         'WidgetPageDefinition inclui widgets, composition.links, state, context, layout, canvas, layoutPreset, layoutPresetOptions, grouping, slotAssignments, deviceLayouts e themePreset.',
-        'page.canvas.items e um mapa por widget key, nao um array; cada entrada guarda col, row, colSpan, rowSpan, zIndex e constraints opcionais.',
+        'page.canvas.items é um mapa por widget key, não um array; cada entrada guarda col, row, colSpan, rowSpan, zIndex e constraints opcionais.',
         'Widgets e composition.links sao arrays; o patching deve fazer merge por key (widgets) e por id (links).',
-        'Preferir mudancas incrementais: alterar/estender em vez de substituir toda a pagina.',
+        'Preferir mudanças incrementais: alterar/estender em vez de substituir toda a página.',
         'Para remover um item, envie {_remove: true} junto ao widget/link.',
         'Para substituir um item inteiro, envie {_replace: true}.',
         'Para alterar origem/destino de link, use {_beforeKey} com o id antigo.',
         'Use keys estaveis para widgets e ids estaveis para links ao criar composicoes.',
         'resourcePath sempre e o path base do recurso (sem /filter, /all).',
-        'Praxis Table gera colunas dinamicamente a partir do resourcePath quando columns nao forem definidas.',
-        'Praxis Dynamic Form gera campos dinamicamente a partir do resourcePath quando config nao for definida.',
-        'Quando um widget praxis-rich-content estiver hospedado na pagina, definition.inputs.document continua sendo o contrato persistido; hostCapabilities e injetado somente em runtime pelo praxis-dynamic-page para actions e capability gating.',
+        'Praxis Table gera colunas dinamicamente a partir do resourcePath quando columns não forem definidas.',
+        'Praxis Dynamic Form gera campos dinamicamente a partir do resourcePath quando config não for definida.',
+        'Quando um widget praxis-rich-content estiver hospedado na página, definition.inputs.document continua sendo o contrato persistido; hostCapabilities é injetado somente em runtime pelo praxis-dynamic-page para actions e capability gating.',
         'Praxis List pode filtrar via config.dataSource.query (enviado para /filter).',
         'Quando houver recursos secundarios (ex.: enderecos), use contextHints.addressResourcePath.',
         'Exemplo master-detail: tabela emite rowClick -> form.resourceId via transform pick-path payload.row.id.',
         'Pattern Master-Detail: { "id":"master.rowClick->detail.resourceId", "from":{"kind":"component-port","ref":{"port":"rowClick","direction":"output"}}, "to":{"kind":"component-port","ref":{"port":"resourceId","direction":"input"}}, "transform":{"steps":[{"kind":"pick-path","config":{"path":"payload.row.id"}}]}}',
         'Ao criar widgets, use inputs minimos e complemente depois (evite inventar campos).',
         'Quando widgets ja existem, interpretar ports de origem/destino antes de conectar.',
-        'Intencao comum: criar pagina master-detail = criar tabela + criar formulario + conectar selecao via composition.links.',
-        'Intencao comum: ajustar pagina existente = modificar apenas widgets/inputs necessarios.',
+        'Intenção comum: criar página master-detail = criar tabela + criar formulário + conectar seleção via composition.links.',
+        'Intenção comum: ajustar página existente = modificar apenas widgets/inputs necessários.',
         'Exemplo de link canonico (master-detail): { id:"masterTable.rowClick->detailForm.resourceId", from:{kind:"component-port",ref:{widget:"masterTable",port:"rowClick",direction:"output"}}, to:{kind:"component-port",ref:{widget:"detailForm",port:"resourceId",direction:"input"}}, intent:"event-propagation", transform:{version:"2.0",phase:"link-propagation",mode:"single-value",steps:[{kind:"pick-path",phase:"link-propagation",input:{source:"event"},config:{path:"payload.row.id"}}]}}',
-        'Exemplo de widget tabela (minimo): { key:"masterTable", definition:{ id:"praxis-table", inputs:{ resourcePath:"/api/x" }}}',
-        'Exemplo de widget formulario (minimo): { key:"detailForm", definition:{ id:"praxis-dynamic-form", inputs:{ resourcePath:"/api/x", mode:"view" }}}',
+        'Exemplo de widget tabela (mínimo): { key:"masterTable", definition:{ id:"praxis-table", inputs:{ resourcePath:"/api/x" }}}',
+        'Exemplo de widget formulário (mínimo): { key:"detailForm", definition:{ id:"praxis-dynamic-form", inputs:{ resourcePath:"/api/x", mode:"view" }}}',
         'Se houver idField conhecido, use transform pick-path payload.row.{idField} em links canonicos.',
     ],
 };
@@ -24945,9 +26565,21 @@ class DynamicWidgetLoaderDirective {
         const defaultOrderMap = {
             'praxis-table': ['tableId', 'componentInstanceId', 'configPersistenceStrategy', 'resourcePath', 'data', 'config'],
             'praxis-crud': ['crudId', 'componentInstanceId', 'metadata'],
-            'praxis-dynamic-form': ['formId', 'componentInstanceId', 'resourcePath'],
+            'praxis-dynamic-form': [
+                'formId',
+                'componentInstanceId',
+                'resourcePath',
+                'schemaUrl',
+                'submitUrl',
+                'submitMethod',
+                'apiEndpointKey',
+                'apiUrlEntry',
+                'initialValue',
+                'mode',
+                'layoutPolicy',
+            ],
             'praxis-tabs': ['tabsId', 'componentInstanceId', 'configPersistenceStrategy', 'config'],
-            'praxis-list': ['listId', 'componentInstanceId', 'config'],
+            'praxis-list': ['listId', 'componentInstanceId', 'enableCustomization', 'config'],
             'praxis-expansion': ['expansionId', 'componentInstanceId', 'config'],
             'praxis-stepper': ['stepperId', 'componentInstanceId', 'config'],
             'praxis-files-upload': ['filesUploadId', 'componentInstanceId', 'config'],
@@ -25307,28 +26939,160 @@ const BUILTIN_SHELL_PRESETS = {
     },
     'light-neutral': {
         card: {
-            background: '#f8fafc',
-            borderColor: '#d7dfeb',
+            background: 'var(--md-sys-color-surface)',
+            borderColor: 'color-mix(in srgb, var(--md-sys-color-outline-variant) 82%, transparent)',
             borderRadius: '12px',
-            shadow: '0 4px 12px rgba(15, 23, 42, 0.06)',
+            shadow: '0 4px 14px color-mix(in srgb, var(--md-sys-color-shadow, #000) 7%, transparent)',
         },
         header: {
-            titleColor: '#1f2937',
-            subtitleColor: '#6b7280',
-            iconColor: '#0f172a',
+            background: 'color-mix(in srgb, var(--md-sys-color-surface-container-low) 72%, transparent)',
+            borderColor: 'color-mix(in srgb, var(--md-sys-color-outline-variant) 70%, transparent)',
+            titleColor: 'var(--md-sys-color-on-surface)',
+            subtitleColor: 'var(--md-sys-color-on-surface-variant)',
+            iconColor: 'var(--md-sys-color-primary)',
+        },
+        body: {
+            background: 'var(--md-sys-color-surface)',
+            textColor: 'var(--md-sys-color-on-surface)',
         },
     },
     graphite: {
         card: {
-            background: '#1c1f24',
-            borderColor: 'rgba(255,255,255,0.08)',
-            borderRadius: '14px',
-            shadow: '0 10px 22px rgba(0,0,0,0.28)',
+            background: 'color-mix(in srgb, var(--md-sys-color-surface) 94%, var(--md-sys-color-surface-container-high) 6%)',
+            borderColor: 'color-mix(in srgb, var(--md-sys-color-outline-variant) 74%, transparent)',
+            borderRadius: '12px',
+            shadow: '0 8px 22px color-mix(in srgb, var(--md-sys-color-shadow, #000) 11%, transparent)',
+        },
+        header: {
+            background: 'color-mix(in srgb, var(--md-sys-color-surface-container-low) 76%, transparent)',
+            borderColor: 'color-mix(in srgb, var(--md-sys-color-outline-variant) 62%, transparent)',
+            titleColor: 'var(--md-sys-color-on-surface)',
+            subtitleColor: 'var(--md-sys-color-on-surface-variant)',
+            iconColor: 'var(--md-sys-color-primary)',
+        },
+        body: {
+            background: 'var(--md-sys-color-surface)',
+            textColor: 'var(--md-sys-color-on-surface)',
+        },
+    },
+    frameless: {
+        card: {
+            background: 'transparent',
+            borderColor: 'transparent',
+            borderRadius: '0',
+            shadow: 'none',
+        },
+        header: {
+            background: 'transparent',
+            borderColor: 'transparent',
+            titleColor: 'var(--md-sys-color-on-surface)',
+            subtitleColor: 'var(--md-sys-color-on-surface-variant)',
+            iconColor: 'var(--md-sys-color-primary)',
+        },
+        body: {
+            background: 'transparent',
+            textColor: 'var(--md-sys-color-on-surface)',
+            padding: '0',
+        },
+    },
+    'data-panel': {
+        card: {
+            background: 'var(--md-sys-color-surface)',
+            borderColor: 'color-mix(in srgb, var(--md-sys-color-outline-variant) 76%, transparent)',
+            borderRadius: '10px',
+            shadow: '0 5px 16px color-mix(in srgb, var(--md-sys-color-shadow, #000) 7%, transparent)',
+        },
+        header: {
+            background: 'color-mix(in srgb, var(--md-sys-color-surface-container-low) 64%, transparent)',
+            borderColor: 'color-mix(in srgb, var(--md-sys-color-outline-variant) 58%, transparent)',
+            titleColor: 'var(--md-sys-color-on-surface)',
+            subtitleColor: 'var(--md-sys-color-on-surface-variant)',
+            iconColor: 'var(--md-sys-color-primary)',
+        },
+        body: {
+            background: 'var(--md-sys-color-surface)',
+            textColor: 'var(--md-sys-color-on-surface)',
+            padding: '12px',
+        },
+    },
+    'chart-panel': {
+        card: {
+            background: 'color-mix(in srgb, var(--md-sys-color-surface) 92%, var(--md-sys-color-primary-container) 8%)',
+            borderColor: 'color-mix(in srgb, var(--md-sys-color-primary) 22%, var(--md-sys-color-outline-variant) 62%)',
+            borderRadius: '12px',
+            shadow: '0 10px 24px color-mix(in srgb, var(--md-sys-color-shadow, #000) 9%, transparent)',
+        },
+        header: {
+            background: 'color-mix(in srgb, var(--md-sys-color-primary-container) 22%, transparent)',
+            borderColor: 'color-mix(in srgb, var(--md-sys-color-primary) 20%, transparent)',
+            titleColor: 'var(--md-sys-color-on-surface)',
+            subtitleColor: 'var(--md-sys-color-on-surface-variant)',
+            iconColor: 'var(--md-sys-color-primary)',
+        },
+        body: {
+            background: 'transparent',
+            textColor: 'var(--md-sys-color-on-surface)',
+            padding: '12px',
+        },
+    },
+    'metric-panel': {
+        card: {
+            background: 'color-mix(in srgb, var(--md-sys-color-surface-container-low) 78%, var(--md-sys-color-primary-container) 22%)',
+            borderColor: 'color-mix(in srgb, var(--md-sys-color-primary) 24%, transparent)',
+            borderRadius: '10px',
+            shadow: '0 8px 18px color-mix(in srgb, var(--md-sys-color-shadow, #000) 8%, transparent)',
+        },
+        header: {
+            background: 'transparent',
+            borderColor: 'transparent',
+            titleColor: 'var(--md-sys-color-on-surface)',
+            subtitleColor: 'var(--md-sys-color-on-surface-variant)',
+            iconColor: 'var(--md-sys-color-primary)',
+        },
+        body: {
+            background: 'transparent',
+            textColor: 'var(--md-sys-color-on-surface)',
+            padding: '10px 12px',
+        },
+    },
+    'executive-card': {
+        card: {
+            background: 'color-mix(in srgb, var(--md-sys-color-surface) 88%, var(--md-sys-color-surface-container-high) 12%)',
+            borderColor: 'color-mix(in srgb, var(--md-sys-color-primary) 28%, var(--md-sys-color-outline-variant) 50%)',
+            borderRadius: '10px',
+            shadow: '0 12px 28px color-mix(in srgb, var(--md-sys-color-shadow, #000) 13%, transparent)',
+        },
+        header: {
+            background: 'color-mix(in srgb, var(--md-sys-color-primary-container) 18%, transparent)',
+            borderColor: 'color-mix(in srgb, var(--md-sys-color-primary) 22%, transparent)',
+            titleColor: 'var(--md-sys-color-on-surface)',
+            subtitleColor: 'var(--md-sys-color-on-surface-variant)',
+            iconColor: 'var(--md-sys-color-primary)',
+        },
+        body: {
+            background: 'transparent',
+            textColor: 'var(--md-sys-color-on-surface)',
+            padding: '14px',
+        },
+    },
+    'filter-bar': {
+        card: {
+            background: 'color-mix(in srgb, var(--md-sys-color-surface-container-low) 74%, var(--md-sys-color-secondary-container) 26%)',
+            borderColor: 'color-mix(in srgb, var(--md-sys-color-secondary) 24%, transparent)',
+            borderRadius: '999px',
+            shadow: '0 6px 18px color-mix(in srgb, var(--md-sys-color-shadow, #000) 7%, transparent)',
         },
         header: {
-            titleColor: '#f3f4f6',
-            subtitleColor: '#9ca3af',
-            iconColor: '#cbd5f5',
+            background: 'transparent',
+            borderColor: 'transparent',
+            titleColor: 'var(--md-sys-color-on-surface)',
+            subtitleColor: 'var(--md-sys-color-on-surface-variant)',
+            iconColor: 'var(--md-sys-color-secondary)',
+        },
+        body: {
+            background: 'transparent',
+            textColor: 'var(--md-sys-color-on-surface)',
+            padding: '10px 14px',
         },
     },
 };
@@ -25404,6 +27168,11 @@ class WidgetShellComponent {
         const builtins = this.buildWindowActions(custom);
         return [...builtins, ...custom];
     }
+    displayActionIcon(action) {
+        return action.pressed === true && action.pressedIcon
+            ? action.pressedIcon
+            : action.icon;
+    }
     onAction(action, ev) {
         ev.stopPropagation();
         const handled = this.handleWindowAction(action);
@@ -25413,6 +27182,7 @@ class WidgetShellComponent {
             command: action.command,
             emit: action.emit,
             payload,
+            pressed: action.pressed,
             action,
         };
         this.loader?.dispatchAction(event);
@@ -25603,14 +27373,16 @@ class WidgetShellComponent {
                       <button
                         [disabled]="action.disabled"
                         [matTooltip]="action.tooltip || ''"
-                        matTooltipPosition="below"
+                        matTooltipPosition="above"
                         [ngClass]="action.variant === 'outlined' ? 'pdx-action-outlined' : 'pdx-action-text'"
+                        [class.pdx-shell-action--pressed]="action.pressed === true"
                         mat-button
                         type="button"
+                        [attr.aria-pressed]="action.pressed == null ? null : action.pressed"
                         (click)="onAction(action, $event)"
                         >
-                        @if (action.icon) {
-                          <mat-icon [praxisIcon]="action.icon"></mat-icon>
+                        @if (displayActionIcon(action); as actionIcon) {
+                          <mat-icon [praxisIcon]="actionIcon"></mat-icon>
                         }
                         <span class="pdx-action-label">{{ action.label }}</span>
                       </button>
@@ -25620,13 +27392,15 @@ class WidgetShellComponent {
                         mat-icon-button
                         [disabled]="action.disabled"
                         [matTooltip]="action.tooltip || action.label || ''"
-                        matTooltipPosition="below"
+                        matTooltipPosition="above"
                         [attr.aria-label]="action.label || action.tooltip || action.id"
+                        [attr.aria-pressed]="action.pressed == null ? null : action.pressed"
+                        [class.pdx-shell-action--pressed]="action.pressed === true"
                         type="button"
                         (click)="onAction(action, $event)"
                         >
-                        @if (action.icon) {
-                          <mat-icon [praxisIcon]="action.icon"></mat-icon>
+                        @if (displayActionIcon(action); as actionIcon) {
+                          <mat-icon [praxisIcon]="actionIcon"></mat-icon>
                         }
                       </button>
                     }
@@ -25637,7 +27411,7 @@ class WidgetShellComponent {
                     mat-icon-button
                     type="button"
                     [matTooltip]="moreActionsLabel()"
-                    matTooltipPosition="below"
+                    matTooltipPosition="above"
                     [attr.aria-label]="moreActionsLabel()"
                     [matMenuTriggerFor]="overflowMenu"
                     (click)="$event.stopPropagation()"
@@ -25653,13 +27427,15 @@ class WidgetShellComponent {
                       mat-icon-button
                       [disabled]="action.disabled"
                       [matTooltip]="action.tooltip || action.label || ''"
-                      matTooltipPosition="below"
+                      matTooltipPosition="above"
                       [attr.aria-label]="action.label || action.tooltip || action.id"
+                      [attr.aria-pressed]="action.pressed == null ? null : action.pressed"
+                      [class.pdx-shell-action--pressed]="action.pressed === true"
                       type="button"
                       (click)="onAction(action, $event)"
                       >
-                      @if (action.icon) {
-                        <mat-icon [praxisIcon]="action.icon"></mat-icon>
+                      @if (displayActionIcon(action); as actionIcon) {
+                        <mat-icon [praxisIcon]="actionIcon"></mat-icon>
                       }
                     </button>
                   }
@@ -25670,10 +27446,11 @@ class WidgetShellComponent {
               @for (action of overflowHeaderActions; track action.id) {
                 <button
                   mat-menu-item
+                  [attr.aria-pressed]="action.pressed == null ? null : action.pressed"
                   (click)="onAction(action, $event)"
                   >
-                  @if (action.icon) {
-                    <mat-icon [praxisIcon]="action.icon"></mat-icon>
+                  @if (displayActionIcon(action); as actionIcon) {
+                    <mat-icon [praxisIcon]="actionIcon"></mat-icon>
                   }
                   <span>{{ action.label || action.id }}</span>
                 </button>
@@ -25688,7 +27465,7 @@ class WidgetShellComponent {
       @if (expanded || fullscreen) {
         <div class="pdx-shell-backdrop" (click)="closeOverlay()"></div>
       }
-      `, isInline: true, styles: [":host{display:block;height:100%}:host(.pdx-widget-shell-collapsed){height:auto}.pdx-shell{position:relative;height:100%;display:flex;flex-direction:column}.pdx-shell.no-shell{background:transparent;border:none;border-radius:0;box-shadow:none}.pdx-shell.dashboard{background:var(--pdx-shell-card-bg, var(--pdx-dashboard-card-bg, var(--md-sys-color-surface-container-low)));border:1px solid var(--pdx-shell-card-border, var(--pdx-dashboard-card-border, var(--md-sys-color-outline-variant)));border-radius:var(--pdx-shell-card-radius, 12px);box-shadow:var(--pdx-shell-card-shadow, 0 4px 12px rgba(15, 23, 42, .06));overflow:hidden}.pdx-shell-header{display:flex;align-items:center;gap:10px;padding:8px 10px 7px;border-bottom:1px solid var(--pdx-shell-header-border, var(--md-sys-color-outline-variant));background:var(--pdx-shell-header-bg, var(--md-sys-color-surface-container))}.pdx-shell-header--drag-enabled{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.pdx-shell-header--drag-enabled:active{cursor:grabbing}.pdx-shell-header--drag-enabled:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 72%,white 28%);outline-offset:-2px}.pdx-shell-title{display:flex;align-items:center;gap:8px;min-width:0;flex:1;color:var(--pdx-shell-title-color, inherit)}.pdx-shell-title mat-icon{color:var(--pdx-shell-icon-color, currentColor)}.pdx-shell-text{min-width:0}.pdx-shell-title-text{font-weight:var(--pdx-shell-title-weight, 600);font-size:var(--pdx-shell-title-size, 13px);line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdx-shell-subtitle{font-size:var(--pdx-shell-subtitle-size, 11px);opacity:.75;color:var(--pdx-shell-subtitle-color, currentColor);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdx-shell-actions,.pdx-shell-window-actions{display:flex;align-items:center;gap:4px}.pdx-shell-window-actions{margin-left:auto}.pdx-action-outlined{border:1px solid var(--md-sys-color-outline-variant);border-radius:999px;padding:0 10px}.pdx-action-text{padding:0 8px}.pdx-action-label{font-size:12px;font-weight:500}.pdx-shell-body{flex:1;min-height:0;padding:var(--pdx-shell-body-padding, 8px 10px 10px 10px);background:var(--pdx-shell-body-bg, transparent);color:var(--pdx-shell-body-color, inherit)}.pdx-shell.no-shell .pdx-shell-body{padding:0}.pdx-shell-body.hidden{display:none}.pdx-shell.collapsed{height:auto}.pdx-shell.collapsed .pdx-shell-header{border-bottom-color:transparent}.pdx-shell.body-fill .pdx-shell-body,.pdx-shell.body-scroll .pdx-shell-body,.pdx-shell.expanded .pdx-shell-body,.pdx-shell.fullscreen .pdx-shell-body{overflow:auto;display:flex;flex-direction:column;min-height:0}.pdx-shell.collapsed .pdx-shell-body{display:none}.pdx-shell.body-fill .pdx-shell-body{overflow:hidden}.pdx-shell.body-scroll .pdx-shell-body{overflow:auto}.pdx-shell.body-fill .pdx-shell-body>*,.pdx-shell.body-scroll .pdx-shell-body>*,.pdx-shell.expanded .pdx-shell-body>*,.pdx-shell.fullscreen .pdx-shell-body>*{flex:1 1 auto;min-height:0;width:100%}.pdx-shell.expanded{position:fixed;top:10vh;left:50%;width:min(920px,92vw);height:min(640px,82vh);transform:translate(-50%);z-index:var(--praxis-layer-widget-shell-expanded, 1290);box-shadow:var(--mat-elevation-level8)}.pdx-shell.fullscreen{position:fixed;inset:0;width:auto;height:auto;transform:none;border-radius:0;z-index:var(--praxis-layer-widget-shell-fullscreen, 1291);box-shadow:var(--mat-elevation-level8)}.pdx-shell-backdrop{position:fixed;inset:0;z-index:var(--praxis-layer-widget-shell-backdrop, 1280);background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i4$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i4$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i4$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+      `, isInline: true, styles: [":host{display:block;height:100%}:host(.pdx-widget-shell-collapsed){height:auto}.pdx-shell{position:relative;height:100%;display:flex;flex-direction:column}.pdx-shell.no-shell{background:transparent;border:none;border-radius:0;box-shadow:none}.pdx-shell.dashboard{background:var(--pdx-shell-card-bg, var(--pdx-dashboard-card-bg, var(--md-sys-color-surface-container-low)));border:1px solid var(--pdx-shell-card-border, var(--pdx-dashboard-card-border, var(--md-sys-color-outline-variant)));border-radius:var(--pdx-shell-card-radius, 12px);box-shadow:var(--pdx-shell-card-shadow, 0 4px 12px rgba(15, 23, 42, .06));overflow:hidden}.pdx-shell-header{display:flex;align-items:center;gap:10px;padding:8px 10px 7px;border-bottom:1px solid var(--pdx-shell-header-border, var(--md-sys-color-outline-variant));background:var(--pdx-shell-header-bg, var(--md-sys-color-surface-container))}.pdx-shell-header--drag-enabled{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.pdx-shell-header--drag-enabled:active{cursor:grabbing}.pdx-shell-header--drag-enabled:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 72%,white 28%);outline-offset:-2px}.pdx-shell-title{display:flex;align-items:center;gap:8px;min-width:0;flex:1;color:var(--pdx-shell-title-color, inherit)}.pdx-shell-title mat-icon{color:var(--pdx-shell-icon-color, currentColor)}.pdx-shell-text{min-width:0}.pdx-shell-title-text{font-weight:var(--pdx-shell-title-weight, 600);font-size:var(--pdx-shell-title-size, 13px);line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdx-shell-subtitle{font-size:var(--pdx-shell-subtitle-size, 11px);opacity:.75;color:var(--pdx-shell-subtitle-color, currentColor);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdx-shell-actions,.pdx-shell-window-actions{display:flex;align-items:center;gap:4px}.pdx-shell-window-actions{margin-left:auto}.pdx-action-outlined{border:1px solid var(--md-sys-color-outline-variant);border-radius:999px;padding:0 10px}.pdx-action-text{padding:0 8px}.pdx-shell-action--pressed{color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary) 12%,transparent)}.pdx-action-label{font-size:12px;font-weight:500}.pdx-shell-body{flex:1;min-height:0;padding:var(--pdx-shell-body-padding, 8px 10px 10px 10px);background:var(--pdx-shell-body-bg, transparent);color:var(--pdx-shell-body-color, inherit)}.pdx-shell.no-shell .pdx-shell-body{padding:0}.pdx-shell-body.hidden{display:none}.pdx-shell.collapsed{height:auto}.pdx-shell.collapsed .pdx-shell-header{border-bottom-color:transparent}.pdx-shell.body-fill .pdx-shell-body,.pdx-shell.body-scroll .pdx-shell-body,.pdx-shell.expanded .pdx-shell-body,.pdx-shell.fullscreen .pdx-shell-body{overflow:auto;display:flex;flex-direction:column;min-height:0}.pdx-shell.collapsed .pdx-shell-body{display:none}.pdx-shell.body-fill .pdx-shell-body{overflow:hidden}.pdx-shell.body-scroll .pdx-shell-body{overflow:auto}.pdx-shell.body-fill .pdx-shell-body>*,.pdx-shell.body-scroll .pdx-shell-body>*,.pdx-shell.expanded .pdx-shell-body>*,.pdx-shell.fullscreen .pdx-shell-body>*{flex:1 1 auto;min-height:0;width:100%}.pdx-shell.expanded{position:fixed;top:10vh;left:50%;width:min(920px,92vw);height:min(640px,82vh);transform:translate(-50%);z-index:var(--praxis-layer-widget-shell-expanded, 1290);box-shadow:var(--mat-elevation-level8)}.pdx-shell.fullscreen{position:fixed;inset:0;width:auto;height:auto;transform:none;border-radius:0;z-index:var(--praxis-layer-widget-shell-fullscreen, 1291);box-shadow:var(--mat-elevation-level8)}.pdx-shell-backdrop{position:fixed;inset:0;z-index:var(--praxis-layer-widget-shell-backdrop, 1280);background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i4$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i4$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i4$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: WidgetShellComponent, decorators: [{
             type: Component,
@@ -25747,14 +27524,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                       <button
                         [disabled]="action.disabled"
                         [matTooltip]="action.tooltip || ''"
-                        matTooltipPosition="below"
+                        matTooltipPosition="above"
                         [ngClass]="action.variant === 'outlined' ? 'pdx-action-outlined' : 'pdx-action-text'"
+                        [class.pdx-shell-action--pressed]="action.pressed === true"
                         mat-button
                         type="button"
+                        [attr.aria-pressed]="action.pressed == null ? null : action.pressed"
                         (click)="onAction(action, $event)"
                         >
-                        @if (action.icon) {
-                          <mat-icon [praxisIcon]="action.icon"></mat-icon>
+                        @if (displayActionIcon(action); as actionIcon) {
+                          <mat-icon [praxisIcon]="actionIcon"></mat-icon>
                         }
                         <span class="pdx-action-label">{{ action.label }}</span>
                       </button>
@@ -25764,13 +27543,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                         mat-icon-button
                         [disabled]="action.disabled"
                         [matTooltip]="action.tooltip || action.label || ''"
-                        matTooltipPosition="below"
+                        matTooltipPosition="above"
                         [attr.aria-label]="action.label || action.tooltip || action.id"
+                        [attr.aria-pressed]="action.pressed == null ? null : action.pressed"
+                        [class.pdx-shell-action--pressed]="action.pressed === true"
                         type="button"
                         (click)="onAction(action, $event)"
                         >
-                        @if (action.icon) {
-                          <mat-icon [praxisIcon]="action.icon"></mat-icon>
+                        @if (displayActionIcon(action); as actionIcon) {
+                          <mat-icon [praxisIcon]="actionIcon"></mat-icon>
                         }
                       </button>
                     }
@@ -25781,7 +27562,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                     mat-icon-button
                     type="button"
                     [matTooltip]="moreActionsLabel()"
-                    matTooltipPosition="below"
+                    matTooltipPosition="above"
                     [attr.aria-label]="moreActionsLabel()"
                     [matMenuTriggerFor]="overflowMenu"
                     (click)="$event.stopPropagation()"
@@ -25797,13 +27578,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                       mat-icon-button
                       [disabled]="action.disabled"
                       [matTooltip]="action.tooltip || action.label || ''"
-                      matTooltipPosition="below"
+                      matTooltipPosition="above"
                       [attr.aria-label]="action.label || action.tooltip || action.id"
+                      [attr.aria-pressed]="action.pressed == null ? null : action.pressed"
+                      [class.pdx-shell-action--pressed]="action.pressed === true"
                       type="button"
                       (click)="onAction(action, $event)"
                       >
-                      @if (action.icon) {
-                        <mat-icon [praxisIcon]="action.icon"></mat-icon>
+                      @if (displayActionIcon(action); as actionIcon) {
+                        <mat-icon [praxisIcon]="actionIcon"></mat-icon>
                       }
                     </button>
                   }
@@ -25814,10 +27597,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
               @for (action of overflowHeaderActions; track action.id) {
                 <button
                   mat-menu-item
+                  [attr.aria-pressed]="action.pressed == null ? null : action.pressed"
                   (click)="onAction(action, $event)"
                   >
-                  @if (action.icon) {
-                    <mat-icon [praxisIcon]="action.icon"></mat-icon>
+                  @if (displayActionIcon(action); as actionIcon) {
+                    <mat-icon [praxisIcon]="actionIcon"></mat-icon>
                   }
                   <span>{{ action.label || action.id }}</span>
                 </button>
@@ -25832,7 +27616,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
       @if (expanded || fullscreen) {
         <div class="pdx-shell-backdrop" (click)="closeOverlay()"></div>
       }
-      `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;height:100%}:host(.pdx-widget-shell-collapsed){height:auto}.pdx-shell{position:relative;height:100%;display:flex;flex-direction:column}.pdx-shell.no-shell{background:transparent;border:none;border-radius:0;box-shadow:none}.pdx-shell.dashboard{background:var(--pdx-shell-card-bg, var(--pdx-dashboard-card-bg, var(--md-sys-color-surface-container-low)));border:1px solid var(--pdx-shell-card-border, var(--pdx-dashboard-card-border, var(--md-sys-color-outline-variant)));border-radius:var(--pdx-shell-card-radius, 12px);box-shadow:var(--pdx-shell-card-shadow, 0 4px 12px rgba(15, 23, 42, .06));overflow:hidden}.pdx-shell-header{display:flex;align-items:center;gap:10px;padding:8px 10px 7px;border-bottom:1px solid var(--pdx-shell-header-border, var(--md-sys-color-outline-variant));background:var(--pdx-shell-header-bg, var(--md-sys-color-surface-container))}.pdx-shell-header--drag-enabled{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.pdx-shell-header--drag-enabled:active{cursor:grabbing}.pdx-shell-header--drag-enabled:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 72%,white 28%);outline-offset:-2px}.pdx-shell-title{display:flex;align-items:center;gap:8px;min-width:0;flex:1;color:var(--pdx-shell-title-color, inherit)}.pdx-shell-title mat-icon{color:var(--pdx-shell-icon-color, currentColor)}.pdx-shell-text{min-width:0}.pdx-shell-title-text{font-weight:var(--pdx-shell-title-weight, 600);font-size:var(--pdx-shell-title-size, 13px);line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdx-shell-subtitle{font-size:var(--pdx-shell-subtitle-size, 11px);opacity:.75;color:var(--pdx-shell-subtitle-color, currentColor);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdx-shell-actions,.pdx-shell-window-actions{display:flex;align-items:center;gap:4px}.pdx-shell-window-actions{margin-left:auto}.pdx-action-outlined{border:1px solid var(--md-sys-color-outline-variant);border-radius:999px;padding:0 10px}.pdx-action-text{padding:0 8px}.pdx-action-label{font-size:12px;font-weight:500}.pdx-shell-body{flex:1;min-height:0;padding:var(--pdx-shell-body-padding, 8px 10px 10px 10px);background:var(--pdx-shell-body-bg, transparent);color:var(--pdx-shell-body-color, inherit)}.pdx-shell.no-shell .pdx-shell-body{padding:0}.pdx-shell-body.hidden{display:none}.pdx-shell.collapsed{height:auto}.pdx-shell.collapsed .pdx-shell-header{border-bottom-color:transparent}.pdx-shell.body-fill .pdx-shell-body,.pdx-shell.body-scroll .pdx-shell-body,.pdx-shell.expanded .pdx-shell-body,.pdx-shell.fullscreen .pdx-shell-body{overflow:auto;display:flex;flex-direction:column;min-height:0}.pdx-shell.collapsed .pdx-shell-body{display:none}.pdx-shell.body-fill .pdx-shell-body{overflow:hidden}.pdx-shell.body-scroll .pdx-shell-body{overflow:auto}.pdx-shell.body-fill .pdx-shell-body>*,.pdx-shell.body-scroll .pdx-shell-body>*,.pdx-shell.expanded .pdx-shell-body>*,.pdx-shell.fullscreen .pdx-shell-body>*{flex:1 1 auto;min-height:0;width:100%}.pdx-shell.expanded{position:fixed;top:10vh;left:50%;width:min(920px,92vw);height:min(640px,82vh);transform:translate(-50%);z-index:var(--praxis-layer-widget-shell-expanded, 1290);box-shadow:var(--mat-elevation-level8)}.pdx-shell.fullscreen{position:fixed;inset:0;width:auto;height:auto;transform:none;border-radius:0;z-index:var(--praxis-layer-widget-shell-fullscreen, 1291);box-shadow:var(--mat-elevation-level8)}.pdx-shell-backdrop{position:fixed;inset:0;z-index:var(--praxis-layer-widget-shell-backdrop, 1280);background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}\n"] }]
+      `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;height:100%}:host(.pdx-widget-shell-collapsed){height:auto}.pdx-shell{position:relative;height:100%;display:flex;flex-direction:column}.pdx-shell.no-shell{background:transparent;border:none;border-radius:0;box-shadow:none}.pdx-shell.dashboard{background:var(--pdx-shell-card-bg, var(--pdx-dashboard-card-bg, var(--md-sys-color-surface-container-low)));border:1px solid var(--pdx-shell-card-border, var(--pdx-dashboard-card-border, var(--md-sys-color-outline-variant)));border-radius:var(--pdx-shell-card-radius, 12px);box-shadow:var(--pdx-shell-card-shadow, 0 4px 12px rgba(15, 23, 42, .06));overflow:hidden}.pdx-shell-header{display:flex;align-items:center;gap:10px;padding:8px 10px 7px;border-bottom:1px solid var(--pdx-shell-header-border, var(--md-sys-color-outline-variant));background:var(--pdx-shell-header-bg, var(--md-sys-color-surface-container))}.pdx-shell-header--drag-enabled{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.pdx-shell-header--drag-enabled:active{cursor:grabbing}.pdx-shell-header--drag-enabled:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 72%,white 28%);outline-offset:-2px}.pdx-shell-title{display:flex;align-items:center;gap:8px;min-width:0;flex:1;color:var(--pdx-shell-title-color, inherit)}.pdx-shell-title mat-icon{color:var(--pdx-shell-icon-color, currentColor)}.pdx-shell-text{min-width:0}.pdx-shell-title-text{font-weight:var(--pdx-shell-title-weight, 600);font-size:var(--pdx-shell-title-size, 13px);line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdx-shell-subtitle{font-size:var(--pdx-shell-subtitle-size, 11px);opacity:.75;color:var(--pdx-shell-subtitle-color, currentColor);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdx-shell-actions,.pdx-shell-window-actions{display:flex;align-items:center;gap:4px}.pdx-shell-window-actions{margin-left:auto}.pdx-action-outlined{border:1px solid var(--md-sys-color-outline-variant);border-radius:999px;padding:0 10px}.pdx-action-text{padding:0 8px}.pdx-shell-action--pressed{color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary) 12%,transparent)}.pdx-action-label{font-size:12px;font-weight:500}.pdx-shell-body{flex:1;min-height:0;padding:var(--pdx-shell-body-padding, 8px 10px 10px 10px);background:var(--pdx-shell-body-bg, transparent);color:var(--pdx-shell-body-color, inherit)}.pdx-shell.no-shell .pdx-shell-body{padding:0}.pdx-shell-body.hidden{display:none}.pdx-shell.collapsed{height:auto}.pdx-shell.collapsed .pdx-shell-header{border-bottom-color:transparent}.pdx-shell.body-fill .pdx-shell-body,.pdx-shell.body-scroll .pdx-shell-body,.pdx-shell.expanded .pdx-shell-body,.pdx-shell.fullscreen .pdx-shell-body{overflow:auto;display:flex;flex-direction:column;min-height:0}.pdx-shell.collapsed .pdx-shell-body{display:none}.pdx-shell.body-fill .pdx-shell-body{overflow:hidden}.pdx-shell.body-scroll .pdx-shell-body{overflow:auto}.pdx-shell.body-fill .pdx-shell-body>*,.pdx-shell.body-scroll .pdx-shell-body>*,.pdx-shell.expanded .pdx-shell-body>*,.pdx-shell.fullscreen .pdx-shell-body>*{flex:1 1 auto;min-height:0;width:100%}.pdx-shell.expanded{position:fixed;top:10vh;left:50%;width:min(920px,92vw);height:min(640px,82vh);transform:translate(-50%);z-index:var(--praxis-layer-widget-shell-expanded, 1290);box-shadow:var(--mat-elevation-level8)}.pdx-shell.fullscreen{position:fixed;inset:0;width:auto;height:auto;transform:none;border-radius:0;z-index:var(--praxis-layer-widget-shell-fullscreen, 1291);box-shadow:var(--mat-elevation-level8)}.pdx-shell-backdrop{position:fixed;inset:0;z-index:var(--praxis-layer-widget-shell-backdrop, 1280);background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}\n"] }]
         }], propDecorators: { hostCollapsed: [{
                 type: HostBinding,
                 args: ['class.pdx-widget-shell-collapsed']
@@ -26010,7 +27794,7 @@ const BUILTIN_PAGE_THEME_PRESETS = {
         id: 'analytics-calm',
         label: 'Analytics Calm',
         description: 'Superfícies leves, ênfase clara em dados e motion sutil.',
-        shellPreset: 'light-neutral',
+        shellPreset: 'chart-panel',
         chartThemePreset: 'executive',
         density: 'comfortable',
         motion: 'subtle',
@@ -26027,7 +27811,7 @@ const BUILTIN_PAGE_THEME_PRESETS = {
         id: 'workspace-balanced',
         label: 'Workspace Balanced',
         description: 'Equilíbrio entre densidade operacional e clareza visual.',
-        shellPreset: 'light-neutral',
+        shellPreset: 'data-panel',
         chartThemePreset: 'default',
         density: 'comfortable',
         motion: 'subtle',
@@ -26044,7 +27828,7 @@ const BUILTIN_PAGE_THEME_PRESETS = {
         id: 'ops-monitoring',
         label: 'Ops Monitoring',
         description: 'Contraste um pouco maior para leitura rápida de status, filas e alertas.',
-        shellPreset: 'graphite',
+        shellPreset: 'data-panel',
         chartThemePreset: 'compact',
         density: 'compact',
         motion: 'subtle',
@@ -26061,7 +27845,7 @@ const BUILTIN_PAGE_THEME_PRESETS = {
         id: 'executive-command-center',
         label: 'Executive Command Center',
         description: 'Superfície premium para dashboards corporativos com hierarquia executiva, dados densos e ações de decisão.',
-        shellPreset: 'graphite',
+        shellPreset: 'executive-card',
         chartThemePreset: 'executive',
         density: 'compact',
         motion: 'subtle',
@@ -31033,9 +32817,18 @@ class DynamicWidgetPageComponent {
             if (!widget.shell) {
                 return runtimeEnrichedWidget;
             }
+            const widgetTemplateContext = {
+                ...templateContext,
+                widget: {
+                    key: widget.key,
+                    definition: this.cloneStateValues(widget.definition),
+                    inputs: this.cloneStateValues(widget.definition?.inputs || {}),
+                    shell: this.cloneStateValues(widget.shell || {}),
+                },
+            };
             return {
                 ...runtimeEnrichedWidget,
-                shell: this.resolveTemplate(widget.shell, templateContext),
+                shell: this.resolveTemplate(widget.shell, widgetTemplateContext),
             };
         });
     }
@@ -31088,9 +32881,16 @@ class DynamicWidgetPageComponent {
                     origin: 'dynamic-page.rich-content',
                     componentId: 'praxis-dynamic-page',
                 },
+            }).then((result) => {
+                if (!result?.success) {
+                    this.emitRichContentCustomAction(widgetKey, actionId, payload);
+                }
             });
             return;
         }
+        this.emitRichContentCustomAction(widgetKey, actionId, payload);
+    }
+    emitRichContentCustomAction(widgetKey, actionId, payload) {
         this.onWidgetEvent(widgetKey, {
             ownerWidgetKey: widgetKey,
             sourceComponentId: 'praxis-rich-content',
@@ -31412,6 +33212,8 @@ class DynamicWidgetPageComponent {
             void this.confirmAndRemoveWidget(fromKey);
             return;
         }
+        if (this.handleToggleInputCommand(fromKey, evt))
+            return;
         if (this.handleSetInputCommand(fromKey, evt))
             return;
         const output = evt?.emit || (evt?.id ? `shell:${evt.id}` : undefined);
@@ -31436,6 +33238,32 @@ class DynamicWidgetPageComponent {
         this.widgets.set(widgets);
         return true;
     }
+    handleToggleInputCommand(fromKey, evt) {
+        if (evt?.command !== 'pdx:toggle-input')
+            return false;
+        const payload = evt?.payload;
+        const input = typeof payload?.input === 'string' ? payload.input.trim() : '';
+        if (!input)
+            return true;
+        const page = this.ensurePageDefinition();
+        const widget = (page.widgets || []).find((candidate) => candidate.key === fromKey);
+        const currentValue = this.lookup(widget?.definition?.inputs || {}, input);
+        const nextValue = !Boolean(currentValue);
+        const result = this.applyWidgetInputPatchToPage(page, fromKey, {
+            ownerWidgetKey: fromKey,
+            sourceComponentId: 'widget-shell',
+            output: evt.emit || `shell:${evt.id}`,
+            payload: {
+                inputPatch: {
+                    [input]: nextValue,
+                },
+            },
+        });
+        if (result.changed) {
+            this.applyPageUpdate(result.page, true, undefined, false, true);
+        }
+        return true;
+    }
     mergeOrder(keys) {
         const seen = new Set();
         const out = [];
@@ -33974,24 +35802,24 @@ const PRAXIS_DYNAMIC_PAGE_COMPONENT_METADATA = {
     selector: 'praxis-dynamic-page',
     component: DynamicWidgetPageComponent,
     friendlyName: 'Dynamic Page',
-    description: 'Pagina dinamica com widgets e composition.links em layout responsivo, incluindo mediacao runtime para rich-content hospedado.',
+    description: 'Página dinâmica com widgets e composition.links em layout responsivo, incluindo mediação runtime para rich-content hospedado.',
     icon: 'dashboard',
     inputs: [
-        { name: 'page', type: 'WidgetPageDefinition', description: 'Definicao da pagina (widgets, layout e composition.links).' },
+        { name: 'page', type: 'WidgetPageDefinition', description: 'Definição da página (widgets, layout e composition.links).' },
         { name: 'context', type: 'Record<string, any>', description: 'Contexto adicional compartilhado entre widgets.' },
-        { name: 'strictValidation', type: 'boolean', description: 'Habilita validacao estrita de inputs.' },
-        { name: 'enableCustomization', type: 'boolean', description: 'Habilita affordances de edicao na pagina.' },
-        { name: 'showPageSettingsButton', type: 'boolean', description: 'Exibe botao de configuracao da pagina.' },
+        { name: 'strictValidation', type: 'boolean', description: 'Habilita validação estrita de inputs.' },
+        { name: 'enableCustomization', type: 'boolean', description: 'Habilita affordances de edição na página.' },
+        { name: 'showPageSettingsButton', type: 'boolean', description: 'Exibe botão de configuração da página.' },
         { name: 'shellEditorComponent', type: 'Type<any>', description: 'Override do editor de shell dos widgets.' },
-        { name: 'pageEditorComponent', type: 'Type<any>', description: 'Override do editor de configuracao da pagina.' },
-        { name: 'autoPersist', type: 'boolean', description: 'Ativa persistencia automatica (load/save) da pagina.' },
-        { name: 'pageIdentity', type: 'PageIdentity', description: 'Identidade de persistencia (tenant/usuario/rota/locale).' },
-        { name: 'componentInstanceId', type: 'string', description: 'Identificador opcional para multiplas instancias na mesma rota.' },
+        { name: 'pageEditorComponent', type: 'Type<any>', description: 'Override do editor de configuração da página.' },
+        { name: 'autoPersist', type: 'boolean', description: 'Ativa persistência automática (load/save) da página.' },
+        { name: 'pageIdentity', type: 'PageIdentity', description: 'Identidade de persistência (tenant/usuário/rota/locale).' },
+        { name: 'componentInstanceId', type: 'string', description: 'Identificador opcional para múltiplas instâncias na mesma rota.' },
     ],
     outputs: [
-        { name: 'pageChange', type: 'WidgetPageDefinition', description: 'Emitido ao alterar a definicao da pagina.' },
-        { name: 'widgetEvent', type: 'WidgetEventEnvelope', description: 'Reemite eventos dos widgets filhos com ownerWidgetKey para integracoes do host.' },
-        { name: 'widgetDiagnosticsChange', type: 'Record<string, WidgetResolutionDiagnostic>', description: 'Emitido quando o runtime detecta widgets resolvidos ou falhos durante o carregamento dinamico.' },
+        { name: 'pageChange', type: 'WidgetPageDefinition', description: 'Emitido ao alterar a definição da página.' },
+        { name: 'widgetEvent', type: 'WidgetEventEnvelope', description: 'Reemite eventos dos widgets filhos com ownerWidgetKey para integrações do host.' },
+        { name: 'widgetDiagnosticsChange', type: 'Record<string, WidgetResolutionDiagnostic>', description: 'Emitido quando o runtime detecta widgets resolvidos ou falhos durante o carregamento dinâmico.' },
     ],
     tags: ['widget', 'page', 'dynamic', 'layout'],
     lib: '@praxisui/core',
@@ -34026,6 +35854,8 @@ class PraxisSurfaceHostComponent {
      */
     renderTitleInsideBody = false;
     widgetEvent = new EventEmitter();
+    rowClick = new EventEmitter();
+    selectionChange = new EventEmitter();
     beforeWidgetLoader;
     mainWidgetLoader;
     afterWidgetLoader;
@@ -34139,13 +35969,19 @@ class PraxisSurfaceHostComponent {
         }
     }
     onSlotWidgetEvent(ownerWidgetKey, event) {
+        if (event.output === 'rowClick') {
+            this.rowClick.emit(event.payload);
+        }
+        if (event.output === 'selectionChange') {
+            this.selectionChange.emit(event.payload);
+        }
         this.widgetEvent.emit({
             ...event,
             ownerWidgetKey: event.ownerWidgetKey || ownerWidgetKey,
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PraxisSurfaceHostComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: PraxisSurfaceHostComponent, isStandalone: true, selector: "praxis-surface-host", inputs: { title: "title", subtitle: "subtitle", icon: "icon", beforeWidget: "beforeWidget", widget: "widget", afterWidget: "afterWidget", context: "context", strictValidation: "strictValidation", renderTitleInsideBody: "renderTitleInsideBody" }, outputs: { widgetEvent: "widgetEvent" }, viewQueries: [{ propertyName: "beforeWidgetLoader", first: true, predicate: ["beforeWidgetLoader"], descendants: true, read: DynamicWidgetLoaderDirective }, { propertyName: "mainWidgetLoader", first: true, predicate: ["mainWidgetLoader"], descendants: true, read: DynamicWidgetLoaderDirective }, { propertyName: "afterWidgetLoader", first: true, predicate: ["afterWidgetLoader"], descendants: true, read: DynamicWidgetLoaderDirective }], usesOnChanges: true, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: PraxisSurfaceHostComponent, isStandalone: true, selector: "praxis-surface-host", inputs: { title: "title", subtitle: "subtitle", icon: "icon", beforeWidget: "beforeWidget", widget: "widget", afterWidget: "afterWidget", context: "context", strictValidation: "strictValidation", renderTitleInsideBody: "renderTitleInsideBody" }, outputs: { widgetEvent: "widgetEvent", rowClick: "rowClick", selectionChange: "selectionChange" }, viewQueries: [{ propertyName: "beforeWidgetLoader", first: true, predicate: ["beforeWidgetLoader"], descendants: true, read: DynamicWidgetLoaderDirective }, { propertyName: "mainWidgetLoader", first: true, predicate: ["mainWidgetLoader"], descendants: true, read: DynamicWidgetLoaderDirective }, { propertyName: "afterWidgetLoader", first: true, predicate: ["afterWidgetLoader"], descendants: true, read: DynamicWidgetLoaderDirective }], usesOnChanges: true, ngImport: i0, template: `
     <div class="pdx-surface-host">
       @if (subtitle || (title && renderTitleInsideBody)) {
         <header class="pdx-surface-host__header">
@@ -34172,6 +36008,7 @@ class PraxisSurfaceHostComponent {
               [ownerWidgetKey]="beforeWidgetKey"
               [context]="context"
               [strictValidation]="strictValidation"
+              [autoWireOutputs]="true"
               (widgetEvent)="onSlotWidgetEvent(beforeWidgetKey, $event)"
             ></ng-container>
           </div>
@@ -34184,6 +36021,7 @@ class PraxisSurfaceHostComponent {
             [ownerWidgetKey]="mainWidgetKey"
             [context]="context"
             [strictValidation]="strictValidation"
+            [autoWireOutputs]="true"
             (widgetEvent)="onSlotWidgetEvent(mainWidgetKey, $event)"
           ></ng-container>
         }
@@ -34196,6 +36034,7 @@ class PraxisSurfaceHostComponent {
               [ownerWidgetKey]="afterWidgetKey"
               [context]="context"
               [strictValidation]="strictValidation"
+              [autoWireOutputs]="true"
               (widgetEvent)="onSlotWidgetEvent(afterWidgetKey, $event)"
             ></ng-container>
           </div>
@@ -34233,6 +36072,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
               [ownerWidgetKey]="beforeWidgetKey"
               [context]="context"
               [strictValidation]="strictValidation"
+              [autoWireOutputs]="true"
               (widgetEvent)="onSlotWidgetEvent(beforeWidgetKey, $event)"
             ></ng-container>
           </div>
@@ -34245,6 +36085,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
             [ownerWidgetKey]="mainWidgetKey"
             [context]="context"
             [strictValidation]="strictValidation"
+            [autoWireOutputs]="true"
             (widgetEvent)="onSlotWidgetEvent(mainWidgetKey, $event)"
           ></ng-container>
         }
@@ -34257,6 +36098,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
               [ownerWidgetKey]="afterWidgetKey"
               [context]="context"
               [strictValidation]="strictValidation"
+              [autoWireOutputs]="true"
               (widgetEvent)="onSlotWidgetEvent(afterWidgetKey, $event)"
             ></ng-container>
           </div>
@@ -34284,6 +36126,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                 type: Input
             }], widgetEvent: [{
                 type: Output
+            }], rowClick: [{
+                type: Output
+            }], selectionChange: [{
+                type: Output
             }], beforeWidgetLoader: [{
                 type: ViewChild,
                 args: ['beforeWidgetLoader', { read: DynamicWidgetLoaderDirective }]
@@ -35244,15 +37090,9 @@ function applyLocalCustomizations$1(base, local) {
     // Server authority on identity/core props
     const authoritative = {
         name: base.name,
-        label: base.label,
         type: base.type,
         controlType: base.controlType,
         required: base.required,
-        hint: base.hint,
-        helpText: base.helpText,
-        description: base.description,
-        icon: base.icon,
-        iconPosition: base.iconPosition,
         endpoint: base.endpoint,
         resourcePath: base.resourcePath,
         optionSource: base.optionSource,
@@ -35288,12 +37128,13 @@ function applyLocalCustomizations$1(base, local) {
             ? serverBackedLocal.queryParams
             : base.queryParams,
     };
-    return {
+    const merged = {
         ...base,
         ...serverBackedLocal,
         ...authoritative,
         ...preserved,
     };
+    return applyServerOwnedFieldSemantics(merged, base);
 }
 function mergeServerVisibilityFlag(serverValue) {
     return serverValue === true ? true : undefined;
@@ -35758,4 +37599,4 @@ function provideHookWhitelist(allowed) {
  * Generated bundle index. Do not edit.
  */
 
-export { API_CONFIG_STORAGE_OPTIONS, API_URL, ASYNC_CONFIG_STORAGE, AllowedFileTypes, AnalyticsPresentationResolver, AnalyticsSchemaContractService, AnalyticsStatsRequestBuilderService, ApiConfigStorage, ApiEndpoint, BUILTIN_PAGE_LAYOUT_PRESETS, BUILTIN_PAGE_THEME_PRESETS, BUILTIN_SHELL_PRESETS, CONFIG_STORAGE, CONNECTION_STORAGE, ComponentKeyService, ComponentMetadataRegistry, CompositionRuntimeFacade, ConsoleLoggerSink, CrudOperationResolutionService, DEFAULT_FIELD_SELECTOR_CONTROL_TYPE_MAP, DEFAULT_JSON_LOGIC_OPERATORS, DEFAULT_TABLE_CONFIG, DOMAIN_CATALOG_COMPONENT_CONTEXT_PACK, DOMAIN_CATALOG_CONTEXT_HINT_SCHEMA_VERSION, DYNAMIC_PAGE_AI_CAPABILITIES, DYNAMIC_PAGE_COMPONENT_CONTEXT_PACK, DYNAMIC_PAGE_CONFIG_EDITOR, DYNAMIC_PAGE_SHELL_EDITOR, DefaultLoadingRenderer, DeferredAsyncConfigStorage, DomainCatalogService, DomainKnowledgeService, DomainRuleService, DynamicFormService, DynamicWidgetLoaderDirective, DynamicWidgetPageComponent, EDITORIAL_ALLOWED_CONTENT_FORMATS, EDITORIAL_COMPLIANCE_PRESETS, EDITORIAL_EXTERNAL_LINK_REL, EDITORIAL_FORM_TEMPLATE_CATALOG, EDITORIAL_HTML_ENABLED, EDITORIAL_MARKDOWN_IMAGES_ENABLED, EDITORIAL_SOLUTION_CATALOG, EDITORIAL_SOLUTION_PRESETS, EDITORIAL_THEME_PRESETS, EDITORIAL_WIDGET_CONVENTION_INPUTS, EDITORIAL_WIDGET_TAG, EMPLOYEE_ONBOARDING_EDITORIAL_SOLUTION, EMPLOYEE_ONBOARDING_EDITORIAL_TEMPLATE, EMPLOYEE_ONBOARDING_GUIDED_EDITORIAL_SOLUTION, EMPLOYEE_ONBOARDING_GUIDED_EDITORIAL_TEMPLATE, EVENT_REGISTRATION_EDITORIAL_SOLUTION, EVENT_REGISTRATION_EDITORIAL_TEMPLATE, EmptyStateCardComponent, ErrorMessageService, FIELD_METADATA_CAPABILITIES, FIELD_SELECTOR_REGISTRY_BASE, FIELD_SELECTOR_REGISTRY_DISABLE_DEFAULTS, FIELD_SELECTOR_REGISTRY_OVERRIDES, FORM_HOOKS, FORM_HOOKS_PRESETS, FORM_HOOKS_WHITELIST, FORM_HOOK_RESOLVERS, FieldControlType, FieldDataType, FieldSelectorRegistry, FormHooksRegistry, GLOBAL_ACTION_CATALOG, GLOBAL_ACTION_HANDLERS, GLOBAL_ACTION_UI_SCHEMAS, GLOBAL_ANALYTICS_SERVICE, GLOBAL_API_CLIENT, GLOBAL_CONFIG, GLOBAL_DIALOG_SERVICE, GLOBAL_ROUTE_GUARD_RESOLVER, GLOBAL_SURFACE_SERVICE, GLOBAL_TOAST_SERVICE, GenericCrudService, GlobalActionService, GlobalConfigService, INLINE_FILTER_ALIAS_TOKENS, INLINE_FILTER_CONTROL_TYPES, INLINE_FILTER_CONTROL_TYPE_SET, INLINE_FILTER_CONTROL_TYPE_VALUES, INLINE_FILTER_TOKEN_TO_BASE_CONTROL_TYPE, INLINE_FILTER_TOKEN_TO_CONTROL_TYPE, IconPickerService, IconPosition, IconSize, LOGGER_LEVEL_BY_ENV, LOGGER_LEVEL_PRIORITY, LoadingOrchestrator, LocalConnectionStorage, LocalStorageAsyncAdapter, LocalStorageCacheAdapter, LocalStorageConfigService, LoggerService, LoggerThrottleTracker, LoggerWarnOnceTracker, MemoryCacheAdapter, NestedPortCatalogService, NestedWidgetConfigAccessor, NumericFormat, OVERLAY_DECIDER_DEBUG, OVERLAY_DECISION_MATRIX, ObservabilityDashboardService, OverlayDeciderService, PRAXIS_COLLECTION_EXPORT_HTTP_OPTIONS, PRAXIS_COLLECTION_EXPORT_PROVIDER, PRAXIS_CORPORATE_SENSITIVE_KEYS, PRAXIS_DEFAULT_EXPORT_SECURITY_POLICY, PRAXIS_DEFAULT_OBSERVABILITY_ALERT_RULES, PRAXIS_DYNAMIC_PAGE_COMPONENT_METADATA, PRAXIS_EXPORT_FORMULA_PREFIXES, PRAXIS_EXPORT_SECURITY_POLICY, PRAXIS_FOOTER_LINKS_METADATA, PRAXIS_GLOBAL_ACTION_CATALOG, PRAXIS_GLOBAL_CONFIG_BOOTSTRAP_OPTIONS, PRAXIS_GLOBAL_CONFIG_BOOTSTRAP_READY, PRAXIS_GLOBAL_CONFIG_TENANT_RESOLVER, PRAXIS_HERO_BANNER_METADATA, PRAXIS_I18N_CONFIG, PRAXIS_I18N_TRANSLATOR, PRAXIS_JSON_LOGIC_OPERATORS, PRAXIS_LAYER_SCALE_DEFAULTS, PRAXIS_LAYER_SCALE_VARS, PRAXIS_LEGAL_NOTICE_METADATA, PRAXIS_LOADING_CTX, PRAXIS_LOADING_RENDERER, PRAXIS_LOGGER_CONFIG, PRAXIS_LOGGER_SINKS, PRAXIS_OBSERVABILITY_DASHBOARD_OPTIONS, PRAXIS_QUERY_FILTER_EXPRESSION_SCHEMA_VERSION, PRAXIS_RICH_TEXT_BLOCK_METADATA, PRAXIS_TELEMETRY_TRANSPORT, PRAXIS_USER_CONTEXT_SUMMARY_METADATA, PRIVACY_CONSENT_EDITORIAL_SOLUTION, PRIVACY_CONSENT_EDITORIAL_TEMPLATE, PraxisCollectionExportService, PraxisCore, PraxisFooterLinksComponent, PraxisGlobalErrorHandler, PraxisHeroBannerComponent, PraxisHttpCollectionExportProvider, PraxisI18nService, PraxisIconDirective, PraxisIconPickerComponent, PraxisJsonLogicError, PraxisJsonLogicService, PraxisLayerScaleStyleService, PraxisLegalNoticeComponent, PraxisLoadingInterceptor, PraxisRichTextBlockComponent, PraxisRuntimeComponentObservationRegistryService, PraxisSurfaceHostComponent, PraxisUserContextSummaryComponent, RESOURCE_DISCOVERY_I18N_CONFIG, RESOURCE_DISCOVERY_I18N_NAMESPACE, RULE_PROPERTY_SCHEMA, RemoteConfigStorage, ResourceActionOpenAdapterService, ResourceDiscoveryService, ResourceQuickConnectComponent, ResourceSurfaceOpenAdapterService, SCHEMA_VIEWER_CONTEXT, SETTINGS_PANEL_BRIDGE, SETTINGS_PANEL_DATA, STEPPER_CONFIG_EDITOR, SURFACE_DRAWER_BRIDGE, SURFACE_OPEN_I18N_CONFIG, SURFACE_OPEN_I18N_NAMESPACE, SURFACE_OPEN_PRESETS, SchemaMetadataClient, SchemaNormalizerService, SchemaViewerComponent, SurfaceBindingRuntimeService, SurfaceOpenActionEditorComponent, SurfaceOpenMaterializerService, TABLE_CONFIG_EDITOR, TableConfigService, TelemetryLoggerSink, TelemetryService, ValidationPattern, WidgetPageStateRuntimeService, WidgetShellComponent, applyLocalCustomizations$2 as applyLocalCustomizations, applyLocalCustomizations$1 as applyLocalFormCustomizations, assertPraxisCollectionExportArtifact, assertPraxisRuntimeComponentObservationSerializable, buildAngularValidators, buildApiUrl, buildBaseColumnFromDef, buildBaseFormField, buildFormConfigFromEditorialTemplate, buildHeaders, buildPageKey, buildPraxisEffectDistinctKey, buildPraxisLayerScaleCss, buildSchemaId, buildSchemaIdStorageKeySegment, buildValidatorsFromValidatorOptions, cancelIfCpfInvalidHook, clampRange, classifyEntityLookupResult, clonePraxisRuntimeComponentObservation, cloneTableConfig, cnpjAlphaValidator, collapseWhitespace, composeHeadersWithVersion, conditionalAsyncValidator, convertFormLayoutToConfig, createCorporateLoggerConfig, createCorporateObservabilityOptions, createCpfCnpjValidator, createDefaultFormConfig, createDefaultTableConfig, createEmptyFormConfig, createEmptyRichContentDocument, createFieldLayoutItem, createPersistedPage, customAsyncValidatorFn, customValidatorFn, debounceAsyncValidator, deepMerge, domainKnowledgeTimelineToRichContentDocument, domainRuleTimelineToRichContentDocument, ensureIds, ensureNoConflictsHookFactory, ensurePageIds, escapePraxisExportCell, extractNormalizedError, fetchWithETag, fileTypeValidator, fillUndefined, generateId, getDefaultFormHints, getEditorialCompliancePresetById, getEditorialFormTemplateById, getEditorialFormTemplateCatalog, getEditorialSolutionById, getEditorialSolutionCatalog, getEditorialSolutionPresetById, getEditorialThemePresetById, getEssentialConfig, getFieldMetadataCapabilities, getFormColumnFieldNames, getFormLayoutFieldNames, getGlobalActionCatalog, getGlobalActionPayloadActualType, getGlobalActionPayloadTypeIssue, getGlobalActionUiSchema, getMissingGlobalActionPayloadKeys, getReferencedFieldMetadata, getRequiredGlobalActionPayloadKeys, getTextTransformer, hasMeaningfulGlobalActionPayloadValue, hasPraxisCollectionExportArtifact, interpolatePraxisTranslation, isAllowedEditorialContentFormat, isAllowedEditorialHref, isCssTextTransform, isEditorialComponentMeta, isEntityLookupMultiplePayloadMode, isEntityLookupPayloadMode, isEntityLookupPayloadModeCompatible, isEntityLookupResultSelectable, isEntityLookupSinglePayloadMode, isFormLayoutItem, isGlobalActionRef, isInlineFilterControlType, isLookupDialogSize, isLookupFilterFieldType, isLookupFilterOperator, isPraxisRuntimeGlobalActionEffect, isRangeValidForFilter, isRequiredGlobalActionParamPayloadMissing, isRequiredGlobalActionPayloadMissing, isTableConfigV2, isValidFormConfig, isValidTableConfig, legacyCnpjValidator, legacyCpfValidator, logOnErrorHook, mapFieldDefinitionToMetadata, mapFieldDefinitionsToMetadata, matchFieldValidator, maxFileSizeValidator, mergeFieldMetadata, mergePraxisI18nConfigs, mergeTableConfigs, migrateFormLayoutRule, migrateLegacyCompositionLink, migrateLegacyCompositionLinks, minWordsValidator, normalizeControlTypeKey, normalizeControlTypeToken, normalizeEditorialLink, normalizeEnd, normalizeFieldConstraints, normalizeFormConfig, normalizeFormLayoutItems, normalizeFormMetadata, normalizeGlobalActionRef$1 as normalizeGlobalActionRef, normalizeLookupFilterRequest, normalizePath, normalizePraxisDataQueryContext, normalizePraxisEffectPolicy, normalizePraxisQueryFilterExpression, normalizePraxisQueryFilterNode, normalizeResourceAvailabilityReasonCode, normalizeStart, normalizeUnknownError, normalizeWidgetEventPath, notifySuccessHook, parseJsonResponseOrEmpty, praxisLoadingInterceptorFn, prefillFromContextHook, provideDefaultFormHooks, provideFieldSelectorRegistryBase, provideFieldSelectorRegistryOverride, provideFieldSelectorRegistryRuntime, provideFormHookPresets, provideFormHooks, provideGlobalActionCatalog, provideGlobalActionHandler, provideGlobalConfig, provideGlobalConfigReady, provideGlobalConfigSeed, provideGlobalConfigTenant, provideHookResolvers, provideHookWhitelist, provideOverlayDecisionMatrix, providePraxisAnalyticsGlobalActions, providePraxisCollectionExportProvider, providePraxisDynamicPageMetadata, providePraxisFooterLinksMetadata, providePraxisGlobalActionCatalog, providePraxisGlobalActions, providePraxisGlobalConfigBootstrap, providePraxisHeroBannerMetadata, providePraxisHttpCollectionExportProvider, providePraxisHttpLoading, providePraxisI18n, providePraxisI18nConfig, providePraxisI18nTranslator, providePraxisIconDefaults, providePraxisJsonLogicOperator, providePraxisJsonLogicOperatorOverride, providePraxisLegalNoticeMetadata, providePraxisLoadingDefaults, providePraxisLogging, providePraxisRichTextBlockMetadata, providePraxisToastGlobalActions, providePraxisUserContextSummaryMetadata, provideRemoteGlobalConfig, readPraxisExportValue, reconcileFilterConfig, reconcileFormConfig, reconcileTableConfig, registerPraxisRuntimeComponentObservation, removeDiacritics, reportTelemetryHookFactory, requiredCheckedValidator, requiredPresenceValidator, resolveBuiltinPresets, resolveControlTypeAlias, resolveDefaultValuePresentationFormat, resolveEntityLookupPayloadMode, resolveHidden, resolveInlineFilterControlType, resolveInlineFilterControlTypeToBaseControlType, resolveLoggerConfig, resolveObservabilityOptions, resolveOffset, resolveOrder, resolvePraxisCollectionExportItems, resolvePraxisExportFields, resolvePraxisExportScope, resolvePraxisFilterCriteria, resolveResourceAvailabilityReasonKey, resolveSpan, resolveValuePresentation, resolveValuePresentationLocale, serializeEntityLookupValueForPayload, serializeOptionSourceFilterRequest, serializePraxisCollectionToCsv, serializePraxisCollectionToJson, slugify, stripMasksHook, supportsImplicitValuePresentation, syncWithServerMetadata, toCamel, toCapitalize, toKebab, toPascal, toSentenceCase, toSnake, toTitleCase, translateResourceAvailabilityReason, translateResourceDiscoveryText, translateUnavailableWorkflowMessage, trim, uniqueAsyncValidator, urlValidator, validateGlobalActionRef, validateGlobalActionRefs, withMessage, withPraxisHttpLoading };
+export { API_CONFIG_STORAGE_OPTIONS, API_URL, ASYNC_CONFIG_STORAGE, AllowedFileTypes, AnalyticsPresentationResolver, AnalyticsSchemaContractService, AnalyticsStatsRequestBuilderService, ApiConfigStorage, ApiEndpoint, BUILTIN_PAGE_LAYOUT_PRESETS, BUILTIN_PAGE_THEME_PRESETS, BUILTIN_SHELL_PRESETS, CONFIG_STORAGE, CONNECTION_STORAGE, ComponentKeyService, ComponentMetadataRegistry, CompositionRuntimeFacade, ConsoleLoggerSink, CrudOperationResolutionService, DEFAULT_FIELD_SELECTOR_CONTROL_TYPE_MAP, DEFAULT_JSON_LOGIC_OPERATORS, DEFAULT_TABLE_CONFIG, DOMAIN_CATALOG_COMPONENT_CONTEXT_PACK, DOMAIN_CATALOG_CONTEXT_HINT_SCHEMA_VERSION, DYNAMIC_PAGE_AI_CAPABILITIES, DYNAMIC_PAGE_COMPONENT_CONTEXT_PACK, DYNAMIC_PAGE_CONFIG_EDITOR, DYNAMIC_PAGE_SHELL_EDITOR, DefaultLoadingRenderer, DeferredAsyncConfigStorage, DomainCatalogService, DomainKnowledgeService, DomainRuleService, DynamicFormService, DynamicWidgetLoaderDirective, DynamicWidgetPageComponent, EDITORIAL_ALLOWED_CONTENT_FORMATS, EDITORIAL_COMPLIANCE_PRESETS, EDITORIAL_EXTERNAL_LINK_REL, EDITORIAL_FORM_TEMPLATE_CATALOG, EDITORIAL_HTML_ENABLED, EDITORIAL_MARKDOWN_IMAGES_ENABLED, EDITORIAL_SOLUTION_CATALOG, EDITORIAL_SOLUTION_PRESETS, EDITORIAL_THEME_PRESETS, EDITORIAL_WIDGET_CONVENTION_INPUTS, EDITORIAL_WIDGET_TAG, EMPLOYEE_ONBOARDING_EDITORIAL_SOLUTION, EMPLOYEE_ONBOARDING_EDITORIAL_TEMPLATE, EMPLOYEE_ONBOARDING_GUIDED_EDITORIAL_SOLUTION, EMPLOYEE_ONBOARDING_GUIDED_EDITORIAL_TEMPLATE, EVENT_REGISTRATION_EDITORIAL_SOLUTION, EVENT_REGISTRATION_EDITORIAL_TEMPLATE, EmptyStateCardComponent, EnterpriseRuntimeContextService, ErrorMessageService, FIELD_METADATA_CAPABILITIES, FIELD_SELECTOR_REGISTRY_BASE, FIELD_SELECTOR_REGISTRY_DISABLE_DEFAULTS, FIELD_SELECTOR_REGISTRY_OVERRIDES, FORM_HOOKS, FORM_HOOKS_PRESETS, FORM_HOOKS_WHITELIST, FORM_HOOK_RESOLVERS, FieldControlType, FieldDataType, FieldSelectorRegistry, FormHooksRegistry, GLOBAL_ACTION_CATALOG, GLOBAL_ACTION_HANDLERS, GLOBAL_ACTION_UI_SCHEMAS, GLOBAL_ANALYTICS_SERVICE, GLOBAL_API_CLIENT, GLOBAL_CONFIG, GLOBAL_DIALOG_SERVICE, GLOBAL_ROUTE_GUARD_RESOLVER, GLOBAL_SURFACE_SERVICE, GLOBAL_TOAST_SERVICE, GenericCrudService, GlobalActionService, GlobalConfigService, INLINE_FILTER_ALIAS_TOKENS, INLINE_FILTER_CONTROL_TYPES, INLINE_FILTER_CONTROL_TYPE_SET, INLINE_FILTER_CONTROL_TYPE_VALUES, INLINE_FILTER_TOKEN_TO_BASE_CONTROL_TYPE, INLINE_FILTER_TOKEN_TO_CONTROL_TYPE, IconPickerService, IconPosition, IconSize, LOGGER_LEVEL_BY_ENV, LOGGER_LEVEL_PRIORITY, LoadingOrchestrator, LocalConnectionStorage, LocalStorageAsyncAdapter, LocalStorageCacheAdapter, LocalStorageConfigService, LoggerService, LoggerThrottleTracker, LoggerWarnOnceTracker, MemoryCacheAdapter, NestedPortCatalogService, NestedWidgetConfigAccessor, NumericFormat, OVERLAY_DECIDER_DEBUG, OVERLAY_DECISION_MATRIX, ObservabilityDashboardService, OverlayDeciderService, PRAXIS_COLLECTION_EXPORT_HTTP_OPTIONS, PRAXIS_COLLECTION_EXPORT_PROVIDER, PRAXIS_CORPORATE_SENSITIVE_KEYS, PRAXIS_DEFAULT_EXPORT_SECURITY_POLICY, PRAXIS_DEFAULT_OBSERVABILITY_ALERT_RULES, PRAXIS_DYNAMIC_PAGE_COMPONENT_METADATA, PRAXIS_ENTERPRISE_RUNTIME_CONTEXT_OPTIONS, PRAXIS_ENTERPRISE_RUNTIME_CONTEXT_READY, PRAXIS_EXPORT_FORMULA_PREFIXES, PRAXIS_EXPORT_SECURITY_POLICY, PRAXIS_FOOTER_LINKS_METADATA, PRAXIS_GLOBAL_ACTION_CATALOG, PRAXIS_GLOBAL_CONFIG_BOOTSTRAP_OPTIONS, PRAXIS_GLOBAL_CONFIG_BOOTSTRAP_READY, PRAXIS_GLOBAL_CONFIG_TENANT_RESOLVER, PRAXIS_HERO_BANNER_METADATA, PRAXIS_I18N_CONFIG, PRAXIS_I18N_TRANSLATOR, PRAXIS_JSON_LOGIC_OPERATORS, PRAXIS_LAYER_SCALE_DEFAULTS, PRAXIS_LAYER_SCALE_VARS, PRAXIS_LEGAL_NOTICE_METADATA, PRAXIS_LOADING_CTX, PRAXIS_LOADING_RENDERER, PRAXIS_LOGGER_CONFIG, PRAXIS_LOGGER_SINKS, PRAXIS_OBSERVABILITY_DASHBOARD_OPTIONS, PRAXIS_QUERY_FILTER_EXPRESSION_SCHEMA_VERSION, PRAXIS_RICH_TEXT_BLOCK_METADATA, PRAXIS_TELEMETRY_TRANSPORT, PRAXIS_USER_CONTEXT_SUMMARY_METADATA, PRIVACY_CONSENT_EDITORIAL_SOLUTION, PRIVACY_CONSENT_EDITORIAL_TEMPLATE, PraxisCollectionExportService, PraxisCore, PraxisFooterLinksComponent, PraxisGlobalErrorHandler, PraxisHeroBannerComponent, PraxisHttpCollectionExportProvider, PraxisI18nService, PraxisIconDirective, PraxisIconPickerComponent, PraxisJsonLogicError, PraxisJsonLogicService, PraxisLayerScaleStyleService, PraxisLegalNoticeComponent, PraxisLoadingInterceptor, PraxisRichTextBlockComponent, PraxisRuntimeComponentObservationRegistryService, PraxisSurfaceHostComponent, PraxisUserContextSummaryComponent, RESOURCE_DISCOVERY_I18N_CONFIG, RESOURCE_DISCOVERY_I18N_NAMESPACE, RULE_PROPERTY_SCHEMA, RemoteConfigStorage, ResourceActionOpenAdapterService, ResourceDiscoveryService, ResourceQuickConnectComponent, ResourceSurfaceOpenAdapterService, SCHEMA_VIEWER_CONTEXT, SETTINGS_PANEL_BRIDGE, SETTINGS_PANEL_DATA, STEPPER_CONFIG_EDITOR, SURFACE_DRAWER_BRIDGE, SURFACE_OPEN_I18N_CONFIG, SURFACE_OPEN_I18N_NAMESPACE, SURFACE_OPEN_PRESETS, SchemaMetadataClient, SchemaNormalizerService, SchemaViewerComponent, SurfaceBindingRuntimeService, SurfaceOpenActionEditorComponent, SurfaceOpenMaterializerService, TABLE_CONFIG_EDITOR, TableConfigService, TelemetryLoggerSink, TelemetryService, ValidationPattern, WidgetPageStateRuntimeService, WidgetShellComponent, applyLocalCustomizations$2 as applyLocalCustomizations, applyLocalCustomizations$1 as applyLocalFormCustomizations, assertPraxisCollectionExportArtifact, assertPraxisRuntimeComponentObservationSerializable, buildAngularValidators, buildApiUrl, buildBaseColumnFromDef, buildBaseFormField, buildFormConfigFromEditorialTemplate, buildHeaders, buildPageKey, buildPraxisEffectDistinctKey, buildPraxisLayerScaleCss, buildSchemaId, buildSchemaIdStorageKeySegment, buildValidatorsFromValidatorOptions, cancelIfCpfInvalidHook, clampRange, classifyEntityLookupResult, clonePraxisRuntimeComponentObservation, cloneTableConfig, cnpjAlphaValidator, collapseWhitespace, composeHeadersWithVersion, conditionalAsyncValidator, convertFormLayoutToConfig, createCorporateLoggerConfig, createCorporateObservabilityOptions, createCpfCnpjValidator, createDefaultFormConfig, createDefaultTableConfig, createEmptyFormConfig, createEmptyRichContentDocument, createFieldLayoutItem, createPersistedPage, customAsyncValidatorFn, customValidatorFn, debounceAsyncValidator, deepMerge, domainKnowledgeTimelineToRichContentDocument, domainRuleTimelineToRichContentDocument, ensureIds, ensureNoConflictsHookFactory, ensurePageIds, escapePraxisExportCell, evaluateFieldAccess, extractNormalizedError, fetchWithETag, fileTypeValidator, fillUndefined, generateId, getDefaultFormHints, getEditorialCompliancePresetById, getEditorialFormTemplateById, getEditorialFormTemplateCatalog, getEditorialSolutionById, getEditorialSolutionCatalog, getEditorialSolutionPresetById, getEditorialThemePresetById, getEssentialConfig, getFieldMetadataCapabilities, getFormColumnFieldNames, getFormLayoutFieldNames, getGlobalActionCatalog, getGlobalActionPayloadActualType, getGlobalActionPayloadTypeIssue, getGlobalActionUiSchema, getMissingGlobalActionPayloadKeys, getReferencedFieldMetadata, getRequiredGlobalActionPayloadKeys, getTextTransformer, hasMeaningfulGlobalActionPayloadValue, hasPraxisCollectionExportArtifact, interpolatePraxisTranslation, isAllowedEditorialContentFormat, isAllowedEditorialHref, isCssTextTransform, isEditorialComponentMeta, isEntityLookupMultiplePayloadMode, isEntityLookupPayloadMode, isEntityLookupPayloadModeCompatible, isEntityLookupResultSelectable, isEntityLookupSinglePayloadMode, isFormLayoutItem, isGlobalActionRef, isInlineFilterControlType, isLookupDialogSize, isLookupFilterFieldType, isLookupFilterOperator, isPraxisPresentationVisualizationTableSafe, isPraxisRuntimeGlobalActionEffect, isRangeValidForFilter, isRequiredGlobalActionParamPayloadMissing, isRequiredGlobalActionPayloadMissing, isTableConfigV2, isValidFormConfig, isValidTableConfig, legacyCnpjValidator, legacyCpfValidator, logOnErrorHook, mapFieldDefinitionToMetadata, mapFieldDefinitionsToMetadata, matchFieldValidator, materializeFormLayoutFromMetadata, maxFileSizeValidator, mergeFieldMetadata, mergePraxisI18nConfigs, mergeTableConfigs, migrateFormLayoutRule, migrateLegacyCompositionLink, migrateLegacyCompositionLinks, minWordsValidator, normalizeControlTypeKey, normalizeControlTypeToken, normalizeEditorialLink, normalizeEnd, normalizeFieldAccessMetadata, normalizeFieldConstraints, normalizeFieldPresentation, normalizeFormConfig, normalizeFormLayoutItems, normalizeFormMetadata, normalizeGlobalActionRef$1 as normalizeGlobalActionRef, normalizeLayoutPolicy, normalizeLookupFilterRequest, normalizePath, normalizePraxisDataQueryContext, normalizePraxisEffectPolicy, normalizePraxisPresentationVisualization, normalizePraxisQueryFilterExpression, normalizePraxisQueryFilterNode, normalizeResourceAvailabilityReasonCode, normalizeStart, normalizeUnknownError, normalizeWidgetEventPath, notifySuccessHook, parseJsonResponseOrEmpty, praxisLoadingInterceptorFn, prefillFromContextHook, provideDefaultFormHooks, provideFieldSelectorRegistryBase, provideFieldSelectorRegistryOverride, provideFieldSelectorRegistryRuntime, provideFormHookPresets, provideFormHooks, provideGlobalActionCatalog, provideGlobalActionHandler, provideGlobalConfig, provideGlobalConfigReady, provideGlobalConfigSeed, provideGlobalConfigTenant, provideHookResolvers, provideHookWhitelist, provideOverlayDecisionMatrix, providePraxisAnalyticsGlobalActions, providePraxisCollectionExportProvider, providePraxisDynamicPageMetadata, providePraxisEnterpriseRuntimeContext, providePraxisFooterLinksMetadata, providePraxisGlobalActionCatalog, providePraxisGlobalActions, providePraxisGlobalConfigBootstrap, providePraxisHeroBannerMetadata, providePraxisHttpCollectionExportProvider, providePraxisHttpLoading, providePraxisI18n, providePraxisI18nConfig, providePraxisI18nTranslator, providePraxisIconDefaults, providePraxisJsonLogicOperator, providePraxisJsonLogicOperatorOverride, providePraxisLegalNoticeMetadata, providePraxisLoadingDefaults, providePraxisLogging, providePraxisRichTextBlockMetadata, providePraxisToastGlobalActions, providePraxisUserContextSummaryMetadata, provideRemoteGlobalConfig, readPraxisExportValue, reconcileFilterConfig, reconcileFormConfig, reconcileTableConfig, registerPraxisRuntimeComponentObservation, removeDiacritics, renderPraxisPresentationVisualizationHtml, reportTelemetryHookFactory, requiredCheckedValidator, requiredPresenceValidator, resolveBuiltinPresets, resolveColumnTypeFromFieldDefinition, resolveControlTypeAlias, resolveDefaultValuePresentationFormat, resolveEntityLookupPayloadMode, resolveFieldPresentation, resolveHidden, resolveInlineFilterControlType, resolveInlineFilterControlTypeToBaseControlType, resolveLoggerConfig, resolveObservabilityOptions, resolveOffset, resolveOrder, resolvePraxisCollectionExportItems, resolvePraxisExportFields, resolvePraxisExportScope, resolvePraxisFilterCriteria, resolveResourceAvailabilityReasonKey, resolveSpan, resolveTextMaskFormat, resolveTextMaskFormatFromFieldDefinition, resolveValuePresentation, resolveValuePresentationLocale, serializeEntityLookupValueForPayload, serializeOptionSourceFilterRequest, serializePraxisCollectionToCsv, serializePraxisCollectionToJson, slugify, stripMasksHook, supportsImplicitValuePresentation, syncWithServerMetadata, toCamel, toCapitalize, toKebab, toPascal, toSentenceCase, toSnake, toTitleCase, translateResourceAvailabilityReason, translateResourceDiscoveryText, translateUnavailableWorkflowMessage, trim, uniqueAsyncValidator, urlValidator, validateGlobalActionRef, validateGlobalActionRefs, withMessage, withPraxisHttpLoading };