@praxisui/editorial-forms 1.0.0-beta.61 → 1.0.0-beta.64

package/fesm2022/praxisui-editorial-forms.mjs

@@ -1,8 +1,9 @@
 import * as i0 from '@angular/core';
-import { makeEnvironmentProviders, InjectionToken, inject, input, output, signal, computed, effect, ChangeDetectionStrategy, Component, reflectComponentType, Input } from '@angular/core';
-import * as i1 from '@angular/common';
-import { CommonModule, NgComponentOutlet } from '@angular/common';
-import { DynamicWidgetLoaderDirective } from '@praxisui/core';
+import { makeEnvironmentProviders, InjectionToken, inject, DestroyRef, viewChild, ViewContainerRef, input, output, signal, computed, effect, ChangeDetectionStrategy, Component, reflectComponentType, Input } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { PraxisI18nService, PraxisIconDirective, DynamicWidgetLoaderDirective, providePraxisI18n } from '@praxisui/core';
+import * as i1 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
 
 /**
  * Root provider entrypoint for the editorial runtime package.
@@ -173,16 +174,23 @@ function resolveEditorialDataBlockAdapter(adapters, context) {
 }
 
 class EditorialDataCollectionBlockOutletComponent {
+    i18n = inject(PraxisI18nService);
     adapters = inject(EDITORIAL_DATA_BLOCK_ADAPTER, {
         optional: true,
     }) ?? [];
+    destroyRef = inject(DestroyRef);
     adapterRegistry = new EditorialDataBlockAdapterRegistry(this.adapters);
+    adapterHost = viewChild('adapterHost', ...(ngDevMode ? [{ debugName: "adapterHost", read: ViewContainerRef }] : [{ read: ViewContainerRef }]));
     loadVersion = 0;
     lastAdapterEventSignature = null;
+    componentRef = null;
+    renderedComponentType = null;
+    componentOutputSubscriptions = [];
     block = input.required(...(ngDevMode ? [{ debugName: "block" }] : []));
     runtimeContext = input(null, ...(ngDevMode ? [{ debugName: "runtimeContext" }] : []));
     solution = input(null, ...(ngDevMode ? [{ debugName: "solution" }] : []));
     instance = input(null, ...(ngDevMode ? [{ debugName: "instance" }] : []));
+    runtimeContextChange = output();
     operationalEvent = output();
     resolvedComponent = signal(null, ...(ngDevMode ? [{ debugName: "resolvedComponent" }] : []));
     state = signal({ kind: 'idle' }, ...(ngDevMode ? [{ debugName: "state" }] : []));
@@ -231,23 +239,42 @@ class EditorialDataCollectionBlockOutletComponent {
             return errorState.message;
         }
         if (snapshotState?.readiness === 'invalid') {
-            return `O bloco "${block.formBlockId}" foi materializado com estado invalido. Revise formBlockId, formConfigRef e a configuracao editorial herdada.`;
+            return this.t('dataCollection.fallback.invalid', 'O bloco "{formBlockId}" foi materializado com estado invalido. Revise formBlockId, formConfigRef e a configuracao editorial herdada.', { formBlockId: block.formBlockId });
         }
         if (snapshotState?.readiness === 'missingConfig') {
-            return `O bloco "${block.formBlockId}" nao encontrou configuracao de coleta. Chave consultada: ${snapshotState.resolvedFormConfigLookupKey ?? 'nenhuma chave candidata'}.`;
+            return this.t('dataCollection.fallback.missingConfig', 'O bloco "{formBlockId}" nao encontrou configuracao de coleta. Chave consultada: {lookupKey}.', {
+                formBlockId: block.formBlockId,
+                lookupKey: snapshotState.resolvedFormConfigLookupKey ?? 'nenhuma chave candidata',
+            });
         }
         if (adapterResolution.status === 'incompatible') {
-            return `O bloco "${block.formBlockId}" encontrou adapters registrados (${adapterResolution.adapterIds.join(', ')}), mas nenhum declarou compatibilidade para esta coleta.`;
+            return this.t('dataCollection.fallback.incompatible', 'O bloco "{formBlockId}" encontrou adapters registrados ({adapterIds}), mas nenhum declarou compatibilidade para esta coleta.', {
+                formBlockId: block.formBlockId,
+                adapterIds: adapterResolution.adapterIds.join(', ') || 'nenhum',
+            });
         }
         if (!resolution.formConfig && adapterResolution.status === 'missing') {
-            return `O bloco "${block.formBlockId}" nao encontrou configuracao de coleta nem adaptador registrado. Verifique o provider do host e a materializacao do FormConfig editorial.`;
+            return this.t('dataCollection.fallback.missingAdapter', 'O bloco "{formBlockId}" nao encontrou configuracao de coleta nem adaptador registrado. Verifique o provider do host e a materializacao do FormConfig editorial.', { formBlockId: block.formBlockId });
         }
         if (!resolution.formConfig) {
-            return `O bloco "${block.formBlockId}" encontrou um adaptador, mas nao encontrou FormConfig em ${resolution.lookupKey ?? 'nenhuma chave conhecida'}.`;
+            return this.t('dataCollection.fallback.adapterWithoutConfig', 'O bloco "{formBlockId}" encontrou um adaptador, mas nao encontrou FormConfig em {lookupKey}.', {
+                formBlockId: block.formBlockId,
+                lookupKey: resolution.lookupKey ?? 'nenhuma chave conhecida',
+            });
         }
-        return `Existe configuracao para "${block.formBlockId}" (${resolution.source}), mas nenhum adaptador de coleta foi registrado para materializar a engine.`;
+        return this.t('dataCollection.fallback.unresolvedEngine', 'Existe configuracao para "{formBlockId}" ({source}), mas nenhum adaptador de coleta foi registrado para materializar a engine.', {
+            formBlockId: block.formBlockId,
+            source: resolution.source,
+        });
     }, ...(ngDevMode ? [{ debugName: "fallbackMessage" }] : []));
+    effectiveSurface = computed(() => this.block().surface === 'plain' ? 'plain' : 'card', ...(ngDevMode ? [{ debugName: "effectiveSurface" }] : []));
+    showBlockTitle = computed(() => Boolean(this.block().title) && !this.shouldHideBlockTitle(), ...(ngDevMode ? [{ debugName: "showBlockTitle" }] : []));
+    showBlockDescription = computed(() => Boolean(this.block().description) && !this.shouldHideBlockDescription(), ...(ngDevMode ? [{ debugName: "showBlockDescription" }] : []));
+    showBlockHeader = computed(() => this.showBlockTitle() || this.showBlockDescription(), ...(ngDevMode ? [{ debugName: "showBlockHeader" }] : []));
     constructor() {
+        this.destroyRef.onDestroy(() => {
+            this.destroyRenderedComponent();
+        });
         effect(() => {
             const context = this.adapterContext();
             const resolution = this.resolution();
@@ -261,9 +288,9 @@ class EditorialDataCollectionBlockOutletComponent {
                 if (adapterResolution.status === 'incompatible') {
                     this.state.set({
                         kind: 'error',
-                        title: 'Adaptador incompatível',
-                        message: `Nenhum adaptador registrado aceitou o bloco "${context.block.formBlockId}".`,
-                        details: `Adapters disponiveis: ${adapterResolution.adapterIds.join(', ') || 'nenhum'}.`,
+                        title: this.t('dataCollection.error.incompatibleTitle', 'Adaptador incompatível'),
+                        message: this.t('dataCollection.error.incompatibleMessage', 'Nenhum adaptador registrado aceitou o bloco "{formBlockId}".', { formBlockId: context.block.formBlockId }),
+                        details: this.t('dataCollection.error.availableAdapters', 'Adapters disponiveis: {adapterIds}.', { adapterIds: adapterResolution.adapterIds.join(', ') || 'nenhum' }),
                     });
                 }
                 return;
@@ -272,9 +299,9 @@ class EditorialDataCollectionBlockOutletComponent {
                 this.resolvedComponent.set(null);
                 this.state.set({
                     kind: 'error',
-                    title: 'Configuracao de coleta ausente',
-                    message: `O bloco "${context.block.formBlockId}" nao possui FormConfig resolvido para a engine de coleta.`,
-                    details: `Origem consultada: ${resolution.lookupKey ?? 'nenhuma chave candidata'}.`,
+                    title: this.t('dataCollection.error.missingConfigTitle', 'Configuracao de coleta ausente'),
+                    message: this.t('dataCollection.error.missingConfigMessage', 'O bloco "{formBlockId}" nao possui FormConfig resolvido para a engine de coleta.', { formBlockId: context.block.formBlockId }),
+                    details: this.t('dataCollection.error.lookupSource', 'Origem consultada: {lookupKey}.', { lookupKey: resolution.lookupKey ?? 'nenhuma chave candidata' }),
                 });
                 return;
             }
@@ -282,12 +309,12 @@ class EditorialDataCollectionBlockOutletComponent {
                 const component = adapter.component ?? null;
                 if (!component) {
                     this.resolvedComponent.set(null);
-                    this.emitAdapterResolutionEvent('invalid', adapter, 'Registre um componente compatível ou implemente resolveComponent().');
+                    this.emitAdapterResolutionEvent('invalid', adapter, this.t('dataCollection.error.adapterRegistrationHint', 'Registre um componente compatível ou implemente resolveComponent().'));
                     this.state.set({
                         kind: 'error',
-                        title: 'Adaptador incompleto',
-                        message: `O adaptador "${adapter.displayName ?? adapter.adapterId}" nao expôs um componente de coleta.`,
-                        details: 'Registre um componente compatível ou implemente resolveComponent().',
+                        title: this.t('dataCollection.error.incompleteAdapterTitle', 'Adaptador incompleto'),
+                        message: this.t('dataCollection.error.incompleteAdapterMessage', 'O adaptador "{adapterName}" nao expôs um componente de coleta.', { adapterName: adapter.displayName ?? adapter.adapterId }),
+                        details: this.t('dataCollection.error.adapterRegistrationHint', 'Registre um componente compatível ou implemente resolveComponent().'),
                     });
                     return;
                 }
@@ -296,10 +323,26 @@ class EditorialDataCollectionBlockOutletComponent {
             }
             this.state.set({
                 kind: 'loading',
-                message: `Carregando a engine de coleta para "${context.block.formBlockId}"...`,
+                message: this.t('dataCollection.loadingMessage', 'Carregando a engine de coleta para "{formBlockId}"...', { formBlockId: context.block.formBlockId }),
             });
             void this.loadAdapterComponent(adapter, context, requestVersion);
         });
+        effect(() => {
+            const component = this.adapterComponent();
+            const host = this.adapterHost();
+            if (!host || !component) {
+                this.destroyRenderedComponent();
+                return;
+            }
+            if (this.renderedComponentType !== component) {
+                this.destroyRenderedComponent();
+                host.clear();
+                this.componentRef = host.createComponent(component);
+                this.renderedComponentType = component;
+                this.bindComponentOutputs(this.componentRef);
+            }
+            this.applyComponentInputs();
+        });
     }
     async loadAdapterComponent(adapter, context, requestVersion) {
         try {
@@ -313,9 +356,12 @@ class EditorialDataCollectionBlockOutletComponent {
             this.resolvedComponent.set(null);
             this.state.set({
                 kind: 'error',
-                title: 'Falha ao carregar a engine',
-                message: `O adaptador "${adapter.displayName ?? adapter.adapterId}" falhou ao preparar a coleta do bloco "${context.block.formBlockId}".`,
-                details: 'Valide o provider opcional do host e a disponibilidade do componente compatível.',
+                title: this.t('dataCollection.error.loadFailureTitle', 'Falha ao carregar a engine'),
+                message: this.t('dataCollection.error.loadFailureMessage', 'O adaptador "{adapterName}" falhou ao preparar a coleta do bloco "{formBlockId}".', {
+                    adapterName: adapter.displayName ?? adapter.adapterId,
+                    formBlockId: context.block.formBlockId,
+                }),
+                details: this.t('dataCollection.error.loadFailureDetails', 'Valide o provider opcional do host e a disponibilidade do componente compatível.'),
             });
         }
     }
@@ -327,9 +373,12 @@ class EditorialDataCollectionBlockOutletComponent {
             this.resolvedComponent.set(null);
             this.state.set({
                 kind: 'error',
-                title: 'Componente nao resolvido',
-                message: `O adaptador "${adapter.displayName ?? adapter.adapterId}" nao retornou um componente para o bloco "${context.block.formBlockId}".`,
-                details: 'Implemente component ou resolveComponent() com um componente Angular compatível.',
+                title: this.t('dataCollection.error.unresolvedComponentTitle', 'Componente nao resolvido'),
+                message: this.t('dataCollection.error.unresolvedComponentMessage', 'O adaptador "{adapterName}" nao retornou um componente para o bloco "{formBlockId}".', {
+                    adapterName: adapter.displayName ?? adapter.adapterId,
+                    formBlockId: context.block.formBlockId,
+                }),
+                details: this.t('dataCollection.error.unresolvedComponentDetails', 'Implemente component ou resolveComponent() com um componente Angular compatível.'),
             });
             return;
         }
@@ -339,8 +388,11 @@ class EditorialDataCollectionBlockOutletComponent {
             this.emitAdapterResolutionEvent('invalid', adapter, validation.reason);
             this.state.set({
                 kind: 'error',
-                title: 'Componente incompatível',
-                message: `O adaptador "${adapter.displayName ?? adapter.adapterId}" retornou um componente incompatível para "${context.block.formBlockId}".`,
+                title: this.t('dataCollection.error.invalidComponentTitle', 'Componente incompatível'),
+                message: this.t('dataCollection.error.invalidComponentMessage', 'O adaptador "{adapterName}" retornou um componente incompatível para "{formBlockId}".', {
+                    adapterName: adapter.displayName ?? adapter.adapterId,
+                    formBlockId: context.block.formBlockId,
+                }),
                 details: validation.reason,
             });
             return;
@@ -408,98 +460,854 @@ class EditorialDataCollectionBlockOutletComponent {
             },
         });
     }
+    applyComponentInputs() {
+        if (!this.componentRef) {
+            return;
+        }
+        const inputs = {
+            block: this.block(),
+            runtimeContext: this.runtimeContext(),
+            solution: this.solution(),
+            instance: this.instance(),
+            resolvedFormConfig: this.resolution().formConfig,
+            ...(this.adapter()?.buildInputs?.(this.adapterContext()) ?? {}),
+        };
+        for (const [key, value] of Object.entries(inputs)) {
+            this.componentRef.setInput(key, value);
+        }
+    }
+    bindComponentOutputs(componentRef) {
+        this.componentOutputSubscriptions = [];
+        const instance = componentRef.instance;
+        const valueChange = instance['valueChange'];
+        if (!isSubscribableOutput(valueChange)) {
+            return;
+        }
+        this.componentOutputSubscriptions.push(valueChange.subscribe((event) => {
+            const payload = extractFormDataChangeEvent(event);
+            if (!payload) {
+                return;
+            }
+            this.runtimeContextChange.emit(this.mergeFormDataIntoRuntimeContext(payload));
+        }));
+    }
+    mergeFormDataIntoRuntimeContext(payload) {
+        const runtimeContext = this.runtimeContext();
+        const currentFormData = readRuntimeFormData(runtimeContext);
+        const nextFormData = payload.mode === 'replace'
+            ? { ...payload.formData }
+            : { ...currentFormData, ...payload.formData };
+        for (const key of payload.removedKeys ?? []) {
+            delete nextFormData[key];
+        }
+        return {
+            ...(runtimeContext ?? {}),
+            formData: nextFormData,
+        };
+    }
+    destroyRenderedComponent() {
+        for (const subscription of this.componentOutputSubscriptions) {
+            subscription.unsubscribe();
+        }
+        this.componentOutputSubscriptions = [];
+        this.componentRef?.destroy();
+        this.componentRef = null;
+        this.renderedComponentType = null;
+    }
+    t(key, fallback, params) {
+        return this.i18n.t(`praxis.editorialForms.${key}`, params, fallback);
+    }
+    shouldHideBlockTitle() {
+        if (this.effectiveSurface() !== 'plain') {
+            return false;
+        }
+        const section = this.getSingleResolvedSection();
+        return !!section && areEquivalentCopy(this.block().title, section.title);
+    }
+    shouldHideBlockDescription() {
+        if (this.effectiveSurface() !== 'plain') {
+            return false;
+        }
+        const section = this.getSingleResolvedSection();
+        return !!section && areEquivalentCopy(this.block().description, section.description);
+    }
+    getSingleResolvedSection() {
+        const sections = this.resolution().formConfig?.sections ?? [];
+        if (sections.length !== 1) {
+            return null;
+        }
+        const [section] = sections;
+        return section ?? null;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: EditorialDataCollectionBlockOutletComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: EditorialDataCollectionBlockOutletComponent, isStandalone: true, selector: "praxis-editorial-data-collection-block-outlet", inputs: { block: { classPropertyName: "block", publicName: "block", isSignal: true, isRequired: true, transformFunction: null }, runtimeContext: { classPropertyName: "runtimeContext", publicName: "runtimeContext", isSignal: true, isRequired: false, transformFunction: null }, solution: { classPropertyName: "solution", publicName: "solution", isSignal: true, isRequired: false, transformFunction: null }, instance: { classPropertyName: "instance", publicName: "instance", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { operationalEvent: "operationalEvent" }, ngImport: i0, template: `
-    <section class="block-card data-block">
-      @if (block().title) {
-        <h3>{{ block().title }}</h3>
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: EditorialDataCollectionBlockOutletComponent, isStandalone: true, selector: "praxis-editorial-data-collection-block-outlet", inputs: { block: { classPropertyName: "block", publicName: "block", isSignal: true, isRequired: true, transformFunction: null }, runtimeContext: { classPropertyName: "runtimeContext", publicName: "runtimeContext", isSignal: true, isRequired: false, transformFunction: null }, solution: { classPropertyName: "solution", publicName: "solution", isSignal: true, isRequired: false, transformFunction: null }, instance: { classPropertyName: "instance", publicName: "instance", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { runtimeContextChange: "runtimeContextChange", operationalEvent: "operationalEvent" }, viewQueries: [{ propertyName: "adapterHost", first: true, predicate: ["adapterHost"], descendants: true, read: ViewContainerRef, isSignal: true }], ngImport: i0, template: `
+    <section
+      class="data-block"
+      [class.block-card]="effectiveSurface() === 'card'"
+      [class.block-plain]="effectiveSurface() === 'plain'"
+      [attr.data-surface]="effectiveSurface()"
+    >
+      @if (showBlockHeader()) {
+        <header class="block-header">
+          @if (showBlockTitle()) {
+            <h3 class="block-title">{{ block().title }}</h3>
+          }
+
+          @if (showBlockDescription()) {
+            <p class="description">{{ block().description }}</p>
+          }
+        </header>
       }
 
-      @if (block().description) {
-        <p class="description">{{ block().description }}</p>
+      <div class="block-body">
+        @if (adapterComponent(); as adapterComponent) {
+          <ng-template #adapterHost></ng-template>
+        } @else if (loadingState(); as loadingState) {
+          <div class="feedback status" role="status" aria-live="polite" aria-atomic="true">
+            <strong>{{ t('dataCollection.loadingTitle', 'Preparando coleta') }}</strong>
+            <p>{{ loadingState.message }}</p>
+          </div>
+        } @else if (errorState(); as errorState) {
+          <div class="feedback error" role="alert" aria-live="assertive" aria-atomic="true">
+            <strong>{{ errorState.title }}</strong>
+            <p>{{ errorState.message }}</p>
+            @if (errorState.details) {
+              <p class="details">{{ errorState.details }}</p>
+            }
+          </div>
+        } @else {
+          <div class="feedback status" role="status" aria-live="polite" aria-atomic="true">
+            <strong>{{ t('dataCollection.unavailableTitle', 'Coleta nao disponivel') }}</strong>
+            <p>{{ fallbackMessage() }}</p>
+          </div>
+        }
+      </div>
+    </section>
+  `, isInline: true, styles: [":host{display:block;color:var(--editorial-text-primary, var(--md-sys-color-on-surface, #1b1b1f))}.data-block{display:grid;gap:16px;font-family:var(--editorial-body-font-family, inherit)}.block-card{display:grid;gap:16px;padding:clamp(18px,2vw,24px);border-radius:var(--editorial-card-radius, 18px);background:var(--editorial-surface-secondary, var(--md-sys-color-surface-container-low, #f7f2fa));border:var(--editorial-card-border-width, 1px) solid color-mix(in srgb,var(--editorial-border-color, var(--md-sys-color-outline-variant, #cac4d0)) 65%,transparent);box-shadow:var(--editorial-card-shadow, none)}.block-plain{padding:0;border:0;background:transparent;box-shadow:none;gap:0}.block-header{display:grid;gap:8px}.block-plain .block-header{margin-bottom:16px;padding-bottom:4px}.block-body{min-width:0}h3,p{margin:0}.block-title{font-family:var(--editorial-title-font-family, var(--editorial-body-font-family, inherit));font-size:var(--editorial-step-title-size, 1.15rem);line-height:1.15;color:var(--editorial-text-primary, var(--md-sys-color-on-surface, #1b1b1f))}.description,.feedback{color:var(--editorial-text-secondary, var(--md-sys-color-on-surface-variant, #49454f));font-size:var(--editorial-body-size, .95rem);line-height:1.55}.feedback{display:grid;gap:6px;padding:12px 14px;border-radius:var(--editorial-card-radius, 14px);border:var(--editorial-card-border-width, 1px) solid color-mix(in srgb,var(--editorial-border-color, var(--md-sys-color-outline-variant, #cac4d0)) 70%,transparent);background:color-mix(in srgb,var(--editorial-surface-primary, var(--md-sys-color-surface, #fff)) 94%,var(--editorial-surface-secondary, var(--md-sys-color-surface-container-low, #f7f2fa)) 6%)}.feedback strong{color:var(--editorial-text-primary, var(--md-sys-color-on-surface, #1b1b1f));font-family:var(--editorial-title-font-family, var(--editorial-body-font-family, inherit))}.error{border-color:color-mix(in srgb,var(--md-sys-color-error, #b3261e) 50%,transparent);background:color-mix(in srgb,var(--md-sys-color-error-container, #f9dedc) 35%,var(--md-sys-color-surface, #fff))}.details{font-size:.9rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: EditorialDataCollectionBlockOutletComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'praxis-editorial-data-collection-block-outlet', standalone: true, imports: [CommonModule], template: `
+    <section
+      class="data-block"
+      [class.block-card]="effectiveSurface() === 'card'"
+      [class.block-plain]="effectiveSurface() === 'plain'"
+      [attr.data-surface]="effectiveSurface()"
+    >
+      @if (showBlockHeader()) {
+        <header class="block-header">
+          @if (showBlockTitle()) {
+            <h3 class="block-title">{{ block().title }}</h3>
+          }
+
+          @if (showBlockDescription()) {
+            <p class="description">{{ block().description }}</p>
+          }
+        </header>
       }
 
-      @if (adapterComponent(); as adapterComponent) {
-        <ng-container
-          *ngComponentOutlet="adapterComponent; inputs: adapterInputs()"
-        />
-      } @else if (loadingState(); as loadingState) {
-        <div class="feedback status" role="status" aria-live="polite" aria-atomic="true">
-          <strong>Preparando coleta</strong>
-          <p>{{ loadingState.message }}</p>
+      <div class="block-body">
+        @if (adapterComponent(); as adapterComponent) {
+          <ng-template #adapterHost></ng-template>
+        } @else if (loadingState(); as loadingState) {
+          <div class="feedback status" role="status" aria-live="polite" aria-atomic="true">
+            <strong>{{ t('dataCollection.loadingTitle', 'Preparando coleta') }}</strong>
+            <p>{{ loadingState.message }}</p>
+          </div>
+        } @else if (errorState(); as errorState) {
+          <div class="feedback error" role="alert" aria-live="assertive" aria-atomic="true">
+            <strong>{{ errorState.title }}</strong>
+            <p>{{ errorState.message }}</p>
+            @if (errorState.details) {
+              <p class="details">{{ errorState.details }}</p>
+            }
+          </div>
+        } @else {
+          <div class="feedback status" role="status" aria-live="polite" aria-atomic="true">
+            <strong>{{ t('dataCollection.unavailableTitle', 'Coleta nao disponivel') }}</strong>
+            <p>{{ fallbackMessage() }}</p>
+          </div>
+        }
+      </div>
+    </section>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;color:var(--editorial-text-primary, var(--md-sys-color-on-surface, #1b1b1f))}.data-block{display:grid;gap:16px;font-family:var(--editorial-body-font-family, inherit)}.block-card{display:grid;gap:16px;padding:clamp(18px,2vw,24px);border-radius:var(--editorial-card-radius, 18px);background:var(--editorial-surface-secondary, var(--md-sys-color-surface-container-low, #f7f2fa));border:var(--editorial-card-border-width, 1px) solid color-mix(in srgb,var(--editorial-border-color, var(--md-sys-color-outline-variant, #cac4d0)) 65%,transparent);box-shadow:var(--editorial-card-shadow, none)}.block-plain{padding:0;border:0;background:transparent;box-shadow:none;gap:0}.block-header{display:grid;gap:8px}.block-plain .block-header{margin-bottom:16px;padding-bottom:4px}.block-body{min-width:0}h3,p{margin:0}.block-title{font-family:var(--editorial-title-font-family, var(--editorial-body-font-family, inherit));font-size:var(--editorial-step-title-size, 1.15rem);line-height:1.15;color:var(--editorial-text-primary, var(--md-sys-color-on-surface, #1b1b1f))}.description,.feedback{color:var(--editorial-text-secondary, var(--md-sys-color-on-surface-variant, #49454f));font-size:var(--editorial-body-size, .95rem);line-height:1.55}.feedback{display:grid;gap:6px;padding:12px 14px;border-radius:var(--editorial-card-radius, 14px);border:var(--editorial-card-border-width, 1px) solid color-mix(in srgb,var(--editorial-border-color, var(--md-sys-color-outline-variant, #cac4d0)) 70%,transparent);background:color-mix(in srgb,var(--editorial-surface-primary, var(--md-sys-color-surface, #fff)) 94%,var(--editorial-surface-secondary, var(--md-sys-color-surface-container-low, #f7f2fa)) 6%)}.feedback strong{color:var(--editorial-text-primary, var(--md-sys-color-on-surface, #1b1b1f));font-family:var(--editorial-title-font-family, var(--editorial-body-font-family, inherit))}.error{border-color:color-mix(in srgb,var(--md-sys-color-error, #b3261e) 50%,transparent);background:color-mix(in srgb,var(--md-sys-color-error-container, #f9dedc) 35%,var(--md-sys-color-surface, #fff))}.details{font-size:.9rem}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { adapterHost: [{ type: i0.ViewChild, args: ['adapterHost', { ...{ read: ViewContainerRef }, isSignal: true }] }], block: [{ type: i0.Input, args: [{ isSignal: true, alias: "block", required: true }] }], runtimeContext: [{ type: i0.Input, args: [{ isSignal: true, alias: "runtimeContext", required: false }] }], solution: [{ type: i0.Input, args: [{ isSignal: true, alias: "solution", required: false }] }], instance: [{ type: i0.Input, args: [{ isSignal: true, alias: "instance", required: false }] }], runtimeContextChange: [{ type: i0.Output, args: ["runtimeContextChange"] }], operationalEvent: [{ type: i0.Output, args: ["operationalEvent"] }] } });
+function isSubscribableOutput(candidate) {
+    return !!candidate && typeof candidate === 'object' && typeof candidate.subscribe === 'function';
+}
+function extractFormDataChangeEvent(event) {
+    if (!event || typeof event !== 'object') {
+        return null;
+    }
+    const formData = event.formData;
+    if (!formData || typeof formData !== 'object' || Array.isArray(formData)) {
+        return null;
+    }
+    const mode = event.mode;
+    const removedKeys = event.removedKeys;
+    return {
+        formData: { ...formData },
+        mode: mode === 'replace' ? 'replace' : 'merge',
+        removedKeys: Array.isArray(removedKeys)
+            ? removedKeys.filter((item) => typeof item === 'string')
+            : undefined,
+    };
+}
+function readRuntimeFormData(runtimeContext) {
+    const formData = runtimeContext?.['formData'];
+    if (!formData || typeof formData !== 'object' || Array.isArray(formData)) {
+        return {};
+    }
+    return formData;
+}
+function isResolvedDataCollectionBlock(block) {
+    return 'dataCollectionState' in block;
+}
+function areEquivalentCopy(left, right) {
+    if (!left || !right) {
+        return false;
+    }
+    return normalizeComparableCopy(left) === normalizeComparableCopy(right);
+}
+function normalizeComparableCopy(value) {
+    return value.trim().replace(/\s+/g, ' ').toLocaleLowerCase();
+}
+
+class EditorialIntroHeroBlockComponent {
+    block = input.required(...(ngDevMode ? [{ debugName: "block" }] : []));
+    actionTriggered = output();
+    triggerAction(action) {
+        this.actionTriggered.emit(action.actionId);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: EditorialIntroHeroBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: EditorialIntroHeroBlockComponent, isStandalone: true, selector: "praxis-editorial-intro-hero-block", inputs: { block: { classPropertyName: "block", publicName: "block", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { actionTriggered: "actionTriggered" }, ngImport: i0, template: `
+    <section class="intro-hero" [attr.data-align]="block().align ?? 'center'">
+      @if (block().icon?.name) {
+        <div class="hero-icon"><mat-icon aria-hidden="true" [praxisIcon]="block().icon?.name"></mat-icon></div>
+      }
+      <div class="hero-copy">
+        <h3>{{ block().title }}</h3>
+        @if (block().subtitle) {
+          <p class="subtitle">{{ block().subtitle }}</p>
+        }
+        @if (block().description) {
+          <p class="description">{{ block().description }}</p>
+        }
+      </div>
+
+      @if (block().highlightItems?.length) {
+        <div class="hero-highlights">
+          @for (item of block().highlightItems; track item.id) {
+            <article class="highlight-card">
+              @if (item.icon?.name) {
+                <mat-icon class="highlight-icon" aria-hidden="true" [praxisIcon]="item.icon?.name"></mat-icon>
+              }
+              <strong>{{ item.title }}</strong>
+              @if (item.description) {
+                <p>{{ item.description }}</p>
+              }
+            </article>
+          }
         </div>
-      } @else if (errorState(); as errorState) {
-        <div class="feedback error" role="alert" aria-live="assertive" aria-atomic="true">
-          <strong>{{ errorState.title }}</strong>
-          <p>{{ errorState.message }}</p>
-          @if (errorState.details) {
-            <p class="details">{{ errorState.details }}</p>
+      }
+
+      @if (block().primaryAction || block().secondaryAction) {
+        <div class="hero-actions">
+          @if (block().primaryAction; as action) {
+            <button
+              type="button"
+              class="hero-action primary"
+              [attr.data-appearance]="action.appearance ?? 'primary'"
+              (click)="triggerAction(action)"
+            >
+              @if (action.icon?.name) {
+                <mat-icon aria-hidden="true" [praxisIcon]="action.icon?.name"></mat-icon>
+              }
+              <span>{{ action.label }}</span>
+            </button>
+          }
+          @if (block().secondaryAction; as action) {
+            <button
+              type="button"
+              class="hero-action secondary"
+              [attr.data-appearance]="action.appearance ?? 'secondary'"
+              (click)="triggerAction(action)"
+            >
+              @if (action.icon?.name) {
+                <mat-icon aria-hidden="true" [praxisIcon]="action.icon?.name"></mat-icon>
+              }
+              <span>{{ action.label }}</span>
+            </button>
           }
         </div>
-      } @else {
-        <div class="feedback status" role="status" aria-live="polite" aria-atomic="true">
-          <strong>Coleta nao disponivel</strong>
-          <p>{{ fallbackMessage() }}</p>
+      }
+    </section>
+  `, isInline: true, styles: [".intro-hero{display:grid;gap:18px;text-align:center}.intro-hero[data-align=left]{text-align:left}.hero-icon{width:64px;height:64px;border-radius:18px;background:color-mix(in srgb,var(--editorial-accent, #264a8a) 18%,#fff);color:var(--editorial-accent, #264a8a);display:grid;place-items:center;justify-self:center;font-weight:700}.hero-icon mat-icon,.highlight-icon{width:22px;height:22px;font-size:22px;line-height:22px}.intro-hero[data-align=left] .hero-icon{justify-self:start}.hero-copy{display:grid;gap:10px}.hero-copy h3,.hero-copy p{margin:0}.hero-copy h3{font-size:var(--editorial-hero-title-size, 1.75rem);line-height:1.15}.subtitle,.description{font-size:var(--editorial-body-size, 1rem);color:var(--editorial-text-secondary, #7b8aa0)}.hero-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.intro-hero[data-align=left] .hero-actions{justify-content:flex-start}.hero-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:var(--editorial-button-radius, var(--editorial-card-radius, 18px));border:1px solid transparent;cursor:pointer;font:inherit;font-weight:600;transition:background-color .12s ease,color .12s ease,border-color .12s ease,box-shadow .12s ease}.hero-action mat-icon{width:18px;height:18px;font-size:18px;line-height:18px}.hero-action.primary{background:var(--editorial-cta-primary, var(--editorial-accent, #264a8a));color:var(--editorial-cta-primary-text, #fff);box-shadow:var(--editorial-card-shadow, none)}.hero-action.secondary{background:color-mix(in srgb,var(--editorial-accent, #264a8a) 8%,#fff);border-color:color-mix(in srgb,var(--editorial-accent, #264a8a) 20%,transparent);color:var(--editorial-accent, #264a8a)}.highlight-card{display:grid;gap:6px;padding:14px;border-radius:var(--editorial-card-radius, 18px);background:var(--editorial-surface-primary, #fff);border:1px solid var(--editorial-border-color, #d9deea);box-shadow:var(--editorial-card-shadow, none)}.highlight-card p{margin:0;color:var(--editorial-text-secondary, #7b8aa0)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: EditorialIntroHeroBlockComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'praxis-editorial-intro-hero-block', standalone: true, imports: [CommonModule, MatIconModule, PraxisIconDirective], template: `
+    <section class="intro-hero" [attr.data-align]="block().align ?? 'center'">
+      @if (block().icon?.name) {
+        <div class="hero-icon"><mat-icon aria-hidden="true" [praxisIcon]="block().icon?.name"></mat-icon></div>
+      }
+      <div class="hero-copy">
+        <h3>{{ block().title }}</h3>
+        @if (block().subtitle) {
+          <p class="subtitle">{{ block().subtitle }}</p>
+        }
+        @if (block().description) {
+          <p class="description">{{ block().description }}</p>
+        }
+      </div>
+
+      @if (block().highlightItems?.length) {
+        <div class="hero-highlights">
+          @for (item of block().highlightItems; track item.id) {
+            <article class="highlight-card">
+              @if (item.icon?.name) {
+                <mat-icon class="highlight-icon" aria-hidden="true" [praxisIcon]="item.icon?.name"></mat-icon>
+              }
+              <strong>{{ item.title }}</strong>
+              @if (item.description) {
+                <p>{{ item.description }}</p>
+              }
+            </article>
+          }
         </div>
       }
+
+      @if (block().primaryAction || block().secondaryAction) {
+        <div class="hero-actions">
+          @if (block().primaryAction; as action) {
+            <button
+              type="button"
+              class="hero-action primary"
+              [attr.data-appearance]="action.appearance ?? 'primary'"
+              (click)="triggerAction(action)"
+            >
+              @if (action.icon?.name) {
+                <mat-icon aria-hidden="true" [praxisIcon]="action.icon?.name"></mat-icon>
+              }
+              <span>{{ action.label }}</span>
+            </button>
+          }
+          @if (block().secondaryAction; as action) {
+            <button
+              type="button"
+              class="hero-action secondary"
+              [attr.data-appearance]="action.appearance ?? 'secondary'"
+              (click)="triggerAction(action)"
+            >
+              @if (action.icon?.name) {
+                <mat-icon aria-hidden="true" [praxisIcon]="action.icon?.name"></mat-icon>
+              }
+              <span>{{ action.label }}</span>
+            </button>
+          }
+        </div>
+      }
+    </section>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".intro-hero{display:grid;gap:18px;text-align:center}.intro-hero[data-align=left]{text-align:left}.hero-icon{width:64px;height:64px;border-radius:18px;background:color-mix(in srgb,var(--editorial-accent, #264a8a) 18%,#fff);color:var(--editorial-accent, #264a8a);display:grid;place-items:center;justify-self:center;font-weight:700}.hero-icon mat-icon,.highlight-icon{width:22px;height:22px;font-size:22px;line-height:22px}.intro-hero[data-align=left] .hero-icon{justify-self:start}.hero-copy{display:grid;gap:10px}.hero-copy h3,.hero-copy p{margin:0}.hero-copy h3{font-size:var(--editorial-hero-title-size, 1.75rem);line-height:1.15}.subtitle,.description{font-size:var(--editorial-body-size, 1rem);color:var(--editorial-text-secondary, #7b8aa0)}.hero-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.intro-hero[data-align=left] .hero-actions{justify-content:flex-start}.hero-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:var(--editorial-button-radius, var(--editorial-card-radius, 18px));border:1px solid transparent;cursor:pointer;font:inherit;font-weight:600;transition:background-color .12s ease,color .12s ease,border-color .12s ease,box-shadow .12s ease}.hero-action mat-icon{width:18px;height:18px;font-size:18px;line-height:18px}.hero-action.primary{background:var(--editorial-cta-primary, var(--editorial-accent, #264a8a));color:var(--editorial-cta-primary-text, #fff);box-shadow:var(--editorial-card-shadow, none)}.hero-action.secondary{background:color-mix(in srgb,var(--editorial-accent, #264a8a) 8%,#fff);border-color:color-mix(in srgb,var(--editorial-accent, #264a8a) 20%,transparent);color:var(--editorial-accent, #264a8a)}.highlight-card{display:grid;gap:6px;padding:14px;border-radius:var(--editorial-card-radius, 18px);background:var(--editorial-surface-primary, #fff);border:1px solid var(--editorial-border-color, #d9deea);box-shadow:var(--editorial-card-shadow, none)}.highlight-card p{margin:0;color:var(--editorial-text-secondary, #7b8aa0)}\n"] }]
+        }], propDecorators: { block: [{ type: i0.Input, args: [{ isSignal: true, alias: "block", required: true }] }], actionTriggered: [{ type: i0.Output, args: ["actionTriggered"] }] } });
+
+class EditorialReviewSectionsBlockComponent {
+    i18n = inject(PraxisI18nService);
+    block = input.required(...(ngDevMode ? [{ debugName: "block" }] : []));
+    runtimeContext = input(null, ...(ngDevMode ? [{ debugName: "runtimeContext" }] : []));
+    visibleFields(fields) {
+        return fields.filter((field) => {
+            if (!field.hideWhenEmpty) {
+                return true;
+            }
+            return this.readValue(field) != null && this.readValue(field) !== '';
+        });
+    }
+    resolveValue(field) {
+        const value = this.readValue(field);
+        if (value == null || value === '') {
+            return this.t('review.empty', '-');
+        }
+        return this.formatValue(value, field.format);
+    }
+    readValue(field) {
+        return getValueAtPath(this.runtimeContext() ?? {}, field.valuePath);
+    }
+    formatValue(value, format) {
+        switch (format) {
+            case 'date':
+                return this.formatDateValue(value);
+            case 'phone':
+                return this.formatPhoneValue(value);
+            case 'email':
+                return String(value);
+            case 'boolean':
+                return this.formatBooleanValue(value);
+            case 'list':
+                return this.formatListValue(value);
+            case 'text':
+            default:
+                if (Array.isArray(value)) {
+                    return this.formatListValue(value);
+                }
+                if (typeof value === 'boolean') {
+                    return this.formatBooleanValue(value);
+                }
+                return String(value);
+        }
+    }
+    formatDateValue(value) {
+        if (value == null || value === '') {
+            return this.t('review.empty', '-');
+        }
+        return this.i18n.formatDate(value);
+    }
+    formatPhoneValue(value) {
+        const raw = String(value ?? '').trim();
+        if (!raw) {
+            return this.t('review.empty', '-');
+        }
+        const digits = raw.replace(/\D+/g, '');
+        if (digits.length === 11) {
+            return `(${digits.slice(0, 2)}) ${digits.slice(2, 7)}-${digits.slice(7)}`;
+        }
+        if (digits.length === 10) {
+            return `(${digits.slice(0, 2)}) ${digits.slice(2, 6)}-${digits.slice(6)}`;
+        }
+        if (digits.length > 11) {
+            return `+${digits}`;
+        }
+        return raw;
+    }
+    formatBooleanValue(value) {
+        return value
+            ? this.t('review.boolean.true', 'Sim')
+            : this.t('review.boolean.false', 'Nao');
+    }
+    formatListValue(value) {
+        if (!Array.isArray(value)) {
+            return String(value);
+        }
+        return value.map((item) => String(item)).join(', ');
+    }
+    t(key, fallback) {
+        return this.i18n.t(`praxis.editorialForms.${key}`, undefined, fallback);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: EditorialReviewSectionsBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: EditorialReviewSectionsBlockComponent, isStandalone: true, selector: "praxis-editorial-review-sections-block", inputs: { block: { classPropertyName: "block", publicName: "block", isSignal: true, isRequired: true, transformFunction: null }, runtimeContext: { classPropertyName: "runtimeContext", publicName: "runtimeContext", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <section class="review-sections">
+      @if (block().title) {
+        <header class="review-header">
+          <h3>{{ block().title }}</h3>
+          @if (block().description) {
+            <p>{{ block().description }}</p>
+          }
+        </header>
+      }
+
+      <div class="review-sections-grid">
+        @for (section of block().sections; track section.id) {
+          <article class="review-section">
+            <header class="review-section-header">
+              @if (section.icon?.name) {
+                <mat-icon class="section-icon" aria-hidden="true" [praxisIcon]="section.icon?.name"></mat-icon>
+              }
+              <h4>{{ section.title }}</h4>
+            </header>
+            <dl class="review-grid">
+              @for (field of visibleFields(section.fields); track field.key) {
+                <div>
+                  <dt>{{ field.label }}</dt>
+                  <dd>{{ resolveValue(field) }}</dd>
+                </div>
+              }
+            </dl>
+          </article>
+        }
+      </div>
     </section>
-  `, isInline: true, styles: [":host{display:block}.block-card{display:grid;gap:12px;padding:18px;border-radius:18px;background:var(--md-sys-color-surface-container-low, #f7f2fa);border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #cac4d0) 65%,transparent)}h3,p{margin:0}.description,.feedback{color:var(--md-sys-color-on-surface-variant, #49454f)}.feedback{display:grid;gap:6px;padding:12px 14px;border-radius:14px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #cac4d0) 70%,transparent);background:var(--md-sys-color-surface, #fff)}.feedback strong{color:var(--md-sys-color-on-surface, #1b1b1f)}.error{border-color:color-mix(in srgb,var(--md-sys-color-error, #b3261e) 50%,transparent);background:color-mix(in srgb,var(--md-sys-color-error-container, #f9dedc) 35%,var(--md-sys-color-surface, #fff))}.details{font-size:.9rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [".review-sections,.review-header{display:grid;gap:10px}.review-header h3,.review-header p,.review-section h4{margin:0}.review-header p{color:var(--editorial-text-secondary, #7b8aa0)}.review-sections-grid{display:grid;gap:14px}.review-section{display:grid;gap:12px;padding:18px;border-radius:var(--editorial-card-radius, 18px);border:1px solid var(--editorial-border-color, #d9deea);background:var(--editorial-surface-primary, #fff);box-shadow:var(--editorial-card-shadow, none)}.review-section-header{display:inline-flex;align-items:center;gap:10px}.section-icon{display:grid;place-items:center;width:18px;height:18px;color:var(--editorial-accent, #264a8a);font-size:18px;line-height:18px}.review-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:0}.review-grid dt{margin-bottom:4px;color:var(--editorial-text-secondary, #7b8aa0);font-size:.82rem}.review-grid dd{margin:0;font-weight:600;color:var(--editorial-text-primary, #24324a)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: EditorialDataCollectionBlockOutletComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: EditorialReviewSectionsBlockComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'praxis-editorial-data-collection-block-outlet', standalone: true, imports: [CommonModule, NgComponentOutlet], template: `
-    <section class="block-card data-block">
+            args: [{ selector: 'praxis-editorial-review-sections-block', standalone: true, imports: [CommonModule, MatIconModule, PraxisIconDirective], template: `
+    <section class="review-sections">
       @if (block().title) {
-        <h3>{{ block().title }}</h3>
+        <header class="review-header">
+          <h3>{{ block().title }}</h3>
+          @if (block().description) {
+            <p>{{ block().description }}</p>
+          }
+        </header>
       }
 
-      @if (block().description) {
-        <p class="description">{{ block().description }}</p>
+      <div class="review-sections-grid">
+        @for (section of block().sections; track section.id) {
+          <article class="review-section">
+            <header class="review-section-header">
+              @if (section.icon?.name) {
+                <mat-icon class="section-icon" aria-hidden="true" [praxisIcon]="section.icon?.name"></mat-icon>
+              }
+              <h4>{{ section.title }}</h4>
+            </header>
+            <dl class="review-grid">
+              @for (field of visibleFields(section.fields); track field.key) {
+                <div>
+                  <dt>{{ field.label }}</dt>
+                  <dd>{{ resolveValue(field) }}</dd>
+                </div>
+              }
+            </dl>
+          </article>
+        }
+      </div>
+    </section>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".review-sections,.review-header{display:grid;gap:10px}.review-header h3,.review-header p,.review-section h4{margin:0}.review-header p{color:var(--editorial-text-secondary, #7b8aa0)}.review-sections-grid{display:grid;gap:14px}.review-section{display:grid;gap:12px;padding:18px;border-radius:var(--editorial-card-radius, 18px);border:1px solid var(--editorial-border-color, #d9deea);background:var(--editorial-surface-primary, #fff);box-shadow:var(--editorial-card-shadow, none)}.review-section-header{display:inline-flex;align-items:center;gap:10px}.section-icon{display:grid;place-items:center;width:18px;height:18px;color:var(--editorial-accent, #264a8a);font-size:18px;line-height:18px}.review-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:0}.review-grid dt{margin-bottom:4px;color:var(--editorial-text-secondary, #7b8aa0);font-size:.82rem}.review-grid dd{margin:0;font-weight:600;color:var(--editorial-text-primary, #24324a)}\n"] }]
+        }], propDecorators: { block: [{ type: i0.Input, args: [{ isSignal: true, alias: "block", required: true }] }], runtimeContext: [{ type: i0.Input, args: [{ isSignal: true, alias: "runtimeContext", required: false }] }] } });
+
+class EditorialSelectionCardsBlockComponent {
+    i18n = inject(PraxisI18nService);
+    block = input.required(...(ngDevMode ? [{ debugName: "block" }] : []));
+    runtimeContext = input(null, ...(ngDevMode ? [{ debugName: "runtimeContext" }] : []));
+    runtimeContextChange = output();
+    valueChange = output();
+    groupId = computed(() => `selection-group-${this.block().blockId}`, ...(ngDevMode ? [{ debugName: "groupId" }] : []));
+    gridTemplateColumns = computed(() => {
+        const columns = this.block().columns ?? 2;
+        return `repeat(${columns}, minmax(0, 1fr))`;
+    }, ...(ngDevMode ? [{ debugName: "gridTemplateColumns" }] : []));
+    groupAriaLabel = computed(() => this.block().title
+        || this.t('selection.group.label', 'Grupo de selecao'), ...(ngDevMode ? [{ debugName: "groupAriaLabel" }] : []));
+    isSelected(value) {
+        const currentValue = this.currentValue();
+        if (Array.isArray(currentValue)) {
+            return currentValue.includes(value);
+        }
+        return currentValue === value;
+    }
+    toggleValue(value) {
+        const field = this.block().field;
+        if (this.block().selectionMode === 'single') {
+            const currentValue = this.currentValue();
+            const nextValue = currentValue === value ? null : value;
+            this.runtimeContextChange.emit(this.buildNextRuntimeContext(field, nextValue));
+            this.valueChange.emit({ field, value: nextValue });
+            return;
+        }
+        const currentValue = this.currentValue();
+        const current = Array.isArray(currentValue) ? [...currentValue] : [];
+        const index = current.indexOf(value);
+        if (index >= 0) {
+            current.splice(index, 1);
+        }
+        else {
+            current.push(value);
+        }
+        this.runtimeContextChange.emit(this.buildNextRuntimeContext(field, current));
+        this.valueChange.emit({ field, value: current });
+    }
+    itemTabIndex(value) {
+        if (this.block().selectionMode !== 'single') {
+            return 0;
+        }
+        const currentValue = this.currentValue();
+        if (currentValue === value) {
+            return 0;
+        }
+        const firstValue = this.enabledItemValues()[0];
+        return firstValue === value && currentValue == null ? 0 : -1;
+    }
+    handleKeydown(event, value) {
+        if (event.key === ' ' || event.key === 'Enter') {
+            event.preventDefault();
+            this.toggleValue(value);
+            return;
+        }
+        if (!['ArrowRight', 'ArrowDown', 'ArrowLeft', 'ArrowUp'].includes(event.key)) {
+            return;
+        }
+        const enabledValues = this.enabledItemValues();
+        const currentIndex = enabledValues.indexOf(value);
+        if (currentIndex < 0) {
+            return;
+        }
+        event.preventDefault();
+        const nextIndex = event.key === 'ArrowRight' || event.key === 'ArrowDown'
+            ? (currentIndex + 1) % enabledValues.length
+            : (currentIndex - 1 + enabledValues.length) % enabledValues.length;
+        const nextValue = enabledValues[nextIndex];
+        this.focusItem(nextValue);
+        if (this.block().selectionMode === 'single') {
+            this.toggleValue(nextValue);
+        }
+    }
+    buildItemAriaLabel(label, value) {
+        const selected = this.isSelected(value)
+            ? this.t('selection.state.selected', 'selecionado')
+            : this.t('selection.state.unselected', 'nao selecionado');
+        return `${label}, ${selected}`;
+    }
+    currentValue() {
+        const formData = this.readFormData();
+        const value = formData[this.block().field];
+        if (Array.isArray(value)) {
+            return value.filter((item) => typeof item === 'string');
+        }
+        return typeof value === 'string' ? value : null;
+    }
+    buildNextRuntimeContext(field, value) {
+        const context = this.runtimeContext();
+        const nextContext = context ? { ...context } : {};
+        const formData = this.cloneFormData();
+        if (value == null) {
+            delete formData[field];
+        }
+        else {
+            formData[field] = value;
+        }
+        nextContext['formData'] = formData;
+        return nextContext;
+    }
+    readFormData() {
+        const context = this.runtimeContext();
+        if (!context) {
+            return {};
+        }
+        const existing = context['formData'];
+        if (existing && typeof existing === 'object' && !Array.isArray(existing)) {
+            return existing;
+        }
+        return {};
+    }
+    cloneFormData() {
+        return { ...this.readFormData() };
+    }
+    enabledItemValues() {
+        return this.block().items
+            .filter((item) => !item.disabled)
+            .map((item) => item.value);
+    }
+    focusItem(value) {
+        const container = document.getElementById(this.groupId());
+        const buttons = container?.querySelectorAll('.selection-card');
+        const targetIndex = this.block().items.findIndex((candidate) => candidate.value === value);
+        const element = targetIndex >= 0 ? buttons?.[targetIndex] : null;
+        element?.focus();
+    }
+    t(key, fallback) {
+        return this.i18n.t(`praxis.editorialForms.${key}`, undefined, fallback);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: EditorialSelectionCardsBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: EditorialSelectionCardsBlockComponent, isStandalone: true, selector: "praxis-editorial-selection-cards-block", inputs: { block: { classPropertyName: "block", publicName: "block", isSignal: true, isRequired: true, transformFunction: null }, runtimeContext: { classPropertyName: "runtimeContext", publicName: "runtimeContext", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { runtimeContextChange: "runtimeContextChange", valueChange: "valueChange" }, ngImport: i0, template: `
+    <section class="selection-block">
+      @if (block().title) {
+        <header class="selection-header">
+          <h3>{{ block().title }}</h3>
+          @if (block().description) {
+            <p>{{ block().description }}</p>
+          }
+        </header>
       }
 
-      @if (adapterComponent(); as adapterComponent) {
-        <ng-container
-          *ngComponentOutlet="adapterComponent; inputs: adapterInputs()"
-        />
-      } @else if (loadingState(); as loadingState) {
-        <div class="feedback status" role="status" aria-live="polite" aria-atomic="true">
-          <strong>Preparando coleta</strong>
-          <p>{{ loadingState.message }}</p>
-        </div>
-      } @else if (errorState(); as errorState) {
-        <div class="feedback error" role="alert" aria-live="assertive" aria-atomic="true">
-          <strong>{{ errorState.title }}</strong>
-          <p>{{ errorState.message }}</p>
-          @if (errorState.details) {
-            <p class="details">{{ errorState.details }}</p>
+      <div
+        class="selection-grid"
+        [attr.data-icon-position]="block().style?.iconPosition ?? 'left'"
+        [style.grid-template-columns]="gridTemplateColumns()"
+        [attr.id]="groupId()"
+        [attr.role]="block().selectionMode === 'single' ? 'radiogroup' : 'group'"
+        [attr.aria-label]="groupAriaLabel()"
+      >
+        @for (item of block().items; track item.id) {
+          <button
+            type="button"
+            class="selection-card"
+            [class.selected]="isSelected(item.value)"
+            [attr.data-variant]="block().style?.variant ?? 'default'"
+            [attr.data-tone]="item.tone ?? 'default'"
+            [disabled]="item.disabled"
+            [attr.role]="block().selectionMode === 'single' ? 'radio' : 'checkbox'"
+            [attr.aria-checked]="isSelected(item.value)"
+            [attr.aria-disabled]="item.disabled ? 'true' : null"
+            [attr.tabindex]="itemTabIndex(item.value)"
+            [attr.aria-label]="buildItemAriaLabel(item.label, item.value)"
+            (click)="toggleValue(item.value)"
+            (keydown)="handleKeydown($event, item.value)"
+          >
+            <span class="selection-leading">
+              @if (item.icon?.name) {
+                <mat-icon class="selection-icon" aria-hidden="true" [praxisIcon]="item.icon?.name"></mat-icon>
+              }
+              <span class="selection-copy">
+                <strong>{{ item.label }}</strong>
+                @if (item.description) {
+                  <span>{{ item.description }}</span>
+                }
+              </span>
+            </span>
+            @if (block().style?.showCheckmark ?? true) {
+              <span class="selection-check" aria-hidden="true">
+                @if (isSelected(item.value)) {
+                  <mat-icon aria-hidden="true" praxisIcon="check"></mat-icon>
+                }
+              </span>
+            }
+          </button>
+        }
+      </div>
+    </section>
+  `, isInline: true, styles: [".selection-block,.selection-header{display:grid;gap:10px}.selection-header h3,.selection-header p{margin:0}.selection-header p{color:var(--editorial-text-secondary, #7b8aa0)}.selection-grid{display:grid;gap:14px}.selection-card{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-height:72px;padding:16px;border-radius:var(--editorial-card-radius, 18px);border:1px solid var(--editorial-border-color, #d9deea);background:var(--editorial-surface-primary, #fff);color:var(--editorial-text-primary, #24324a);box-shadow:var(--editorial-card-shadow, none);cursor:pointer;text-align:left;transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease,transform .12s ease}.selection-card:hover:not([disabled]){transform:translateY(-1px)}.selection-card.selected{border-color:var(--editorial-accent, #264a8a);box-shadow:0 0 0 2px color-mix(in srgb,var(--editorial-accent, #264a8a) 22%,transparent);background:color-mix(in srgb,var(--editorial-accent, #264a8a) 8%,#fff)}.selection-card[data-variant=accent]{background:color-mix(in srgb,var(--editorial-accent, #264a8a) 4%,#fff);border-color:color-mix(in srgb,var(--editorial-accent, #264a8a) 18%,transparent)}.selection-card[data-variant=outline]{box-shadow:none;background:transparent}.selection-card[data-tone=accent] .selection-icon{background:color-mix(in srgb,var(--editorial-accent, #264a8a) 18%,#fff);color:var(--editorial-accent, #264a8a)}.selection-card[data-tone=muted] .selection-icon{background:var(--editorial-surface-secondary, #eef2f8);color:var(--editorial-text-secondary, #7b8aa0)}.selection-card[disabled]{opacity:.5;cursor:not-allowed}.selection-leading{display:inline-flex;align-items:center;gap:12px;min-width:0;flex:1 1 auto}.selection-grid[data-icon-position=top] .selection-card{flex-direction:column;align-items:stretch}.selection-grid[data-icon-position=top] .selection-leading{display:grid;gap:10px}.selection-grid[data-icon-position=top] .selection-check{align-self:flex-end}.selection-icon,.selection-check{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:color-mix(in srgb,var(--editorial-accent, #264a8a) 14%,#fff);color:var(--editorial-accent, #264a8a);font-size:.75rem;font-weight:700;flex:0 0 auto}.selection-icon,.selection-check mat-icon{width:18px;height:18px;font-size:18px;line-height:18px}.selection-copy{display:grid;gap:4px;min-width:0}.selection-copy span{color:var(--editorial-text-secondary, #7b8aa0);font-size:.9rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: EditorialSelectionCardsBlockComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'praxis-editorial-selection-cards-block', standalone: true, imports: [CommonModule, MatIconModule, PraxisIconDirective], template: `
+    <section class="selection-block">
+      @if (block().title) {
+        <header class="selection-header">
+          <h3>{{ block().title }}</h3>
+          @if (block().description) {
+            <p>{{ block().description }}</p>
           }
-        </div>
-      } @else {
-        <div class="feedback status" role="status" aria-live="polite" aria-atomic="true">
-          <strong>Coleta nao disponivel</strong>
-          <p>{{ fallbackMessage() }}</p>
-        </div>
+        </header>
       }
+
+      <div
+        class="selection-grid"
+        [attr.data-icon-position]="block().style?.iconPosition ?? 'left'"
+        [style.grid-template-columns]="gridTemplateColumns()"
+        [attr.id]="groupId()"
+        [attr.role]="block().selectionMode === 'single' ? 'radiogroup' : 'group'"
+        [attr.aria-label]="groupAriaLabel()"
+      >
+        @for (item of block().items; track item.id) {
+          <button
+            type="button"
+            class="selection-card"
+            [class.selected]="isSelected(item.value)"
+            [attr.data-variant]="block().style?.variant ?? 'default'"
+            [attr.data-tone]="item.tone ?? 'default'"
+            [disabled]="item.disabled"
+            [attr.role]="block().selectionMode === 'single' ? 'radio' : 'checkbox'"
+            [attr.aria-checked]="isSelected(item.value)"
+            [attr.aria-disabled]="item.disabled ? 'true' : null"
+            [attr.tabindex]="itemTabIndex(item.value)"
+            [attr.aria-label]="buildItemAriaLabel(item.label, item.value)"
+            (click)="toggleValue(item.value)"
+            (keydown)="handleKeydown($event, item.value)"
+          >
+            <span class="selection-leading">
+              @if (item.icon?.name) {
+                <mat-icon class="selection-icon" aria-hidden="true" [praxisIcon]="item.icon?.name"></mat-icon>
+              }
+              <span class="selection-copy">
+                <strong>{{ item.label }}</strong>
+                @if (item.description) {
+                  <span>{{ item.description }}</span>
+                }
+              </span>
+            </span>
+            @if (block().style?.showCheckmark ?? true) {
+              <span class="selection-check" aria-hidden="true">
+                @if (isSelected(item.value)) {
+                  <mat-icon aria-hidden="true" praxisIcon="check"></mat-icon>
+                }
+              </span>
+            }
+          </button>
+        }
+      </div>
     </section>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block}.block-card{display:grid;gap:12px;padding:18px;border-radius:18px;background:var(--md-sys-color-surface-container-low, #f7f2fa);border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #cac4d0) 65%,transparent)}h3,p{margin:0}.description,.feedback{color:var(--md-sys-color-on-surface-variant, #49454f)}.feedback{display:grid;gap:6px;padding:12px 14px;border-radius:14px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #cac4d0) 70%,transparent);background:var(--md-sys-color-surface, #fff)}.feedback strong{color:var(--md-sys-color-on-surface, #1b1b1f)}.error{border-color:color-mix(in srgb,var(--md-sys-color-error, #b3261e) 50%,transparent);background:color-mix(in srgb,var(--md-sys-color-error-container, #f9dedc) 35%,var(--md-sys-color-surface, #fff))}.details{font-size:.9rem}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { block: [{ type: i0.Input, args: [{ isSignal: true, alias: "block", required: true }] }], runtimeContext: [{ type: i0.Input, args: [{ isSignal: true, alias: "runtimeContext", required: false }] }], solution: [{ type: i0.Input, args: [{ isSignal: true, alias: "solution", required: false }] }], instance: [{ type: i0.Input, args: [{ isSignal: true, alias: "instance", required: false }] }], operationalEvent: [{ type: i0.Output, args: ["operationalEvent"] }] } });
-function isResolvedDataCollectionBlock(block) {
-    return 'dataCollectionState' in block;
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".selection-block,.selection-header{display:grid;gap:10px}.selection-header h3,.selection-header p{margin:0}.selection-header p{color:var(--editorial-text-secondary, #7b8aa0)}.selection-grid{display:grid;gap:14px}.selection-card{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-height:72px;padding:16px;border-radius:var(--editorial-card-radius, 18px);border:1px solid var(--editorial-border-color, #d9deea);background:var(--editorial-surface-primary, #fff);color:var(--editorial-text-primary, #24324a);box-shadow:var(--editorial-card-shadow, none);cursor:pointer;text-align:left;transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease,transform .12s ease}.selection-card:hover:not([disabled]){transform:translateY(-1px)}.selection-card.selected{border-color:var(--editorial-accent, #264a8a);box-shadow:0 0 0 2px color-mix(in srgb,var(--editorial-accent, #264a8a) 22%,transparent);background:color-mix(in srgb,var(--editorial-accent, #264a8a) 8%,#fff)}.selection-card[data-variant=accent]{background:color-mix(in srgb,var(--editorial-accent, #264a8a) 4%,#fff);border-color:color-mix(in srgb,var(--editorial-accent, #264a8a) 18%,transparent)}.selection-card[data-variant=outline]{box-shadow:none;background:transparent}.selection-card[data-tone=accent] .selection-icon{background:color-mix(in srgb,var(--editorial-accent, #264a8a) 18%,#fff);color:var(--editorial-accent, #264a8a)}.selection-card[data-tone=muted] .selection-icon{background:var(--editorial-surface-secondary, #eef2f8);color:var(--editorial-text-secondary, #7b8aa0)}.selection-card[disabled]{opacity:.5;cursor:not-allowed}.selection-leading{display:inline-flex;align-items:center;gap:12px;min-width:0;flex:1 1 auto}.selection-grid[data-icon-position=top] .selection-card{flex-direction:column;align-items:stretch}.selection-grid[data-icon-position=top] .selection-leading{display:grid;gap:10px}.selection-grid[data-icon-position=top] .selection-check{align-self:flex-end}.selection-icon,.selection-check{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:color-mix(in srgb,var(--editorial-accent, #264a8a) 14%,#fff);color:var(--editorial-accent, #264a8a);font-size:.75rem;font-weight:700;flex:0 0 auto}.selection-icon,.selection-check mat-icon{width:18px;height:18px;font-size:18px;line-height:18px}.selection-copy{display:grid;gap:4px;min-width:0}.selection-copy span{color:var(--editorial-text-secondary, #7b8aa0);font-size:.9rem}\n"] }]
+        }], propDecorators: { block: [{ type: i0.Input, args: [{ isSignal: true, alias: "block", required: true }] }], runtimeContext: [{ type: i0.Input, args: [{ isSignal: true, alias: "runtimeContext", required: false }] }], runtimeContextChange: [{ type: i0.Output, args: ["runtimeContextChange"] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] } });
+
+class EditorialSuccessPanelBlockComponent {
+    block = input.required(...(ngDevMode ? [{ debugName: "block" }] : []));
+    actionTriggered = output();
+    triggerAction(action) {
+        this.actionTriggered.emit(action.actionId);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: EditorialSuccessPanelBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: EditorialSuccessPanelBlockComponent, isStandalone: true, selector: "praxis-editorial-success-panel-block", inputs: { block: { classPropertyName: "block", publicName: "block", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { actionTriggered: "actionTriggered" }, ngImport: i0, template: `
+    <section class="success-panel" [attr.data-tone]="block().tone ?? 'success'">
+      @if (block().icon?.name) {
+        <div class="success-icon"><mat-icon aria-hidden="true" [praxisIcon]="block().icon?.name"></mat-icon></div>
+      }
+      <h3>{{ block().title }}</h3>
+      @if (block().description) {
+        <p>{{ block().description }}</p>
+      }
+      @if (block().secondaryMessage) {
+        <p class="secondary-message">{{ block().secondaryMessage }}</p>
+      }
+      @if (block().nextSteps?.length) {
+        <ul>
+          @for (item of block().nextSteps; track item) {
+            <li>{{ item }}</li>
+          }
+        </ul>
+      }
+      @if (block().primaryAction; as action) {
+        <button type="button" class="success-action" (click)="triggerAction(action)">
+          @if (action.icon?.name) {
+            <mat-icon aria-hidden="true" [praxisIcon]="action.icon?.name"></mat-icon>
+          }
+          <span>{{ action.label }}</span>
+        </button>
+      }
+    </section>
+  `, isInline: true, styles: [".success-panel{display:grid;gap:12px;text-align:center;padding:20px;border-radius:var(--editorial-card-radius, 18px);background:color-mix(in srgb,var(--editorial-success, #35b37e) 10%,#fff);border:1px solid color-mix(in srgb,var(--editorial-success, #35b37e) 32%,transparent);box-shadow:var(--editorial-card-shadow, none)}.success-panel[data-tone=accent]{background:color-mix(in srgb,var(--editorial-accent, #264a8a) 10%,#fff);border-color:color-mix(in srgb,var(--editorial-accent, #264a8a) 24%,transparent)}.success-panel[data-tone=neutral]{background:var(--editorial-surface-primary, #fff);border-color:var(--editorial-border-color, #d9deea)}.success-panel h3,.success-panel p,.success-panel ul{margin:0}.success-panel ul{padding-left:20px;text-align:left}.secondary-message{color:var(--editorial-text-secondary, #7b8aa0);font-size:var(--editorial-body-size, 1rem)}.success-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:999px;background:var(--editorial-success, #35b37e);color:#fff;justify-self:center;font-weight:700}.success-panel[data-tone=accent] .success-icon{background:var(--editorial-accent, #264a8a)}.success-panel[data-tone=neutral] .success-icon{background:var(--editorial-surface-secondary, #eef2f8);color:var(--editorial-text-primary, #24324a)}.success-icon mat-icon{width:20px;height:20px;font-size:20px;line-height:20px}.success-action{justify-self:center;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border:0;border-radius:var(--editorial-button-radius, var(--editorial-card-radius, 18px));background:var(--editorial-cta-primary, var(--editorial-success, #35b37e));color:var(--editorial-cta-primary-text, #fff);box-shadow:var(--editorial-card-shadow, none);cursor:pointer;font:inherit;font-weight:600}.success-action mat-icon{width:18px;height:18px;font-size:18px;line-height:18px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: EditorialSuccessPanelBlockComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'praxis-editorial-success-panel-block', standalone: true, imports: [CommonModule, MatIconModule, PraxisIconDirective], template: `
+    <section class="success-panel" [attr.data-tone]="block().tone ?? 'success'">
+      @if (block().icon?.name) {
+        <div class="success-icon"><mat-icon aria-hidden="true" [praxisIcon]="block().icon?.name"></mat-icon></div>
+      }
+      <h3>{{ block().title }}</h3>
+      @if (block().description) {
+        <p>{{ block().description }}</p>
+      }
+      @if (block().secondaryMessage) {
+        <p class="secondary-message">{{ block().secondaryMessage }}</p>
+      }
+      @if (block().nextSteps?.length) {
+        <ul>
+          @for (item of block().nextSteps; track item) {
+            <li>{{ item }}</li>
+          }
+        </ul>
+      }
+      @if (block().primaryAction; as action) {
+        <button type="button" class="success-action" (click)="triggerAction(action)">
+          @if (action.icon?.name) {
+            <mat-icon aria-hidden="true" [praxisIcon]="action.icon?.name"></mat-icon>
+          }
+          <span>{{ action.label }}</span>
+        </button>
+      }
+    </section>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".success-panel{display:grid;gap:12px;text-align:center;padding:20px;border-radius:var(--editorial-card-radius, 18px);background:color-mix(in srgb,var(--editorial-success, #35b37e) 10%,#fff);border:1px solid color-mix(in srgb,var(--editorial-success, #35b37e) 32%,transparent);box-shadow:var(--editorial-card-shadow, none)}.success-panel[data-tone=accent]{background:color-mix(in srgb,var(--editorial-accent, #264a8a) 10%,#fff);border-color:color-mix(in srgb,var(--editorial-accent, #264a8a) 24%,transparent)}.success-panel[data-tone=neutral]{background:var(--editorial-surface-primary, #fff);border-color:var(--editorial-border-color, #d9deea)}.success-panel h3,.success-panel p,.success-panel ul{margin:0}.success-panel ul{padding-left:20px;text-align:left}.secondary-message{color:var(--editorial-text-secondary, #7b8aa0);font-size:var(--editorial-body-size, 1rem)}.success-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:999px;background:var(--editorial-success, #35b37e);color:#fff;justify-self:center;font-weight:700}.success-panel[data-tone=accent] .success-icon{background:var(--editorial-accent, #264a8a)}.success-panel[data-tone=neutral] .success-icon{background:var(--editorial-surface-secondary, #eef2f8);color:var(--editorial-text-primary, #24324a)}.success-icon mat-icon{width:20px;height:20px;font-size:20px;line-height:20px}.success-action{justify-self:center;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border:0;border-radius:var(--editorial-button-radius, var(--editorial-card-radius, 18px));background:var(--editorial-cta-primary, var(--editorial-success, #35b37e));color:var(--editorial-cta-primary-text, #fff);box-shadow:var(--editorial-card-shadow, none);cursor:pointer;font:inherit;font-weight:600}.success-action mat-icon{width:18px;height:18px;font-size:18px;line-height:18px}\n"] }]
+        }], propDecorators: { block: [{ type: i0.Input, args: [{ isSignal: true, alias: "block", required: true }] }], actionTriggered: [{ type: i0.Output, args: ["actionTriggered"] }] } });
 
 class EditorialBlockRendererComponent {
     block = input.required(...(ngDevMode ? [{ debugName: "block" }] : []));
     runtimeContext = input(null, ...(ngDevMode ? [{ debugName: "runtimeContext" }] : []));
     solution = input(null, ...(ngDevMode ? [{ debugName: "solution" }] : []));
     instance = input(null, ...(ngDevMode ? [{ debugName: "instance" }] : []));
+    runtimeContextChange = output();
     operationalEvent = output();
+    blockAction = output();
+    introHero = computed(() => this.block(), ...(ngDevMode ? [{ debugName: "introHero" }] : []));
     hero = computed(() => this.block(), ...(ngDevMode ? [{ debugName: "hero" }] : []));
     richText = computed(() => this.block(), ...(ngDevMode ? [{ debugName: "richText" }] : []));
     policyList = computed(() => this.block(), ...(ngDevMode ? [{ debugName: "policyList" }] : []));
     timeline = computed(() => this.block(), ...(ngDevMode ? [{ debugName: "timeline" }] : []));
     review = computed(() => this.block(), ...(ngDevMode ? [{ debugName: "review" }] : []));
+    reviewSections = computed(() => this.block(), ...(ngDevMode ? [{ debugName: "reviewSections" }] : []));
     contextSummary = computed(() => this.block(), ...(ngDevMode ? [{ debugName: "contextSummary" }] : []));
+    selectionCards = computed(() => this.block(), ...(ngDevMode ? [{ debugName: "selectionCards" }] : []));
     infoCards = computed(() => this.block(), ...(ngDevMode ? [{ debugName: "infoCards" }] : []));
+    successPanel = computed(() => this.block(), ...(ngDevMode ? [{ debugName: "successPanel" }] : []));
     faq = computed(() => this.block(), ...(ngDevMode ? [{ debugName: "faq" }] : []));
     dataCollection = computed(() => this.block(), ...(ngDevMode ? [{ debugName: "dataCollection" }] : []));
     customWidget = computed(() => this.block(), ...(ngDevMode ? [{ debugName: "customWidget" }] : []));
@@ -518,8 +1326,14 @@ class EditorialBlockRendererComponent {
         return valuePath ? `${contextPath}.${valuePath}` : contextPath;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: EditorialBlockRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: EditorialBlockRendererComponent, isStandalone: true, selector: "praxis-editorial-block-renderer", inputs: { block: { classPropertyName: "block", publicName: "block", isSignal: true, isRequired: true, transformFunction: null }, runtimeContext: { classPropertyName: "runtimeContext", publicName: "runtimeContext", isSignal: true, isRequired: false, transformFunction: null }, solution: { classPropertyName: "solution", publicName: "solution", isSignal: true, isRequired: false, transformFunction: null }, instance: { classPropertyName: "instance", publicName: "instance", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { operationalEvent: "operationalEvent" }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: EditorialBlockRendererComponent, isStandalone: true, selector: "praxis-editorial-block-renderer", inputs: { block: { classPropertyName: "block", publicName: "block", isSignal: true, isRequired: true, transformFunction: null }, runtimeContext: { classPropertyName: "runtimeContext", publicName: "runtimeContext", isSignal: true, isRequired: false, transformFunction: null }, solution: { classPropertyName: "solution", publicName: "solution", isSignal: true, isRequired: false, transformFunction: null }, instance: { classPropertyName: "instance", publicName: "instance", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { runtimeContextChange: "runtimeContextChange", operationalEvent: "operationalEvent", blockAction: "blockAction" }, ngImport: i0, template: `
     @switch (block().kind) {
+      @case ('introHero') {
+        <praxis-editorial-intro-hero-block
+          [block]="introHero()"
+          (actionTriggered)="blockAction.emit({ blockId: introHero().blockId, actionId: $event })"
+        />
+      }
       @case ('hero') {
         <section class="block-card hero-block">
           @if (hero().subtitle) {
@@ -601,6 +1415,12 @@ class EditorialBlockRendererComponent {
           </dl>
         </section>
       }
+      @case ('reviewSections') {
+        <praxis-editorial-review-sections-block
+          [block]="reviewSections()"
+          [runtimeContext]="runtimeContext()"
+        />
+      }
       @case ('contextSummary') {
         <section class="block-card">
           @if (contextSummary().title) {
@@ -616,6 +1436,13 @@ class EditorialBlockRendererComponent {
           </dl>
         </section>
       }
+      @case ('selectionCards') {
+        <praxis-editorial-selection-cards-block
+          [block]="selectionCards()"
+          [runtimeContext]="runtimeContext()"
+          (runtimeContextChange)="runtimeContextChange.emit($event)"
+        />
+      }
       @case ('infoCards') {
         <section class="block-card">
           <div class="cards-grid">
@@ -630,6 +1457,12 @@ class EditorialBlockRendererComponent {
           </div>
         </section>
       }
+      @case ('successPanel') {
+        <praxis-editorial-success-panel-block
+          [block]="successPanel()"
+          (actionTriggered)="blockAction.emit({ blockId: successPanel().blockId, actionId: $event })"
+        />
+      }
       @case ('faqAccordion') {
         <section class="block-card stack-sm">
           @for (item of faq().items; track item.id) {
@@ -646,6 +1479,7 @@ class EditorialBlockRendererComponent {
           [runtimeContext]="runtimeContext()"
           [solution]="solution()"
           [instance]="instance()"
+          (runtimeContextChange)="runtimeContextChange.emit($event)"
           (operationalEvent)="operationalEvent.emit($event)"
         />
       }
@@ -666,7 +1500,7 @@ class EditorialBlockRendererComponent {
         />
       }
     }
-  `, isInline: true, styles: [":host{display:block}.block-card{display:grid;gap:12px;padding:18px;border-radius:18px;background:var(--md-sys-color-surface-container-low, #f7f2fa);border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #cac4d0) 65%,transparent)}.eyebrow{margin:0;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--md-sys-color-primary, #6750a4)}h3,p,ul,ol,dl{margin:0}.description,.content,.timeline-item span,.policy-item p,.info-card p,.faq-item p{color:var(--md-sys-color-on-surface-variant, #49454f)}.hero-block h3 span{color:var(--md-sys-color-primary, #6750a4)}.review-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.review-grid dt{margin-bottom:4px;font-size:.78rem;color:var(--md-sys-color-on-surface-variant, #49454f)}.review-grid dd{margin:0;font-weight:600}.list-reset{list-style:none;padding:0;margin:0}.stack-sm{display:grid;gap:10px}.timeline{display:grid;gap:12px;padding-left:18px;margin:0}.timeline-item{display:grid;gap:4px}.policy-item,.faq-item,.info-card{padding:12px;border-radius:14px;background:var(--md-sys-color-surface, #fff)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.notice-block{border-left:4px solid var(--md-sys-color-primary, #6750a4)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: DynamicWidgetLoaderDirective, selector: "[dynamicWidgetLoader]", inputs: ["dynamicWidgetLoader", "context", "strictValidation", "autoWireOutputs"], outputs: ["widgetEvent"], exportAs: ["dynamicWidgetLoader"] }, { kind: "component", type: EditorialDataCollectionBlockOutletComponent, selector: "praxis-editorial-data-collection-block-outlet", inputs: ["block", "runtimeContext", "solution", "instance"], outputs: ["operationalEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [":host{display:block}.block-card{display:grid;gap:12px;padding:18px;border-radius:18px;background:var(--md-sys-color-surface-container-low, #f7f2fa);border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #cac4d0) 65%,transparent)}.eyebrow{margin:0;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--md-sys-color-primary, #6750a4)}h3,p,ul,ol,dl{margin:0}.description,.content,.timeline-item span,.policy-item p,.info-card p,.faq-item p{color:var(--md-sys-color-on-surface-variant, #49454f)}.hero-block h3 span{color:var(--md-sys-color-primary, #6750a4)}.review-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.review-grid dt{margin-bottom:4px;font-size:.78rem;color:var(--md-sys-color-on-surface-variant, #49454f)}.review-grid dd{margin:0;font-weight:600}.list-reset{list-style:none;padding:0;margin:0}.stack-sm{display:grid;gap:10px}.timeline{display:grid;gap:12px;padding-left:18px;margin:0}.timeline-item{display:grid;gap:4px}.policy-item,.faq-item,.info-card{padding:12px;border-radius:14px;background:var(--md-sys-color-surface, #fff)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.notice-block{border-left:4px solid var(--md-sys-color-primary, #6750a4)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: DynamicWidgetLoaderDirective, selector: "[dynamicWidgetLoader]", inputs: ["dynamicWidgetLoader", "context", "strictValidation", "autoWireOutputs"], outputs: ["widgetEvent"], exportAs: ["dynamicWidgetLoader"] }, { kind: "component", type: EditorialDataCollectionBlockOutletComponent, selector: "praxis-editorial-data-collection-block-outlet", inputs: ["block", "runtimeContext", "solution", "instance"], outputs: ["runtimeContextChange", "operationalEvent"] }, { kind: "component", type: EditorialIntroHeroBlockComponent, selector: "praxis-editorial-intro-hero-block", inputs: ["block"], outputs: ["actionTriggered"] }, { kind: "component", type: EditorialSelectionCardsBlockComponent, selector: "praxis-editorial-selection-cards-block", inputs: ["block", "runtimeContext"], outputs: ["runtimeContextChange", "valueChange"] }, { kind: "component", type: EditorialReviewSectionsBlockComponent, selector: "praxis-editorial-review-sections-block", inputs: ["block", "runtimeContext"] }, { kind: "component", type: EditorialSuccessPanelBlockComponent, selector: "praxis-editorial-success-panel-block", inputs: ["block"], outputs: ["actionTriggered"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: EditorialBlockRendererComponent, decorators: [{
             type: Component,
@@ -674,8 +1508,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                         CommonModule,
                         DynamicWidgetLoaderDirective,
                         EditorialDataCollectionBlockOutletComponent,
+                        EditorialIntroHeroBlockComponent,
+                        EditorialSelectionCardsBlockComponent,
+                        EditorialReviewSectionsBlockComponent,
+                        EditorialSuccessPanelBlockComponent,
                     ], template: `
     @switch (block().kind) {
+      @case ('introHero') {
+        <praxis-editorial-intro-hero-block
+          [block]="introHero()"
+          (actionTriggered)="blockAction.emit({ blockId: introHero().blockId, actionId: $event })"
+        />
+      }
       @case ('hero') {
         <section class="block-card hero-block">
           @if (hero().subtitle) {
@@ -757,6 +1601,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
           </dl>
         </section>
       }
+      @case ('reviewSections') {
+        <praxis-editorial-review-sections-block
+          [block]="reviewSections()"
+          [runtimeContext]="runtimeContext()"
+        />
+      }
       @case ('contextSummary') {
         <section class="block-card">
           @if (contextSummary().title) {
@@ -772,6 +1622,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
           </dl>
         </section>
       }
+      @case ('selectionCards') {
+        <praxis-editorial-selection-cards-block
+          [block]="selectionCards()"
+          [runtimeContext]="runtimeContext()"
+          (runtimeContextChange)="runtimeContextChange.emit($event)"
+        />
+      }
       @case ('infoCards') {
         <section class="block-card">
           <div class="cards-grid">
@@ -786,6 +1643,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
           </div>
         </section>
       }
+      @case ('successPanel') {
+        <praxis-editorial-success-panel-block
+          [block]="successPanel()"
+          (actionTriggered)="blockAction.emit({ blockId: successPanel().blockId, actionId: $event })"
+        />
+      }
       @case ('faqAccordion') {
         <section class="block-card stack-sm">
           @for (item of faq().items; track item.id) {
@@ -802,6 +1665,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
           [runtimeContext]="runtimeContext()"
           [solution]="solution()"
           [instance]="instance()"
+          (runtimeContextChange)="runtimeContextChange.emit($event)"
           (operationalEvent)="operationalEvent.emit($event)"
         />
       }
@@ -823,17 +1687,239 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
       }
     }
   `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block}.block-card{display:grid;gap:12px;padding:18px;border-radius:18px;background:var(--md-sys-color-surface-container-low, #f7f2fa);border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #cac4d0) 65%,transparent)}.eyebrow{margin:0;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--md-sys-color-primary, #6750a4)}h3,p,ul,ol,dl{margin:0}.description,.content,.timeline-item span,.policy-item p,.info-card p,.faq-item p{color:var(--md-sys-color-on-surface-variant, #49454f)}.hero-block h3 span{color:var(--md-sys-color-primary, #6750a4)}.review-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.review-grid dt{margin-bottom:4px;font-size:.78rem;color:var(--md-sys-color-on-surface-variant, #49454f)}.review-grid dd{margin:0;font-weight:600}.list-reset{list-style:none;padding:0;margin:0}.stack-sm{display:grid;gap:10px}.timeline{display:grid;gap:12px;padding-left:18px;margin:0}.timeline-item{display:grid;gap:4px}.policy-item,.faq-item,.info-card{padding:12px;border-radius:14px;background:var(--md-sys-color-surface, #fff)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.notice-block{border-left:4px solid var(--md-sys-color-primary, #6750a4)}\n"] }]
-        }], propDecorators: { block: [{ type: i0.Input, args: [{ isSignal: true, alias: "block", required: true }] }], runtimeContext: [{ type: i0.Input, args: [{ isSignal: true, alias: "runtimeContext", required: false }] }], solution: [{ type: i0.Input, args: [{ isSignal: true, alias: "solution", required: false }] }], instance: [{ type: i0.Input, args: [{ isSignal: true, alias: "instance", required: false }] }], operationalEvent: [{ type: i0.Output, args: ["operationalEvent"] }] } });
+        }], propDecorators: { block: [{ type: i0.Input, args: [{ isSignal: true, alias: "block", required: true }] }], runtimeContext: [{ type: i0.Input, args: [{ isSignal: true, alias: "runtimeContext", required: false }] }], solution: [{ type: i0.Input, args: [{ isSignal: true, alias: "solution", required: false }] }], instance: [{ type: i0.Input, args: [{ isSignal: true, alias: "instance", required: false }] }], runtimeContextChange: [{ type: i0.Output, args: ["runtimeContextChange"] }], operationalEvent: [{ type: i0.Output, args: ["operationalEvent"] }], blockAction: [{ type: i0.Output, args: ["blockAction"] }] } });
+
+function resolveRuntimeOrientation(layout, stepper, compactViewport = false) {
+    if (compactViewport && layout?.responsive?.mobileOrientation) {
+        return layout.responsive.mobileOrientation;
+    }
+    return stepper?.orientation ?? layout?.orientation ?? 'horizontal';
+}
+function resolveShellVariant(layout) {
+    return layout?.shellVariant ?? 'corporate-wizard';
+}
+function resolveDensity(layout) {
+    return layout?.density ?? 'comfortable';
+}
+function buildRuntimeLayoutCss(layout) {
+    if (!layout) {
+        return '';
+    }
+    return [
+        layout.maxWidth ? `max-width:${layout.maxWidth};width:100%;margin-inline:auto` : '',
+        layout.spacing?.pagePadding ? `--editorial-page-padding:${layout.spacing.pagePadding}` : '',
+        layout.spacing?.shellPadding ? `--editorial-shell-padding:${layout.spacing.shellPadding}` : '',
+        layout.spacing?.blockGap ? `--editorial-block-gap:${layout.spacing.blockGap}` : '',
+        layout.spacing?.sectionGap ? `--editorial-section-gap:${layout.spacing.sectionGap}` : '',
+        layout.spacing?.actionGap ? `--editorial-action-gap:${layout.spacing.actionGap}` : '',
+    ].filter(Boolean).join(';');
+}
+function getStepDisplayState(step, steps, activeStepId, isBlocked) {
+    if (step.stepId === activeStepId && isBlocked) {
+        return 'blocked';
+    }
+    if (step.stepId === activeStepId) {
+        return 'active';
+    }
+    const activeIndex = steps.findIndex((item) => item.stepId === activeStepId);
+    const stepIndex = steps.findIndex((item) => item.stepId === step.stepId);
+    if (activeIndex >= 0 && stepIndex >= 0 && stepIndex < activeIndex) {
+        return 'completed';
+    }
+    return 'pending';
+}
+
+class EditorialStepperComponent {
+    i18n = inject(PraxisI18nService);
+    steps = input.required(...(ngDevMode ? [{ debugName: "steps" }] : []));
+    activeStepId = input(null, ...(ngDevMode ? [{ debugName: "activeStepId" }] : []));
+    config = input(null, ...(ngDevMode ? [{ debugName: "config" }] : []));
+    orientation = input('horizontal', ...(ngDevMode ? [{ debugName: "orientation" }] : []));
+    progressionBlocked = input(false, ...(ngDevMode ? [{ debugName: "progressionBlocked" }] : []));
+    isStepSelectionBlocked = input(() => false, ...(ngDevMode ? [{ debugName: "isStepSelectionBlocked" }] : []));
+    stepSelected = output();
+    effectiveOrientation = computed(() => this.config()?.orientation ?? this.orientation(), ...(ngDevMode ? [{ debugName: "effectiveOrientation" }] : []));
+    stepperVariant = computed(() => this.config()?.variant ?? 'icon-label', ...(ngDevMode ? [{ debugName: "stepperVariant" }] : []));
+    stepperAriaLabel = computed(() => this.t('stepper.ariaLabel', 'Etapas da jornada'), ...(ngDevMode ? [{ debugName: "stepperAriaLabel" }] : []));
+    stepState(step) {
+        return getStepDisplayState(step, this.steps(), this.activeStepId(), this.progressionBlocked());
+    }
+    stepNumber(step) {
+        return this.steps().findIndex((item) => item.stepId === step.stepId) + 1;
+    }
+    isSelectionBlocked(stepId) {
+        if (this.config()?.allowStepJump) {
+            return false;
+        }
+        return this.isStepSelectionBlocked()(stepId);
+    }
+    onStepClick(stepId) {
+        if (this.isSelectionBlocked(stepId)) {
+            return;
+        }
+        this.stepSelected.emit(stepId);
+    }
+    connectorState(step) {
+        const state = this.stepState(step);
+        if (state === 'completed') {
+            return 'completed';
+        }
+        if (state === 'active') {
+            return 'active';
+        }
+        if (state === 'blocked') {
+            return 'blocked';
+        }
+        return 'pending';
+    }
+    buildStepAriaLabel(step) {
+        const state = this.stepState(step);
+        const status = state === 'completed'
+            ? this.t('stepper.state.completed', 'concluida')
+            : state === 'active'
+                ? this.t('stepper.state.active', 'etapa atual')
+                : state === 'blocked'
+                    ? this.t('stepper.state.blocked', 'bloqueada')
+                    : this.t('stepper.state.pending', 'pendente');
+        return `${this.stepNumber(step)}. ${step.label}, ${status}`;
+    }
+    t(key, fallback) {
+        return this.i18n.t(`praxis.editorialForms.${key}`, undefined, fallback);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: EditorialStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: EditorialStepperComponent, isStandalone: true, selector: "praxis-editorial-stepper", inputs: { steps: { classPropertyName: "steps", publicName: "steps", isSignal: true, isRequired: true, transformFunction: null }, activeStepId: { classPropertyName: "activeStepId", publicName: "activeStepId", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, progressionBlocked: { classPropertyName: "progressionBlocked", publicName: "progressionBlocked", isSignal: true, isRequired: false, transformFunction: null }, isStepSelectionBlocked: { classPropertyName: "isStepSelectionBlocked", publicName: "isStepSelectionBlocked", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { stepSelected: "stepSelected" }, ngImport: i0, template: `
+    <ol
+      class="steps-nav"
+      [class.vertical]="effectiveOrientation() === 'vertical'"
+      [class.horizontal]="effectiveOrientation() === 'horizontal'"
+      [attr.data-variant]="stepperVariant()"
+      [attr.data-align]="config()?.align ?? 'start'"
+      [attr.data-size]="config()?.size ?? 'md'"
+      [attr.aria-label]="stepperAriaLabel()"
+    >
+      @for (step of steps(); track step.stepId; let last = $last) {
+        <li
+          class="stepper-item"
+          [attr.data-state]="stepState(step)"
+          [attr.aria-posinset]="stepNumber(step)"
+          [attr.aria-setsize]="steps().length"
+        >
+          <button
+            type="button"
+            class="step-chip"
+            [class.active]="activeStepId() === step.stepId"
+            [class.completed]="stepState(step) === 'completed'"
+            [class.blocked]="stepState(step) === 'blocked'"
+            [disabled]="isSelectionBlocked(step.stepId)"
+            [attr.data-state]="stepState(step)"
+            [attr.aria-current]="activeStepId() === step.stepId ? 'step' : null"
+            [attr.aria-label]="buildStepAriaLabel(step)"
+            (click)="onStepClick(step.stepId)"
+          >
+            <span class="step-icon" aria-hidden="true">
+              @if (stepState(step) === 'completed') {
+                <mat-icon aria-hidden="true" praxisIcon="check"></mat-icon>
+              } @else if (step.icon?.name) {
+                <mat-icon aria-hidden="true" [praxisIcon]="step.icon?.name"></mat-icon>
+              } @else {
+                <span>{{ stepNumber(step) }}</span>
+              }
+            </span>
+            @if ((config()?.showLabels ?? true) !== false) {
+              <span class="step-copy">
+                <span class="step-label">{{ step.label }}</span>
+                @if ((config()?.showDescriptions ?? false) && step.description) {
+                  <span class="step-description">{{ step.description }}</span>
+                }
+              </span>
+            }
+          </button>
+          @if ((config()?.showConnectors ?? true) && !last) {
+            <span
+              class="step-connector"
+              [attr.data-state]="connectorState(step)"
+              [attr.data-style]="config()?.connectorStyle ?? 'solid'"
+            ></span>
+          }
+        </li>
+      }
+    </ol>
+  `, isInline: true, styles: [":host{display:block}.steps-nav{--step-indicator-size: 42px;--step-copy-padding-block: 12px;--step-copy-padding-inline: 14px;--step-copy-width: minmax(0, 176px);--step-gap: 16px;--step-connector-offset: 26px;--step-connector-size: 4px;display:flex;align-items:flex-start;gap:var(--step-gap);list-style:none;padding:0;margin:0;width:100%}.steps-nav.horizontal[data-align=center]{justify-content:center}.steps-nav.horizontal[data-align=space-between]{justify-content:space-between}.steps-nav.horizontal[data-align=space-between] .stepper-item{flex:1 1 0}.steps-nav.horizontal[data-align=start] .stepper-item,.steps-nav.horizontal[data-align=center] .stepper-item{flex:0 1 196px}.steps-nav.vertical{flex-direction:column;gap:14px}.stepper-item{display:flex;align-items:flex-start;gap:var(--step-gap);min-width:0}.steps-nav.vertical .stepper-item{align-items:stretch;flex-direction:column;gap:10px}.step-chip{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:12px;width:100%;min-width:0;padding:0;border:0;background:transparent;color:var(--editorial-text-primary, #24324a);cursor:pointer;text-align:center;transition:transform .18s ease,opacity .18s ease}.step-chip:hover:not([disabled]){transform:translateY(-1px)}.step-chip:focus-visible{outline:3px solid var(--editorial-step-active, var(--editorial-accent, #264a8a));outline:3px solid color-mix(in srgb,var(--editorial-step-active, var(--editorial-accent, #264a8a)) 32%,white);outline-offset:6px;border-radius:calc(var(--editorial-card-radius, 22px) + 4px)}.steps-nav[data-size=sm]{--step-indicator-size: 34px;--step-copy-padding-block: 9px;--step-copy-padding-inline: 12px;--step-copy-width: minmax(0, 132px);--step-gap: 12px;--step-connector-offset: 21px}.steps-nav[data-size=lg]{--step-indicator-size: 52px;--step-copy-padding-block: 15px;--step-copy-padding-inline: 18px;--step-copy-width: minmax(0, 220px);--step-gap: 20px;--step-connector-offset: 32px}.step-chip[disabled]{opacity:.72;cursor:not-allowed;transform:none}.step-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--step-indicator-size);height:var(--step-indicator-size);border-radius:999px;border:1px solid var(--editorial-border-color, #d9deea);border:1px solid color-mix(in srgb,var(--editorial-border-color, #d9deea) 74%,white);background:var(--editorial-step-pending, #eef1f7);background:radial-gradient(circle at 30% 30%,color-mix(in srgb,var(--editorial-surface-primary, #fff) 86%,white),color-mix(in srgb,var(--editorial-step-pending, #eef1f7) 92%,white));color:var(--editorial-text-secondary, #7b8aa0);font-size:.82rem;font-weight:700;flex:0 0 auto;box-shadow:inset 0 1px #ffffffeb,0 10px 22px #14274414;transition:background .18s ease,color .18s ease,box-shadow .18s ease,border-color .18s ease}.step-icon mat-icon{width:18px;height:18px;font-size:18px;line-height:18px}.steps-nav[data-size=lg] .step-icon mat-icon{width:22px;height:22px;font-size:22px;line-height:22px}.step-chip.active .step-icon{border-color:var(--editorial-step-active, var(--editorial-accent, #264a8a));background:var(--editorial-step-active, var(--editorial-accent, #264a8a));border-color:color-mix(in srgb,var(--editorial-step-active, var(--editorial-accent, #264a8a)) 62%,white);color:var(--editorial-accent-contrast, #fff);box-shadow:0 0 0 var(--editorial-active-step-border-width, 2px) color-mix(in srgb,var(--editorial-accent, #264a8a) 20%,transparent),0 16px 28px color-mix(in srgb,var(--editorial-step-active, var(--editorial-accent, #264a8a)) 22%,transparent)}.step-chip.completed .step-icon{border-color:var(--editorial-step-completed, var(--editorial-success, #35b37e));background:var(--editorial-step-completed, var(--editorial-success, #35b37e));border-color:color-mix(in srgb,var(--editorial-step-completed, var(--editorial-success, #35b37e)) 66%,white);color:#fff;box-shadow:0 14px 24px color-mix(in srgb,var(--editorial-step-completed, var(--editorial-success, #35b37e)) 20%,transparent)}.step-chip.blocked .step-icon{border-color:var(--editorial-step-blocked, var(--editorial-warning, #f28c38));background:var(--editorial-step-blocked, var(--editorial-warning, #f28c38));border-color:color-mix(in srgb,var(--editorial-step-blocked, var(--editorial-warning, #f28c38)) 66%,white);color:#fff;box-shadow:0 14px 24px color-mix(in srgb,var(--editorial-step-blocked, var(--editorial-warning, #f28c38)) 18%,transparent)}.step-copy{display:grid;gap:4px;min-width:0;width:var(--step-copy-width);padding:var(--step-copy-padding-block) var(--step-copy-padding-inline);border-radius:calc(var(--editorial-card-radius, 22px) - 4px);border:1px solid var(--editorial-border-color, #d9deea);border:1px solid color-mix(in srgb,var(--editorial-border-color, #d9deea) 92%,white);background:var(--editorial-surface-primary, #fff);background:linear-gradient(180deg,color-mix(in srgb,var(--editorial-surface-primary, #fff) 96%,white),color-mix(in srgb,var(--editorial-surface-secondary, #f6f8fc) 74%,white));box-shadow:0 16px 32px #14274414;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.step-chip.active .step-copy{border-color:var(--editorial-step-active, var(--editorial-accent, #264a8a));background:var(--editorial-surface-primary, #fff);border-color:color-mix(in srgb,var(--editorial-step-active, var(--editorial-accent, #264a8a)) 32%,var(--editorial-border-color, #d9deea));background:linear-gradient(180deg,color-mix(in srgb,var(--editorial-surface-primary, #fff) 90%,white),color-mix(in srgb,var(--editorial-step-active, var(--editorial-accent, #264a8a)) 8%,var(--editorial-surface-primary, #fff)));box-shadow:0 18px 36px #1427441a,0 0 0 1px color-mix(in srgb,var(--editorial-step-active, var(--editorial-accent, #264a8a)) 12%,transparent)}.step-chip.completed .step-copy{border-color:var(--editorial-step-completed, var(--editorial-success, #35b37e));background:var(--editorial-surface-primary, #fff);border-color:color-mix(in srgb,var(--editorial-step-completed, var(--editorial-success, #35b37e)) 34%,var(--editorial-border-color, #d9deea));background:linear-gradient(180deg,color-mix(in srgb,var(--editorial-surface-primary, #fff) 88%,white),color-mix(in srgb,var(--editorial-step-completed, var(--editorial-success, #35b37e)) 8%,var(--editorial-surface-primary, #fff)))}.step-chip.blocked .step-copy{border-color:var(--editorial-step-blocked, var(--editorial-warning, #f28c38));background:var(--editorial-surface-primary, #fff);border-color:color-mix(in srgb,var(--editorial-step-blocked, var(--editorial-warning, #f28c38)) 38%,var(--editorial-border-color, #d9deea));background:linear-gradient(180deg,color-mix(in srgb,var(--editorial-surface-primary, #fff) 90%,white),color-mix(in srgb,var(--editorial-step-blocked, var(--editorial-warning, #f28c38)) 10%,var(--editorial-surface-primary, #fff)))}.step-label{font-weight:700;line-height:1.25;white-space:normal}.step-description{color:var(--editorial-text-secondary, #7b8aa0);font-size:.85rem;line-height:1.35}.step-connector{display:block;flex:1 1 auto;align-self:flex-start;min-width:40px;margin-top:var(--step-connector-offset);height:var(--step-connector-size);background:var(--editorial-connector, #8fd8c0);background:linear-gradient(90deg,color-mix(in srgb,var(--editorial-border-color, #d9deea) 58%,white),color-mix(in srgb,var(--editorial-connector, #8fd8c0) 72%,white));border-radius:999px;opacity:.92}.steps-nav.vertical .step-connector{width:var(--step-connector-size);min-width:var(--step-connector-size);min-height:28px;margin-top:0;margin-left:calc((var(--step-indicator-size) / 2) - (var(--step-connector-size) / 2));height:32px}.step-connector[data-style=dashed]{background:repeating-linear-gradient(90deg,var(--editorial-connector, #8fd8c0) 0 8px,transparent 8px 14px)}.steps-nav.vertical .step-connector[data-style=dashed]{background:repeating-linear-gradient(180deg,var(--editorial-connector, #8fd8c0) 0 8px,transparent 8px 14px)}.step-connector[data-style=soft]{height:8px;background:var(--editorial-connector, #8fd8c0);background:linear-gradient(90deg,color-mix(in srgb,var(--editorial-connector, #8fd8c0) 24%,transparent),color-mix(in srgb,var(--editorial-connector, #8fd8c0) 88%,white) 55%,color-mix(in srgb,var(--editorial-connector, #8fd8c0) 24%,transparent))}.steps-nav.vertical .step-connector[data-style=soft]{width:8px;min-width:8px;height:32px;background:var(--editorial-connector, #8fd8c0);background:linear-gradient(180deg,color-mix(in srgb,var(--editorial-connector, #8fd8c0) 24%,transparent),color-mix(in srgb,var(--editorial-connector, #8fd8c0) 88%,white) 55%,color-mix(in srgb,var(--editorial-connector, #8fd8c0) 24%,transparent))}.step-connector[data-state=completed]{background:var(--editorial-step-completed, var(--editorial-success, #35b37e));background:linear-gradient(90deg,color-mix(in srgb,var(--editorial-step-completed, var(--editorial-success, #35b37e)) 92%,white),color-mix(in srgb,var(--editorial-connector, #8fd8c0) 82%,white))}.step-connector[data-state=active]{background:var(--editorial-step-active, var(--editorial-accent, #264a8a));background:linear-gradient(90deg,color-mix(in srgb,var(--editorial-step-active, var(--editorial-accent, #264a8a)) 86%,white),color-mix(in srgb,var(--editorial-connector, #8fd8c0) 84%,white) 60%,color-mix(in srgb,var(--editorial-border-color, #d9deea) 48%,white))}.step-connector[data-state=blocked]{background:var(--editorial-step-blocked, var(--editorial-warning, #f28c38));background:linear-gradient(90deg,color-mix(in srgb,var(--editorial-step-blocked, var(--editorial-warning, #f28c38)) 78%,white),color-mix(in srgb,var(--editorial-border-color, #d9deea) 48%,white))}.steps-nav[data-variant=simple] .step-copy,.steps-nav[data-variant=simple] .step-description,.steps-nav[data-variant=icon] .step-description{display:none}.steps-nav[data-variant=simple] .step-chip,.steps-nav[data-variant=icon] .step-chip{gap:8px}.steps-nav.horizontal[data-variant=simple] .stepper-item,.steps-nav.horizontal[data-variant=icon] .stepper-item{align-items:center}.steps-nav[data-variant=rich] .step-copy{border-radius:var(--editorial-card-radius, 22px);box-shadow:0 20px 36px #14274417,0 0 0 1px #ffffff8c}.steps-nav.horizontal[data-variant=rich] .step-chip{align-items:stretch}.steps-nav.horizontal[data-variant=rich] .step-copy{text-align:left}.steps-nav.vertical .step-chip{flex-direction:row;align-items:center;justify-content:flex-start;text-align:left;gap:14px}.steps-nav.vertical .step-copy{width:100%}@media(max-width:860px){.steps-nav.horizontal{flex-direction:column;gap:12px}.steps-nav.horizontal .stepper-item{flex:none}.steps-nav.horizontal .step-chip{flex-direction:row;align-items:center;justify-content:flex-start;text-align:left}.steps-nav.horizontal .step-copy{width:100%}.steps-nav.horizontal .step-connector{width:var(--step-connector-size);min-width:var(--step-connector-size);min-height:24px;margin-top:0;margin-left:calc((var(--step-indicator-size) / 2) - (var(--step-connector-size) / 2));height:24px}.steps-nav.horizontal .step-connector[data-style=dashed]{background:repeating-linear-gradient(180deg,var(--editorial-connector, #8fd8c0) 0 8px,transparent 8px 14px)}.steps-nav.horizontal .step-connector[data-style=soft]{width:8px;min-width:8px;height:24px;background:var(--editorial-connector, #8fd8c0);background:linear-gradient(180deg,color-mix(in srgb,var(--editorial-connector, #8fd8c0) 24%,transparent),color-mix(in srgb,var(--editorial-connector, #8fd8c0) 88%,white) 55%,color-mix(in srgb,var(--editorial-connector, #8fd8c0) 24%,transparent))}}@media(prefers-reduced-motion:reduce){.step-chip,.step-icon,.step-copy{transition:none}.step-chip:hover:not([disabled]){transform:none}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: EditorialStepperComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'praxis-editorial-stepper', standalone: true, imports: [CommonModule, MatIconModule, PraxisIconDirective], template: `
+    <ol
+      class="steps-nav"
+      [class.vertical]="effectiveOrientation() === 'vertical'"
+      [class.horizontal]="effectiveOrientation() === 'horizontal'"
+      [attr.data-variant]="stepperVariant()"
+      [attr.data-align]="config()?.align ?? 'start'"
+      [attr.data-size]="config()?.size ?? 'md'"
+      [attr.aria-label]="stepperAriaLabel()"
+    >
+      @for (step of steps(); track step.stepId; let last = $last) {
+        <li
+          class="stepper-item"
+          [attr.data-state]="stepState(step)"
+          [attr.aria-posinset]="stepNumber(step)"
+          [attr.aria-setsize]="steps().length"
+        >
+          <button
+            type="button"
+            class="step-chip"
+            [class.active]="activeStepId() === step.stepId"
+            [class.completed]="stepState(step) === 'completed'"
+            [class.blocked]="stepState(step) === 'blocked'"
+            [disabled]="isSelectionBlocked(step.stepId)"
+            [attr.data-state]="stepState(step)"
+            [attr.aria-current]="activeStepId() === step.stepId ? 'step' : null"
+            [attr.aria-label]="buildStepAriaLabel(step)"
+            (click)="onStepClick(step.stepId)"
+          >
+            <span class="step-icon" aria-hidden="true">
+              @if (stepState(step) === 'completed') {
+                <mat-icon aria-hidden="true" praxisIcon="check"></mat-icon>
+              } @else if (step.icon?.name) {
+                <mat-icon aria-hidden="true" [praxisIcon]="step.icon?.name"></mat-icon>
+              } @else {
+                <span>{{ stepNumber(step) }}</span>
+              }
+            </span>
+            @if ((config()?.showLabels ?? true) !== false) {
+              <span class="step-copy">
+                <span class="step-label">{{ step.label }}</span>
+                @if ((config()?.showDescriptions ?? false) && step.description) {
+                  <span class="step-description">{{ step.description }}</span>
+                }
+              </span>
+            }
+          </button>
+          @if ((config()?.showConnectors ?? true) && !last) {
+            <span
+              class="step-connector"
+              [attr.data-state]="connectorState(step)"
+              [attr.data-style]="config()?.connectorStyle ?? 'solid'"
+            ></span>
+          }
+        </li>
+      }
+    </ol>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block}.steps-nav{--step-indicator-size: 42px;--step-copy-padding-block: 12px;--step-copy-padding-inline: 14px;--step-copy-width: minmax(0, 176px);--step-gap: 16px;--step-connector-offset: 26px;--step-connector-size: 4px;display:flex;align-items:flex-start;gap:var(--step-gap);list-style:none;padding:0;margin:0;width:100%}.steps-nav.horizontal[data-align=center]{justify-content:center}.steps-nav.horizontal[data-align=space-between]{justify-content:space-between}.steps-nav.horizontal[data-align=space-between] .stepper-item{flex:1 1 0}.steps-nav.horizontal[data-align=start] .stepper-item,.steps-nav.horizontal[data-align=center] .stepper-item{flex:0 1 196px}.steps-nav.vertical{flex-direction:column;gap:14px}.stepper-item{display:flex;align-items:flex-start;gap:var(--step-gap);min-width:0}.steps-nav.vertical .stepper-item{align-items:stretch;flex-direction:column;gap:10px}.step-chip{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:12px;width:100%;min-width:0;padding:0;border:0;background:transparent;color:var(--editorial-text-primary, #24324a);cursor:pointer;text-align:center;transition:transform .18s ease,opacity .18s ease}.step-chip:hover:not([disabled]){transform:translateY(-1px)}.step-chip:focus-visible{outline:3px solid var(--editorial-step-active, var(--editorial-accent, #264a8a));outline:3px solid color-mix(in srgb,var(--editorial-step-active, var(--editorial-accent, #264a8a)) 32%,white);outline-offset:6px;border-radius:calc(var(--editorial-card-radius, 22px) + 4px)}.steps-nav[data-size=sm]{--step-indicator-size: 34px;--step-copy-padding-block: 9px;--step-copy-padding-inline: 12px;--step-copy-width: minmax(0, 132px);--step-gap: 12px;--step-connector-offset: 21px}.steps-nav[data-size=lg]{--step-indicator-size: 52px;--step-copy-padding-block: 15px;--step-copy-padding-inline: 18px;--step-copy-width: minmax(0, 220px);--step-gap: 20px;--step-connector-offset: 32px}.step-chip[disabled]{opacity:.72;cursor:not-allowed;transform:none}.step-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--step-indicator-size);height:var(--step-indicator-size);border-radius:999px;border:1px solid var(--editorial-border-color, #d9deea);border:1px solid color-mix(in srgb,var(--editorial-border-color, #d9deea) 74%,white);background:var(--editorial-step-pending, #eef1f7);background:radial-gradient(circle at 30% 30%,color-mix(in srgb,var(--editorial-surface-primary, #fff) 86%,white),color-mix(in srgb,var(--editorial-step-pending, #eef1f7) 92%,white));color:var(--editorial-text-secondary, #7b8aa0);font-size:.82rem;font-weight:700;flex:0 0 auto;box-shadow:inset 0 1px #ffffffeb,0 10px 22px #14274414;transition:background .18s ease,color .18s ease,box-shadow .18s ease,border-color .18s ease}.step-icon mat-icon{width:18px;height:18px;font-size:18px;line-height:18px}.steps-nav[data-size=lg] .step-icon mat-icon{width:22px;height:22px;font-size:22px;line-height:22px}.step-chip.active .step-icon{border-color:var(--editorial-step-active, var(--editorial-accent, #264a8a));background:var(--editorial-step-active, var(--editorial-accent, #264a8a));border-color:color-mix(in srgb,var(--editorial-step-active, var(--editorial-accent, #264a8a)) 62%,white);color:var(--editorial-accent-contrast, #fff);box-shadow:0 0 0 var(--editorial-active-step-border-width, 2px) color-mix(in srgb,var(--editorial-accent, #264a8a) 20%,transparent),0 16px 28px color-mix(in srgb,var(--editorial-step-active, var(--editorial-accent, #264a8a)) 22%,transparent)}.step-chip.completed .step-icon{border-color:var(--editorial-step-completed, var(--editorial-success, #35b37e));background:var(--editorial-step-completed, var(--editorial-success, #35b37e));border-color:color-mix(in srgb,var(--editorial-step-completed, var(--editorial-success, #35b37e)) 66%,white);color:#fff;box-shadow:0 14px 24px color-mix(in srgb,var(--editorial-step-completed, var(--editorial-success, #35b37e)) 20%,transparent)}.step-chip.blocked .step-icon{border-color:var(--editorial-step-blocked, var(--editorial-warning, #f28c38));background:var(--editorial-step-blocked, var(--editorial-warning, #f28c38));border-color:color-mix(in srgb,var(--editorial-step-blocked, var(--editorial-warning, #f28c38)) 66%,white);color:#fff;box-shadow:0 14px 24px color-mix(in srgb,var(--editorial-step-blocked, var(--editorial-warning, #f28c38)) 18%,transparent)}.step-copy{display:grid;gap:4px;min-width:0;width:var(--step-copy-width);padding:var(--step-copy-padding-block) var(--step-copy-padding-inline);border-radius:calc(var(--editorial-card-radius, 22px) - 4px);border:1px solid var(--editorial-border-color, #d9deea);border:1px solid color-mix(in srgb,var(--editorial-border-color, #d9deea) 92%,white);background:var(--editorial-surface-primary, #fff);background:linear-gradient(180deg,color-mix(in srgb,var(--editorial-surface-primary, #fff) 96%,white),color-mix(in srgb,var(--editorial-surface-secondary, #f6f8fc) 74%,white));box-shadow:0 16px 32px #14274414;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.step-chip.active .step-copy{border-color:var(--editorial-step-active, var(--editorial-accent, #264a8a));background:var(--editorial-surface-primary, #fff);border-color:color-mix(in srgb,var(--editorial-step-active, var(--editorial-accent, #264a8a)) 32%,var(--editorial-border-color, #d9deea));background:linear-gradient(180deg,color-mix(in srgb,var(--editorial-surface-primary, #fff) 90%,white),color-mix(in srgb,var(--editorial-step-active, var(--editorial-accent, #264a8a)) 8%,var(--editorial-surface-primary, #fff)));box-shadow:0 18px 36px #1427441a,0 0 0 1px color-mix(in srgb,var(--editorial-step-active, var(--editorial-accent, #264a8a)) 12%,transparent)}.step-chip.completed .step-copy{border-color:var(--editorial-step-completed, var(--editorial-success, #35b37e));background:var(--editorial-surface-primary, #fff);border-color:color-mix(in srgb,var(--editorial-step-completed, var(--editorial-success, #35b37e)) 34%,var(--editorial-border-color, #d9deea));background:linear-gradient(180deg,color-mix(in srgb,var(--editorial-surface-primary, #fff) 88%,white),color-mix(in srgb,var(--editorial-step-completed, var(--editorial-success, #35b37e)) 8%,var(--editorial-surface-primary, #fff)))}.step-chip.blocked .step-copy{border-color:var(--editorial-step-blocked, var(--editorial-warning, #f28c38));background:var(--editorial-surface-primary, #fff);border-color:color-mix(in srgb,var(--editorial-step-blocked, var(--editorial-warning, #f28c38)) 38%,var(--editorial-border-color, #d9deea));background:linear-gradient(180deg,color-mix(in srgb,var(--editorial-surface-primary, #fff) 90%,white),color-mix(in srgb,var(--editorial-step-blocked, var(--editorial-warning, #f28c38)) 10%,var(--editorial-surface-primary, #fff)))}.step-label{font-weight:700;line-height:1.25;white-space:normal}.step-description{color:var(--editorial-text-secondary, #7b8aa0);font-size:.85rem;line-height:1.35}.step-connector{display:block;flex:1 1 auto;align-self:flex-start;min-width:40px;margin-top:var(--step-connector-offset);height:var(--step-connector-size);background:var(--editorial-connector, #8fd8c0);background:linear-gradient(90deg,color-mix(in srgb,var(--editorial-border-color, #d9deea) 58%,white),color-mix(in srgb,var(--editorial-connector, #8fd8c0) 72%,white));border-radius:999px;opacity:.92}.steps-nav.vertical .step-connector{width:var(--step-connector-size);min-width:var(--step-connector-size);min-height:28px;margin-top:0;margin-left:calc((var(--step-indicator-size) / 2) - (var(--step-connector-size) / 2));height:32px}.step-connector[data-style=dashed]{background:repeating-linear-gradient(90deg,var(--editorial-connector, #8fd8c0) 0 8px,transparent 8px 14px)}.steps-nav.vertical .step-connector[data-style=dashed]{background:repeating-linear-gradient(180deg,var(--editorial-connector, #8fd8c0) 0 8px,transparent 8px 14px)}.step-connector[data-style=soft]{height:8px;background:var(--editorial-connector, #8fd8c0);background:linear-gradient(90deg,color-mix(in srgb,var(--editorial-connector, #8fd8c0) 24%,transparent),color-mix(in srgb,var(--editorial-connector, #8fd8c0) 88%,white) 55%,color-mix(in srgb,var(--editorial-connector, #8fd8c0) 24%,transparent))}.steps-nav.vertical .step-connector[data-style=soft]{width:8px;min-width:8px;height:32px;background:var(--editorial-connector, #8fd8c0);background:linear-gradient(180deg,color-mix(in srgb,var(--editorial-connector, #8fd8c0) 24%,transparent),color-mix(in srgb,var(--editorial-connector, #8fd8c0) 88%,white) 55%,color-mix(in srgb,var(--editorial-connector, #8fd8c0) 24%,transparent))}.step-connector[data-state=completed]{background:var(--editorial-step-completed, var(--editorial-success, #35b37e));background:linear-gradient(90deg,color-mix(in srgb,var(--editorial-step-completed, var(--editorial-success, #35b37e)) 92%,white),color-mix(in srgb,var(--editorial-connector, #8fd8c0) 82%,white))}.step-connector[data-state=active]{background:var(--editorial-step-active, var(--editorial-accent, #264a8a));background:linear-gradient(90deg,color-mix(in srgb,var(--editorial-step-active, var(--editorial-accent, #264a8a)) 86%,white),color-mix(in srgb,var(--editorial-connector, #8fd8c0) 84%,white) 60%,color-mix(in srgb,var(--editorial-border-color, #d9deea) 48%,white))}.step-connector[data-state=blocked]{background:var(--editorial-step-blocked, var(--editorial-warning, #f28c38));background:linear-gradient(90deg,color-mix(in srgb,var(--editorial-step-blocked, var(--editorial-warning, #f28c38)) 78%,white),color-mix(in srgb,var(--editorial-border-color, #d9deea) 48%,white))}.steps-nav[data-variant=simple] .step-copy,.steps-nav[data-variant=simple] .step-description,.steps-nav[data-variant=icon] .step-description{display:none}.steps-nav[data-variant=simple] .step-chip,.steps-nav[data-variant=icon] .step-chip{gap:8px}.steps-nav.horizontal[data-variant=simple] .stepper-item,.steps-nav.horizontal[data-variant=icon] .stepper-item{align-items:center}.steps-nav[data-variant=rich] .step-copy{border-radius:var(--editorial-card-radius, 22px);box-shadow:0 20px 36px #14274417,0 0 0 1px #ffffff8c}.steps-nav.horizontal[data-variant=rich] .step-chip{align-items:stretch}.steps-nav.horizontal[data-variant=rich] .step-copy{text-align:left}.steps-nav.vertical .step-chip{flex-direction:row;align-items:center;justify-content:flex-start;text-align:left;gap:14px}.steps-nav.vertical .step-copy{width:100%}@media(max-width:860px){.steps-nav.horizontal{flex-direction:column;gap:12px}.steps-nav.horizontal .stepper-item{flex:none}.steps-nav.horizontal .step-chip{flex-direction:row;align-items:center;justify-content:flex-start;text-align:left}.steps-nav.horizontal .step-copy{width:100%}.steps-nav.horizontal .step-connector{width:var(--step-connector-size);min-width:var(--step-connector-size);min-height:24px;margin-top:0;margin-left:calc((var(--step-indicator-size) / 2) - (var(--step-connector-size) / 2));height:24px}.steps-nav.horizontal .step-connector[data-style=dashed]{background:repeating-linear-gradient(180deg,var(--editorial-connector, #8fd8c0) 0 8px,transparent 8px 14px)}.steps-nav.horizontal .step-connector[data-style=soft]{width:8px;min-width:8px;height:24px;background:var(--editorial-connector, #8fd8c0);background:linear-gradient(180deg,color-mix(in srgb,var(--editorial-connector, #8fd8c0) 24%,transparent),color-mix(in srgb,var(--editorial-connector, #8fd8c0) 88%,white) 55%,color-mix(in srgb,var(--editorial-connector, #8fd8c0) 24%,transparent))}}@media(prefers-reduced-motion:reduce){.step-chip,.step-icon,.step-copy{transition:none}.step-chip:hover:not([disabled]){transform:none}}\n"] }]
+        }], propDecorators: { steps: [{ type: i0.Input, args: [{ isSignal: true, alias: "steps", required: true }] }], activeStepId: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeStepId", required: false }] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], progressionBlocked: [{ type: i0.Input, args: [{ isSignal: true, alias: "progressionBlocked", required: false }] }], isStepSelectionBlocked: [{ type: i0.Input, args: [{ isSignal: true, alias: "isStepSelectionBlocked", required: false }] }], stepSelected: [{ type: i0.Output, args: ["stepSelected"] }] } });
 
 function resolveEditorialRuntimeSnapshot(input) {
     const diagnostics = [];
     const solution = input.solution;
     const instance = input.instance;
     const context = mergeContext(instance?.context ?? {}, instance?.overrides?.contextPatch ?? {}, input.runtimeContext ?? {});
+    const runtimeProblemType = solution?.problemType ?? instance?.template.problemType ?? null;
     const effectiveThemePreset = resolveEffectiveThemePreset(solution, instance, diagnostics);
-    const effectiveCompliancePresets = resolveEffectiveCompliancePresets(solution, instance, diagnostics);
+    const effectiveCompliancePresets = resolveEffectiveCompliancePresets(solution, instance, runtimeProblemType, diagnostics);
     validateContextContract(solution?.contextContract ?? [], context, diagnostics);
     validateComplianceContext(effectiveCompliancePresets, context, diagnostics);
+    validateComplianceRequirements(effectiveCompliancePresets, context, diagnostics);
+    diagnoseUnsupportedPresentationConfig(solution?.presentation ?? null, diagnostics);
     const journeys = mergeJourneys(solution, instance, diagnostics);
     applyCompliancePresetBlocks(journeys, effectiveCompliancePresets, solution, instance);
     applyJourneyOverrides(journeys, instance?.overrides?.journeyOverrides ?? [], diagnostics, instance);
@@ -855,6 +1941,7 @@ function resolveEditorialRuntimeSnapshot(input) {
         description: solution?.description ?? null,
         problemType: solution?.problemType ?? instance?.template.problemType ?? null,
         context,
+        presentation: resolveEffectivePresentation(solution?.presentation ?? null, effectiveThemePreset),
         effectiveThemePreset,
         effectiveCompliancePresets,
         journeys,
@@ -885,13 +1972,13 @@ function resolveEffectiveThemePreset(solution, instance, diagnostics) {
     }
     return resolved;
 }
-function resolveEffectiveCompliancePresets(solution, instance, diagnostics) {
+function resolveEffectiveCompliancePresets(solution, instance, runtimeProblemType, diagnostics) {
     if (instance?.selectedCompliancePresets?.length) {
-        return instance.selectedCompliancePresets;
+        return filterCompliancePresetsByProblemType(instance.selectedCompliancePresets, runtimeProblemType, diagnostics);
     }
     const requestedPresetIds = instance?.overrides?.compliancePresetIds;
     if (!requestedPresetIds?.length) {
-        return solution?.compliancePresets ?? [];
+        return filterCompliancePresetsByProblemType(solution?.compliancePresets ?? [], runtimeProblemType, diagnostics);
     }
     const resolved = [];
     for (const presetId of requestedPresetIds) {
@@ -908,7 +1995,7 @@ function resolveEffectiveCompliancePresets(solution, instance, diagnostics) {
         }
         resolved.push(preset);
     }
-    return resolved;
+    return filterCompliancePresetsByProblemType(resolved, runtimeProblemType, diagnostics);
 }
 function validateContextContract(contract, context, diagnostics) {
     for (const field of contract) {
@@ -945,6 +2032,40 @@ function validateComplianceContext(presets, context, diagnostics) {
         }
     }
 }
+function validateComplianceRequirements(presets, context, diagnostics) {
+    for (const preset of presets) {
+        for (const key of preset.requiredEvidenceKeys ?? []) {
+            const value = resolveComplianceValue(context, key);
+            if (value != null && value !== '' && (!Array.isArray(value) || value.length > 0)) {
+                continue;
+            }
+            diagnostics.push({
+                code: 'compliance-evidence-missing',
+                severity: 'error',
+                message: `Compliance preset "${preset.presetId}" requer a evidência "${key}".`,
+                scopeKind: 'global',
+                path: `compliancePreset:${preset.presetId}:evidence:${key}`,
+            });
+        }
+        for (const key of preset.requiredAcceptances ?? []) {
+            const value = resolveComplianceValue(context, key);
+            const accepted = value === true
+                || value === 'true'
+                || value === 'accepted'
+                || value === 'ACCEPTED';
+            if (accepted) {
+                continue;
+            }
+            diagnostics.push({
+                code: 'compliance-acceptance-missing',
+                severity: 'error',
+                message: `Compliance preset "${preset.presetId}" requer o aceite "${key}".`,
+                scopeKind: 'global',
+                path: `compliancePreset:${preset.presetId}:acceptance:${key}`,
+            });
+        }
+    }
+}
 function mergeJourneys(solution, instance, diagnostics) {
     const resolvedJourneys = new Map();
     const order = [];
@@ -990,6 +2111,11 @@ function createResolvedStep(step, source, instance) {
         stepId: step.stepId,
         label: step.label,
         description: step.description,
+        kind: step.kind,
+        icon: step.icon,
+        visual: step.visual,
+        optional: step.optional,
+        editableFromReview: step.editableFromReview,
         blocks: step.blocks.map((block) => createResolvedBlock(block, {
             ...source,
             blockId: block.blockId,
@@ -1058,6 +2184,11 @@ function mergeJourney(base, override, source, diagnostics, instance) {
             stepId: step.stepId,
             label: step.label || existing.label,
             description: step.description ?? existing.description,
+            kind: step.kind ?? existing.kind,
+            icon: step.icon ?? existing.icon,
+            visual: step.visual ?? existing.visual,
+            optional: step.optional ?? existing.optional,
+            editableFromReview: step.editableFromReview ?? existing.editableFromReview,
             blocks: mergedBlocks,
         });
     }
@@ -1089,6 +2220,111 @@ function applyCompliancePresetBlocks(journeys, presets, solution, instance) {
         }
     }
 }
+function filterCompliancePresetsByProblemType(presets, runtimeProblemType, diagnostics) {
+    if (!runtimeProblemType) {
+        return presets;
+    }
+    return presets.filter((preset) => {
+        if (!preset.problemTypes?.length || preset.problemTypes.includes(runtimeProblemType)) {
+            return true;
+        }
+        diagnostics.push({
+            code: 'compliance-preset-problem-type-mismatch',
+            severity: 'warning',
+            message: `Compliance preset "${preset.presetId}" nao se aplica ao problemType "${runtimeProblemType}".`,
+            scopeKind: 'global',
+            path: `compliancePreset:${preset.presetId}:problemType`,
+        });
+        return false;
+    });
+}
+function resolveComplianceValue(context, key) {
+    const direct = getValueAtPath(context, key);
+    if (direct != null && direct !== '') {
+        return direct;
+    }
+    return getValueAtPath(context, `formData.${key}`);
+}
+function resolveEffectivePresentation(basePresentation, themePreset) {
+    if (!basePresentation && !themePreset) {
+        return null;
+    }
+    const layout = {
+        ...(basePresentation?.layout ?? {}),
+    };
+    if (themePreset?.maxWidth != null && !layout.maxWidth) {
+        layout.maxWidth = String(themePreset.maxWidth);
+    }
+    if (themePreset?.pageSpacing != null) {
+        layout.spacing = {
+            ...(layout.spacing ?? {}),
+            pagePadding: layout.spacing?.pagePadding ?? String(themePreset.pageSpacing),
+        };
+    }
+    if (themePreset?.shellVariant && !layout.shellVariant) {
+        layout.shellVariant = mapThemeShellVariant(themePreset.shellVariant);
+    }
+    const theme = {
+        ...(basePresentation?.theme ?? {}),
+        color: {
+            ...(basePresentation?.theme?.color ?? {}),
+            pageBackground: basePresentation?.theme?.color?.pageBackground ?? themePreset?.background,
+        },
+    };
+    return {
+        ...(basePresentation ?? {}),
+        layout,
+        theme,
+    };
+}
+function diagnoseUnsupportedPresentationConfig(presentation, diagnostics) {
+    if (!presentation) {
+        return;
+    }
+    const unsupportedEntries = [];
+    if (presentation.layout?.contentAlign) {
+        unsupportedEntries.push({
+            path: 'presentation.layout.contentAlign',
+            reason: 'contentAlign ainda nao afeta o shell do runtime.',
+        });
+    }
+    if (presentation.layout?.responsive?.tabletOrientation) {
+        unsupportedEntries.push({
+            path: 'presentation.layout.responsive.tabletOrientation',
+            reason: 'tabletOrientation ainda nao possui comportamento responsivo dedicado.',
+        });
+    }
+    if (presentation.motion) {
+        unsupportedEntries.push({
+            path: 'presentation.motion',
+            reason: 'motion ainda nao possui integracao operacional no renderer do runtime.',
+        });
+    }
+    for (const entry of unsupportedEntries) {
+        diagnostics.push({
+            code: 'presentation-config-unsupported',
+            severity: 'warning',
+            message: `Configuracao de presentation ignorada em "${entry.path}". ${entry.reason}`,
+            scopeKind: 'global',
+            path: entry.path,
+        });
+    }
+}
+function mapThemeShellVariant(shellVariant) {
+    if (shellVariant === 'wizard') {
+        return 'corporate-wizard';
+    }
+    if (shellVariant === 'split') {
+        return 'sidebar-journey';
+    }
+    if (shellVariant === 'plain') {
+        return 'compliance-flow';
+    }
+    if (shellVariant === 'card') {
+        return 'compact-form';
+    }
+    return 'editorial-rich';
+}
 function applyJourneyOverrides(journeys, overrides, diagnostics, instance) {
     for (const journeyOverride of overrides) {
         const journey = journeys.find((candidate) => candidate.journeyId === journeyOverride.journeyId);
@@ -1352,7 +2588,7 @@ function buildDataCollectionState(block, instance) {
         resolvedFormConfigSource: resolution.source,
         resolvedFormConfigLookupKey: resolution.lookupKey,
         hasResolvedFormConfig,
-        expectedAdapter: 'required',
+        expectedAdapter: 'optional',
         readiness,
     };
 }
@@ -1474,7 +2710,105 @@ function deriveRuntimeFallbackState(snapshot, scope = {}) {
     };
 }
 
+function buildRuntimeCssVars(theme) {
+    if (!theme) {
+        return '';
+    }
+    const vars = [
+        ['--editorial-page-background', theme.color?.pageBackground],
+        ['--editorial-surface-primary', theme.color?.surfacePrimary],
+        ['--editorial-surface-secondary', theme.color?.surfaceSecondary],
+        ['--editorial-border-color', theme.color?.border],
+        ['--editorial-text-primary', theme.color?.textPrimary],
+        ['--editorial-text-secondary', theme.color?.textSecondary],
+        ['--editorial-accent', theme.color?.accent],
+        ['--editorial-accent-contrast', theme.color?.accentContrast],
+        ['--editorial-success', theme.color?.success],
+        ['--editorial-warning', theme.color?.warning],
+        ['--editorial-danger', theme.color?.danger],
+        ['--editorial-muted', theme.color?.muted],
+        ['--editorial-step-active', theme.color?.stepActive],
+        ['--editorial-step-completed', theme.color?.stepCompleted],
+        ['--editorial-step-pending', theme.color?.stepPending],
+        ['--editorial-step-blocked', theme.color?.stepBlocked],
+        ['--editorial-connector', theme.color?.connector],
+        ['--editorial-cta-primary', theme.color?.ctaPrimary],
+        ['--editorial-cta-primary-text', theme.color?.ctaPrimaryText],
+        ['--editorial-cta-secondary', theme.color?.ctaSecondary],
+        ['--editorial-cta-secondary-text', theme.color?.ctaSecondaryText],
+        ['--editorial-shell-radius', theme.radius?.shell],
+        ['--editorial-card-radius', theme.radius?.card],
+        ['--editorial-button-radius', theme.radius?.button],
+        ['--editorial-field-radius', theme.radius?.field],
+        ['--editorial-step-radius', theme.radius?.step],
+        ['--editorial-shell-shadow', theme.shadow?.shell],
+        ['--editorial-card-shadow', theme.shadow?.card],
+        ['--editorial-floating-shadow', theme.shadow?.floating],
+        ['--editorial-shell-border-width', theme.borderWidth?.shell],
+        ['--editorial-card-border-width', theme.borderWidth?.card],
+        ['--editorial-field-border-width', theme.borderWidth?.field],
+        ['--editorial-active-step-border-width', theme.borderWidth?.activeStep],
+        ['--editorial-title-font-family', theme.typography?.titleFontFamily],
+        ['--editorial-body-font-family', theme.typography?.bodyFontFamily],
+        ['--editorial-title-weight', stringifyToken(theme.typography?.titleWeight)],
+        ['--editorial-body-weight', stringifyToken(theme.typography?.bodyWeight)],
+        ['--editorial-hero-title-size', theme.typography?.heroTitleSize],
+        ['--editorial-step-title-size', theme.typography?.stepTitleSize],
+        ['--editorial-body-size', theme.typography?.bodySize],
+        ['--editorial-caption-size', theme.typography?.captionSize],
+    ];
+    const textPrimaryRgb = toRgbTuple(theme.color?.textPrimary);
+    const textSecondaryRgb = toRgbTuple(theme.color?.textSecondary);
+    const surfacePrimaryRgb = toRgbTuple(theme.color?.surfacePrimary);
+    const surfaceSecondaryRgb = toRgbTuple(theme.color?.surfaceSecondary);
+    if (textPrimaryRgb) {
+        vars.push(['--editorial-text-primary-rgb', textPrimaryRgb]);
+    }
+    if (textSecondaryRgb) {
+        vars.push(['--editorial-text-secondary-rgb', textSecondaryRgb]);
+    }
+    if (surfacePrimaryRgb) {
+        vars.push(['--editorial-surface-primary-rgb', surfacePrimaryRgb]);
+    }
+    if (surfaceSecondaryRgb) {
+        vars.push(['--editorial-surface-secondary-rgb', surfaceSecondaryRgb]);
+    }
+    return vars
+        .filter(([, value]) => Boolean(value))
+        .map(([key, value]) => `${key}:${value}`)
+        .join(';');
+}
+function stringifyToken(value) {
+    if (value === undefined || value === null || value === '') {
+        return undefined;
+    }
+    return String(value);
+}
+function toRgbTuple(value) {
+    if (!value) {
+        return undefined;
+    }
+    const normalized = value.trim();
+    const hex = normalized.match(/^#([0-9a-f]{3}|[0-9a-f]{6})$/i);
+    if (hex) {
+        const raw = hex[1];
+        const expanded = raw.length === 3
+            ? raw.split('').map((char) => `${char}${char}`).join('')
+            : raw;
+        const r = parseInt(expanded.slice(0, 2), 16);
+        const g = parseInt(expanded.slice(2, 4), 16);
+        const b = parseInt(expanded.slice(4, 6), 16);
+        return `${r}, ${g}, ${b}`;
+    }
+    const rgb = normalized.match(/^rgba?\(\s*(\d{1,3})[\s,]+(\d{1,3})[\s,]+(\d{1,3})(?:[\s,\/]+[\d.]+)?\s*\)$/i);
+    if (rgb) {
+        return `${rgb[1]}, ${rgb[2]}, ${rgb[3]}`;
+    }
+    return undefined;
+}
+
 class EditorialFormRuntimeComponent {
+    i18n = inject(PraxisI18nService);
     solution = input(null, ...(ngDevMode ? [{ debugName: "solution" }] : []));
     instance = input(null, ...(ngDevMode ? [{ debugName: "instance" }] : []));
     runtimeContext = input(null, ...(ngDevMode ? [{ debugName: "runtimeContext" }] : []));
@@ -1485,12 +2819,14 @@ class EditorialFormRuntimeComponent {
     state = new EditorialRuntimeState();
     solutionState = signal(null, ...(ngDevMode ? [{ debugName: "solutionState" }] : []));
     instanceState = signal(null, ...(ngDevMode ? [{ debugName: "instanceState" }] : []));
+    runtimeContextState = signal(null, ...(ngDevMode ? [{ debugName: "runtimeContextState" }] : []));
+    compactViewport = signal(false, ...(ngDevMode ? [{ debugName: "compactViewport" }] : []));
     lastSnapshotSignature = null;
     lastDiagnosticsSignature = null;
     lastFallbackSignature = null;
     lastBlockingSignature = null;
     lastOverrideConflictSignature = null;
-    runtime = this.state.connect(this.solutionState, this.instanceState, this.runtimeContext);
+    runtime = this.state.connect(this.solutionState, this.instanceState, this.runtimeContextState);
     snapshot = computed(() => this.runtime.snapshot(), ...(ngDevMode ? [{ debugName: "snapshot" }] : []));
     resolvedHostConfig = computed(() => ({
         ...DEFAULT_EDITORIAL_RUNTIME_HOST_CONFIG,
@@ -1515,28 +2851,38 @@ class EditorialFormRuntimeComponent {
     activeStepHasErrors = computed(() => this.activeStepDiagnostics().some((item) => item.severity === 'error'), ...(ngDevMode ? [{ debugName: "activeStepHasErrors" }] : []));
     activeStepHasWarnings = computed(() => this.activeStepDiagnostics().some((item) => item.severity === 'warning'), ...(ngDevMode ? [{ debugName: "activeStepHasWarnings" }] : []));
     diagnosticsMessage = computed(() => this.fallbackState().mode === 'blocked'
-        ? 'Existem inconsistencias bloqueadoras que impedem a progressao segura do fluxo editorial.'
+        ? this.t('runtime.diagnostics.message.blocked', 'Existem inconsistencias bloqueadoras que impedem a progressao segura do fluxo editorial.')
         : this.fallbackState().mode === 'degraded'
-            ? 'O runtime esta operando de forma degradada e requer atencao operacional.'
+            ? this.t('runtime.diagnostics.message.degraded', 'O runtime esta operando de forma degradada e requer atencao operacional.')
             : this.runtimeDiagnostics().hasErrors
-                ? 'Existem inconsistencias que podem comprometer a experiencia editorial.'
-                : 'Existem avisos operacionais para revisar nesta instancia editorial.', ...(ngDevMode ? [{ debugName: "diagnosticsMessage" }] : []));
+                ? this.t('runtime.diagnostics.message.error', 'Existem inconsistencias que podem comprometer a experiencia editorial.')
+                : this.t('runtime.diagnostics.message.warning', 'Existem avisos operacionais para revisar nesta instancia editorial.'), ...(ngDevMode ? [{ debugName: "diagnosticsMessage" }] : []));
     activeGlobalDiagnostics = computed(() => this.globalDiagnostics().filter((item) => item.severity === 'error'), ...(ngDevMode ? [{ debugName: "activeGlobalDiagnostics" }] : []));
     visibleBlocks = computed(() => getVisibleBlocks(this.activeStep()?.blocks, this.resolvedContext()), ...(ngDevMode ? [{ debugName: "visibleBlocks" }] : []));
     runtimeTitle = computed(() => this.snapshot().title, ...(ngDevMode ? [{ debugName: "runtimeTitle" }] : []));
     runtimeDescription = computed(() => this.snapshot().description, ...(ngDevMode ? [{ debugName: "runtimeDescription" }] : []));
     runtimeEyebrow = computed(() => this.snapshot().problemType, ...(ngDevMode ? [{ debugName: "runtimeEyebrow" }] : []));
+    presentation = computed(() => this.snapshot().presentation, ...(ngDevMode ? [{ debugName: "presentation" }] : []));
+    runtimeCssVars = computed(() => buildRuntimeCssVars(this.presentation()?.theme), ...(ngDevMode ? [{ debugName: "runtimeCssVars" }] : []));
+    runtimeLayoutCss = computed(() => buildRuntimeLayoutCss(this.presentation()?.layout), ...(ngDevMode ? [{ debugName: "runtimeLayoutCss" }] : []));
+    runtimeStyleAttr = computed(() => [this.runtimeCssVars(), this.runtimeLayoutCss()].filter(Boolean).join(';'), ...(ngDevMode ? [{ debugName: "runtimeStyleAttr" }] : []));
+    effectiveOrientation = computed(() => resolveRuntimeOrientation(this.presentation()?.layout, this.presentation()?.stepper, this.compactViewport()), ...(ngDevMode ? [{ debugName: "effectiveOrientation" }] : []));
+    shellVariant = computed(() => resolveShellVariant(this.presentation()?.layout), ...(ngDevMode ? [{ debugName: "shellVariant" }] : []));
+    effectiveDensity = computed(() => resolveDensity(this.presentation()?.layout), ...(ngDevMode ? [{ debugName: "effectiveDensity" }] : []));
+    stepperConfig = computed(() => this.presentation()?.stepper ?? null, ...(ngDevMode ? [{ debugName: "stepperConfig" }] : []));
+    stepperVisible = computed(() => this.stepperConfig()?.visible !== false, ...(ngDevMode ? [{ debugName: "stepperVisible" }] : []));
+    stepSelectionBlocker = (stepId) => this.isStepSelectionBlocked(stepId);
     fallbackLabel = computed(() => {
         if (this.fallbackState().mode === 'blocked') {
-            return 'Runtime bloqueado';
+            return this.t('runtime.fallback.blocked', 'Runtime bloqueado');
         }
         if (this.fallbackState().mode === 'degraded') {
-            return 'Runtime degradado';
+            return this.t('runtime.fallback.degraded', 'Runtime degradado');
         }
         if (this.fallbackState().mode === 'warning') {
-            return 'Runtime com aviso';
+            return this.t('runtime.fallback.warning', 'Runtime com aviso');
         }
-        return 'Runtime saudavel';
+        return this.t('runtime.fallback.healthy', 'Runtime saudavel');
     }, ...(ngDevMode ? [{ debugName: "fallbackLabel" }] : []));
     currentStepIndex = computed(() => {
         const journey = this.activeJourney();
@@ -1555,6 +2901,25 @@ class EditorialFormRuntimeComponent {
         effect(() => {
             this.solutionState.set(this.solution());
             this.instanceState.set(this.instance());
+            this.runtimeContextState.set(this.runtimeContext());
+        });
+        effect((onCleanup) => {
+            const breakpoint = this.presentation()?.layout?.responsive?.collapseStepperBelow;
+            if (typeof window === 'undefined' || typeof window.matchMedia !== 'function' || !breakpoint) {
+                this.compactViewport.set(false);
+                return;
+            }
+            const media = window.matchMedia(`(max-width: ${breakpoint})`);
+            const sync = () => this.compactViewport.set(media.matches);
+            sync();
+            const listener = () => sync();
+            if (typeof media.addEventListener === 'function') {
+                media.addEventListener('change', listener);
+                onCleanup(() => media.removeEventListener('change', listener));
+                return;
+            }
+            media.addListener(listener);
+            onCleanup(() => media.removeListener(listener));
         });
         effect(() => {
             const snapshot = this.snapshot();
@@ -1684,6 +3049,18 @@ class EditorialFormRuntimeComponent {
             this.state.selectStep(next.stepId);
         }
     }
+    handleBlockAction(action) {
+        if (action.actionId === 'next-step') {
+            this.goToNextStep();
+            return;
+        }
+        if (action.actionId === 'previous-step') {
+            this.goToPreviousStep();
+        }
+    }
+    updateRuntimeContext(nextContext) {
+        this.runtimeContextState.set(nextContext);
+    }
     journeyErrorCount(journeyId) {
         return this.countDiagnostics((item) => item.journeyId === journeyId && item.severity === 'error');
     }
@@ -1698,20 +3075,22 @@ class EditorialFormRuntimeComponent {
     }
     formatDiagnosticSeverity(item) {
         if (item.severity === 'error') {
-            return 'Erro';
+            return this.t('runtime.diagnostics.severity.error', 'Erro');
         }
         if (item.severity === 'warning') {
-            return 'Aviso';
+            return this.t('runtime.diagnostics.severity.warning', 'Aviso');
         }
-        return 'Info';
+        return this.t('runtime.diagnostics.severity.info', 'Info');
     }
     formatDiagnosticScope(item) {
         const parts = [
-            item.scopeKind === 'global' ? 'Escopo: runtime global' : null,
-            formatScopeLabel('Jornada', item.journeyLabel, item.journeyId),
-            formatScopeLabel('Etapa', item.stepLabel, item.stepId),
-            formatScopeLabel('Bloco', item.blockLabel, item.blockId),
-            item.path ? `Path: ${item.path}` : null,
+            item.scopeKind === 'global'
+                ? this.t('runtime.scope.global', 'Escopo: runtime global')
+                : null,
+            formatScopeLabel(this.t('runtime.scope.journey', 'Jornada'), item.journeyLabel, item.journeyId),
+            formatScopeLabel(this.t('runtime.scope.step', 'Etapa'), item.stepLabel, item.stepId),
+            formatScopeLabel(this.t('runtime.scope.block', 'Bloco'), item.blockLabel, item.blockId),
+            item.path ? `${this.t('runtime.scope.path', 'Path')}: ${item.path}` : null,
         ].filter((value) => Boolean(value));
         return parts.join(' | ');
     }
@@ -1730,13 +3109,16 @@ class EditorialFormRuntimeComponent {
         if (stepId === activeStepId) {
             return false;
         }
+        if (this.stepperConfig()?.allowStepJump === false) {
+            return true;
+        }
         return this.isForwardNavigationBlocked();
     }
     navigationBlockingMessage() {
         if (this.activeGlobalDiagnostics().length) {
-            return 'A navegacao de avanço foi bloqueada porque o runtime possui erro global que precisa ser corrigido antes de continuar.';
+            return this.t('runtime.navigation.globalBlocked', 'A navegacao de avanço foi bloqueada porque o runtime possui erro global que precisa ser corrigido antes de continuar.');
         }
-        return 'A navegacao de avanço foi bloqueada porque a etapa atual possui erro estrutural.';
+        return this.t('runtime.navigation.stepBlocked', 'A navegacao de avanço foi bloqueada porque a etapa atual possui erro estrutural.');
     }
     countDiagnostics(predicate) {
         return this.diagnosticItems().filter(predicate).length;
@@ -1751,9 +3133,21 @@ class EditorialFormRuntimeComponent {
         }
         this.operationalEvent.emit(event);
     }
+    t(key, fallback, params) {
+        return this.i18n.t(`praxis.editorialForms.${key}`, params, fallback);
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: EditorialFormRuntimeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: EditorialFormRuntimeComponent, isStandalone: true, selector: "praxis-editorial-form-runtime", inputs: { solution: { classPropertyName: "solution", publicName: "solution", isSignal: true, isRequired: false, transformFunction: null }, instance: { classPropertyName: "instance", publicName: "instance", isSignal: true, isRequired: false, transformFunction: null }, runtimeContext: { classPropertyName: "runtimeContext", publicName: "runtimeContext", isSignal: true, isRequired: false, transformFunction: null }, hostConfig: { classPropertyName: "hostConfig", publicName: "hostConfig", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { snapshotChange: "snapshotChange", fallbackChange: "fallbackChange", operationalEvent: "operationalEvent" }, ngImport: i0, template: `
-    <section class="editorial-runtime">
+    <section
+      class="editorial-runtime"
+      [class.orientation-horizontal]="effectiveOrientation() === 'horizontal'"
+      [class.orientation-vertical]="effectiveOrientation() === 'vertical'"
+      [class.density-compact]="effectiveDensity() === 'compact'"
+      [class.density-comfortable]="effectiveDensity() === 'comfortable'"
+      [class.density-relaxed]="effectiveDensity() === 'relaxed'"
+      [attr.data-shell-variant]="shellVariant()"
+      [style]="runtimeStyleAttr()"
+    >
       @if (runtimeDiagnostics().items.length) {
         <section
           class="diagnostics-panel"
@@ -1763,18 +3157,26 @@ class EditorialFormRuntimeComponent {
           [attr.aria-live]="runtimeDiagnostics().hasErrors ? 'assertive' : 'polite'"
           aria-atomic="true"
         >
-          <h2>Diagnosticos do runtime</h2>
+          <h2>{{ t('runtime.diagnostics.title', 'Diagnosticos do runtime') }}</h2>
           <p>{{ diagnosticsMessage() }}</p>
-          <div class="diagnostics-summary" aria-label="Resumo de severidade">
-            <span class="summary-pill error">Erros: {{ diagnosticsErrorCount() }}</span>
-            <span class="summary-pill warning">Avisos: {{ diagnosticsWarningCount() }}</span>
-            <span class="summary-pill info">Infos: {{ diagnosticsInfoCount() }}</span>
+          <div
+            class="diagnostics-summary"
+            [attr.aria-label]="t('runtime.diagnostics.severitySummary', 'Resumo de severidade')"
+          >
+            <span class="summary-pill error">{{ t('runtime.diagnostics.errorsCount', 'Erros: {count}', { count: diagnosticsErrorCount() }) }}</span>
+            <span class="summary-pill warning">{{ t('runtime.diagnostics.warningsCount', 'Avisos: {count}', { count: diagnosticsWarningCount() }) }}</span>
+            <span class="summary-pill info">{{ t('runtime.diagnostics.infoCount', 'Infos: {count}', { count: diagnosticsInfoCount() }) }}</span>
           </div>
           <details class="diagnostics-details">
-            <summary>Ver detalhes ({{ diagnosticItems().length }})</summary>
+            <summary>
+              {{ t('runtime.diagnostics.details', 'Ver detalhes ({count})', { count: diagnosticItems().length }) }}
+            </summary>
             @if (globalDiagnostics().length) {
-              <section class="diagnostic-group global" aria-label="Erros globais do runtime">
-                <h3>Erros globais do runtime</h3>
+              <section
+                class="diagnostic-group global"
+                [attr.aria-label]="t('runtime.diagnostics.globalErrors', 'Erros globais do runtime')"
+              >
+                <h3>{{ t('runtime.diagnostics.globalErrors', 'Erros globais do runtime') }}</h3>
                 <ul class="diagnostics-list">
                   @for (item of globalDiagnostics(); track item.code + ':' + (item.path ?? $index)) {
                     <li>
@@ -1818,7 +3220,10 @@ class EditorialFormRuntimeComponent {
         </header>
 
         @if (journeys().length > 1) {
-          <nav class="journey-tabs" aria-label="Jornadas editoriais">
+          <nav
+            class="journey-tabs"
+            [attr.aria-label]="t('runtime.journeys.ariaLabel', 'Jornadas editoriais')"
+          >
             @for (journey of journeys(); track journey.journeyId) {
               <button
                 type="button"
@@ -1830,11 +3235,17 @@ class EditorialFormRuntimeComponent {
               >
                 {{ journey.label }}
                 @if (journeyErrorCount(journey.journeyId)) {
-                  <span class="status-badge error" aria-label="Jornada com erros">
+                  <span
+                    class="status-badge error"
+                    [attr.aria-label]="t('runtime.journeys.errors', 'Jornada com erros')"
+                  >
                     {{ journeyErrorCount(journey.journeyId) }}
                   </span>
                 } @else if (journeyWarningCount(journey.journeyId)) {
-                  <span class="status-badge warning" aria-label="Jornada com avisos">
+                  <span
+                    class="status-badge warning"
+                    [attr.aria-label]="t('runtime.journeys.warnings', 'Jornada com avisos')"
+                  >
                     {{ journeyWarningCount(journey.journeyId) }}
                   </span>
                 }
@@ -1852,32 +3263,16 @@ class EditorialFormRuntimeComponent {
               }
             </header>
 
-            @if (journey.steps.length > 1) {
-              <ol class="steps-nav" aria-label="Etapas da jornada">
-                @for (step of journey.steps; track step.stepId) {
-                  <li>
-                    <button
-                      type="button"
-                      class="step-chip"
-                      [class.active]="activeStep()?.stepId === step.stepId"
-                      [disabled]="isStepSelectionBlocked(step.stepId)"
-                      [attr.aria-describedby]="isStepSelectionBlocked(step.stepId) ? 'navigation-blocking-note' : null"
-                      (click)="selectStep(step.stepId)"
-                    >
-                      {{ step.label }}
-                      @if (stepErrorCount(step.stepId)) {
-                        <span class="status-badge error" aria-label="Etapa com erros">
-                          {{ stepErrorCount(step.stepId) }}
-                        </span>
-                      } @else if (stepWarningCount(step.stepId)) {
-                        <span class="status-badge warning" aria-label="Etapa com avisos">
-                          {{ stepWarningCount(step.stepId) }}
-                        </span>
-                      }
-                    </button>
-                  </li>
-                }
-              </ol>
+            @if (journey.steps.length > 1 && stepperVisible()) {
+              <praxis-editorial-stepper
+                [steps]="journey.steps"
+                [activeStepId]="activeStep()?.stepId ?? null"
+                [config]="stepperConfig()"
+                [orientation]="effectiveOrientation()"
+                [progressionBlocked]="isForwardNavigationBlocked()"
+                [isStepSelectionBlocked]="stepSelectionBlocker"
+                (stepSelected)="selectStep($event)"
+              />
             }
 
             @if (activeStep(); as step) {
@@ -1894,7 +3289,12 @@ class EditorialFormRuntimeComponent {
                     }
                   </div>
                   <div class="step-counter">
-                    Etapa {{ currentStepIndex() + 1 }} de {{ journey.steps.length }}
+                    {{
+                      t('runtime.step.counter', 'Etapa {current} de {total}', {
+                        current: currentStepIndex() + 1,
+                        total: journey.steps.length,
+                      })
+                    }}
                   </div>
                 </header>
 
@@ -1907,7 +3307,7 @@ class EditorialFormRuntimeComponent {
                     [attr.aria-live]="activeStepHasErrors() ? 'assertive' : 'polite'"
                     aria-atomic="true"
                   >
-                    <h4>Situacao desta etapa</h4>
+                    <h4>{{ t('runtime.step.statusTitle', 'Situacao desta etapa') }}</h4>
                     <ul class="diagnostics-list contextual">
                       @for (item of activeStepDiagnostics(); track item.code + ':' + (item.path ?? $index)) {
                         <li>
@@ -1929,7 +3329,7 @@ class EditorialFormRuntimeComponent {
                     aria-live="assertive"
                     aria-atomic="true"
                   >
-                    <h4>Erro global do runtime</h4>
+                    <h4>{{ t('runtime.step.globalErrorTitle', 'Erro global do runtime') }}</h4>
                     <ul class="diagnostics-list contextual">
                       @for (item of activeGlobalDiagnostics(); track item.code + ':' + (item.path ?? $index)) {
                         <li>
@@ -1951,6 +3351,8 @@ class EditorialFormRuntimeComponent {
                       [runtimeContext]="resolvedContext()"
                       [solution]="solution()"
                       [instance]="instance()"
+                      (runtimeContextChange)="updateRuntimeContext($event)"
+                      (blockAction)="handleBlockAction($event)"
                       (operationalEvent)="emitOperationalEvent($event)"
                     />
                   }
@@ -1958,16 +3360,26 @@ class EditorialFormRuntimeComponent {
 
                 @if (journey.steps.length > 1) {
                   <footer class="step-actions">
-                    <button type="button" (click)="goToPreviousStep()" [disabled]="!hasPreviousStep()">
-                      Etapa anterior
+                    <button
+                      type="button"
+                      class="secondary"
+                      (click)="goToPreviousStep()"
+                      [disabled]="!hasPreviousStep()"
+                    >
+                      {{ t('runtime.actions.previous', 'Etapa anterior') }}
                     </button>
                     <button
                       type="button"
+                      class="primary"
                       (click)="goToNextStep()"
                       [disabled]="!hasNextStep() || isForwardNavigationBlocked()"
                       [attr.aria-describedby]="isForwardNavigationBlocked() ? 'navigation-blocking-note' : null"
                     >
-                      {{ isForwardNavigationBlocked() ? 'Corrija os erros para avancar' : 'Proxima etapa' }}
+                      {{
+                        isForwardNavigationBlocked()
+                          ? t('runtime.actions.nextBlocked', 'Corrija os erros para avancar')
+                          : t('runtime.actions.next', 'Proxima etapa')
+                      }}
                     </button>
                   </footer>
                   @if (isForwardNavigationBlocked()) {
@@ -1981,23 +3393,36 @@ class EditorialFormRuntimeComponent {
           </section>
         } @else {
           <section class="empty-state">
-            <h2>Editorial runtime sem jornada</h2>
-            <p>Nenhuma jornada editorial foi resolvida para o estado atual.</p>
+            <h2>{{ t('runtime.empty.noJourneyTitle', 'Editorial runtime sem jornada') }}</h2>
+            <p>
+              {{ t('runtime.empty.noJourneyDescription', 'Nenhuma jornada editorial foi resolvida para o estado atual.') }}
+            </p>
           </section>
         }
       } @else {
         <section class="empty-state">
-          <h2>Editorial runtime vazio</h2>
-          <p>Forneca uma solution ou instance editorial para materializar a jornada.</p>
+          <h2>{{ t('runtime.empty.noSolutionTitle', 'Editorial runtime vazio') }}</h2>
+          <p>
+            {{ t('runtime.empty.noSolutionDescription', 'Forneca uma solution ou instance editorial para materializar a jornada.') }}
+          </p>
         </section>
       }
     </section>
-  `, isInline: true, styles: [":host{display:block}.editorial-runtime{display:grid;gap:24px;padding:24px;color:var(--md-sys-color-on-surface, #1b1b1f);background:var(--md-sys-color-surface, #fdf8fd)}.runtime-header,.journey-card,.empty-state,.diagnostics-panel{border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #cac4d0) 70%,transparent);border-radius:20px;background:var(--md-sys-color-surface-container-low, #f7f2fa);padding:20px}.diagnostics-panel{display:grid;gap:10px}.diagnostics-panel.warning{border-color:color-mix(in srgb,#b26a00 55%,var(--md-sys-color-outline-variant, #cac4d0));background:color-mix(in srgb,#fff4de 78%,var(--md-sys-color-surface-container-low, #f7f2fa))}.diagnostics-panel.error{border-color:color-mix(in srgb,#b3261e 60%,var(--md-sys-color-outline-variant, #cac4d0));background:color-mix(in srgb,#fde7e9 78%,var(--md-sys-color-surface-container-low, #f7f2fa))}.diagnostics-list{margin:0;padding-left:18px;display:grid;gap:8px}.diagnostics-summary{display:flex;flex-wrap:wrap;gap:8px}.summary-pill{display:inline-flex;align-items:center;min-height:32px;padding:6px 10px;border-radius:999px;font-size:.85rem;border:1px solid transparent;background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 85%,transparent)}.summary-pill.error{border-color:color-mix(in srgb,#b3261e 45%,transparent)}.summary-pill.warning{border-color:color-mix(in srgb,#b26a00 45%,transparent)}.summary-pill.info{border-color:color-mix(in srgb,#00639b 45%,transparent)}.status-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;min-height:22px;padding:0 6px;border-radius:999px;font-size:.75rem;font-weight:700;background:var(--md-sys-color-surface, #fff)}.status-badge.error{color:#8c1d18;background:#fde7e9}.status-badge.warning{color:#7a4b00;background:#fff4de}.diagnostics-details summary{cursor:pointer;font-weight:600}.diagnostic-group{display:grid;gap:8px;padding:12px 0}.diagnostic-group.global{border-bottom:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #cac4d0) 65%,transparent);margin-bottom:12px}.step-panel.error{border-left:4px solid #b3261e}.step-panel.warning{border-left:4px solid #b26a00}.step-diagnostics{display:grid;gap:8px;padding:14px 16px;border-radius:16px}.step-diagnostics.error{background:#fde7e9;color:#5b1210}.step-diagnostics.warning{background:#fff4de;color:#6b4300}.step-diagnostics.global{background:#fde7e9;color:#5b1210;border:1px solid color-mix(in srgb,#b3261e 35%,transparent)}.diagnostics-list.contextual{padding-left:16px}.diagnostic-location{display:block;margin-top:4px;font-size:.82rem;opacity:.85}.step-blocking-note{font-size:.9rem;color:#8c1d18}.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;color:var(--md-sys-color-primary, #6750a4);font-weight:700}.runtime-state-pill{justify-self:start;display:inline-flex;align-items:center;min-height:30px;padding:4px 10px;border-radius:999px;font-size:.8rem;font-weight:700;background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 88%,transparent);border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #cac4d0) 70%,transparent)}.runtime-state-pill[data-mode=warning]{color:#7a4b00;background:#fff4de}.runtime-state-pill[data-mode=degraded]{color:#8c1d18;background:#fde7e9}.runtime-state-pill[data-mode=blocked]{color:#8c1d18;background:#fde7e9;border-color:color-mix(in srgb,#b3261e 55%,transparent)}h1,h2,h3,p{margin:0}.runtime-header,.journey-card,.journey-header,.step-panel{display:grid;gap:12px}.description,.journey-header p,.step-header p,.step-counter,.empty-state p{color:var(--md-sys-color-on-surface-variant, #49454f)}.journey-tabs,.steps-nav,.step-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.steps-nav{list-style:none;padding:0;margin:0}.journey-tab,.step-chip,.step-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #cac4d0) 75%,transparent);background:var(--md-sys-color-surface, #fff);color:inherit;cursor:pointer}.journey-tab.active,.step-chip.active{background:var(--md-sys-color-primary, #6750a4);color:var(--md-sys-color-on-primary, #fff)}.step-header{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.block-stack{display:grid;gap:16px}.step-actions button[disabled]{opacity:.5;cursor:not-allowed}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: EditorialBlockRendererComponent, selector: "praxis-editorial-block-renderer", inputs: ["block", "runtimeContext", "solution", "instance"], outputs: ["operationalEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [":host{display:block}.editorial-runtime{display:grid;gap:24px;padding:var(--editorial-page-padding, 24px);color:var(--editorial-text-primary, var(--md-sys-color-on-surface, #1b1b1f));background:var(--editorial-page-background, var(--md-sys-color-surface, #fdf8fd));font-family:var(--editorial-body-font-family, inherit)}.runtime-header,.journey-card,.empty-state,.diagnostics-panel{border:var(--editorial-shell-border-width, 1px) solid color-mix(in srgb,var(--editorial-border-color, var(--md-sys-color-outline-variant, #cac4d0)) 70%,transparent);border-radius:var(--editorial-shell-radius, 20px);background:var(--editorial-surface-secondary, var(--md-sys-color-surface-container-low, #f7f2fa));padding:var(--editorial-shell-padding, 20px);box-shadow:var(--editorial-shell-shadow, none)}.diagnostics-panel{display:grid;gap:10px}.diagnostics-panel.warning{border-color:color-mix(in srgb,#b26a00 55%,var(--md-sys-color-outline-variant, #cac4d0));background:color-mix(in srgb,#fff4de 78%,var(--md-sys-color-surface-container-low, #f7f2fa))}.diagnostics-panel.error{border-color:color-mix(in srgb,#b3261e 60%,var(--md-sys-color-outline-variant, #cac4d0));background:color-mix(in srgb,#fde7e9 78%,var(--md-sys-color-surface-container-low, #f7f2fa))}.diagnostics-list{margin:0;padding-left:18px;display:grid;gap:8px}.diagnostics-summary{display:flex;flex-wrap:wrap;gap:8px}.summary-pill{display:inline-flex;align-items:center;min-height:32px;padding:6px 10px;border-radius:999px;font-size:.85rem;border:1px solid transparent;background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 85%,transparent)}.summary-pill.error{border-color:color-mix(in srgb,#b3261e 45%,transparent)}.summary-pill.warning{border-color:color-mix(in srgb,#b26a00 45%,transparent)}.summary-pill.info{border-color:color-mix(in srgb,#00639b 45%,transparent)}.status-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;min-height:22px;padding:0 6px;border-radius:999px;font-size:.75rem;font-weight:700;background:var(--md-sys-color-surface, #fff)}.status-badge.error{color:#8c1d18;background:#fde7e9}.status-badge.warning{color:#7a4b00;background:#fff4de}.diagnostics-details summary{cursor:pointer;font-weight:600}.diagnostic-group{display:grid;gap:8px;padding:12px 0}.diagnostic-group.global{border-bottom:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #cac4d0) 65%,transparent);margin-bottom:12px}.step-panel.error{border-left:4px solid #b3261e}.step-panel.warning{border-left:4px solid #b26a00}.step-diagnostics{display:grid;gap:8px;padding:14px 16px;border-radius:16px}.step-diagnostics.error{background:#fde7e9;color:#5b1210}.step-diagnostics.warning{background:#fff4de;color:#6b4300}.step-diagnostics.global{background:#fde7e9;color:#5b1210;border:1px solid color-mix(in srgb,#b3261e 35%,transparent)}.diagnostics-list.contextual{padding-left:16px}.diagnostic-location{display:block;margin-top:4px;font-size:.82rem;opacity:.85}.step-blocking-note{font-size:.9rem;color:#8c1d18}.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.08em;font-size:var(--editorial-caption-size, .75rem);color:var(--editorial-accent, var(--md-sys-color-primary, #6750a4));font-weight:700}.runtime-state-pill{justify-self:start;display:inline-flex;align-items:center;min-height:30px;padding:4px 10px;border-radius:999px;font-size:.8rem;font-weight:700;background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 88%,transparent);border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #cac4d0) 70%,transparent)}.runtime-state-pill[data-mode=warning]{color:#7a4b00;background:#fff4de}.runtime-state-pill[data-mode=degraded]{color:#8c1d18;background:#fde7e9}.runtime-state-pill[data-mode=blocked]{color:#8c1d18;background:#fde7e9;border-color:color-mix(in srgb,#b3261e 55%,transparent)}h1,h2,h3,p{margin:0}h1{font-size:var(--editorial-hero-title-size, 2rem);line-height:1.1}.step-header h3{font-size:var(--editorial-step-title-size, 1.25rem);line-height:1.2}.runtime-header,.journey-card,.journey-header,.step-panel{display:grid;gap:12px}.editorial-runtime[data-shell-variant=sidebar-journey] .journey-card,.orientation-vertical .journey-card{grid-template-columns:minmax(220px,280px) minmax(0,1fr);align-items:start}.description,.journey-header p,.step-header p,.step-counter,.empty-state p{font-size:var(--editorial-body-size, 1rem);color:var(--editorial-text-secondary, var(--md-sys-color-on-surface-variant, #49454f))}.journey-tabs,.step-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.journey-tab,.step-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 12px;border-radius:var(--editorial-button-radius, 999px);border:1px solid color-mix(in srgb,var(--editorial-border-color, var(--md-sys-color-outline-variant, #cac4d0)) 75%,transparent);background:var(--editorial-surface-primary, var(--md-sys-color-surface, #fff));color:inherit;box-shadow:var(--editorial-card-shadow, none);cursor:pointer}.journey-tab.active,.step-actions button.primary{background:var(--editorial-cta-primary, var(--editorial-accent, var(--md-sys-color-primary, #6750a4)));color:var(--editorial-cta-primary-text, var(--editorial-accent-contrast, var(--md-sys-color-on-primary, #fff)));border-color:transparent}.step-actions button.secondary{color:var(--editorial-cta-primary, var(--editorial-accent, var(--md-sys-color-primary, #6750a4)))}.step-header{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.block-stack{display:grid;gap:var(--editorial-block-gap, 16px)}.step-actions button[disabled]{opacity:.5;cursor:not-allowed}.density-compact{--editorial-page-padding: 16px;--editorial-shell-padding: 16px;--editorial-block-gap: 12px}.density-comfortable{--editorial-page-padding: 24px;--editorial-shell-padding: 20px;--editorial-block-gap: 16px}.density-relaxed{--editorial-page-padding: 32px;--editorial-shell-padding: 28px;--editorial-block-gap: 20px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: EditorialBlockRendererComponent, selector: "praxis-editorial-block-renderer", inputs: ["block", "runtimeContext", "solution", "instance"], outputs: ["runtimeContextChange", "operationalEvent", "blockAction"] }, { kind: "component", type: EditorialStepperComponent, selector: "praxis-editorial-stepper", inputs: ["steps", "activeStepId", "config", "orientation", "progressionBlocked", "isStepSelectionBlocked"], outputs: ["stepSelected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: EditorialFormRuntimeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'praxis-editorial-form-runtime', standalone: true, imports: [CommonModule, EditorialBlockRendererComponent], template: `
-    <section class="editorial-runtime">
+            args: [{ selector: 'praxis-editorial-form-runtime', standalone: true, imports: [CommonModule, EditorialBlockRendererComponent, EditorialStepperComponent], template: `
+    <section
+      class="editorial-runtime"
+      [class.orientation-horizontal]="effectiveOrientation() === 'horizontal'"
+      [class.orientation-vertical]="effectiveOrientation() === 'vertical'"
+      [class.density-compact]="effectiveDensity() === 'compact'"
+      [class.density-comfortable]="effectiveDensity() === 'comfortable'"
+      [class.density-relaxed]="effectiveDensity() === 'relaxed'"
+      [attr.data-shell-variant]="shellVariant()"
+      [style]="runtimeStyleAttr()"
+    >
       @if (runtimeDiagnostics().items.length) {
         <section
           class="diagnostics-panel"
@@ -2007,18 +3432,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
           [attr.aria-live]="runtimeDiagnostics().hasErrors ? 'assertive' : 'polite'"
           aria-atomic="true"
         >
-          <h2>Diagnosticos do runtime</h2>
+          <h2>{{ t('runtime.diagnostics.title', 'Diagnosticos do runtime') }}</h2>
           <p>{{ diagnosticsMessage() }}</p>
-          <div class="diagnostics-summary" aria-label="Resumo de severidade">
-            <span class="summary-pill error">Erros: {{ diagnosticsErrorCount() }}</span>
-            <span class="summary-pill warning">Avisos: {{ diagnosticsWarningCount() }}</span>
-            <span class="summary-pill info">Infos: {{ diagnosticsInfoCount() }}</span>
+          <div
+            class="diagnostics-summary"
+            [attr.aria-label]="t('runtime.diagnostics.severitySummary', 'Resumo de severidade')"
+          >
+            <span class="summary-pill error">{{ t('runtime.diagnostics.errorsCount', 'Erros: {count}', { count: diagnosticsErrorCount() }) }}</span>
+            <span class="summary-pill warning">{{ t('runtime.diagnostics.warningsCount', 'Avisos: {count}', { count: diagnosticsWarningCount() }) }}</span>
+            <span class="summary-pill info">{{ t('runtime.diagnostics.infoCount', 'Infos: {count}', { count: diagnosticsInfoCount() }) }}</span>
           </div>
           <details class="diagnostics-details">
-            <summary>Ver detalhes ({{ diagnosticItems().length }})</summary>
+            <summary>
+              {{ t('runtime.diagnostics.details', 'Ver detalhes ({count})', { count: diagnosticItems().length }) }}
+            </summary>
             @if (globalDiagnostics().length) {
-              <section class="diagnostic-group global" aria-label="Erros globais do runtime">
-                <h3>Erros globais do runtime</h3>
+              <section
+                class="diagnostic-group global"
+                [attr.aria-label]="t('runtime.diagnostics.globalErrors', 'Erros globais do runtime')"
+              >
+                <h3>{{ t('runtime.diagnostics.globalErrors', 'Erros globais do runtime') }}</h3>
                 <ul class="diagnostics-list">
                   @for (item of globalDiagnostics(); track item.code + ':' + (item.path ?? $index)) {
                     <li>
@@ -2062,7 +3495,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
         </header>
 
         @if (journeys().length > 1) {
-          <nav class="journey-tabs" aria-label="Jornadas editoriais">
+          <nav
+            class="journey-tabs"
+            [attr.aria-label]="t('runtime.journeys.ariaLabel', 'Jornadas editoriais')"
+          >
             @for (journey of journeys(); track journey.journeyId) {
               <button
                 type="button"
@@ -2074,11 +3510,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
               >
                 {{ journey.label }}
                 @if (journeyErrorCount(journey.journeyId)) {
-                  <span class="status-badge error" aria-label="Jornada com erros">
+                  <span
+                    class="status-badge error"
+                    [attr.aria-label]="t('runtime.journeys.errors', 'Jornada com erros')"
+                  >
                     {{ journeyErrorCount(journey.journeyId) }}
                   </span>
                 } @else if (journeyWarningCount(journey.journeyId)) {
-                  <span class="status-badge warning" aria-label="Jornada com avisos">
+                  <span
+                    class="status-badge warning"
+                    [attr.aria-label]="t('runtime.journeys.warnings', 'Jornada com avisos')"
+                  >
                     {{ journeyWarningCount(journey.journeyId) }}
                   </span>
                 }
@@ -2096,32 +3538,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
               }
             </header>
 
-            @if (journey.steps.length > 1) {
-              <ol class="steps-nav" aria-label="Etapas da jornada">
-                @for (step of journey.steps; track step.stepId) {
-                  <li>
-                    <button
-                      type="button"
-                      class="step-chip"
-                      [class.active]="activeStep()?.stepId === step.stepId"
-                      [disabled]="isStepSelectionBlocked(step.stepId)"
-                      [attr.aria-describedby]="isStepSelectionBlocked(step.stepId) ? 'navigation-blocking-note' : null"
-                      (click)="selectStep(step.stepId)"
-                    >
-                      {{ step.label }}
-                      @if (stepErrorCount(step.stepId)) {
-                        <span class="status-badge error" aria-label="Etapa com erros">
-                          {{ stepErrorCount(step.stepId) }}
-                        </span>
-                      } @else if (stepWarningCount(step.stepId)) {
-                        <span class="status-badge warning" aria-label="Etapa com avisos">
-                          {{ stepWarningCount(step.stepId) }}
-                        </span>
-                      }
-                    </button>
-                  </li>
-                }
-              </ol>
+            @if (journey.steps.length > 1 && stepperVisible()) {
+              <praxis-editorial-stepper
+                [steps]="journey.steps"
+                [activeStepId]="activeStep()?.stepId ?? null"
+                [config]="stepperConfig()"
+                [orientation]="effectiveOrientation()"
+                [progressionBlocked]="isForwardNavigationBlocked()"
+                [isStepSelectionBlocked]="stepSelectionBlocker"
+                (stepSelected)="selectStep($event)"
+              />
             }
 
             @if (activeStep(); as step) {
@@ -2138,7 +3564,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                     }
                   </div>
                   <div class="step-counter">
-                    Etapa {{ currentStepIndex() + 1 }} de {{ journey.steps.length }}
+                    {{
+                      t('runtime.step.counter', 'Etapa {current} de {total}', {
+                        current: currentStepIndex() + 1,
+                        total: journey.steps.length,
+                      })
+                    }}
                   </div>
                 </header>
 
@@ -2151,7 +3582,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                     [attr.aria-live]="activeStepHasErrors() ? 'assertive' : 'polite'"
                     aria-atomic="true"
                   >
-                    <h4>Situacao desta etapa</h4>
+                    <h4>{{ t('runtime.step.statusTitle', 'Situacao desta etapa') }}</h4>
                     <ul class="diagnostics-list contextual">
                       @for (item of activeStepDiagnostics(); track item.code + ':' + (item.path ?? $index)) {
                         <li>
@@ -2173,7 +3604,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                     aria-live="assertive"
                     aria-atomic="true"
                   >
-                    <h4>Erro global do runtime</h4>
+                    <h4>{{ t('runtime.step.globalErrorTitle', 'Erro global do runtime') }}</h4>
                     <ul class="diagnostics-list contextual">
                       @for (item of activeGlobalDiagnostics(); track item.code + ':' + (item.path ?? $index)) {
                         <li>
@@ -2195,6 +3626,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                       [runtimeContext]="resolvedContext()"
                       [solution]="solution()"
                       [instance]="instance()"
+                      (runtimeContextChange)="updateRuntimeContext($event)"
+                      (blockAction)="handleBlockAction($event)"
                       (operationalEvent)="emitOperationalEvent($event)"
                     />
                   }
@@ -2202,16 +3635,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
 
                 @if (journey.steps.length > 1) {
                   <footer class="step-actions">
-                    <button type="button" (click)="goToPreviousStep()" [disabled]="!hasPreviousStep()">
-                      Etapa anterior
+                    <button
+                      type="button"
+                      class="secondary"
+                      (click)="goToPreviousStep()"
+                      [disabled]="!hasPreviousStep()"
+                    >
+                      {{ t('runtime.actions.previous', 'Etapa anterior') }}
                     </button>
                     <button
                       type="button"
+                      class="primary"
                       (click)="goToNextStep()"
                       [disabled]="!hasNextStep() || isForwardNavigationBlocked()"
                       [attr.aria-describedby]="isForwardNavigationBlocked() ? 'navigation-blocking-note' : null"
                     >
-                      {{ isForwardNavigationBlocked() ? 'Corrija os erros para avancar' : 'Proxima etapa' }}
+                      {{
+                        isForwardNavigationBlocked()
+                          ? t('runtime.actions.nextBlocked', 'Corrija os erros para avancar')
+                          : t('runtime.actions.next', 'Proxima etapa')
+                      }}
                     </button>
                   </footer>
                   @if (isForwardNavigationBlocked()) {
@@ -2225,28 +3668,45 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
           </section>
         } @else {
           <section class="empty-state">
-            <h2>Editorial runtime sem jornada</h2>
-            <p>Nenhuma jornada editorial foi resolvida para o estado atual.</p>
+            <h2>{{ t('runtime.empty.noJourneyTitle', 'Editorial runtime sem jornada') }}</h2>
+            <p>
+              {{ t('runtime.empty.noJourneyDescription', 'Nenhuma jornada editorial foi resolvida para o estado atual.') }}
+            </p>
           </section>
         }
       } @else {
         <section class="empty-state">
-          <h2>Editorial runtime vazio</h2>
-          <p>Forneca uma solution ou instance editorial para materializar a jornada.</p>
+          <h2>{{ t('runtime.empty.noSolutionTitle', 'Editorial runtime vazio') }}</h2>
+          <p>
+            {{ t('runtime.empty.noSolutionDescription', 'Forneca uma solution ou instance editorial para materializar a jornada.') }}
+          </p>
         </section>
       }
     </section>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block}.editorial-runtime{display:grid;gap:24px;padding:24px;color:var(--md-sys-color-on-surface, #1b1b1f);background:var(--md-sys-color-surface, #fdf8fd)}.runtime-header,.journey-card,.empty-state,.diagnostics-panel{border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #cac4d0) 70%,transparent);border-radius:20px;background:var(--md-sys-color-surface-container-low, #f7f2fa);padding:20px}.diagnostics-panel{display:grid;gap:10px}.diagnostics-panel.warning{border-color:color-mix(in srgb,#b26a00 55%,var(--md-sys-color-outline-variant, #cac4d0));background:color-mix(in srgb,#fff4de 78%,var(--md-sys-color-surface-container-low, #f7f2fa))}.diagnostics-panel.error{border-color:color-mix(in srgb,#b3261e 60%,var(--md-sys-color-outline-variant, #cac4d0));background:color-mix(in srgb,#fde7e9 78%,var(--md-sys-color-surface-container-low, #f7f2fa))}.diagnostics-list{margin:0;padding-left:18px;display:grid;gap:8px}.diagnostics-summary{display:flex;flex-wrap:wrap;gap:8px}.summary-pill{display:inline-flex;align-items:center;min-height:32px;padding:6px 10px;border-radius:999px;font-size:.85rem;border:1px solid transparent;background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 85%,transparent)}.summary-pill.error{border-color:color-mix(in srgb,#b3261e 45%,transparent)}.summary-pill.warning{border-color:color-mix(in srgb,#b26a00 45%,transparent)}.summary-pill.info{border-color:color-mix(in srgb,#00639b 45%,transparent)}.status-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;min-height:22px;padding:0 6px;border-radius:999px;font-size:.75rem;font-weight:700;background:var(--md-sys-color-surface, #fff)}.status-badge.error{color:#8c1d18;background:#fde7e9}.status-badge.warning{color:#7a4b00;background:#fff4de}.diagnostics-details summary{cursor:pointer;font-weight:600}.diagnostic-group{display:grid;gap:8px;padding:12px 0}.diagnostic-group.global{border-bottom:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #cac4d0) 65%,transparent);margin-bottom:12px}.step-panel.error{border-left:4px solid #b3261e}.step-panel.warning{border-left:4px solid #b26a00}.step-diagnostics{display:grid;gap:8px;padding:14px 16px;border-radius:16px}.step-diagnostics.error{background:#fde7e9;color:#5b1210}.step-diagnostics.warning{background:#fff4de;color:#6b4300}.step-diagnostics.global{background:#fde7e9;color:#5b1210;border:1px solid color-mix(in srgb,#b3261e 35%,transparent)}.diagnostics-list.contextual{padding-left:16px}.diagnostic-location{display:block;margin-top:4px;font-size:.82rem;opacity:.85}.step-blocking-note{font-size:.9rem;color:#8c1d18}.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;color:var(--md-sys-color-primary, #6750a4);font-weight:700}.runtime-state-pill{justify-self:start;display:inline-flex;align-items:center;min-height:30px;padding:4px 10px;border-radius:999px;font-size:.8rem;font-weight:700;background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 88%,transparent);border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #cac4d0) 70%,transparent)}.runtime-state-pill[data-mode=warning]{color:#7a4b00;background:#fff4de}.runtime-state-pill[data-mode=degraded]{color:#8c1d18;background:#fde7e9}.runtime-state-pill[data-mode=blocked]{color:#8c1d18;background:#fde7e9;border-color:color-mix(in srgb,#b3261e 55%,transparent)}h1,h2,h3,p{margin:0}.runtime-header,.journey-card,.journey-header,.step-panel{display:grid;gap:12px}.description,.journey-header p,.step-header p,.step-counter,.empty-state p{color:var(--md-sys-color-on-surface-variant, #49454f)}.journey-tabs,.steps-nav,.step-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.steps-nav{list-style:none;padding:0;margin:0}.journey-tab,.step-chip,.step-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #cac4d0) 75%,transparent);background:var(--md-sys-color-surface, #fff);color:inherit;cursor:pointer}.journey-tab.active,.step-chip.active{background:var(--md-sys-color-primary, #6750a4);color:var(--md-sys-color-on-primary, #fff)}.step-header{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.block-stack{display:grid;gap:16px}.step-actions button[disabled]{opacity:.5;cursor:not-allowed}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block}.editorial-runtime{display:grid;gap:24px;padding:var(--editorial-page-padding, 24px);color:var(--editorial-text-primary, var(--md-sys-color-on-surface, #1b1b1f));background:var(--editorial-page-background, var(--md-sys-color-surface, #fdf8fd));font-family:var(--editorial-body-font-family, inherit)}.runtime-header,.journey-card,.empty-state,.diagnostics-panel{border:var(--editorial-shell-border-width, 1px) solid color-mix(in srgb,var(--editorial-border-color, var(--md-sys-color-outline-variant, #cac4d0)) 70%,transparent);border-radius:var(--editorial-shell-radius, 20px);background:var(--editorial-surface-secondary, var(--md-sys-color-surface-container-low, #f7f2fa));padding:var(--editorial-shell-padding, 20px);box-shadow:var(--editorial-shell-shadow, none)}.diagnostics-panel{display:grid;gap:10px}.diagnostics-panel.warning{border-color:color-mix(in srgb,#b26a00 55%,var(--md-sys-color-outline-variant, #cac4d0));background:color-mix(in srgb,#fff4de 78%,var(--md-sys-color-surface-container-low, #f7f2fa))}.diagnostics-panel.error{border-color:color-mix(in srgb,#b3261e 60%,var(--md-sys-color-outline-variant, #cac4d0));background:color-mix(in srgb,#fde7e9 78%,var(--md-sys-color-surface-container-low, #f7f2fa))}.diagnostics-list{margin:0;padding-left:18px;display:grid;gap:8px}.diagnostics-summary{display:flex;flex-wrap:wrap;gap:8px}.summary-pill{display:inline-flex;align-items:center;min-height:32px;padding:6px 10px;border-radius:999px;font-size:.85rem;border:1px solid transparent;background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 85%,transparent)}.summary-pill.error{border-color:color-mix(in srgb,#b3261e 45%,transparent)}.summary-pill.warning{border-color:color-mix(in srgb,#b26a00 45%,transparent)}.summary-pill.info{border-color:color-mix(in srgb,#00639b 45%,transparent)}.status-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;min-height:22px;padding:0 6px;border-radius:999px;font-size:.75rem;font-weight:700;background:var(--md-sys-color-surface, #fff)}.status-badge.error{color:#8c1d18;background:#fde7e9}.status-badge.warning{color:#7a4b00;background:#fff4de}.diagnostics-details summary{cursor:pointer;font-weight:600}.diagnostic-group{display:grid;gap:8px;padding:12px 0}.diagnostic-group.global{border-bottom:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #cac4d0) 65%,transparent);margin-bottom:12px}.step-panel.error{border-left:4px solid #b3261e}.step-panel.warning{border-left:4px solid #b26a00}.step-diagnostics{display:grid;gap:8px;padding:14px 16px;border-radius:16px}.step-diagnostics.error{background:#fde7e9;color:#5b1210}.step-diagnostics.warning{background:#fff4de;color:#6b4300}.step-diagnostics.global{background:#fde7e9;color:#5b1210;border:1px solid color-mix(in srgb,#b3261e 35%,transparent)}.diagnostics-list.contextual{padding-left:16px}.diagnostic-location{display:block;margin-top:4px;font-size:.82rem;opacity:.85}.step-blocking-note{font-size:.9rem;color:#8c1d18}.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.08em;font-size:var(--editorial-caption-size, .75rem);color:var(--editorial-accent, var(--md-sys-color-primary, #6750a4));font-weight:700}.runtime-state-pill{justify-self:start;display:inline-flex;align-items:center;min-height:30px;padding:4px 10px;border-radius:999px;font-size:.8rem;font-weight:700;background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 88%,transparent);border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #cac4d0) 70%,transparent)}.runtime-state-pill[data-mode=warning]{color:#7a4b00;background:#fff4de}.runtime-state-pill[data-mode=degraded]{color:#8c1d18;background:#fde7e9}.runtime-state-pill[data-mode=blocked]{color:#8c1d18;background:#fde7e9;border-color:color-mix(in srgb,#b3261e 55%,transparent)}h1,h2,h3,p{margin:0}h1{font-size:var(--editorial-hero-title-size, 2rem);line-height:1.1}.step-header h3{font-size:var(--editorial-step-title-size, 1.25rem);line-height:1.2}.runtime-header,.journey-card,.journey-header,.step-panel{display:grid;gap:12px}.editorial-runtime[data-shell-variant=sidebar-journey] .journey-card,.orientation-vertical .journey-card{grid-template-columns:minmax(220px,280px) minmax(0,1fr);align-items:start}.description,.journey-header p,.step-header p,.step-counter,.empty-state p{font-size:var(--editorial-body-size, 1rem);color:var(--editorial-text-secondary, var(--md-sys-color-on-surface-variant, #49454f))}.journey-tabs,.step-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.journey-tab,.step-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 12px;border-radius:var(--editorial-button-radius, 999px);border:1px solid color-mix(in srgb,var(--editorial-border-color, var(--md-sys-color-outline-variant, #cac4d0)) 75%,transparent);background:var(--editorial-surface-primary, var(--md-sys-color-surface, #fff));color:inherit;box-shadow:var(--editorial-card-shadow, none);cursor:pointer}.journey-tab.active,.step-actions button.primary{background:var(--editorial-cta-primary, var(--editorial-accent, var(--md-sys-color-primary, #6750a4)));color:var(--editorial-cta-primary-text, var(--editorial-accent-contrast, var(--md-sys-color-on-primary, #fff)));border-color:transparent}.step-actions button.secondary{color:var(--editorial-cta-primary, var(--editorial-accent, var(--md-sys-color-primary, #6750a4)))}.step-header{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.block-stack{display:grid;gap:var(--editorial-block-gap, 16px)}.step-actions button[disabled]{opacity:.5;cursor:not-allowed}.density-compact{--editorial-page-padding: 16px;--editorial-shell-padding: 16px;--editorial-block-gap: 12px}.density-comfortable{--editorial-page-padding: 24px;--editorial-shell-padding: 20px;--editorial-block-gap: 16px}.density-relaxed{--editorial-page-padding: 32px;--editorial-shell-padding: 28px;--editorial-block-gap: 20px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { solution: [{ type: i0.Input, args: [{ isSignal: true, alias: "solution", required: false }] }], instance: [{ type: i0.Input, args: [{ isSignal: true, alias: "instance", required: false }] }], runtimeContext: [{ type: i0.Input, args: [{ isSignal: true, alias: "runtimeContext", required: false }] }], hostConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "hostConfig", required: false }] }], snapshotChange: [{ type: i0.Output, args: ["snapshotChange"] }], fallbackChange: [{ type: i0.Output, args: ["fallbackChange"] }], operationalEvent: [{ type: i0.Output, args: ["operationalEvent"] }] } });
 function buildSnapshotSignature(snapshot) {
-    return [
-        snapshot.solutionId ?? '',
-        snapshot.instanceId ?? '',
-        snapshot.journeys.length,
-        snapshot.diagnostics.items.length,
-        snapshot.diagnostics.hasErrors,
-        snapshot.diagnostics.hasWarnings,
-    ].join(':');
+    return stableSerializeForSignature(snapshot);
+}
+function stableSerializeForSignature(value) {
+    if (value == null) {
+        return String(value);
+    }
+    if (typeof value === 'string'
+        || typeof value === 'number'
+        || typeof value === 'boolean') {
+        return JSON.stringify(value);
+    }
+    if (Array.isArray(value)) {
+        return `[${value.map((item) => stableSerializeForSignature(item)).join(',')}]`;
+    }
+    if (typeof value === 'object') {
+        const entries = Object.entries(value)
+            .sort(([left], [right]) => left.localeCompare(right))
+            .map(([key, entryValue]) => `${JSON.stringify(key)}:${stableSerializeForSignature(entryValue)}`);
+        return `{${entries.join(',')}}`;
+    }
+    return JSON.stringify(String(value));
 }
 function dedupeDiagnostics(items) {
     const seen = new Set();
@@ -2357,6 +3817,192 @@ function provideEditorialDynamicFormAdapter(options) {
     return provideEditorialDataBlockAdapter(createEditorialDynamicFormAdapter(options));
 }
 
+const PRAXIS_EDITORIAL_FORMS_EN_US = {
+    'praxis.editorialForms.runtime.diagnostics.title': 'Runtime diagnostics',
+    'praxis.editorialForms.runtime.diagnostics.severitySummary': 'Severity summary',
+    'praxis.editorialForms.runtime.diagnostics.globalErrors': 'Global runtime errors',
+    'praxis.editorialForms.runtime.diagnostics.details': 'View details ({count})',
+    'praxis.editorialForms.runtime.journeys.ariaLabel': 'Editorial journeys',
+    'praxis.editorialForms.runtime.journeys.errors': 'Journey has errors',
+    'praxis.editorialForms.runtime.journeys.warnings': 'Journey has warnings',
+    'praxis.editorialForms.runtime.step.counter': 'Step {current} of {total}',
+    'praxis.editorialForms.runtime.step.statusTitle': 'Current step status',
+    'praxis.editorialForms.runtime.step.globalErrorTitle': 'Global runtime error',
+    'praxis.editorialForms.runtime.actions.previous': 'Previous step',
+    'praxis.editorialForms.runtime.actions.next': 'Next step',
+    'praxis.editorialForms.runtime.actions.nextBlocked': 'Fix the errors to continue',
+    'praxis.editorialForms.runtime.empty.noJourneyTitle': 'Editorial runtime without journey',
+    'praxis.editorialForms.runtime.empty.noJourneyDescription': 'No editorial journey was resolved for the current state.',
+    'praxis.editorialForms.runtime.empty.noSolutionTitle': 'Empty editorial runtime',
+    'praxis.editorialForms.runtime.empty.noSolutionDescription': 'Provide an editorial solution or instance to materialize the journey.',
+    'praxis.editorialForms.runtime.fallback.blocked': 'Runtime blocked',
+    'praxis.editorialForms.runtime.fallback.degraded': 'Runtime degraded',
+    'praxis.editorialForms.runtime.fallback.warning': 'Runtime warning',
+    'praxis.editorialForms.runtime.fallback.healthy': 'Runtime healthy',
+    'praxis.editorialForms.runtime.navigation.globalBlocked': 'Forward navigation was blocked because the runtime has a global error that must be fixed before continuing.',
+    'praxis.editorialForms.runtime.navigation.stepBlocked': 'Forward navigation was blocked because the current step has a structural error.',
+    'praxis.editorialForms.runtime.diagnostics.severity.error': 'Error',
+    'praxis.editorialForms.runtime.diagnostics.severity.warning': 'Warning',
+    'praxis.editorialForms.runtime.diagnostics.severity.info': 'Info',
+    'praxis.editorialForms.runtime.diagnostics.errorsCount': 'Errors: {count}',
+    'praxis.editorialForms.runtime.diagnostics.warningsCount': 'Warnings: {count}',
+    'praxis.editorialForms.runtime.diagnostics.infoCount': 'Info: {count}',
+    'praxis.editorialForms.runtime.diagnostics.message.blocked': 'Blocking inconsistencies prevent the editorial flow from progressing safely.',
+    'praxis.editorialForms.runtime.diagnostics.message.degraded': 'The runtime is operating in a degraded mode and requires operational attention.',
+    'praxis.editorialForms.runtime.diagnostics.message.error': 'There are inconsistencies that may compromise the editorial experience.',
+    'praxis.editorialForms.runtime.diagnostics.message.warning': 'There are operational warnings to review for this editorial instance.',
+    'praxis.editorialForms.runtime.scope.global': 'Scope: global runtime',
+    'praxis.editorialForms.runtime.scope.journey': 'Journey',
+    'praxis.editorialForms.runtime.scope.step': 'Step',
+    'praxis.editorialForms.runtime.scope.block': 'Block',
+    'praxis.editorialForms.runtime.scope.path': 'Path',
+    'praxis.editorialForms.stepper.ariaLabel': 'Journey steps',
+    'praxis.editorialForms.stepper.state.completed': 'completed',
+    'praxis.editorialForms.stepper.state.active': 'current step',
+    'praxis.editorialForms.stepper.state.blocked': 'blocked',
+    'praxis.editorialForms.stepper.state.pending': 'pending',
+    'praxis.editorialForms.selection.state.selected': 'selected',
+    'praxis.editorialForms.selection.state.unselected': 'not selected',
+    'praxis.editorialForms.selection.group.label': 'Selection group',
+    'praxis.editorialForms.review.empty': '-',
+    'praxis.editorialForms.review.boolean.true': 'Yes',
+    'praxis.editorialForms.review.boolean.false': 'No',
+    'praxis.editorialForms.dataCollection.loadingTitle': 'Preparing data collection',
+    'praxis.editorialForms.dataCollection.unavailableTitle': 'Data collection unavailable',
+    'praxis.editorialForms.dataCollection.error.incompatibleTitle': 'Incompatible adapter',
+    'praxis.editorialForms.dataCollection.error.missingConfigTitle': 'Missing data collection configuration',
+    'praxis.editorialForms.dataCollection.error.incompleteAdapterTitle': 'Incomplete adapter',
+    'praxis.editorialForms.dataCollection.error.loadFailureTitle': 'Failed to load engine',
+    'praxis.editorialForms.dataCollection.error.unresolvedComponentTitle': 'Component not resolved',
+    'praxis.editorialForms.dataCollection.error.invalidComponentTitle': 'Incompatible component',
+    'praxis.editorialForms.dataCollection.fallback.invalid': 'Block "{formBlockId}" was materialized with an invalid state. Review formBlockId, formConfigRef and inherited editorial configuration.',
+    'praxis.editorialForms.dataCollection.fallback.missingConfig': 'Block "{formBlockId}" did not find data collection configuration. Lookup key checked: {lookupKey}.',
+    'praxis.editorialForms.dataCollection.fallback.incompatible': 'Block "{formBlockId}" found registered adapters ({adapterIds}), but none declared compatibility for this data collection.',
+    'praxis.editorialForms.dataCollection.fallback.missingAdapter': 'Block "{formBlockId}" did not find data collection configuration nor a registered adapter. Check the host provider and editorial FormConfig materialization.',
+    'praxis.editorialForms.dataCollection.fallback.adapterWithoutConfig': 'Block "{formBlockId}" found an adapter, but did not find FormConfig at {lookupKey}.',
+    'praxis.editorialForms.dataCollection.fallback.unresolvedEngine': 'Configuration exists for "{formBlockId}" ({source}), but no data collection adapter was registered to materialize the engine.',
+    'praxis.editorialForms.dataCollection.error.incompatibleMessage': 'No registered adapter accepted block "{formBlockId}".',
+    'praxis.editorialForms.dataCollection.error.availableAdapters': 'Available adapters: {adapterIds}.',
+    'praxis.editorialForms.dataCollection.error.missingConfigMessage': 'Block "{formBlockId}" has no resolved FormConfig for the data collection engine.',
+    'praxis.editorialForms.dataCollection.error.lookupSource': 'Lookup source: {lookupKey}.',
+    'praxis.editorialForms.dataCollection.error.adapterRegistrationHint': 'Register a compatible component or implement resolveComponent().',
+    'praxis.editorialForms.dataCollection.error.incompleteAdapterMessage': 'Adapter "{adapterName}" did not expose a data collection component.',
+    'praxis.editorialForms.dataCollection.loadingMessage': 'Loading the data collection engine for "{formBlockId}"...',
+    'praxis.editorialForms.dataCollection.error.loadFailureMessage': 'Adapter "{adapterName}" failed while preparing block "{formBlockId}".',
+    'praxis.editorialForms.dataCollection.error.loadFailureDetails': 'Validate the optional host provider and the availability of a compatible component.',
+    'praxis.editorialForms.dataCollection.error.unresolvedComponentMessage': 'Adapter "{adapterName}" did not return a component for block "{formBlockId}".',
+    'praxis.editorialForms.dataCollection.error.unresolvedComponentDetails': 'Implement component or resolveComponent() with a compatible Angular component.',
+    'praxis.editorialForms.dataCollection.error.invalidComponentMessage': 'Adapter "{adapterName}" returned an incompatible component for "{formBlockId}".',
+};
+
+const PRAXIS_EDITORIAL_FORMS_PT_BR = {
+    'praxis.editorialForms.runtime.diagnostics.title': 'Diagnosticos do runtime',
+    'praxis.editorialForms.runtime.diagnostics.severitySummary': 'Resumo de severidade',
+    'praxis.editorialForms.runtime.diagnostics.globalErrors': 'Erros globais do runtime',
+    'praxis.editorialForms.runtime.diagnostics.details': 'Ver detalhes ({count})',
+    'praxis.editorialForms.runtime.journeys.ariaLabel': 'Jornadas editoriais',
+    'praxis.editorialForms.runtime.journeys.errors': 'Jornada com erros',
+    'praxis.editorialForms.runtime.journeys.warnings': 'Jornada com avisos',
+    'praxis.editorialForms.runtime.step.counter': 'Etapa {current} de {total}',
+    'praxis.editorialForms.runtime.step.statusTitle': 'Situacao desta etapa',
+    'praxis.editorialForms.runtime.step.globalErrorTitle': 'Erro global do runtime',
+    'praxis.editorialForms.runtime.actions.previous': 'Etapa anterior',
+    'praxis.editorialForms.runtime.actions.next': 'Proxima etapa',
+    'praxis.editorialForms.runtime.actions.nextBlocked': 'Corrija os erros para avancar',
+    'praxis.editorialForms.runtime.empty.noJourneyTitle': 'Editorial runtime sem jornada',
+    'praxis.editorialForms.runtime.empty.noJourneyDescription': 'Nenhuma jornada editorial foi resolvida para o estado atual.',
+    'praxis.editorialForms.runtime.empty.noSolutionTitle': 'Editorial runtime vazio',
+    'praxis.editorialForms.runtime.empty.noSolutionDescription': 'Forneca uma solution ou instance editorial para materializar a jornada.',
+    'praxis.editorialForms.runtime.fallback.blocked': 'Runtime bloqueado',
+    'praxis.editorialForms.runtime.fallback.degraded': 'Runtime degradado',
+    'praxis.editorialForms.runtime.fallback.warning': 'Runtime com aviso',
+    'praxis.editorialForms.runtime.fallback.healthy': 'Runtime saudavel',
+    'praxis.editorialForms.runtime.navigation.globalBlocked': 'A navegacao de avanço foi bloqueada porque o runtime possui erro global que precisa ser corrigido antes de continuar.',
+    'praxis.editorialForms.runtime.navigation.stepBlocked': 'A navegacao de avanço foi bloqueada porque a etapa atual possui erro estrutural.',
+    'praxis.editorialForms.runtime.diagnostics.severity.error': 'Erro',
+    'praxis.editorialForms.runtime.diagnostics.severity.warning': 'Aviso',
+    'praxis.editorialForms.runtime.diagnostics.severity.info': 'Info',
+    'praxis.editorialForms.runtime.diagnostics.errorsCount': 'Erros: {count}',
+    'praxis.editorialForms.runtime.diagnostics.warningsCount': 'Avisos: {count}',
+    'praxis.editorialForms.runtime.diagnostics.infoCount': 'Infos: {count}',
+    'praxis.editorialForms.runtime.diagnostics.message.blocked': 'Existem inconsistencias bloqueadoras que impedem a progressao segura do fluxo editorial.',
+    'praxis.editorialForms.runtime.diagnostics.message.degraded': 'O runtime esta operando de forma degradada e requer atencao operacional.',
+    'praxis.editorialForms.runtime.diagnostics.message.error': 'Existem inconsistencias que podem comprometer a experiencia editorial.',
+    'praxis.editorialForms.runtime.diagnostics.message.warning': 'Existem avisos operacionais para revisar nesta instancia editorial.',
+    'praxis.editorialForms.runtime.scope.global': 'Escopo: runtime global',
+    'praxis.editorialForms.runtime.scope.journey': 'Jornada',
+    'praxis.editorialForms.runtime.scope.step': 'Etapa',
+    'praxis.editorialForms.runtime.scope.block': 'Bloco',
+    'praxis.editorialForms.runtime.scope.path': 'Path',
+    'praxis.editorialForms.stepper.ariaLabel': 'Etapas da jornada',
+    'praxis.editorialForms.stepper.state.completed': 'concluida',
+    'praxis.editorialForms.stepper.state.active': 'etapa atual',
+    'praxis.editorialForms.stepper.state.blocked': 'bloqueada',
+    'praxis.editorialForms.stepper.state.pending': 'pendente',
+    'praxis.editorialForms.selection.state.selected': 'selecionado',
+    'praxis.editorialForms.selection.state.unselected': 'nao selecionado',
+    'praxis.editorialForms.selection.group.label': 'Grupo de selecao',
+    'praxis.editorialForms.review.empty': '-',
+    'praxis.editorialForms.review.boolean.true': 'Sim',
+    'praxis.editorialForms.review.boolean.false': 'Nao',
+    'praxis.editorialForms.dataCollection.loadingTitle': 'Preparando coleta',
+    'praxis.editorialForms.dataCollection.unavailableTitle': 'Coleta nao disponivel',
+    'praxis.editorialForms.dataCollection.error.incompatibleTitle': 'Adaptador incompatível',
+    'praxis.editorialForms.dataCollection.error.missingConfigTitle': 'Configuracao de coleta ausente',
+    'praxis.editorialForms.dataCollection.error.incompleteAdapterTitle': 'Adaptador incompleto',
+    'praxis.editorialForms.dataCollection.error.loadFailureTitle': 'Falha ao carregar a engine',
+    'praxis.editorialForms.dataCollection.error.unresolvedComponentTitle': 'Componente nao resolvido',
+    'praxis.editorialForms.dataCollection.error.invalidComponentTitle': 'Componente incompatível',
+    'praxis.editorialForms.dataCollection.fallback.invalid': 'O bloco "{formBlockId}" foi materializado com estado invalido. Revise formBlockId, formConfigRef e a configuracao editorial herdada.',
+    'praxis.editorialForms.dataCollection.fallback.missingConfig': 'O bloco "{formBlockId}" nao encontrou configuracao de coleta. Chave consultada: {lookupKey}.',
+    'praxis.editorialForms.dataCollection.fallback.incompatible': 'O bloco "{formBlockId}" encontrou adapters registrados ({adapterIds}), mas nenhum declarou compatibilidade para esta coleta.',
+    'praxis.editorialForms.dataCollection.fallback.missingAdapter': 'O bloco "{formBlockId}" nao encontrou configuracao de coleta nem adaptador registrado. Verifique o provider do host e a materializacao do FormConfig editorial.',
+    'praxis.editorialForms.dataCollection.fallback.adapterWithoutConfig': 'O bloco "{formBlockId}" encontrou um adaptador, mas nao encontrou FormConfig em {lookupKey}.',
+    'praxis.editorialForms.dataCollection.fallback.unresolvedEngine': 'Existe configuracao para "{formBlockId}" ({source}), mas nenhum adaptador de coleta foi registrado para materializar a engine.',
+    'praxis.editorialForms.dataCollection.error.incompatibleMessage': 'Nenhum adaptador registrado aceitou o bloco "{formBlockId}".',
+    'praxis.editorialForms.dataCollection.error.availableAdapters': 'Adapters disponiveis: {adapterIds}.',
+    'praxis.editorialForms.dataCollection.error.missingConfigMessage': 'O bloco "{formBlockId}" nao possui FormConfig resolvido para a engine de coleta.',
+    'praxis.editorialForms.dataCollection.error.lookupSource': 'Origem consultada: {lookupKey}.',
+    'praxis.editorialForms.dataCollection.error.adapterRegistrationHint': 'Registre um componente compatível ou implemente resolveComponent().',
+    'praxis.editorialForms.dataCollection.error.incompleteAdapterMessage': 'O adaptador "{adapterName}" nao expôs um componente de coleta.',
+    'praxis.editorialForms.dataCollection.loadingMessage': 'Carregando a engine de coleta para "{formBlockId}"...',
+    'praxis.editorialForms.dataCollection.error.loadFailureMessage': 'O adaptador "{adapterName}" falhou ao preparar a coleta do bloco "{formBlockId}".',
+    'praxis.editorialForms.dataCollection.error.loadFailureDetails': 'Valide o provider opcional do host e a disponibilidade do componente compatível.',
+    'praxis.editorialForms.dataCollection.error.unresolvedComponentMessage': 'O adaptador "{adapterName}" nao retornou um componente para o bloco "{formBlockId}".',
+    'praxis.editorialForms.dataCollection.error.unresolvedComponentDetails': 'Implemente component ou resolveComponent() com um componente Angular compatível.',
+    'praxis.editorialForms.dataCollection.error.invalidComponentMessage': 'O adaptador "{adapterName}" retornou um componente incompatível para "{formBlockId}".',
+};
+
+function createPraxisEditorialFormsI18nConfig(options = {}) {
+    const dictionaries = {
+        'pt-BR': {
+            ...PRAXIS_EDITORIAL_FORMS_PT_BR,
+            ...(options.dictionaries?.['pt-BR'] ?? {}),
+        },
+        'en-US': {
+            ...PRAXIS_EDITORIAL_FORMS_EN_US,
+            ...(options.dictionaries?.['en-US'] ?? {}),
+        },
+    };
+    for (const [locale, dictionary] of Object.entries(options.dictionaries ?? {})) {
+        if (locale === 'pt-BR' || locale === 'en-US') {
+            continue;
+        }
+        dictionaries[locale] = {
+            ...(dictionaries[locale] ?? {}),
+            ...dictionary,
+        };
+    }
+    return {
+        locale: options.locale,
+        fallbackLocale: options.fallbackLocale ?? 'pt-BR',
+        dictionaries,
+    };
+}
+function providePraxisEditorialFormsI18n(options = {}) {
+    return providePraxisI18n(createPraxisEditorialFormsI18nConfig(options));
+}
+
 class HarnessDataEngineComponent {
     config;
     formId;
@@ -2607,5 +4253,5 @@ function getHarnessDataEngineComponent() {
  * Generated bundle index. Do not edit.
  */
 
