@praxisui/stepper 1.0.0-beta.59 → 1.0.0-beta.61

package/README.md

@@ -210,6 +210,7 @@ Notas:
 - `widgetsBeforeForm` permite inserir cards/infos antes do formulário em cada etapa.
 - `blocks` (wizard) permite inserir conteúdos editoriais (benefits/content/notice/divider) antes ou depois do formulário.
 - `zones` (wizard) permite separar blocos em `intro`, `body` e `footer` (mapeados para before/after form).
+- `contentBlock` permanece suportado por compatibilidade, mas entrou em deprecação formal para novo authoring. O destino preferencial de convergência é `widget:rich-text-block`.
 - Cada bloco pode definir `id` (string) para gerar `blockId` estável em runtime; sem `id`, o fallback usa índice posicional.
 - `blocks` e `zones` são mutuamente exclusivos no contrato. Se ambos forem enviados, `zones` tem prioridade no runtime.
 - O wizard faz validação runtime (campos essenciais e exclusividade de `blocks`/`zones`). Em `devMode`, lança erro para facilitar o debug; em produção, emite `console.warn`.

package/fesm2022/praxisui-stepper.mjs

@@ -9,7 +9,7 @@ import * as i6 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
 import * as i5$1 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
-import { IconPickerService, PraxisIconDirective, deepMerge, ASYNC_CONFIG_STORAGE, ComponentKeyService, LoggerService, DynamicWidgetLoaderDirective, EmptyStateCardComponent, ComponentMetadataRegistry, createCorporateLoggerConfig, ConsoleLoggerSink, CONFIG_STORAGE } from '@praxisui/core';
+import { IconPickerService, PraxisIconDirective, deepMerge, ASYNC_CONFIG_STORAGE, ComponentKeyService, LoggerService, DynamicWidgetLoaderDirective, EmptyStateCardComponent, EDITORIAL_WIDGET_TAG, ComponentMetadataRegistry, createCorporateLoggerConfig, ConsoleLoggerSink, CONFIG_STORAGE } from '@praxisui/core';
 import * as i2 from '@angular/forms';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { PraxisDynamicFormConfigEditor, PraxisDynamicForm } from '@praxisui/dynamic-form';