-export { DEFAULT_EDITORIAL_RUNTIME_HOST_CONFIG, EDITORIAL_DATA_BLOCK_ADAPTER, EditorialBlockRendererComponent, EditorialDataBlockAdapterRegistry, EditorialDataCollectionBlockOutletComponent, EditorialFormRuntimeComponent, EditorialRuntimeState, HarnessDataEngineComponent, createEditorialDynamicFormAdapter, createEditorialRuntimeHarnessCatalog, deriveRuntimeFallbackState, getHarnessDataEngineComponent, getValueAtPath, getVisibleBlocks, isBlockVisible, matchesVisibilityRule, provideEditorialDataBlockAdapter, provideEditorialDynamicFormAdapter, providePraxisEditorialForms, resolveActiveJourney, resolveActiveStep, resolveEditorialDataBlockAdapter, resolveEditorialDataBlockFormConfig, resolveEditorialDataBlockFormConfigDetails, resolveEditorialRuntimeSnapshot };
+export { DEFAULT_EDITORIAL_RUNTIME_HOST_CONFIG, EDITORIAL_DATA_BLOCK_ADAPTER, EditorialBlockRendererComponent, EditorialDataBlockAdapterRegistry, EditorialDataCollectionBlockOutletComponent, EditorialFormRuntimeComponent, EditorialIntroHeroBlockComponent, EditorialReviewSectionsBlockComponent, EditorialRuntimeState, EditorialSelectionCardsBlockComponent, EditorialStepperComponent, EditorialSuccessPanelBlockComponent, HarnessDataEngineComponent, PRAXIS_EDITORIAL_FORMS_EN_US, PRAXIS_EDITORIAL_FORMS_PT_BR, buildRuntimeCssVars, buildRuntimeLayoutCss, createEditorialDynamicFormAdapter, createEditorialRuntimeHarnessCatalog, createPraxisEditorialFormsI18nConfig, deriveRuntimeFallbackState, getHarnessDataEngineComponent, getStepDisplayState, getValueAtPath, getVisibleBlocks, isBlockVisible, matchesVisibilityRule, provideEditorialDataBlockAdapter, provideEditorialDynamicFormAdapter, providePraxisEditorialForms, providePraxisEditorialFormsI18n, resolveActiveJourney, resolveActiveStep, resolveDensity, resolveEditorialDataBlockAdapter, resolveEditorialDataBlockFormConfig, resolveEditorialDataBlockFormConfigDetails, resolveEditorialRuntimeSnapshot, resolveRuntimeOrientation, resolveShellVariant };
 //# sourceMappingURL=praxisui-editorial-forms.mjs.map