@@ -163,6 +163,32 @@ class WizardWidgetConfigDialogComponent {
     removeBenefit(index) {
         this.benefits.splice(index, 1);
     }
+    get statusMessage() {
+        switch (this.wizardWidgetId) {
+            case 'praxis-wizard-content':
+                return {
+                    title: 'Legado em deprecação',
+                    body: 'Este bloco continua suportado para compatibilidade, mas novo authoring deve preferir widget:rich-text-block. O shape atual do wizard segue válido neste ciclo.',
+                };
+            case 'praxis-wizard-inline-notice':
+                return {
+                    title: 'Semântica em aberto',
+                    body: 'Este bloco permanece ativo no wizard até a definição final entre legal-notice e um eventual info-callout compartilhado.',
+                };
+            case 'praxis-wizard-benefits':
+                return {
+                    title: 'Mantido temporariamente',
+                    body: 'Ainda não existe equivalente canônico compartilhado para este grid no backlog editorial atual.',
+                };
+            case 'praxis-wizard-divider':
+                return {
+                    title: 'Mantido temporariamente',
+                    body: 'Este divisor continua como bloco legado do wizard enquanto não houver equivalente compartilhado priorizado.',
+                };
+            default:
+                return null;
+        }
+    }
     cancel() {
         this.ref.close();
     }
@@ -258,6 +284,11 @@ class WizardWidgetConfigDialogComponent {
     <h2 mat-dialog-title>{{ dialogTitle }}</h2>
 
     <div mat-dialog-content class="dialog-grid">
+      <div class="status-banner" *ngIf="statusMessage as status">
+        <strong>{{ status.title }}</strong>
+        <span>{{ status.body }}</span>
+      </div>
+
       <ng-container [ngSwitch]="wizardWidgetId">
         <ng-container *ngSwitchCase="'praxis-wizard-inline-notice'">
           <mat-form-field appearance="outline" class="full">
@@ -342,9 +373,9 @@ class WizardWidgetConfigDialogComponent {
         <summary>Avançado</summary>
         <div class="advanced-body">
           <mat-form-field appearance="outline" class="full">
-            <mat-label>ID estável (avançado)</mat-label>
+            <mat-label>Block ID legado (avançado)</mat-label>
             <input matInput [(ngModel)]="model.blockId" placeholder="Ex.: ft-edit-wizard:access:block:hero" />
-            <mat-hint>Use como chave estável de telemetria/E2E. Evite alterar após publicar.</mat-hint>
+            <mat-hint>Identificador operacional legado do wizard para telemetria/E2E e compatibilidade com editor/adapter. No modelo convergido, instanceId será a convenção editorial preferencial.</mat-hint>
           </mat-form-field>
         </div>
       </details>
@@ -354,7 +385,7 @@ class WizardWidgetConfigDialogComponent {
       <button mat-button type="button" (click)="cancel()">Cancelar</button>
       <button mat-flat-button color="primary" type="button" (click)="save()">Salvar</button>
     </div>
-  `, isInline: true, styles: [".dialog-grid{display:grid;gap:12px;min-width:min(760px,92vw)}.full{grid-column:1 / -1}.benefits{display:grid;gap:10px;border-top:1px solid var(--md-sys-color-outline-variant);padding-top:8px}.benefits-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.benefit-card{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));padding:10px;border-radius:8px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-lowest)}.benefit-head{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--md-sys-color-on-surface-variant)}.advanced{border-radius:8px;border:1px solid var(--md-sys-color-outline-variant);padding:8px 10px;background:var(--md-sys-color-surface-container-lowest)}.advanced>summary{cursor:pointer;font-weight:600;list-style:none}.advanced>summary::-webkit-details-marker{display:none}.advanced-body{margin-top:10px;display:grid;gap:8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i5.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }] });
+  `, isInline: true, styles: [".dialog-grid{display:grid;gap:12px;min-width:min(760px,92vw)}.full{grid-column:1 / -1}.status-banner{display:grid;gap:4px;padding:10px 12px;border-radius:10px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface-variant);font-size:12px}.benefits{display:grid;gap:10px;border-top:1px solid var(--md-sys-color-outline-variant);padding-top:8px}.benefits-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.benefit-card{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));padding:10px;border-radius:8px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-lowest)}.benefit-head{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--md-sys-color-on-surface-variant)}.advanced{border-radius:8px;border:1px solid var(--md-sys-color-outline-variant);padding:8px 10px;background:var(--md-sys-color-surface-container-lowest)}.advanced>summary{cursor:pointer;font-weight:600;list-style:none}.advanced>summary::-webkit-details-marker{display:none}.advanced-body{margin-top:10px;display:grid;gap:8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i5.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: WizardWidgetConfigDialogComponent, decorators: [{
             type: Component,
@@ -370,6 +401,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
     <h2 mat-dialog-title>{{ dialogTitle }}</h2>
 
     <div mat-dialog-content class="dialog-grid">
+      <div class="status-banner" *ngIf="statusMessage as status">
+        <strong>{{ status.title }}</strong>
+        <span>{{ status.body }}</span>
+      </div>
+
       <ng-container [ngSwitch]="wizardWidgetId">
         <ng-container *ngSwitchCase="'praxis-wizard-inline-notice'">
           <mat-form-field appearance="outline" class="full">
@@ -454,9 +490,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
         <summary>Avançado</summary>
         <div class="advanced-body">
           <mat-form-field appearance="outline" class="full">
-            <mat-label>ID estável (avançado)</mat-label>
+            <mat-label>Block ID legado (avançado)</mat-label>
             <input matInput [(ngModel)]="model.blockId" placeholder="Ex.: ft-edit-wizard:access:block:hero" />
-            <mat-hint>Use como chave estável de telemetria/E2E. Evite alterar após publicar.</mat-hint>
+            <mat-hint>Identificador operacional legado do wizard para telemetria/E2E e compatibilidade com editor/adapter. No modelo convergido, instanceId será a convenção editorial preferencial.</mat-hint>
           </mat-form-field>
         </div>
       </details>
@@ -466,7 +502,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
       <button mat-button type="button" (click)="cancel()">Cancelar</button>
       <button mat-flat-button color="primary" type="button" (click)="save()">Salvar</button>
     </div>
-  `, styles: [".dialog-grid{display:grid;gap:12px;min-width:min(760px,92vw)}.full{grid-column:1 / -1}.benefits{display:grid;gap:10px;border-top:1px solid var(--md-sys-color-outline-variant);padding-top:8px}.benefits-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.benefit-card{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));padding:10px;border-radius:8px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-lowest)}.benefit-head{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--md-sys-color-on-surface-variant)}.advanced{border-radius:8px;border:1px solid var(--md-sys-color-outline-variant);padding:8px 10px;background:var(--md-sys-color-surface-container-lowest)}.advanced>summary{cursor:pointer;font-weight:600;list-style:none}.advanced>summary::-webkit-details-marker{display:none}.advanced-body{margin-top:10px;display:grid;gap:8px}\n"] }]
+  `, styles: [".dialog-grid{display:grid;gap:12px;min-width:min(760px,92vw)}.full{grid-column:1 / -1}.status-banner{display:grid;gap:4px;padding:10px 12px;border-radius:10px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface-variant);font-size:12px}.benefits{display:grid;gap:10px;border-top:1px solid var(--md-sys-color-outline-variant);padding-top:8px}.benefits-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.benefit-card{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));padding:10px;border-radius:8px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-lowest)}.benefit-head{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--md-sys-color-on-surface-variant)}.advanced{border-radius:8px;border:1px solid var(--md-sys-color-outline-variant);padding:8px 10px;background:var(--md-sys-color-surface-container-lowest)}.advanced>summary{cursor:pointer;font-weight:600;list-style:none}.advanced>summary::-webkit-details-marker{display:none}.advanced-body{margin-top:10px;display:grid;gap:8px}\n"] }]
         }], ctorParameters: () => [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
@@ -822,6 +858,20 @@ class PraxisStepperConfigEditor {
                 return '';
         }
     }
+    editorialWidgetStatus(w) {
+        switch (w.id) {
+            case 'praxis-wizard-content':
+                return 'Legado em deprecação: novo authoring deve preferir widget:rich-text-block. O bloco continua suportado por compatibilidade neste ciclo.';
+            case 'praxis-wizard-inline-notice':
+                return 'Mantido no ciclo atual: semântica final ainda em definição entre legal-notice e info-callout.';
+            case 'praxis-wizard-benefits':
+                return 'Mantido temporariamente: ainda sem equivalente canônico no backlog editorial.';
+            case 'praxis-wizard-divider':
+                return 'Mantido temporariamente: separador legado sem equivalente compartilhado priorizado.';
+            default:
+                return 'Widget editorial do wizard.';
+        }
+    }
     addEditorialWidget(id, zone = 'before') {
         const step = this.activeStep;
         if (!step)
@@ -1480,6 +1530,7 @@ class PraxisStepperConfigEditor {
                           <div class="info">
                             <div class="name">{{ displayWidgetName(w) }}</div>
                             <div class="sub">{{ editorialWidgetSummary(w) }}</div>
+                            <div class="meta">{{ editorialWidgetStatus(w) }}</div>
                             <div class="meta" *ngIf="widgetBlockId(w) as blockId">ID: {{ blockId }}</div>
                           </div>
                           <div class="actions">
@@ -1536,6 +1587,7 @@ class PraxisStepperConfigEditor {
                           <div class="info">
                             <div class="name">{{ displayWidgetName(w) }}</div>
                             <div class="sub">{{ editorialWidgetSummary(w) }}</div>
+                            <div class="meta">{{ editorialWidgetStatus(w) }}</div>
                             <div class="meta" *ngIf="widgetBlockId(w) as blockId">ID: {{ blockId }}</div>
                           </div>
                           <div class="actions">
@@ -2152,6 +2204,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                           <div class="info">
                             <div class="name">{{ displayWidgetName(w) }}</div>
                             <div class="sub">{{ editorialWidgetSummary(w) }}</div>
+                            <div class="meta">{{ editorialWidgetStatus(w) }}</div>
                             <div class="meta" *ngIf="widgetBlockId(w) as blockId">ID: {{ blockId }}</div>
                           </div>
                           <div class="actions">
@@ -2208,6 +2261,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                           <div class="info">
                             <div class="name">{{ displayWidgetName(w) }}</div>
                             <div class="sub">{{ editorialWidgetSummary(w) }}</div>
+                            <div class="meta">{{ editorialWidgetStatus(w) }}</div>
                             <div class="meta" *ngIf="widgetBlockId(w) as blockId">ID: {{ blockId }}</div>
                           </div>
                           <div class="actions">
@@ -2611,37 +2665,37 @@ const ENUMS = {
     ],
 };
 const CAPS = [
-    { path: 'orientation', category: 'layout', valueKind: 'enum', allowedValues: ENUMS.orientation, description: 'Orientation of the stepper.' },
+    { path: 'orientation', category: 'layout', valueKind: 'enum', allowedValues: ENUMS['orientation'], description: 'Orientation of the stepper.' },
     { path: 'linear', category: 'behavior', valueKind: 'boolean', description: 'Require sequential completion of steps.' },
-    { path: 'headerPosition', category: 'layout', valueKind: 'enum', allowedValues: ENUMS.headerPosition, description: 'Header position (vertical only).' },
-    { path: 'labelPosition', category: 'layout', valueKind: 'enum', allowedValues: ENUMS.labelPosition, description: 'Label position for horizontal stepper.' },
-    { path: 'color', category: 'appearance', valueKind: 'enum', allowedValues: ENUMS.matColor, description: 'Material color palette.' },
+    { path: 'headerPosition', category: 'layout', valueKind: 'enum', allowedValues: ENUMS['headerPosition'], description: 'Header position (vertical only).' },
+    { path: 'labelPosition', category: 'layout', valueKind: 'enum', allowedValues: ENUMS['labelPosition'], description: 'Label position for horizontal stepper.' },
+    { path: 'color', category: 'appearance', valueKind: 'enum', allowedValues: ENUMS['matColor'], description: 'Material color palette.' },
     { path: 'disableRipple', category: 'behavior', valueKind: 'boolean', description: 'Disable ripple for headers.' },
     { path: 'animationDuration', category: 'behavior', valueKind: 'string', description: 'Animation duration, e.g. 300ms.' },
     { path: 'selectedIndex', category: 'behavior', valueKind: 'number', description: 'Current step index.' },
-    { path: 'density', category: 'appearance', valueKind: 'enum', allowedValues: ENUMS.density, description: 'Density preset.' },
+    { path: 'density', category: 'appearance', valueKind: 'enum', allowedValues: ENUMS['density'], description: 'Density preset.' },
     { path: 'stepperClass', category: 'appearance', valueKind: 'string', description: 'CSS class for stepper root.' },
     { path: 'headerClass', category: 'appearance', valueKind: 'string', description: 'CSS class for header.' },
     { path: 'contentClass', category: 'appearance', valueKind: 'string', description: 'CSS class for content area.' },
     { path: 'appearance', category: 'appearance', valueKind: 'object', description: 'Appearance settings.' },
     { path: 'appearance.themeClass', category: 'appearance', valueKind: 'string', description: 'Theme CSS class for root.' },
     { path: 'appearance.tokens', category: 'appearance', valueKind: 'object', description: 'Token map for theme overrides.' },
-    { path: 'appearance.tokens.[token]', category: 'appearance', valueKind: 'string', allowedValues: ENUMS.stepperTokenKey, description: 'Token value (CSS value or var).', safetyNotes: 'Token keys follow mat.stepper-overrides.' },
+    { path: 'appearance.tokens.[token]', category: 'appearance', valueKind: 'string', allowedValues: ENUMS['stepperTokenKey'], description: 'Token value (CSS value or var).', safetyNotes: 'Token keys follow mat.stepper-overrides.' },
     { path: 'appearance.icons', category: 'appearance', valueKind: 'object', description: 'Stepper icon overrides.' },
     { path: 'appearance.icons.number', category: 'appearance', valueKind: 'string', description: 'Icon for number state.' },
     { path: 'appearance.icons.done', category: 'appearance', valueKind: 'string', description: 'Icon for done state.' },
     { path: 'appearance.icons.edit', category: 'appearance', valueKind: 'string', description: 'Icon for edit state.' },
     { path: 'appearance.icons.error', category: 'appearance', valueKind: 'string', description: 'Icon for error state.' },
-    { path: 'appearance.iconsSet', category: 'appearance', valueKind: 'enum', allowedValues: ENUMS.iconsSet, description: 'Icon set class name (Material Symbols).' },
+    { path: 'appearance.iconsSet', category: 'appearance', valueKind: 'enum', allowedValues: ENUMS['iconsSet'], description: 'Icon set class name (Material Symbols).' },
     { path: 'navigation', category: 'navigation', valueKind: 'object', description: 'Footer navigation config.' },
     { path: 'navigation.visible', category: 'navigation', valueKind: 'boolean', description: 'Show navigation buttons.' },
     { path: 'navigation.prevLabel', category: 'navigation', valueKind: 'string', description: 'Previous button label.' },
     { path: 'navigation.nextLabel', category: 'navigation', valueKind: 'string', description: 'Next button label.' },
     { path: 'navigation.prevIcon', category: 'navigation', valueKind: 'string', description: 'Previous button icon.' },
     { path: 'navigation.nextIcon', category: 'navigation', valueKind: 'string', description: 'Next button icon.' },
-    { path: 'navigation.variant', category: 'navigation', valueKind: 'enum', allowedValues: ENUMS.navVariant, description: 'Button variant.' },
-    { path: 'navigation.color', category: 'navigation', valueKind: 'enum', allowedValues: ENUMS.matColor, description: 'Button color.' },
-    { path: 'navigation.align', category: 'navigation', valueKind: 'enum', allowedValues: ENUMS.navAlign, description: 'Navigation alignment.' },
+    { path: 'navigation.variant', category: 'navigation', valueKind: 'enum', allowedValues: ENUMS['navVariant'], description: 'Button variant.' },
+    { path: 'navigation.color', category: 'navigation', valueKind: 'enum', allowedValues: ENUMS['matColor'], description: 'Button color.' },
+    { path: 'navigation.align', category: 'navigation', valueKind: 'enum', allowedValues: ENUMS['navAlign'], description: 'Navigation alignment.' },
     { path: 'steps', category: 'steps', valueKind: 'array', description: 'Step definitions.' },
     { path: 'steps[]', category: 'steps', valueKind: 'object', description: 'Step definition.' },
     { path: 'steps[].id', category: 'steps', valueKind: 'string', description: 'Step id.' },
@@ -2659,13 +2713,17 @@ const CAPS = [
     { path: 'steps[].form', category: 'steps', valueKind: 'object', description: 'Optional Dynamic Form config for step.' },
     { path: 'steps[].form.resourcePath', category: 'steps', valueKind: 'string', description: 'Resource path for Dynamic Form.' },
     { path: 'steps[].form.resourceId', category: 'steps', valueKind: 'string', description: 'Resource id for Dynamic Form (string or number).', example: '123', safetyNotes: 'Accepts string or number.' },
-    { path: 'steps[].form.mode', category: 'steps', valueKind: 'enum', allowedValues: ENUMS.formMode, description: 'Form mode.' },
+    { path: 'steps[].form.mode', category: 'steps', valueKind: 'enum', allowedValues: ENUMS['formMode'], description: 'Form mode.' },
     { path: 'steps[].form.config', category: 'steps', valueKind: 'object', description: 'FormConfig for Dynamic Form.', safetyNotes: 'Use the form catalog for nested paths and FieldMetadata details.' },
-    { path: 'steps[].form.schemaSource', category: 'steps', valueKind: 'enum', allowedValues: ENUMS.schemaSource, description: 'Schema source for Dynamic Form.' },
+    { path: 'steps[].form.config.editorialContext', category: 'steps', valueKind: 'object', description: 'Contexto editorial compartilhado entre blocos hospedados pelo Dynamic Form da etapa.' },
+    { path: 'steps[].form.config.formBlocksBefore', category: 'steps', valueKind: 'array', description: 'Blocos editoriais hospedados antes do formulario da etapa.' },
+    { path: 'steps[].form.config.formBlocksBeforeActions', category: 'steps', valueKind: 'array', description: 'Blocos editoriais hospedados depois das seções e antes da área principal de ações do formulario da etapa.' },
+    { path: 'steps[].form.config.formBlocksAfter', category: 'steps', valueKind: 'array', description: 'Blocos editoriais hospedados depois do formulario inteiro da etapa.' },
+    { path: 'steps[].form.schemaSource', category: 'steps', valueKind: 'enum', allowedValues: ENUMS['schemaSource'], description: 'Schema source for Dynamic Form.' },
     { path: 'steps[].form.formId', category: 'steps', valueKind: 'string', description: 'Form id for Dynamic Form.' },
     { path: 'steps[].widgets', category: 'steps', valueKind: 'array', description: 'WidgetDefinition list for step content.' },
     { path: 'steps[].widgets[]', category: 'steps', valueKind: 'object', description: 'WidgetDefinition item.' },
-    { path: 'steps[].widgets[].id', category: 'steps', valueKind: 'enum', allowedValues: ENUMS.widgetId, description: 'Component registry id for widget.', safetyNotes: 'Use ids registered in ComponentMetadataRegistry.' },
+    { path: 'steps[].widgets[].id', category: 'steps', valueKind: 'enum', allowedValues: ENUMS['widgetId'], description: 'Component registry id for widget.', safetyNotes: 'Use ids registered in ComponentMetadataRegistry.' },
     { path: 'steps[].widgets[].inputs', category: 'steps', valueKind: 'object', description: 'Inputs bound into the widget instance.' },
     { path: 'steps[].widgets[].outputs', category: 'steps', valueKind: 'object', description: 'Outputs mapped to actions.' },
     { path: 'steps[].widgets[].outputs.[outputName]', category: 'steps', valueKind: 'object', description: 'Output action mapping (ActionDefinition or "emit").', safetyNotes: 'Use string "emit" to forward the output without mapping.' },
@@ -2673,7 +2731,7 @@ const CAPS = [
     { path: 'steps[].widgets[].bindingOrder[]', category: 'steps', valueKind: 'string', description: 'Input name applied first.' },
 ];
 const STEPPER_AI_CAPABILITIES = {
-    version: 'v1.2',
+    version: 'v1.3',
     enums: ENUMS,
     targets: [
         'praxis-stepper',
@@ -2685,6 +2743,7 @@ const STEPPER_AI_CAPABILITIES = {
     notes: [
         'steps[] should be merged by id or label to avoid replacing all steps.',
         'steps[].form.config uses FormConfig (see form catalog) and may include sections/actions/fieldMetadata.',
+        'steps[].form.config tambem pode usar a surface editorial do dynamic-form: formBlocksBefore, formBlocksBeforeActions, formBlocksAfter e editorialContext.',
         'steps[].widgets[].id must be a ComponentMetadataRegistry id (see component-registry catalog).',
         'appearance.tokens is a free-form map; host may validate/sanitize.',
         'When editing steps[].form.config.fieldMetadata, use FieldMetadata base if no controlType catalog exists.',
@@ -3344,7 +3403,7 @@ class PraxisStepper {
     >
       <mat-icon fontIcon="edit"></mat-icon>
     </button>
-  `, isInline: true, styles: [":host{display:block;position:relative}.praxis-stepper{width:100%;background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline-variant);border-radius:16px;padding:12px;box-shadow:var(--mat-elevation-level1)}.praxis-stepper.pdx-stepper-ft-light{background:transparent;border:none;border-radius:0;padding:0;box-shadow:none}:host(.density-compact) ::ng-deep .mat-step-header{min-height:36px}:host(.density-compact) .pdx-step-actions{padding-top:4px;gap:6px}:host(.density-comfortable) ::ng-deep .mat-step-header{min-height:44px}.pdx-step-content{padding:12px 4px 8px;color:var(--md-sys-color-on-surface)}.pdx-step-actions{display:flex;gap:8px;padding-top:8px}::ng-deep .praxis-stepper .mat-step-header{border-radius:999px;margin:4px 0;color:var(--md-sys-color-on-surface)}::ng-deep .praxis-stepper .mat-step-label{color:var(--md-sys-color-on-surface)}::ng-deep .praxis-stepper .mat-step-label.mat-step-label-selected{color:var(--md-sys-color-on-surface);font-weight:600}::ng-deep .praxis-stepper .mat-step-header.cdk-keyboard-focused,::ng-deep .praxis-stepper .mat-step-header.cdk-program-focused{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}::ng-deep .praxis-stepper .mat-step-icon{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface)}::ng-deep .praxis-stepper .mat-step-icon-selected{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}::ng-deep .praxis-stepper .mat-step-icon-state-done{background:var(--md-sys-color-tertiary);color:var(--md-sys-color-on-tertiary)}::ng-deep .praxis-stepper .mat-step-icon-state-error{background:var(--md-sys-color-error);color:var(--md-sys-color-on-error)}::ng-deep .praxis-stepper .mat-stepper-horizontal-line{border-top-color:var(--md-sys-color-outline-variant)}::ng-deep .praxis-stepper .mat-stepper-vertical-line:before{border-left-color:var(--md-sys-color-outline-variant)}::ng-deep .pdx-stepper-ft-light .mat-stepper-horizontal{background:transparent;--mat-stepper-header-hover-state-layer-color: color-mix( in srgb, var(--md-sys-color-on-surface) 8%, transparent );--mat-stepper-header-focus-state-layer-color: transparent;--mat-stepper-header-hover-state-layer-shape: 14px;--mat-stepper-header-focus-state-layer-shape: 14px}::ng-deep .pdx-stepper-ft-light .mat-step-header{margin:0}::ng-deep .pdx-stepper-ft-light .mat-step-header .mat-step-header-ripple{display:none}::ng-deep .ft-stepper{background:transparent}.ft-stepper-content{padding:0}.ft-stepper-content .form-section{border:none;padding:0;background:transparent}.nav-align-start{justify-content:flex-start}.nav-align-center{justify-content:center}.nav-align-end{justify-content:flex-end}.nav-align-space-between{justify-content:space-between}.edit-fab{position:absolute;right:12px;bottom:12px;z-index:2}.stepper-ai-assistant{position:absolute;right:12px;bottom:72px;z-index:3}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatStepperModule }, { kind: "component", type: i2$1.MatStep, selector: "mat-step", inputs: ["color"], exportAs: ["matStep"] }, { kind: "directive", type: i2$1.MatStepLabel, selector: "[matStepLabel]" }, { kind: "component", type: i2$1.MatStepper, selector: "mat-stepper, mat-vertical-stepper, mat-horizontal-stepper, [matStepper]", inputs: ["disableRipple", "color", "labelPosition", "headerPosition", "animationDuration"], outputs: ["animationDone"], exportAs: ["matStepper", "matVerticalStepper", "matHorizontalStepper"] }, { kind: "directive", type: i2$1.MatStepperIcon, selector: "ng-template[matStepperIcon]", inputs: ["matStepperIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i6.MatFabButton, selector: "button[mat-fab], a[mat-fab], button[matFab], a[matFab]", inputs: ["extended"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "component", type: PraxisDynamicForm, selector: "praxis-dynamic-form", inputs: ["resourcePath", "resourceId", "mode", "config", "schemaSource", "editModeEnabled", "formId", "componentInstanceId", "layout", "backConfig", "hooks", "removeEmptyContainersOnSave", "reactiveValidation", "reactiveValidationDebounceMs", "notifyIfOutdated", "snoozeMs", "autoOpenSettingsOnOutdated", "readonlyModeGlobal", "disabledModeGlobal", "presentationModeGlobal", "visibleGlobal", "customEndpoints"], outputs: ["formSubmit", "formCancel", "formReset", "configChange", "formReady", "valueChange", "syncCompleted", "initializationError", "loadingStateChange", "editModeEnabledChange", "customAction", "actionConfirmation", "schemaStatusChange", "fieldRenderError"] }, { kind: "directive", type: DynamicWidgetLoaderDirective, selector: "[dynamicWidgetLoader]", inputs: ["dynamicWidgetLoader", "context", "strictValidation", "autoWireOutputs"], outputs: ["widgetEvent"], exportAs: ["dynamicWidgetLoader"] }, { kind: "component", type: EmptyStateCardComponent, selector: "praxis-empty-state-card", inputs: ["icon", "title", "description", "primaryAction", "secondaryActions", "inline", "tone"] }, { kind: "component", type: PraxisAiAssistantComponent, selector: "praxis-ai-assistant", inputs: ["adapter", "riskPolicy", "allowManualPatchEdit"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [":host{display:block;position:relative}.praxis-stepper{width:100%;background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline-variant);border-radius:16px;padding:12px;box-shadow:var(--mat-elevation-level1)}.praxis-stepper.pdx-stepper-ft-light{background:transparent;border:none;border-radius:0;padding:0;box-shadow:none}:host(.density-compact) ::ng-deep .mat-step-header{min-height:36px}:host(.density-compact) .pdx-step-actions{padding-top:4px;gap:6px}:host(.density-comfortable) ::ng-deep .mat-step-header{min-height:44px}.pdx-step-content{padding:12px 4px 8px;color:var(--md-sys-color-on-surface)}.pdx-step-actions{display:flex;gap:8px;padding-top:8px}::ng-deep .praxis-stepper .mat-step-header{border-radius:999px;margin:4px 0;color:var(--md-sys-color-on-surface)}::ng-deep .praxis-stepper .mat-step-label{color:var(--md-sys-color-on-surface)}::ng-deep .praxis-stepper .mat-step-label.mat-step-label-selected{color:var(--md-sys-color-on-surface);font-weight:600}::ng-deep .praxis-stepper .mat-step-header.cdk-keyboard-focused,::ng-deep .praxis-stepper .mat-step-header.cdk-program-focused{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}::ng-deep .praxis-stepper .mat-step-icon{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface)}::ng-deep .praxis-stepper .mat-step-icon-selected{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}::ng-deep .praxis-stepper .mat-step-icon-state-done{background:var(--md-sys-color-tertiary);color:var(--md-sys-color-on-tertiary)}::ng-deep .praxis-stepper .mat-step-icon-state-error{background:var(--md-sys-color-error);color:var(--md-sys-color-on-error)}::ng-deep .praxis-stepper .mat-stepper-horizontal-line{border-top-color:var(--md-sys-color-outline-variant)}::ng-deep .praxis-stepper .mat-stepper-vertical-line:before{border-left-color:var(--md-sys-color-outline-variant)}::ng-deep .pdx-stepper-ft-light .mat-stepper-horizontal{background:transparent;--mat-stepper-header-hover-state-layer-color: color-mix( in srgb, var(--md-sys-color-on-surface) 8%, transparent );--mat-stepper-header-focus-state-layer-color: transparent;--mat-stepper-header-hover-state-layer-shape: 14px;--mat-stepper-header-focus-state-layer-shape: 14px}::ng-deep .pdx-stepper-ft-light .mat-step-header{margin:0}::ng-deep .pdx-stepper-ft-light .mat-step-header .mat-step-header-ripple{display:none}::ng-deep .ft-stepper{background:transparent}.ft-stepper-content{padding:0}.ft-stepper-content .form-section{border:none;padding:0;background:transparent}.nav-align-start{justify-content:flex-start}.nav-align-center{justify-content:center}.nav-align-end{justify-content:flex-end}.nav-align-space-between{justify-content:space-between}.edit-fab{position:absolute;right:12px;bottom:12px;z-index:2}.stepper-ai-assistant{position:absolute;right:12px;bottom:72px;z-index:3}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatStepperModule }, { kind: "component", type: i2$1.MatStep, selector: "mat-step", inputs: ["color"], exportAs: ["matStep"] }, { kind: "directive", type: i2$1.MatStepLabel, selector: "[matStepLabel]" }, { kind: "component", type: i2$1.MatStepper, selector: "mat-stepper, mat-vertical-stepper, mat-horizontal-stepper, [matStepper]", inputs: ["disableRipple", "color", "labelPosition", "headerPosition", "animationDuration"], outputs: ["animationDone"], exportAs: ["matStepper", "matVerticalStepper", "matHorizontalStepper"] }, { kind: "directive", type: i2$1.MatStepperIcon, selector: "ng-template[matStepperIcon]", inputs: ["matStepperIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i6.MatFabButton, selector: "button[mat-fab], a[mat-fab], button[matFab], a[matFab]", inputs: ["extended"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "component", type: PraxisDynamicForm, selector: "praxis-dynamic-form", inputs: ["resourcePath", "resourceId", "editorialContext", "mode", "config", "schemaSource", "editModeEnabled", "formId", "componentInstanceId", "layout", "backConfig", "hooks", "removeEmptyContainersOnSave", "reactiveValidation", "reactiveValidationDebounceMs", "notifyIfOutdated", "snoozeMs", "autoOpenSettingsOnOutdated", "readonlyModeGlobal", "disabledModeGlobal", "presentationModeGlobal", "visibleGlobal", "customEndpoints"], outputs: ["formSubmit", "formCancel", "formReset", "configChange", "formReady", "valueChange", "syncCompleted", "initializationError", "loadingStateChange", "editModeEnabledChange", "customAction", "actionConfirmation", "schemaStatusChange", "fieldRenderError", "widgetEvent"] }, { kind: "directive", type: DynamicWidgetLoaderDirective, selector: "[dynamicWidgetLoader]", inputs: ["dynamicWidgetLoader", "context", "strictValidation", "autoWireOutputs"], outputs: ["widgetEvent"], exportAs: ["dynamicWidgetLoader"] }, { kind: "component", type: EmptyStateCardComponent, selector: "praxis-empty-state-card", inputs: ["icon", "title", "description", "primaryAction", "secondaryActions", "inline", "tone"] }, { kind: "component", type: PraxisAiAssistantComponent, selector: "praxis-ai-assistant", inputs: ["adapter", "riskPolicy", "allowManualPatchEdit"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisStepper, decorators: [{
             type: Component,
@@ -3788,17 +3847,20 @@ const PRAXIS_WIZARD_BENEFITS_METADATA = {
     selector: 'praxis-wizard-benefits-grid',
     component: PraxisWizardBenefitsGridComponent,
     friendlyName: 'Wizard Benefits Grid',
-    description: 'Grid de benefícios com ícones/títulos/texto (uso editorial).',
+    description: 'Grid editorial de benefícios com ícones/títulos/texto. Mantido temporariamente enquanto não há equivalente canônico compartilhado no backlog editorial.',
     icon: 'view_module',
     inputs: [
-        { name: 'blockId', type: 'string', label: 'ID estável (avançado)', description: 'Chave estável para telemetria/e2e.' },
+        { name: 'blockId', type: 'string', label: 'Block ID legado', description: 'Identificador operacional legado do wizard, usado hoje para telemetria/e2e e compatibilidade com editor/adapter.' },
+        { name: 'instanceId', type: 'string', label: 'Instance ID', description: 'Identificador opcional da convenção editorial nova. Preferencial no modelo convergido, sem substituir automaticamente o blockId legado neste ciclo.' },
+        { name: 'analyticsId', type: 'string', label: 'Analytics ID', description: 'Identificador opcional para telemetria agregada do bloco editorial.' },
+        { name: 'ariaLabel', type: 'string', label: 'Aria Label', description: 'Rótulo acessível opcional para o bloco editorial.' },
         { name: 'title', type: 'string', label: 'Título' },
         { name: 'items', type: 'Array<{ icon?: string; title: string; text?: string }>', label: 'Itens' },
         { name: 'columns', type: 'number', label: 'Colunas' },
         { name: 'boxed', type: 'boolean', label: 'Boxed' },
     ],
     outputs: [],
-    tags: ['widget', 'wizard', 'content', 'benefits'],
+    tags: ['widget', 'wizard', 'content', 'benefits', EDITORIAL_WIDGET_TAG],
     lib: '@praxisui/stepper',
 };
 const PRAXIS_WIZARD_CONTENT_METADATA = {
@@ -3806,17 +3868,21 @@ const PRAXIS_WIZARD_CONTENT_METADATA = {
     selector: 'praxis-wizard-content-block',
     component: PraxisWizardContentBlockComponent,
     friendlyName: 'Wizard Content Block',
-    description: 'Bloco editorial com título/subtítulo/texto.',
+    description: 'Bloco editorial legado do wizard com título/subtítulo/texto. Está formalmente em deprecação para novo authoring e converge para widget:rich-text-block, mas continua suportado para leitura e edição de configurações existentes neste ciclo.',
     icon: 'article',
     inputs: [
-        { name: 'blockId', type: 'string', label: 'ID estável (avançado)', description: 'Chave estável para telemetria/e2e.' },
+        { name: 'blockId', type: 'string', label: 'Block ID legado', description: 'Identificador operacional legado do wizard, usado hoje para telemetria/e2e e compatibilidade com editor/adapter.' },
+        { name: 'instanceId', type: 'string', label: 'Instance ID', description: 'Identificador opcional da convenção editorial nova. Preferencial no modelo convergido, sem substituir automaticamente o blockId legado neste ciclo.' },
+        { name: 'analyticsId', type: 'string', label: 'Analytics ID', description: 'Identificador opcional para telemetria agregada do bloco editorial.' },
+        { name: 'ariaLabel', type: 'string', label: 'Aria Label', description: 'Rótulo acessível opcional para o bloco editorial.' },
+        { name: 'contentFormat', type: "'plain' | 'markdown'", label: 'Formato do conteúdo (futuro)', description: 'Input declared-only para convergência com a fundação editorial. Não altera o comportamento operacional atual do componente neste ciclo.' },
         { name: 'title', type: 'string', label: 'Título' },
         { name: 'subtitle', type: 'string', label: 'Subtítulo' },
         { name: 'text', type: 'string', label: 'Texto' },
         { name: 'caption', type: 'string', label: 'Legenda' },
     ],
     outputs: [],
-    tags: ['widget', 'wizard', 'content'],
+    tags: ['widget', 'wizard', 'content', 'deprecated', EDITORIAL_WIDGET_TAG],
     lib: '@praxisui/stepper',
 };
 const PRAXIS_WIZARD_NOTICE_METADATA = {
@@ -3824,15 +3890,18 @@ const PRAXIS_WIZARD_NOTICE_METADATA = {
     selector: 'praxis-wizard-inline-notice',
     component: PraxisWizardInlineNoticeComponent,
     friendlyName: 'Wizard Inline Notice',
-    description: 'Texto legal/nota inline para wizards.',
+    description: 'Bloco editorial inline para aviso curto em wizard. Mantido temporariamente até a semântica final convergir entre legal-notice e eventual info-callout compartilhado.',
     icon: 'info',
     inputs: [
-        { name: 'blockId', type: 'string', label: 'ID estável (avançado)', description: 'Chave estável para telemetria/e2e.' },
+        { name: 'blockId', type: 'string', label: 'Block ID legado', description: 'Identificador operacional legado do wizard, usado hoje para telemetria/e2e e compatibilidade com editor/adapter.' },
+        { name: 'instanceId', type: 'string', label: 'Instance ID', description: 'Identificador opcional da convenção editorial nova. Preferencial no modelo convergido, sem substituir automaticamente o blockId legado neste ciclo.' },
+        { name: 'analyticsId', type: 'string', label: 'Analytics ID', description: 'Identificador opcional para telemetria agregada do bloco editorial.' },
+        { name: 'ariaLabel', type: 'string', label: 'Aria Label', description: 'Rótulo acessível opcional para o bloco editorial.' },
         { name: 'text', type: 'string', label: 'Texto' },
         { name: 'tone', type: "'neutral' | 'info' | 'warning'", label: 'Tom' },
     ],
     outputs: [],
-    tags: ['widget', 'wizard', 'notice'],
+    tags: ['widget', 'wizard', 'notice', EDITORIAL_WIDGET_TAG],
     lib: '@praxisui/stepper',
 };
 const PRAXIS_WIZARD_DIVIDER_METADATA = {
@@ -3840,14 +3909,17 @@ const PRAXIS_WIZARD_DIVIDER_METADATA = {
     selector: 'praxis-wizard-divider',
     component: PraxisWizardDividerComponent,
     friendlyName: 'Wizard Divider',
-    description: 'Separador visual para fluxo.',
+    description: 'Separador editorial visual para fluxo. Mantido temporariamente enquanto não há equivalente compartilhado priorizado.',
     icon: 'horizontal_rule',
     inputs: [
-        { name: 'blockId', type: 'string', label: 'ID estável (avançado)', description: 'Chave estável para telemetria/e2e.' },
+        { name: 'blockId', type: 'string', label: 'Block ID legado', description: 'Identificador operacional legado do wizard, usado hoje para telemetria/e2e e compatibilidade com editor/adapter.' },
+        { name: 'instanceId', type: 'string', label: 'Instance ID', description: 'Identificador opcional da convenção editorial nova. Preferencial no modelo convergido, sem substituir automaticamente o blockId legado neste ciclo.' },
+        { name: 'analyticsId', type: 'string', label: 'Analytics ID', description: 'Identificador opcional para telemetria agregada do bloco editorial.' },
+        { name: 'ariaLabel', type: 'string', label: 'Aria Label', description: 'Rótulo acessível opcional para o bloco editorial.' },
         { name: 'label', type: 'string', label: 'Rótulo' },
     ],
     outputs: [],
-    tags: ['widget', 'wizard', 'divider'],
+    tags: ['widget', 'wizard', 'divider', EDITORIAL_WIDGET_TAG],
     lib: '@praxisui/stepper',
 };
 function providePraxisStepperMetadata() {
@@ -4282,13 +4354,13 @@ function toWidget(block, wizardId, stepId, index) {
             };
         case 'contentBlock':
             return {
-                id: 'praxis-wizard-content',
+                id: 'widget:rich-text-block',
                 inputs: {
-                    blockId: baseId,
+                    instanceId: baseId,
                     title: block.title,
                     subtitle: block.subtitle,
-                    text: block.text,
-                    caption: block.caption,
+                    contentFormat: 'plain',
+                    content: joinContentParts(block.text, block.caption),
                 },
             };
         case 'inlineNotice':
@@ -4312,6 +4384,12 @@ function toWidget(block, wizardId, stepId, index) {
             return null;
     }
 }
+function joinContentParts(text, caption) {
+    const parts = [text, caption]
+        .map((value) => (typeof value === 'string' ? value.trim() : ''))
+        .filter(Boolean);
+    return parts.join('\n\n');
+}
 
 class PraxisWizardCtaBarComponent {
     primaryLabel = 'Continue';