@praxisui/stepper 8.0.0-beta.2 → 8.0.0-beta.21

package/fesm2022/praxisui-stepper.mjs

@@ -1,19 +1,19 @@
 import * as i1$1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Inject, Component, inject, ChangeDetectorRef, signal, ElementRef, Renderer2, EventEmitter, computed, TemplateRef, Output, Input, ContentChild, ChangeDetectionStrategy, ENVIRONMENT_INITIALIZER, isDevMode, effect, ViewChild } from '@angular/core';
+import { Inject, Component, EventEmitter, inject, DestroyRef, Injector, ChangeDetectorRef, ViewContainerRef, ViewChild, Output, ChangeDetectionStrategy, Input, signal, ElementRef, Renderer2, effect, computed, TemplateRef, ContentChild, ENVIRONMENT_INITIALIZER, isDevMode } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 import * as i2$1 from '@angular/material/stepper';
 import { MatStepperModule } from '@angular/material/stepper';
-import * as i6 from '@angular/material/button';
+import * as i3$1 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
-import * as i5$1 from '@angular/material/icon';
+import * as i4$1 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
-import { providePraxisI18n, PraxisI18nService, IconPickerService, createEmptyRichContentDocument, PraxisIconDirective, deepMerge, ASYNC_CONFIG_STORAGE, ComponentKeyService, LoggerService, DynamicWidgetLoaderDirective, EmptyStateCardComponent, EDITORIAL_WIDGET_TAG, ComponentMetadataRegistry, createCorporateLoggerConfig, ConsoleLoggerSink, CONFIG_STORAGE } from '@praxisui/core';
+import { PraxisIconDirective, providePraxisI18n, PraxisI18nService, IconPickerService, createEmptyRichContentDocument, 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';
-import { SettingsPanelService, SETTINGS_PANEL_DATA } from '@praxisui/settings-panel';
+import { SETTINGS_PANEL_DATA, SettingsPanelService } from '@praxisui/settings-panel';
 import * as i3 from '@angular/material/form-field';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import * as i4 from '@angular/material/input';
@@ -28,13 +28,16 @@ import * as i1 from '@angular/material/dialog';
 import { MAT_DIALOG_DATA, MatDialogModule, MatDialog } from '@angular/material/dialog';
 import * as i10 from '@angular/material/tabs';
 import { MatTabsModule } from '@angular/material/tabs';
-import { BehaviorSubject } from 'rxjs';
+import { isObservable, firstValueFrom, BehaviorSubject, Subscription } from 'rxjs';
 import { PraxisListConfigEditor } from '@praxisui/list';
 import { PraxisFilesUploadConfigEditor } from '@praxisui/files-upload';
 import { ComponentPaletteDialogComponent } from '@praxisui/page-builder';
 import * as i5 from '@angular/material/checkbox';
 import { MatCheckboxModule } from '@angular/material/checkbox';
-import { BaseAiAdapter, PraxisAiAssistantComponent } from '@praxisui/ai';
+import * as i5$1 from '@angular/material/progress-spinner';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { BaseAiAdapter, AiBackendApiService, PraxisAssistantSessionRegistryService, PraxisAssistantTurnOrchestratorService, createPraxisAssistantViewportLayout, PraxisAiAssistantShellComponent } from '@praxisui/ai';
 import { PraxisRichContent } from '@praxisui/rich-content';
 import { take } from 'rxjs/operators';
 import * as i1$2 from '@angular/material/card';
@@ -93,7 +96,7 @@ class SelectQuickConfigDialogComponent {
       <button mat-button (click)="cancel()">Cancelar</button>
       <button mat-flat-button color="primary" (click)="confirm()">Adicionar</button>
     </div>
-  `, isInline: true, styles: [".g{display:grid}.gap-12{gap:12px}.w-full{width:100%}.row{display:flex}.ai-center{align-items:center}.gap-16{gap:16px}.g-auto-220{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { 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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { 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: "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: [".g{display:grid}.gap-12{gap:12px}.w-full{width:100%}.row{display:flex}.ai-center{align-items:center}.gap-16{gap:16px}.g-auto-220{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { 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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { 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: "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: i3$1.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: SelectQuickConfigDialogComponent, decorators: [{
             type: Component,
@@ -137,6 +140,283 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                     args: [MAT_DIALOG_DATA]
                 }] }] });
 
+class StepperNestedSettingsDialogComponent {
+    data;
+    dialogRef;
+    applied = new EventEmitter();
+    contentHost;
+    isDirty = false;
+    isValid = true;
+    isBusy = false;
+    contentRef;
+    destroyRef = inject(DestroyRef);
+    injector = inject(Injector);
+    cdr = inject(ChangeDetectorRef);
+    constructor(data, dialogRef) {
+        this.data = data;
+        this.dialogRef = dialogRef;
+    }
+    get canApply() {
+        return this.isDirty && this.isValid && !this.isBusy;
+    }
+    get canSave() {
+        return this.isDirty && this.isValid && !this.isBusy;
+    }
+    ngAfterViewInit() {
+        const childInjector = Injector.create({
+            parent: this.injector,
+            providers: [
+                {
+                    provide: SETTINGS_PANEL_DATA,
+                    useValue: {
+                        id: this.data.id,
+                        ...(this.data.inputs ?? {}),
+                    },
+                },
+            ],
+        });
+        this.contentRef = this.contentHost.createComponent(this.data.component, {
+            injector: childInjector,
+        });
+        this.applyInputs(this.contentRef, this.data.inputs);
+        this.bindState(this.contentRef.instance);
+        this.contentRef.changeDetectorRef.detectChanges();
+        this.cdr.detectChanges();
+    }
+    onApply() {
+        if (!this.canApply) {
+            return;
+        }
+        this.applied.emit(this.getNestedValue());
+    }
+    onSave() {
+        if (!this.canSave) {
+            return;
+        }
+        const instance = this.contentRef?.instance;
+        const result = instance?.onSave?.();
+        if (isObservable(result)) {
+            firstValueFrom(result)
+                .then((value) => this.closeWithValue(value))
+                .catch(() => { });
+            return;
+        }
+        if (result instanceof Promise) {
+            result.then((value) => this.closeWithValue(value)).catch(() => { });
+            return;
+        }
+        this.closeWithValue(result !== undefined ? result : this.getNestedValue());
+    }
+    onReset() {
+        this.contentRef?.instance?.reset?.();
+    }
+    onCancel() {
+        this.dialogRef.close(undefined);
+    }
+    getNestedValue() {
+        return this.contentRef?.instance?.getSettingsValue?.();
+    }
+    closeWithValue(value) {
+        this.dialogRef.close({ action: 'save', value });
+    }
+    bindState(instance) {
+        instance.isDirty$
+            ?.pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe((dirty) => {
+            this.isDirty = dirty;
+            this.cdr.markForCheck();
+        });
+        instance.isValid$
+            ?.pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe((valid) => {
+            this.isValid = valid;
+            this.cdr.markForCheck();
+        });
+        instance.isBusy$
+            ?.pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe((busy) => {
+            this.isBusy = busy;
+            this.cdr.markForCheck();
+        });
+        const selected = instance?.selected;
+        if (selected && typeof selected.subscribe === 'function') {
+            const selected$ = typeof selected.pipe === 'function'
+                ? selected.pipe(takeUntilDestroyed(this.destroyRef))
+                : selected;
+            selected$.subscribe((value) => this.applied.emit(value));
+        }
+    }
+    applyInputs(contentRef, inputs) {
+        if (!inputs) {
+            return;
+        }
+        const supportedInputs = this.resolveSupportedInputs(contentRef);
+        for (const [key, value] of Object.entries(inputs)) {
+            if (supportedInputs && !supportedInputs.has(key)) {
+                continue;
+            }
+            try {
+                contentRef.setInput(key, value);
+            }
+            catch {
+                contentRef.instance[key] = value;
+            }
+        }
+    }
+    resolveSupportedInputs(contentRef) {
+        const declaredInputs = contentRef.componentType?.ɵcmp?.inputs;
+        if (!declaredInputs || typeof declaredInputs !== 'object') {
+            return null;
+        }
+        return new Set(Object.keys(declaredInputs));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: StepperNestedSettingsDialogComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: StepperNestedSettingsDialogComponent, isStandalone: true, selector: "praxis-stepper-nested-settings-dialog", outputs: { applied: "applied" }, viewQueries: [{ propertyName: "contentHost", first: true, predicate: ["contentHost"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: `
+    <section class="pdx-stepper-nested-dialog" data-testid="stepper-nested-settings-dialog">
+      <header class="pdx-stepper-nested-dialog__header">
+        <div>
+          <p class="pdx-stepper-nested-dialog__eyebrow">Nested component editor</p>
+          <h2>{{ data.title }}</h2>
+        </div>
+        <button
+          mat-icon-button
+          type="button"
+          data-testid="stepper-nested-settings-cancel"
+          aria-label="Close nested editor"
+          (click)="onCancel()">
+          <mat-icon [praxisIcon]="'close'"></mat-icon>
+        </button>
+      </header>
+
+      <div class="pdx-stepper-nested-dialog__status" [class.invalid]="!isValid">
+        <mat-progress-spinner
+          *ngIf="isBusy"
+          diameter="18"
+          mode="indeterminate">
+        </mat-progress-spinner>
+        <span *ngIf="isBusy">Operation in progress...</span>
+        <span *ngIf="!isBusy && !isValid">Review the highlighted fields before applying.</span>
+        <span *ngIf="!isBusy && isValid && isDirty">Ready to apply nested changes.</span>
+        <span *ngIf="!isBusy && isValid && !isDirty">No nested changes yet.</span>
+      </div>
+
+      <div class="pdx-stepper-nested-dialog__body">
+        <ng-container #contentHost></ng-container>
+      </div>
+
+      <footer class="pdx-stepper-nested-dialog__footer">
+        <button
+          mat-button
+          type="button"
+          data-testid="stepper-nested-settings-reset"
+          [disabled]="isBusy"
+          (click)="onReset()">
+          Reset
+        </button>
+        <span class="pdx-stepper-nested-dialog__spacer"></span>
+        <button
+          mat-stroked-button
+          type="button"
+          data-testid="stepper-nested-settings-apply"
+          [disabled]="!canApply"
+          (click)="onApply()">
+          Apply
+        </button>
+        <button
+          mat-flat-button
+          color="primary"
+          type="button"
+          data-testid="stepper-nested-settings-save"
+          [disabled]="!canSave"
+          (click)="onSave()">
+          Save
+        </button>
+      </footer>
+    </section>
+  `, isInline: true, styles: [":host{display:block}.pdx-stepper-nested-dialog{--pdx-nested-surface: color-mix(in srgb, var(--md-sys-color-surface-container, #1f2630) 92%, black);background:var(--pdx-nested-surface);color:var(--md-sys-color-on-surface, #eef2ff);min-width:min(760px,88vw);max-width:92vw;max-height:86vh;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden}.pdx-stepper-nested-dialog__header,.pdx-stepper-nested-dialog__footer{display:flex;align-items:center;gap:12px;padding:16px 20px;border-color:color-mix(in srgb,var(--md-sys-color-outline-variant, #4b5563) 48%,transparent)}.pdx-stepper-nested-dialog__header{justify-content:space-between;border-bottom:1px solid}.pdx-stepper-nested-dialog__header h2{margin:0;font-size:18px;font-weight:800;letter-spacing:-.01em}.pdx-stepper-nested-dialog__eyebrow{margin:0 0 4px;color:var(--md-sys-color-primary, #8ab4ff);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.pdx-stepper-nested-dialog__status{min-height:34px;display:flex;align-items:center;gap:8px;padding:8px 20px;color:var(--md-sys-color-on-surface-variant, #c7d2fe);background:color-mix(in srgb,var(--md-sys-color-primary-container, #1d3a5f) 18%,transparent);font-size:12px}.pdx-stepper-nested-dialog__status.invalid{color:var(--md-sys-color-error, #ffb4ab);background:color-mix(in srgb,var(--md-sys-color-error-container, #5f1b1b) 18%,transparent)}.pdx-stepper-nested-dialog__body{min-height:0;overflow:auto;padding:16px 20px 22px}.pdx-stepper-nested-dialog__footer{border-top:1px solid}.pdx-stepper-nested-dialog__spacer{flex:1 1 auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3$1.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: i3$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i5$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { 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: StepperNestedSettingsDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'praxis-stepper-nested-settings-dialog', standalone: true, imports: [
+                        CommonModule,
+                        MatButtonModule,
+                        MatDialogModule,
+                        MatIconModule,
+                        MatProgressSpinnerModule,
+                        PraxisIconDirective,
+                    ], template: `
+    <section class="pdx-stepper-nested-dialog" data-testid="stepper-nested-settings-dialog">
+      <header class="pdx-stepper-nested-dialog__header">
+        <div>
+          <p class="pdx-stepper-nested-dialog__eyebrow">Nested component editor</p>
+          <h2>{{ data.title }}</h2>
+        </div>
+        <button
+          mat-icon-button
+          type="button"
+          data-testid="stepper-nested-settings-cancel"
+          aria-label="Close nested editor"
+          (click)="onCancel()">
+          <mat-icon [praxisIcon]="'close'"></mat-icon>
+        </button>
+      </header>
+
+      <div class="pdx-stepper-nested-dialog__status" [class.invalid]="!isValid">
+        <mat-progress-spinner
+          *ngIf="isBusy"
+          diameter="18"
+          mode="indeterminate">
+        </mat-progress-spinner>
+        <span *ngIf="isBusy">Operation in progress...</span>
+        <span *ngIf="!isBusy && !isValid">Review the highlighted fields before applying.</span>
+        <span *ngIf="!isBusy && isValid && isDirty">Ready to apply nested changes.</span>
+        <span *ngIf="!isBusy && isValid && !isDirty">No nested changes yet.</span>
+      </div>
+
+      <div class="pdx-stepper-nested-dialog__body">
+        <ng-container #contentHost></ng-container>
+      </div>
+
+      <footer class="pdx-stepper-nested-dialog__footer">
+        <button
+          mat-button
+          type="button"
+          data-testid="stepper-nested-settings-reset"
+          [disabled]="isBusy"
+          (click)="onReset()">
+          Reset
+        </button>
+        <span class="pdx-stepper-nested-dialog__spacer"></span>
+        <button
+          mat-stroked-button
+          type="button"
+          data-testid="stepper-nested-settings-apply"
+          [disabled]="!canApply"
+          (click)="onApply()">
+          Apply
+        </button>
+        <button
+          mat-flat-button
+          color="primary"
+          type="button"
+          data-testid="stepper-nested-settings-save"
+          [disabled]="!canSave"
+          (click)="onSave()">
+          Save
+        </button>
+      </footer>
+    </section>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block}.pdx-stepper-nested-dialog{--pdx-nested-surface: color-mix(in srgb, var(--md-sys-color-surface-container, #1f2630) 92%, black);background:var(--pdx-nested-surface);color:var(--md-sys-color-on-surface, #eef2ff);min-width:min(760px,88vw);max-width:92vw;max-height:86vh;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden}.pdx-stepper-nested-dialog__header,.pdx-stepper-nested-dialog__footer{display:flex;align-items:center;gap:12px;padding:16px 20px;border-color:color-mix(in srgb,var(--md-sys-color-outline-variant, #4b5563) 48%,transparent)}.pdx-stepper-nested-dialog__header{justify-content:space-between;border-bottom:1px solid}.pdx-stepper-nested-dialog__header h2{margin:0;font-size:18px;font-weight:800;letter-spacing:-.01em}.pdx-stepper-nested-dialog__eyebrow{margin:0 0 4px;color:var(--md-sys-color-primary, #8ab4ff);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.pdx-stepper-nested-dialog__status{min-height:34px;display:flex;align-items:center;gap:8px;padding:8px 20px;color:var(--md-sys-color-on-surface-variant, #c7d2fe);background:color-mix(in srgb,var(--md-sys-color-primary-container, #1d3a5f) 18%,transparent);font-size:12px}.pdx-stepper-nested-dialog__status.invalid{color:var(--md-sys-color-error, #ffb4ab);background:color-mix(in srgb,var(--md-sys-color-error-container, #5f1b1b) 18%,transparent)}.pdx-stepper-nested-dialog__body{min-height:0;overflow:auto;padding:16px 20px 22px}.pdx-stepper-nested-dialog__footer{border-top:1px solid}.pdx-stepper-nested-dialog__spacer{flex:1 1 auto}\n"] }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }, { type: i1.MatDialogRef }], propDecorators: { applied: [{
+                type: Output
+            }], contentHost: [{
+                type: ViewChild,
+                args: ['contentHost', { read: ViewContainerRef, static: true }]
+            }] } });
+
 const PRAXIS_STEPPER_EN_US = {
     'praxis.stepper.editor.tabs.general': 'General',
     'praxis.stepper.editor.tabs.steps': 'Steps',
@@ -593,39 +873,53 @@ function resolvePraxisStepperText(i18n, key, fallback) {
 
 class PraxisStepperConfigEditor {
     i18n = inject(PraxisI18nService);
+    set stepperConfig(value) {
+        if (value == null) {
+            return;
+        }
+        this.initializeConfig(value, false);
+    }
     config = { steps: [], orientation: 'horizontal', headerPosition: 'top', linear: false };
     activeStepRef = null;
     // SettingsValueProvider observables
     isDirty$ = new BehaviorSubject(false);
     isValid$ = new BehaviorSubject(true);
     isBusy$ = new BehaviorSubject(false);
-    settings = inject(SettingsPanelService);
     dialog = inject(MatDialog);
     iconPicker = inject(IconPickerService);
     cdr = inject(ChangeDetectorRef);
     constructor(data) {
         let seed = data?.config ?? data;
-        // Normalize when seed is a JSON string
-        if (typeof seed === 'string') {
+        this.initializeConfig(seed, true);
+    }
+    initializeConfig(seed, dirtyWhenEmpty) {
+        let normalizedSeed = seed;
+        if (typeof normalizedSeed === 'string') {
             try {
-                seed = JSON.parse(seed);
+                normalizedSeed = JSON.parse(normalizedSeed);
             }
             catch {
-                seed = undefined;
+                normalizedSeed = undefined;
             }
         }
-        if (seed && typeof seed === 'object') {
-            // shallow clone to detach references
-            this.config = JSON.parse(JSON.stringify(seed));
+        if (normalizedSeed && typeof normalizedSeed === 'object') {
+            this.config = JSON.parse(JSON.stringify(normalizedSeed));
             if (!Array.isArray(this.config.steps)) {
                 this.config.steps = [];
             }
+            this.isDirty$.next(false);
         }
         else {
-            this.config.steps = [{ id: 'step1', label: this.tx('editor.defaults.newStep', 'New step') }];
-            this.isDirty$.next(true);
+            this.config = {
+                steps: [{ id: 'step1', label: this.tx('editor.defaults.newStep', 'New step') }],
+                orientation: 'horizontal',
+                headerPosition: 'top',
+                linear: false,
+            };
+            this.isDirty$.next(dirtyWhenEmpty);
         }
         this.ensureActiveStep();
+        this.validate();
     }
     tx(key, fallback) {
         return resolvePraxisStepperText(this.i18n, key, fallback);
@@ -999,18 +1293,26 @@ class PraxisStepperConfigEditor {
         const step = this.activeStep;
         if (!step)
             return;
-        const ref = this.settings.open({ id: `stepper:form:${step.id || this.activeIndex}`, title: this.tx('editor.dialog.configureStepForm', 'Configure Step Form'), content: { component: PraxisDynamicFormConfigEditor, inputs: { formConfig: step.form?.config || { sections: [] }, formId: step.form?.formId || step.id, mode: step.form?.mode || 'create' } } });
         const apply = (val) => {
             const v = val || {};
             step.form = {
-                config: v.formConfig || step.form?.config || { sections: [] },
+                config: v.formConfig || v.config || step.form?.config || { sections: [] },
                 formId: v?.formId || step.form?.formId || step.id,
-                mode: v?.inputsPatch?.mode || step.form?.mode || 'create',
+                mode: v?.inputsPatch?.mode || v?.bindings?.mode || step.form?.mode || 'create',
             };
             this.markDirty();
         };
-        ref.applied$.subscribe(apply);
-        ref.saved$.subscribe(apply);
+        this.openNestedSettingsEditor({
+            id: `stepper:form:${step.id || this.activeIndex}`,
+            title: this.tx('editor.dialog.configureStepForm', 'Configure Step Form'),
+            component: PraxisDynamicFormConfigEditor,
+            inputs: {
+                formConfig: step.form?.config || { sections: [] },
+                formId: step.form?.formId || step.id,
+                mode: step.form?.mode || 'create',
+            },
+            apply,
+        });
     }
     editMainForm() { this.addMainForm(); }
     removeMainForm() { const s = this.activeStep; if (!s)
@@ -1023,16 +1325,27 @@ class PraxisStepperConfigEditor {
         const current = { ...(this.ensureWidgets().find(w => w.id === 'praxis-list')?.inputs?.config || {}) };
         // Ensure minimal selection setup
         current.selection = current.selection || { mode: 'single', return: 'value' };
-        const ref = this.settings.open({ id: `stepper:list:${step.id || this.activeIndex}`, title: this.tx('editor.dialog.configureListSelection', 'Configure List (selection)'), content: { component: PraxisListConfigEditor, inputs: { config: current, listId: step.id || 'list' } } });
+        let targetWidget;
+        const listId = `${step.id || 'step'}-list-${Date.now()}`;
         const apply = (val) => {
             const cfg = (val && (val.config || val)) || current;
-            const wd = { id: 'praxis-list', inputs: { config: cfg, listId: `${step.id || 'step'}-list-${Date.now()}` } };
             const arr = this.ensureWidgets();
-            arr.push(wd);
+            if (!targetWidget) {
+                targetWidget = { id: 'praxis-list', inputs: { config: cfg, listId } };
+                arr.push(targetWidget);
+            }
+            else {
+                targetWidget.inputs = { ...(targetWidget.inputs || {}), config: cfg, listId };
+            }
             this.markDirty();
         };
-        ref.applied$.subscribe(apply);
-        ref.saved$.subscribe(apply);
+        this.openNestedSettingsEditor({
+            id: `stepper:list:${step.id || this.activeIndex}`,
+            title: this.tx('editor.dialog.configureListSelection', 'Configure List (selection)'),
+            component: PraxisListConfigEditor,
+            inputs: { config: current, listId: step.id || 'list' },
+            apply,
+        });
     }
     addSearchableSelect() {
         const step = this.activeStep;
@@ -1062,14 +1375,26 @@ class PraxisStepperConfigEditor {
         const step = this.activeStep;
         if (!step)
             return;
-        const ref = this.settings.open({ id: `stepper:upload:${step.id || this.activeIndex}`, title: this.tx('editor.dialog.configureFilesUpload', 'Configure File Upload'), content: { component: PraxisFilesUploadConfigEditor, inputs: {} } });
+        let targetWidget;
+        const filesUploadId = `${step.id || 'step'}-upload-${Date.now()}`;
         const apply = (cfg) => {
-            const wd = { id: 'praxis-files-upload', inputs: { config: cfg, filesUploadId: `${step.id || 'step'}-upload-${Date.now()}` } };
-            this.ensureWidgets().push(wd);
+            const arr = this.ensureWidgets();
+            if (!targetWidget) {
+                targetWidget = { id: 'praxis-files-upload', inputs: { config: cfg, filesUploadId } };
+                arr.push(targetWidget);
+            }
+            else {
+                targetWidget.inputs = { ...(targetWidget.inputs || {}), config: cfg, filesUploadId };
+            }
             this.markDirty();
         };
-        ref.applied$.subscribe(apply);
-        ref.saved$.subscribe(apply);
+        this.openNestedSettingsEditor({
+            id: `stepper:upload:${step.id || this.activeIndex}`,
+            title: this.tx('editor.dialog.configureFilesUpload', 'Configure File Upload'),
+            component: PraxisFilesUploadConfigEditor,
+            inputs: {},
+            apply,
+        });
     }
     openMoreComponents() {
         const dlg = this.dialog.open(ComponentPaletteDialogComponent, { width: '560px', data: { title: this.tx('editor.dialog.addComponentToStep', 'Add component to step'), allowedWidgetIds: ['praxis-dynamic-form', 'praxis-list', 'pdx-material-searchable-select', 'praxis-files-upload'] } });
@@ -1116,14 +1441,18 @@ class PraxisStepperConfigEditor {
                 { rows: [[{ name: 'items', label: this.tx('editor.defaults.items', 'Items'), controlType: 'TRANSFER_LIST', transferOptions: { source: [], target: [] } }]] }
             ]
         };
-        const ref = this.settings.open({ id: `stepper:transfer:${step.id || this.activeIndex}`, title: this.tx('editor.dialog.configureTransfer', 'Configure Item Transfer'), content: { component: PraxisDynamicFormConfigEditor, inputs: { formConfig, formId: step.id || 'transfer' } } });
         const apply = (val) => {
             const v = val || {};
-            step.form = { config: v.formConfig || formConfig, formId: v?.formId || step.id, mode: v?.inputsPatch?.mode || 'create' };
+            step.form = { config: v.formConfig || v.config || formConfig, formId: v?.formId || step.id, mode: v?.inputsPatch?.mode || v?.bindings?.mode || 'create' };
             this.markDirty();
         };
-        ref.applied$.subscribe(apply);
-        ref.saved$.subscribe(apply);
+        this.openNestedSettingsEditor({
+            id: `stepper:transfer:${step.id || this.activeIndex}`,
+            title: this.tx('editor.dialog.configureTransfer', 'Configure Item Transfer'),
+            component: PraxisDynamicFormConfigEditor,
+            inputs: { formConfig, formId: step.id || 'transfer' },
+            apply,
+        });
     }
     editWidget(w) {
         switch (w.id) {
@@ -1136,14 +1465,18 @@ class PraxisStepperConfigEditor {
                 const step = this.activeStep;
                 if (!step)
                     return;
-                const ref = this.settings.open({ id: `stepper:list:${step.id || this.activeIndex}`, title: this.tx('editor.dialog.configureListSelection', 'Configure List (selection)'), content: { component: PraxisListConfigEditor, inputs: { config: cfg, listId: step.id || 'list' } } });
                 const apply = (val) => {
                     const next = (val && (val.config || val)) || cfg;
                     w.inputs = { ...(w.inputs || {}), config: next };
                     this.markDirty();
                 };
-                ref.applied$.subscribe(apply);
-                ref.saved$.subscribe(apply);
+                this.openNestedSettingsEditor({
+                    id: `stepper:list:${step.id || this.activeIndex}`,
+                    title: this.tx('editor.dialog.configureListSelection', 'Configure List (selection)'),
+                    component: PraxisListConfigEditor,
+                    inputs: { config: cfg, listId: step.id || 'list' },
+                    apply,
+                });
                 break;
             }
             case 'pdx-material-searchable-select': {
@@ -1160,10 +1493,14 @@ class PraxisStepperConfigEditor {
             }
             case 'praxis-files-upload': {
                 const cfg = w.inputs?.config || {};
-                const ref = this.settings.open({ id: `stepper:upload:edit`, title: this.tx('editor.dialog.configureFilesUpload', 'Configure File Upload'), content: { component: PraxisFilesUploadConfigEditor, inputs: { ...cfg } } });
                 const apply = (val) => { w.inputs = { ...(w.inputs || {}), config: val }; this.markDirty(); };
-                ref.applied$.subscribe(apply);
-                ref.saved$.subscribe(apply);
+                this.openNestedSettingsEditor({
+                    id: `stepper:upload:edit`,
+                    title: this.tx('editor.dialog.configureFilesUpload', 'Configure File Upload'),
+                    component: PraxisFilesUploadConfigEditor,
+                    inputs: { ...cfg },
+                    apply,
+                });
                 break;
             }
             default:
@@ -1171,6 +1508,32 @@ class PraxisStepperConfigEditor {
                 break;
         }
     }
+    openNestedSettingsEditor(options) {
+        const dialogRef = this.dialog.open(StepperNestedSettingsDialogComponent, {
+            width: 'min(960px, 92vw)',
+            maxWidth: '96vw',
+            maxHeight: '92vh',
+            autoFocus: false,
+            restoreFocus: false,
+            data: {
+                id: options.id,
+                title: options.title,
+                component: options.component,
+                inputs: options.inputs,
+            },
+        });
+        dialogRef.componentInstance?.applied.subscribe((value) => {
+            options.apply(value);
+            this.cdr.markForCheck();
+        });
+        dialogRef.afterClosed().subscribe((result) => {
+            if (result?.action !== 'save') {
+                return;
+            }
+            options.apply(result.value);
+            this.cdr.markForCheck();
+        });
+    }
     // SettingsValueProvider
     getSettingsValue() { return this.config; }
     onSave() { return this.getSettingsValue(); }
@@ -1186,7 +1549,7 @@ class PraxisStepperConfigEditor {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisStepperConfigEditor, deps: [{ token: SETTINGS_PANEL_DATA }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: PraxisStepperConfigEditor, isStandalone: true, selector: "praxis-stepper-config-editor", providers: [providePraxisStepperI18n()], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: PraxisStepperConfigEditor, isStandalone: true, selector: "praxis-stepper-config-editor", inputs: { stepperConfig: "stepperConfig" }, providers: [providePraxisStepperI18n()], ngImport: i0, template: `
     <div class="pdx-editor">
       <mat-tab-group>
         <mat-tab [label]="tx('editor.tabs.general', 'General')">
@@ -1780,7 +2143,7 @@ class PraxisStepperConfigEditor {
         </mat-tab>
       </mat-tab-group>
     </div>
-  `, isInline: true, styles: [".pdx-editor{display:grid;gap:16px}.pdx-editor .mat-mdc-form-field{width:100%}.pdx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.pdx-toggles{display:flex;gap:12px;flex-wrap:wrap}.tab-pad{padding:16px;display:grid;gap:16px;background:var(--md-sys-color-surface);border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 78%,transparent);border-radius:16px}.help{color:var(--md-sys-color-on-surface-variant);font-size:13px}.editor-intro{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:4px 2px 2px}.editor-intro-copy{display:grid;gap:6px;max-width:760px}.eyebrow{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--md-sys-color-on-surface-variant);font-weight:600}.editor-title{font-size:22px;line-height:1.15;font-weight:650;color:var(--md-sys-color-on-surface)}.editor-subtitle{max-width:72ch;color:var(--md-sys-color-on-surface-variant);line-height:1.45;font-size:14px}.editor-intro-meta{display:flex;gap:8px;align-items:flex-start}.meta-pill{display:grid;gap:2px;min-width:88px;padding:10px 12px;border-radius:14px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 70%,transparent);background:var(--md-sys-color-surface-container-low)}.meta-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--md-sys-color-on-surface-variant)}.quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:6px}.icons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:8px 0}.icon-item{display:grid;gap:6px;align-content:start}.icons-hint{margin-top:4px}.settings-group{display:grid;gap:14px;padding:2px 0 4px}.settings-group+.settings-group,.settings-group+.disclosure,.disclosure+.settings-group{padding-top:18px;border-top:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 60%,transparent)}.group-head{display:grid;gap:4px;max-width:72ch}.inline-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:start}.inline-action-item{display:grid;gap:8px;align-content:start;min-width:0}.pdx-steps{display:grid;gap:12px;padding:4px 0 2px}.steps-workspace{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:24px;align-items:start}.pdx-steps-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.pdx-step-list{display:grid;gap:10px}.pdx-step-item{display:grid;grid-template-columns:20px 1fr auto;gap:10px;align-items:start;padding:12px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 68%,transparent);border-radius:14px;background:var(--md-sys-color-surface);cursor:pointer;outline:none}.pdx-step-item.active{border-color:color-mix(in srgb,var(--md-sys-color-primary) 55%,var(--md-sys-color-outline-variant));background:color-mix(in srgb,var(--md-sys-color-primary-container) 26%,var(--md-sys-color-surface));box-shadow:none}.pdx-step-item:focus-visible{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}.drag-handle{display:flex;align-items:center;color:var(--md-sys-color-on-surface-variant)}.step-summary{display:grid;gap:8px;min-width:0}.step-summary-head{display:grid;gap:2px}.step-summary-index{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--md-sys-color-on-surface-variant);font-weight:600}.step-summary-title{font-size:15px;line-height:1.3;font-weight:600;color:var(--md-sys-color-on-surface)}.step-summary-sub{font-size:12px;color:var(--md-sys-color-on-surface-variant);font-family:var(--md-ref-typeface-plain, monospace);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step-summary-flags{display:flex;gap:6px;flex-wrap:wrap}.summary-chip{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:999px;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);font-size:11px;font-weight:600}.summary-chip-warn{background:color-mix(in srgb,var(--md-sys-color-error-container) 60%,transparent);color:var(--md-sys-color-on-error-container)}.pdx-active-step{display:grid;gap:18px;min-width:0}.pdx-active-step .hdr{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}.active-step-head{display:grid;gap:4px}.pdx-content-editor{display:grid;gap:16px}.section{display:grid;gap:12px;padding:0;border:none;border-radius:0;background:transparent}.section-body{display:grid;gap:12px}.section-title{font-weight:600;font-size:15px;color:var(--md-sys-color-on-surface)}.section-subtitle{font-size:13px;color:var(--md-sys-color-on-surface-variant);line-height:1.45}.section-head{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.editorial-section{padding-bottom:6px;border-bottom:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 68%,transparent)}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field-span-2{grid-column:span 2}.toggle-group{display:flex;gap:10px;flex-wrap:wrap;padding-top:4px}.disclosure{padding:0 0 12px;border-bottom:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 62%,transparent)}.disclosure summary{list-style:none;display:flex;justify-content:space-between;align-items:baseline;gap:16px;cursor:pointer;padding:0;position:relative}.disclosure summary::-webkit-details-marker{display:none}.disclosure summary:after{content:\"expand_more\";font-family:Material Icons;font-size:18px;color:var(--md-sys-color-on-surface-variant);transition:transform .16s ease}.disclosure[open] summary:after{transform:rotate(180deg)}.disclosure summary:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 58%,transparent);outline-offset:4px;border-radius:8px}.disclosure-body{padding-top:12px}.widget-list{display:grid;gap:8px}.widget-item{display:grid;grid-template-columns:20px 1fr auto;align-items:start;gap:12px;padding:10px 0;border:none;border-radius:0;background:transparent;border-bottom:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 56%,transparent)}.widget-item .info{display:grid;gap:2px;min-width:0}.widget-item .info .name{font-weight:600}.widget-item .info .sub{font-size:12px;color:var(--md-sys-color-on-surface-variant);line-height:1.45}.widget-item .info .meta{margin-top:2px;font-size:11px;color:var(--md-sys-color-on-surface-variant);font-family:var(--md-ref-typeface-plain, monospace);opacity:.85}.widget-item .actions{display:flex;gap:2px;flex-wrap:nowrap;justify-content:flex-end;align-items:flex-start;opacity:.92}.editorial-item{align-items:start}.editorial-item .actions{justify-content:flex-end}.cta-row{display:flex;gap:8px;align-items:center}.spacer{flex:1 1 auto}.muted{color:var(--md-sys-color-on-surface-variant)}.cta-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin-bottom:4px}.cta-row-item{display:grid;gap:10px;padding:12px 0;border-bottom:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 56%,transparent)}.tokens-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:8px 0}.token-item{display:contents}.pdx-appearance{margin-top:8px;display:grid;gap:8px}.pdx-appearance-actions{display:flex;gap:8px;flex-wrap:wrap}.zone-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.zone-column{display:grid;gap:10px;min-width:0}.zone-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.zone-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.zone-title{font-weight:600}.zone-column+.zone-column{padding-left:16px;border-left:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 56%,transparent)}.zone-count{font-size:12px;padding:2px 8px;border-radius:999px;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface)}.advanced-list{margin-top:4px}.form-row-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 56%,transparent)}.form-row-main{display:flex;align-items:center;gap:12px;min-width:0}.form-row-actions{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.code-card{margin-top:8px}.code-head{font-weight:600;margin-bottom:4px}.code{white-space:pre;overflow:auto;background:var(--md-sys-color-surface-container-highest)}.w-full{grid-column:1 / -1}.min-180{min-width:180px}.help-icon-button{--mdc-icon-button-state-layer-size: 28px;--mdc-icon-button-icon-size: 18px;width:28px;height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;margin-right:-4px}.help-icon-button mat-icon{font-size:18px;width:18px;height:18px}.mat-mdc-form-field-icon-suffix{align-self:center}.cta-row-item .cta-head{display:grid;grid-template-columns:20px 1fr;align-items:start;gap:10px}.cta-row-item .cta-title{font-weight:600;color:var(--md-sys-color-on-surface)}.cta-row-item .cta-desc{font-size:12px;color:var(--md-sys-color-on-surface-variant);line-height:1.45;margin-top:2px}.cta-row-item .cta-actions{display:flex;gap:8px;align-items:center}.widget-item:last-child,.cta-row-item:last-child,.form-row-card:last-child{border-bottom:none}@media(max-width:900px){.editor-intro{flex-direction:column}.steps-workspace{grid-template-columns:1fr;gap:20px}.pdx-step-item{grid-template-columns:20px 1fr}.pdx-actions{grid-column:1 / -1;justify-self:end}.widget-item{grid-template-columns:20px 1fr}.widget-item .actions{grid-column:1 / -1;justify-content:flex-end}.form-row-card{flex-direction:column;align-items:flex-start}.form-row-actions{justify-content:flex-start}.zone-column+.zone-column{padding-left:0;border-left:none;padding-top:12px;border-top:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 56%,transparent)}}@media(max-width:640px){.tab-pad{padding:14px}.editor-title{font-size:20px}.pdx-active-step .hdr{align-items:flex-start;flex-direction:column}.detail-grid{grid-template-columns:1fr}.field-span-2{grid-column:auto}.toggle-group{flex-direction:column;align-items:flex-start}.zone-head{align-items:flex-start;flex-direction:column}.zone-actions,.widget-item .actions{justify-content:flex-start}.disclosure summary{flex-direction:column;align-items:flex-start}}\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: "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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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: "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: 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: "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.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i7.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i8.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i8.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i8.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i9.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i10.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i10.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }] });
+  `, isInline: true, styles: [".pdx-editor{display:grid;gap:16px}.pdx-editor .mat-mdc-form-field{width:100%}.pdx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.pdx-toggles{display:flex;gap:12px;flex-wrap:wrap}.tab-pad{padding:16px;display:grid;gap:16px;background:var(--md-sys-color-surface);border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 78%,transparent);border-radius:16px}.help{color:var(--md-sys-color-on-surface-variant);font-size:13px}.editor-intro{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:4px 2px 2px}.editor-intro-copy{display:grid;gap:6px;max-width:760px}.eyebrow{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--md-sys-color-on-surface-variant);font-weight:600}.editor-title{font-size:22px;line-height:1.15;font-weight:650;color:var(--md-sys-color-on-surface)}.editor-subtitle{max-width:72ch;color:var(--md-sys-color-on-surface-variant);line-height:1.45;font-size:14px}.editor-intro-meta{display:flex;gap:8px;align-items:flex-start}.meta-pill{display:grid;gap:2px;min-width:88px;padding:10px 12px;border-radius:14px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 70%,transparent);background:var(--md-sys-color-surface-container-low)}.meta-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--md-sys-color-on-surface-variant)}.quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:6px}.icons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:8px 0}.icon-item{display:grid;gap:6px;align-content:start}.icons-hint{margin-top:4px}.settings-group{display:grid;gap:14px;padding:2px 0 4px}.settings-group+.settings-group,.settings-group+.disclosure,.disclosure+.settings-group{padding-top:18px;border-top:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 60%,transparent)}.group-head{display:grid;gap:4px;max-width:72ch}.inline-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:start}.inline-action-item{display:grid;gap:8px;align-content:start;min-width:0}.pdx-steps{display:grid;gap:12px;padding:4px 0 2px}.steps-workspace{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:24px;align-items:start}.pdx-steps-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.pdx-step-list{display:grid;gap:10px}.pdx-step-item{display:grid;grid-template-columns:20px 1fr auto;gap:10px;align-items:start;padding:12px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 68%,transparent);border-radius:14px;background:var(--md-sys-color-surface);cursor:pointer;outline:none}.pdx-step-item.active{border-color:color-mix(in srgb,var(--md-sys-color-primary) 55%,var(--md-sys-color-outline-variant));background:color-mix(in srgb,var(--md-sys-color-primary-container) 26%,var(--md-sys-color-surface));box-shadow:none}.pdx-step-item:focus-visible{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}.drag-handle{display:flex;align-items:center;color:var(--md-sys-color-on-surface-variant)}.step-summary{display:grid;gap:8px;min-width:0}.step-summary-head{display:grid;gap:2px}.step-summary-index{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--md-sys-color-on-surface-variant);font-weight:600}.step-summary-title{font-size:15px;line-height:1.3;font-weight:600;color:var(--md-sys-color-on-surface)}.step-summary-sub{font-size:12px;color:var(--md-sys-color-on-surface-variant);font-family:var(--md-ref-typeface-plain, monospace);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step-summary-flags{display:flex;gap:6px;flex-wrap:wrap}.summary-chip{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:999px;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);font-size:11px;font-weight:600}.summary-chip-warn{background:color-mix(in srgb,var(--md-sys-color-error-container) 60%,transparent);color:var(--md-sys-color-on-error-container)}.pdx-active-step{display:grid;gap:18px;min-width:0}.pdx-active-step .hdr{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}.active-step-head{display:grid;gap:4px}.pdx-content-editor{display:grid;gap:16px}.section{display:grid;gap:12px;padding:0;border:none;border-radius:0;background:transparent}.section-body{display:grid;gap:12px}.section-title{font-weight:600;font-size:15px;color:var(--md-sys-color-on-surface)}.section-subtitle{font-size:13px;color:var(--md-sys-color-on-surface-variant);line-height:1.45}.section-head{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.editorial-section{padding-bottom:6px;border-bottom:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 68%,transparent)}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field-span-2{grid-column:span 2}.toggle-group{display:flex;gap:10px;flex-wrap:wrap;padding-top:4px}.disclosure{padding:0 0 12px;border-bottom:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 62%,transparent)}.disclosure summary{list-style:none;display:flex;justify-content:space-between;align-items:baseline;gap:16px;cursor:pointer;padding:0;position:relative}.disclosure summary::-webkit-details-marker{display:none}.disclosure summary:after{content:\"expand_more\";font-family:Material Icons;font-size:18px;color:var(--md-sys-color-on-surface-variant);transition:transform .16s ease}.disclosure[open] summary:after{transform:rotate(180deg)}.disclosure summary:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 58%,transparent);outline-offset:4px;border-radius:8px}.disclosure-body{padding-top:12px}.widget-list{display:grid;gap:8px}.widget-item{display:grid;grid-template-columns:20px 1fr auto;align-items:start;gap:12px;padding:10px 0;border:none;border-radius:0;background:transparent;border-bottom:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 56%,transparent)}.widget-item .info{display:grid;gap:2px;min-width:0}.widget-item .info .name{font-weight:600}.widget-item .info .sub{font-size:12px;color:var(--md-sys-color-on-surface-variant);line-height:1.45}.widget-item .info .meta{margin-top:2px;font-size:11px;color:var(--md-sys-color-on-surface-variant);font-family:var(--md-ref-typeface-plain, monospace);opacity:.85}.widget-item .actions{display:flex;gap:2px;flex-wrap:nowrap;justify-content:flex-end;align-items:flex-start;opacity:.92}.editorial-item{align-items:start}.editorial-item .actions{justify-content:flex-end}.cta-row{display:flex;gap:8px;align-items:center}.spacer{flex:1 1 auto}.muted{color:var(--md-sys-color-on-surface-variant)}.cta-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin-bottom:4px}.cta-row-item{display:grid;gap:10px;padding:12px 0;border-bottom:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 56%,transparent)}.tokens-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:8px 0}.token-item{display:contents}.pdx-appearance{margin-top:8px;display:grid;gap:8px}.pdx-appearance-actions{display:flex;gap:8px;flex-wrap:wrap}.zone-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.zone-column{display:grid;gap:10px;min-width:0}.zone-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.zone-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.zone-title{font-weight:600}.zone-column+.zone-column{padding-left:16px;border-left:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 56%,transparent)}.zone-count{font-size:12px;padding:2px 8px;border-radius:999px;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface)}.advanced-list{margin-top:4px}.form-row-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 56%,transparent)}.form-row-main{display:flex;align-items:center;gap:12px;min-width:0}.form-row-actions{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.code-card{margin-top:8px}.code-head{font-weight:600;margin-bottom:4px}.code{white-space:pre;overflow:auto;background:var(--md-sys-color-surface-container-highest)}.w-full{grid-column:1 / -1}.min-180{min-width:180px}.help-icon-button{--mdc-icon-button-state-layer-size: 28px;--mdc-icon-button-icon-size: 18px;width:28px;height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;margin-right:-4px}.help-icon-button mat-icon{font-size:18px;width:18px;height:18px}.mat-mdc-form-field-icon-suffix{align-self:center}.cta-row-item .cta-head{display:grid;grid-template-columns:20px 1fr;align-items:start;gap:10px}.cta-row-item .cta-title{font-weight:600;color:var(--md-sys-color-on-surface)}.cta-row-item .cta-desc{font-size:12px;color:var(--md-sys-color-on-surface-variant);line-height:1.45;margin-top:2px}.cta-row-item .cta-actions{display:flex;gap:8px;align-items:center}.widget-item:last-child,.cta-row-item:last-child,.form-row-card:last-child{border-bottom:none}@media(max-width:900px){.editor-intro{flex-direction:column}.steps-workspace{grid-template-columns:1fr;gap:20px}.pdx-step-item{grid-template-columns:20px 1fr}.pdx-actions{grid-column:1 / -1;justify-self:end}.widget-item{grid-template-columns:20px 1fr}.widget-item .actions{grid-column:1 / -1;justify-content:flex-end}.form-row-card{flex-direction:column;align-items:flex-start}.form-row-actions{justify-content:flex-start}.zone-column+.zone-column{padding-left:0;border-left:none;padding-top:12px;border-top:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 56%,transparent)}}@media(max-width:640px){.tab-pad{padding:14px}.editor-title{font-size:20px}.pdx-active-step .hdr{align-items:flex-start;flex-direction:column}.detail-grid{grid-template-columns:1fr}.field-span-2{grid-column:auto}.toggle-group{flex-direction:column;align-items:flex-start}.zone-head{align-items:flex-start;flex-direction:column}.zone-actions,.widget-item .actions{justify-content:flex-start}.disclosure summary{flex-direction:column;align-items:flex-start}}\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: "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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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: "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: MatIconModule }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3$1.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: i3$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i7.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i8.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i8.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i8.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i9.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i10.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i10.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisStepperConfigEditor, decorators: [{
             type: Component,
@@ -2395,7 +2758,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [SETTINGS_PANEL_DATA]
-                }] }] });
+                }] }], propDecorators: { stepperConfig: [{
+                type: Input
+            }] } });
 
 /**
  * Capabilities catalog for Praxis Stepper (StepperMetadata).
@@ -2531,6 +2896,8 @@ const STEPPER_AI_CAPABILITIES = {
 
 class StepperAiAdapter extends BaseAiAdapter {
     stepper;
+    componentId = 'praxis-stepper';
+    componentType = 'stepper';
     componentName = 'Praxis Stepper';
     constructor(stepper) {
         super();
@@ -2554,6 +2921,43 @@ class StepperAiAdapter extends BaseAiAdapter {
             hasForms: steps.some((s) => !!s.form),
         };
     }
+    getDataProfile() {
+        const cfg = this.getCurrentConfig();
+        const steps = cfg.steps || [];
+        return {
+            stepperId: this.stepper.stepperId,
+            stepCount: steps.length,
+            formStepCount: steps.filter((step) => !!step.form).length,
+            widgetStepCount: steps.filter((step) => Array.isArray(step.widgets) && step.widgets.length > 0).length,
+            richContentStepCount: steps.filter((step) => (this.hasRichContent(step.stepBlocksBeforeForm)
+                || this.hasRichContent(step.stepBlocksAfterForm))).length,
+            linear: !!cfg.linear,
+            orientation: cfg.orientation || 'horizontal',
+        };
+    }
+    getSchemaFields() {
+        return (this.getCurrentConfig().steps || []).map((step, index) => ({
+            name: step.id || step.label || `step-${index + 1}`,
+            label: step.label || step.id || `Etapa ${index + 1}`,
+            optional: !!step.optional,
+            hasForm: !!step.form,
+            hasWidgets: Array.isArray(step.widgets) && step.widgets.length > 0,
+        }));
+    }
+    getAuthoringContext() {
+        return {
+            authoringManifestRef: 'PRAXIS_STEPPER_AUTHORING_MANIFEST',
+            runtimeAuthoringPolicy: {
+                mode: 'agentic-authoring',
+                enableCustomization: !!this.stepper.enableCustomization,
+                canApplyLocalPatch: false,
+                reason: 'praxis-stepper exige componentEditPlan validado pelo manifesto antes de aplicar mudancas runtime.',
+            },
+            domainCatalog: {
+                recommendedAuthoringFlow: 'component_authoring',
+            },
+        };
+    }
     createSnapshot() {
         return this.getCurrentConfig();
     }
@@ -2612,6 +3016,283 @@ class StepperAiAdapter extends BaseAiAdapter {
             return JSON.parse(JSON.stringify(config));
         }
     }
+    hasRichContent(document) {
+        return Array.isArray(document?.nodes) && document.nodes.length > 0;
+    }
+}
+
+class StepperAgenticAuthoringTurnFlow {
+    adapter;
+    aiApi;
+    mode = 'agentic-authoring';
+    constructor(adapter, aiApi) {
+        this.adapter = adapter;
+        this.aiApi = aiApi;
+    }
+    async submit(request) {
+        const prompt = (request.prompt ?? '').trim();
+        if (!prompt)
+            return { state: 'listening', phase: 'capture', statusText: '' };
+        const componentId = this.adapter.componentId || request.componentId || 'praxis-stepper';
+        const componentType = this.adapter.componentType || request.componentType || 'stepper';
+        const currentState = this.toAiJsonObject(this.adapter.getCurrentConfig());
+        const dataProfile = this.optionalJsonObject(this.adapter.getDataProfile?.());
+        const runtimeState = this.optionalJsonObject(this.adapter.getRuntimeState?.());
+        const schemaFields = this.adapter.getSchemaFields?.()
+            ?.map((field) => this.toAiJsonObject(field))
+            .filter((field) => Object.keys(field).length > 0);
+        const contextHints = this.optionalJsonObject(this.adapter.getAuthoringContext?.());
+        if (this.shouldRouteToGovernedDecision(prompt, contextHints)) {
+            return this.toGovernedDecisionHandoff(prompt, request);
+        }
+        const response = await firstValueFrom(this.aiApi.getPatch({
+            componentId,
+            componentType,
+            userPrompt: prompt,
+            sessionId: request.sessionId,
+            clientTurnId: request.clientTurnId,
+            messages: this.toChatMessages(request.messages, prompt),
+            currentState,
+            currentStateDigest: this.buildCurrentStateDigest(dataProfile),
+            uiContextRef: { componentId, componentType },
+            ...(dataProfile ? { dataProfile } : {}),
+            ...(runtimeState ? { runtimeState } : {}),
+            ...(schemaFields?.length ? { schemaFields } : {}),
+            ...(contextHints ? { contextHints } : {}),
+        }));
+        return this.toTurnResult(this.compileAdapterResponse(response), request);
+    }
+    async apply(_request) {
+        return {
+            state: 'error',
+            phase: 'apply',
+            assistantMessage: 'O stepper ainda exige componentEditPlan validado pelo manifesto antes de aplicar mudancas locais.',
+            errorText: 'Aplicacao local bloqueada ate existir compilacao manifest-backed para praxis-stepper.',
+            canApply: false,
+            pendingPatch: null,
+        };
+    }
+    cancel() {
+        return Promise.resolve({
+            state: 'listening',
+            phase: 'capture',
+            assistantMessage: 'Solicitacao cancelada.',
+            statusText: '',
+            canApply: false,
+            pendingPatch: null,
+            pendingClarification: null,
+        });
+    }
+    retry(request) {
+        const lastPrompt = [...(request.messages ?? [])].reverse()
+            .find((message) => message.role === 'user')?.text;
+        return this.submit({ ...request, prompt: lastPrompt ?? request.prompt, action: { kind: 'retry' } });
+    }
+    toTurnResult(response, request) {
+        if (!response) {
+            return { state: 'error', phase: 'capture', assistantMessage: 'Resposta vazia da IA.', errorText: 'Resposta vazia da IA.' };
+        }
+        if (response.type === 'clarification') {
+            return {
+                state: 'clarification',
+                phase: 'clarify',
+                sessionId: response.sessionId ?? request.sessionId,
+                assistantMessage: response.message || 'Preciso de mais detalhes para continuar.',
+                clarificationQuestions: this.toClarificationQuestions(response),
+                quickReplies: this.toQuickReplies(response),
+                canApply: false,
+            };
+        }
+        if (response.type === 'info') {
+            const message = response.message || response.explanation || 'Informacao gerada.';
+            return { state: 'success', phase: 'summarize', sessionId: response.sessionId ?? request.sessionId, assistantMessage: message, statusText: message, canApply: false };
+        }
+        if (response.type === 'error') {
+            const message = response.message || 'Falha ao gerar alteracao de stepper.';
+            return {
+                state: 'error',
+                phase: 'capture',
+                sessionId: response.sessionId ?? request.sessionId,
+                assistantMessage: message,
+                errorText: message,
+                diagnostics: response.warnings?.length ? { warnings: response.warnings } : undefined,
+            };
+        }
+        if (response.patch && Object.keys(response.patch).length > 0) {
+            return {
+                state: 'error',
+                phase: 'review',
+                sessionId: response.sessionId ?? request.sessionId,
+                assistantMessage: 'O stepper rejeitou patch livre. Gere um componentEditPlan validado pelo PRAXIS_STEPPER_AUTHORING_MANIFEST antes de propor alteracao local.',
+                errorText: 'Patch livre de stepper rejeitado.',
+                canApply: false,
+                pendingPatch: null,
+                diagnostics: {
+                    warnings: [
+                        'free-stepper-patch-rejected',
+                        'Use componentEditPlan validado contra PRAXIS_STEPPER_AUTHORING_MANIFEST.',
+                    ],
+                },
+            };
+        }
+        return {
+            state: 'success',
+            phase: 'summarize',
+            sessionId: response.sessionId ?? request.sessionId,
+            assistantMessage: response.message || response.explanation || 'Nenhuma alteracao necessaria.',
+            statusText: response.message || response.explanation || 'Nenhuma alteracao necessaria.',
+            canApply: false,
+        };
+    }
+    compileAdapterResponse(response) {
+        const compiled = this.adapter.compileAiResponse?.(response);
+        if (!compiled)
+            return response;
+        if (compiled.type === 'error') {
+            return {
+                type: 'error',
+                message: compiled.message || 'O componentEditPlan do stepper nao passou na validacao de capacidades.',
+                warnings: compiled.warnings,
+            };
+        }
+        const warnings = [...(response.warnings ?? []), ...(compiled.warnings ?? [])];
+        return { ...response, ...compiled, patch: compiled.patch, warnings: warnings.length ? warnings : undefined };
+    }
+    toChatMessages(messages, prompt) {
+        const supported = (messages ?? [])
+            .filter((message) => message.role === 'user' || message.role === 'assistant' || message.role === 'system')
+            .map((message) => ({ role: message.role, content: message.text }))
+            .filter((message) => message.content.trim().length > 0);
+        return supported.length ? supported : [{ role: 'user', content: prompt }];
+    }
+    toClarificationQuestions(response) {
+        const labels = response.questions?.length
+            ? response.questions
+            : response.message ? [response.message] : ['Qual ajuste voce quer aplicar no stepper?'];
+        const options = this.toQuickReplies(response).map((reply) => ({ id: reply.id, label: reply.label, value: reply.prompt }));
+        return labels.map((label, index) => ({
+            id: `stepper-clarification-${index + 1}`,
+            type: options.length ? 'single-choice' : 'text',
+            label,
+            allowCustom: true,
+            options,
+        }));
+    }
+    toQuickReplies(response) {
+        const payloads = response.optionPayloads ?? [];
+        if (payloads.length) {
+            return payloads.map((option, index) => {
+                const label = option.label?.trim() || option.value?.trim() || `Opcao ${index + 1}`;
+                const prompt = option.example?.trim() || option.value?.trim() || label;
+                return { id: `option-${index + 1}`, label, prompt, kind: 'clarification-option' };
+            });
+        }
+        return (response.options ?? [])
+            .filter((option) => !!option?.trim())
+            .map((option, index) => ({ id: `option-${index + 1}`, label: option.trim(), prompt: option.trim(), kind: 'clarification-option' }));
+    }
+    buildCurrentStateDigest(dataProfile) {
+        const stepCount = typeof dataProfile?.['stepCount'] === 'number' ? dataProfile['stepCount'] : undefined;
+        return stepCount !== undefined ? { rowCount: stepCount } : {};
+    }
+    shouldRouteToGovernedDecision(prompt, contextHints) {
+        const normalized = prompt.normalize('NFD').replace(/[\u0300-\u036f]/g, '').toLowerCase();
+        const recommendedFlow = this.toRecord(contextHints?.['domainCatalog'])?.['recommendedAuthoringFlow'];
+        if (recommendedFlow === 'shared_rule_authoring')
+            return true;
+        return [
+            'regra',
+            'politica',
+            'policy',
+            'compliance',
+            'lgpd',
+            'privacidade',
+            'aprovacao',
+            'aprovar',
+            'publicar',
+            'materializar',
+            'enforcement',
+            'validacao de negocio',
+            'validar negocio',
+            'elegibilidade',
+            'permissao',
+            'acesso',
+        ].some((term) => normalized.includes(term));
+    }
+    toGovernedDecisionHandoff(prompt, request) {
+        const message = 'Esse pedido parece alterar uma decisao de negocio compartilhada. O stepper pode localizar a etapa e a experiencia afetada, mas a regra deve seguir pelo fluxo governado de domain-rules antes de qualquer materializacao runtime.';
+        return {
+            state: 'clarification',
+            phase: 'clarify',
+            sessionId: request.sessionId,
+            assistantMessage: message,
+            statusText: 'Handoff governado necessario.',
+            canApply: false,
+            quickReplies: [
+                {
+                    id: 'shared-rule-handoff',
+                    label: 'Continuar como regra governada',
+                    prompt,
+                    kind: 'shared-rule-handoff',
+                    description: 'Criar intake de domain-rules em vez de aplicar patch local no stepper.',
+                    icon: 'rule',
+                    tone: 'warning',
+                    contextHints: {
+                        flowId: 'shared_rule_authoring',
+                        source: 'praxis-stepper',
+                        recommendedAction: 'domain-rules/intake',
+                    },
+                },
+            ],
+            clarificationQuestions: [
+                {
+                    id: 'stepper-governed-rule-confirmation',
+                    type: 'confirm',
+                    label: 'Deseja continuar pelo fluxo governado de regras compartilhadas?',
+                    description: 'Esse caminho permite intake, simulacao, aprovacao/publicacao, materializacao e validacao de enforcement.',
+                    required: true,
+                    options: [
+                        {
+                            id: 'shared-rule-handoff',
+                            label: 'Sim, continuar governado',
+                            value: prompt,
+                            description: 'Nao aplicar como patch local do stepper.',
+                            contextHints: { flowId: 'shared_rule_authoring', source: 'praxis-stepper' },
+                        },
+                    ],
+                },
+            ],
+            diagnostics: {
+                governedDecisionHandoff: {
+                    flowId: 'shared_rule_authoring',
+                    sourcePrompt: prompt,
+                    sourceComponent: 'praxis-stepper',
+                },
+            },
+        };
+    }
+    optionalJsonObject(value) {
+        if (value === undefined || value === null)
+            return undefined;
+        const object = this.toAiJsonObject(value);
+        return Object.keys(object).length ? object : undefined;
+    }
+    toAiJsonObject(value) {
+        const record = this.toRecord(value);
+        if (!record)
+            return {};
+        try {
+            return JSON.parse(JSON.stringify(record));
+        }
+        catch {
+            return {};
+        }
+    }
+    toRecord(value) {
+        return value && typeof value === 'object' && !Array.isArray(value)
+            ? value
+            : null;
+    }
 }
 
 class PraxisStepper {
@@ -2685,10 +3366,37 @@ class PraxisStepper {
     catch {
         return undefined;
     } })();
+    cdr = inject(ChangeDetectorRef);
+    aiApi = inject(AiBackendApiService);
+    assistantSessions = inject(PraxisAssistantSessionRegistryService);
+    aiTurnOrchestrator = inject(PraxisAssistantTurnOrchestratorService);
+    aiAssistantSessionEffect = effect(() => {
+        const session = this.assistantSessions.activeSession();
+        if (!session || session.id !== this.resolveAiAssistantSessionId())
+            return;
+        if (!this.aiAssistantOpen) {
+            this.openAiAssistantFromSession(session);
+        }
+    }, ...(ngDevMode ? [{ debugName: "aiAssistantSessionEffect" }] : []));
     warnedMissingId = false;
     emptyStepRichContentDocument = createEmptyRichContentDocument();
     animationDone = new EventEmitter();
     aiAdapter = new StepperAiAdapter(this);
+    aiAssistantOpen = false;
+    aiAssistantPrompt = '';
+    aiAssistantViewState = null;
+    aiAssistantLayout = createPraxisAssistantViewportLayout();
+    aiAssistantLabels = {
+        title: 'Copiloto semantico Praxis',
+        subtitle: 'Converse, revise e governe ajustes do stepper.',
+        prompt: 'Mensagem',
+        promptPlaceholder: 'Descreva o ajuste que voce precisa no fluxo.',
+        emptyConversation: 'Diga o que voce quer alterar no stepper.',
+        submit: 'Interpretar pedido',
+        apply: 'Aplicar ajuste',
+    };
+    aiAssistantController = null;
+    aiAssistantStateSubscription = null;
     // Computed getters
     steps = computed(() => this._config()?.steps || [], ...(ngDevMode ? [{ debugName: "steps" }] : []));
     orientation = computed(() => this._config()?.orientation || 'horizontal', ...(ngDevMode ? [{ debugName: "orientation" }] : []));
@@ -2879,6 +3587,306 @@ class PraxisStepper {
         this.persistConfig(cloned);
         this.scheduleDomSync();
     }
+    openAiAssistant() {
+        this.initializeAiAssistantController();
+        this.aiAssistantOpen = true;
+        this.aiAssistantController?.setContextItems(this.buildAiAssistantContextItems());
+        this.syncAiAssistantSession('active');
+        this.cdr.markForCheck();
+    }
+    openAiAssistantFromSession(session) {
+        if (session.id !== this.resolveAiAssistantSessionId())
+            return;
+        this.initializeAiAssistantController();
+        this.aiAssistantOpen = true;
+        this.aiAssistantController?.setContextItems(this.buildAiAssistantContextItems());
+        this.syncAiAssistantSession('active');
+        this.cdr.markForCheck();
+    }
+    closeAiAssistant() {
+        this.aiAssistantOpen = false;
+        this.syncAiAssistantSession('minimized');
+        this.cdr.markForCheck();
+    }
+    onAiAssistantPromptChange(prompt) {
+        this.aiAssistantPrompt = prompt;
+        this.syncAiAssistantSession();
+    }
+    onAiAssistantSubmit(prompt) {
+        this.aiAssistantController?.submitPrompt(prompt).subscribe((state) => {
+            this.aiAssistantPrompt = '';
+            this.aiAssistantViewState = state;
+            this.syncAiAssistantSession();
+            this.cdr.markForCheck();
+        });
+    }
+    onAiAssistantApply() {
+        this.aiAssistantController?.apply().subscribe((state) => {
+            this.aiAssistantViewState = state;
+            this.syncAiAssistantSession();
+            this.cdr.markForCheck();
+        });
+    }
+    onAiAssistantRetry() {
+        this.aiAssistantController?.retry().subscribe((state) => {
+            this.aiAssistantViewState = state;
+            this.syncAiAssistantSession();
+            this.cdr.markForCheck();
+        });
+    }
+    onAiAssistantCancel() {
+        this.aiAssistantController?.cancel().subscribe((state) => {
+            this.aiAssistantPrompt = '';
+            this.aiAssistantViewState = state;
+            this.syncAiAssistantSession();
+            this.cdr.markForCheck();
+        });
+    }
+    onAiAssistantQuickReply(reply) {
+        const controller = this.aiAssistantController;
+        if (!controller)
+            return;
+        const state = controller.snapshot();
+        const next$ = state.state === 'clarification'
+            ? controller.answerClarification(reply.prompt)
+            : controller.submitPrompt(reply.prompt, {
+                kind: reply.kind || 'quick-reply',
+                id: reply.id,
+                value: reply.prompt,
+            });
+        next$.subscribe((nextState) => {
+            this.aiAssistantPrompt = '';
+            this.aiAssistantViewState = nextState;
+            this.syncAiAssistantSession();
+            this.cdr.markForCheck();
+        });
+    }
+    onAiAssistantEditMessage(message) {
+        this.aiAssistantPrompt = message.text;
+        this.cdr.markForCheck();
+    }
+    onAiAssistantResendMessage(message) {
+        this.aiAssistantController?.resendMessage(message.id).subscribe((state) => {
+            this.aiAssistantPrompt = '';
+            this.aiAssistantViewState = state;
+            this.syncAiAssistantSession();
+            this.cdr.markForCheck();
+        });
+    }
+    onAiAssistantLayoutChange(layout) {
+        this.aiAssistantLayout = layout;
+    }
+    buildAiAssistantContextItems() {
+        const steps = this.steps();
+        const items = [
+            {
+                id: 'component',
+                label: 'Componente',
+                value: 'Stepper',
+                kind: 'component',
+                icon: 'view_timeline',
+            },
+            {
+                id: 'stepper-id',
+                label: 'Stepper',
+                value: this.safeAiAssistantStepperId(),
+                kind: 'custom',
+                icon: 'tag',
+            },
+            {
+                id: 'steps',
+                label: 'Etapas',
+                value: String(steps.length),
+                kind: 'custom',
+                icon: 'format_list_numbered',
+            },
+        ];
+        const selected = steps[this.selectedIndexComputed()];
+        if (selected) {
+            items.push({
+                id: 'selected-step',
+                label: 'Etapa ativa',
+                value: selected.label || selected.id || String(this.selectedIndexComputed()),
+                kind: 'custom',
+                icon: 'ads_click',
+            });
+        }
+        return items;
+    }
+    initializeAiAssistantController() {
+        if (this.aiAssistantController)
+            return;
+        const flow = new StepperAgenticAuthoringTurnFlow(this.aiAdapter, this.aiApi);
+        const controller = this.aiTurnOrchestrator.createController(flow, {
+            componentId: this.aiAdapter.componentId || 'praxis-stepper',
+            componentType: this.aiAdapter.componentType || 'stepper',
+            contextItems: this.buildAiAssistantContextItems(),
+        });
+        this.aiAssistantController = controller;
+        this.aiAssistantViewState = controller.snapshot();
+        this.aiAssistantStateSubscription?.unsubscribe();
+        this.aiAssistantStateSubscription = controller.state$.subscribe((state) => {
+            this.aiAssistantViewState = state;
+            this.syncAiAssistantSession();
+            this.cdr.markForCheck();
+        });
+        this.cdr.markForCheck();
+    }
+    buildAiAssistantContextSnapshot() {
+        const counts = this.collectAiAssistantCounts();
+        const stepNames = this.collectAiAssistantStepNames();
+        return {
+            identity: {
+                sessionId: this.resolveAiAssistantSessionId(),
+                ownerId: this.resolveAiAssistantOwnerId(),
+                ownerType: 'stepper',
+                componentId: 'praxis-stepper',
+                componentType: 'stepper',
+                routeKey: this.resolveAiAssistantRouteKey(),
+            },
+            target: {
+                kind: 'component',
+                id: this.resolveAiAssistantOwnerId(),
+                label: this.safeAiAssistantStepperId(),
+                metadata: {
+                    stepperId: this.safeAiAssistantStepperId(),
+                    hasCustomization: !!this.enableCustomization,
+                },
+            },
+            contextItems: this.buildAiAssistantContextItems().map((item) => ({
+                id: item.id,
+                label: item.label,
+                value: item.value || '',
+                kind: item.kind,
+            })),
+            mode: 'agentic-authoring',
+            authoringManifestRef: {
+                componentId: 'praxis-stepper',
+                source: 'PRAXIS_STEPPER_AUTHORING_MANIFEST',
+            },
+            schemaFields: stepNames.length ? stepNames : undefined,
+            dataProfileDigest: {
+                summary: `${counts.stepCount} etapa(s), ${counts.formStepCount} formulario(s), ${counts.widgetStepCount} grupo(s) de widget(s)`,
+                counts,
+            },
+            runtimeStateDigest: {
+                summary: `Stepper ${this.linear() ? 'linear' : 'nao linear'}, etapa ativa ${this.selectedIndexComputed() + 1}`,
+                fields: [
+                    'steps',
+                    'selectedIndex',
+                    'linear',
+                    'orientation',
+                ],
+            },
+            capabilityRefs: [
+                {
+                    id: 'stepper.component-edit-plan',
+                    label: 'Plano de edicao de stepper',
+                    source: 'PRAXIS_STEPPER_AUTHORING_MANIFEST',
+                    risk: 'medium',
+                },
+            ],
+            governanceHints: [
+                {
+                    kind: 'business-rule-boundary',
+                    label: 'Regras compartilhadas exigem governanca',
+                    reason: 'Politicas de acesso, validacoes reutilizaveis e compliance nao devem ser aplicadas como patch local do stepper.',
+                    risk: 'high',
+                },
+            ],
+        };
+    }
+    syncAiAssistantSession(visibility = null) {
+        if (!this.enableCustomization)
+            return;
+        if (!this.aiAssistantOpen && !this.hasAiAssistantSessionState() && visibility !== 'minimized')
+            return;
+        const state = this.aiAssistantViewState;
+        this.assistantSessions.upsertContextSession(this.buildAiAssistantContextSnapshot(), {
+            title: 'Copiloto semantico Praxis',
+            summary: this.resolveAiAssistantSummary(),
+            mode: state?.mode || 'agentic-authoring',
+            state: state?.state || 'idle',
+            visibility: visibility ?? (this.aiAssistantOpen ? 'active' : 'minimized'),
+            badge: this.resolveAiAssistantBadge(),
+            icon: this.resolveAiAssistantIcon(),
+        });
+    }
+    hasAiAssistantSessionState() {
+        return !!this.aiAssistantPrompt.trim()
+            || !!this.aiAssistantViewState?.messages?.length
+            || !!this.aiAssistantViewState?.quickReplies?.length
+            || !!this.aiAssistantViewState?.pendingPatch
+            || !!this.aiAssistantViewState?.statusText?.trim()
+            || !!this.aiAssistantViewState?.errorText?.trim();
+    }
+    resolveAiAssistantSessionId() {
+        return `stepper:${this.resolveAiAssistantRouteKey()}:${this.resolveAiAssistantOwnerId()}`;
+    }
+    resolveAiAssistantOwnerId() {
+        return (this.componentInstanceId || this.safeAiAssistantStepperId() || 'stepper').trim() || 'stepper';
+    }
+    safeAiAssistantStepperId() {
+        return String(this.stepperId || '').trim();
+    }
+    resolveAiAssistantRouteKey() {
+        const routePath = this.route?.snapshot?.routeConfig?.path?.trim();
+        return routePath || 'local';
+    }
+    resolveAiAssistantSummary() {
+        const status = this.aiAssistantViewState?.statusText?.trim();
+        if (status)
+            return status;
+        const error = this.aiAssistantViewState?.errorText?.trim();
+        if (error)
+            return error;
+        const prompt = this.aiAssistantPrompt.trim();
+        if (prompt)
+            return prompt.length > 96 ? `${prompt.slice(0, 93)}...` : prompt;
+        const lastMessage = [...(this.aiAssistantViewState?.messages ?? [])].reverse()
+            .find((message) => message.role === 'assistant' || message.role === 'user');
+        if (lastMessage?.text) {
+            return lastMessage.text.length > 96 ? `${lastMessage.text.slice(0, 93)}...` : lastMessage.text;
+        }
+        return 'Assistente contextual do stepper.';
+    }
+    resolveAiAssistantBadge() {
+        const state = this.aiAssistantViewState?.state;
+        if (state === 'error')
+            return 'erro';
+        if (state === 'clarification')
+            return 'revisar';
+        if (state === 'review')
+            return 'preview';
+        if (state === 'success')
+            return 'ok';
+        return undefined;
+    }
+    resolveAiAssistantIcon() {
+        const state = this.aiAssistantViewState?.state;
+        if (state === 'error')
+            return 'error';
+        if (state === 'clarification')
+            return 'rule';
+        if (state === 'review')
+            return 'rate_review';
+        return 'auto_awesome';
+    }
+    collectAiAssistantStepNames() {
+        return Array.from(new Set(this.steps()
+            .map((step, index) => step.id || step.label || `step-${index + 1}`)
+            .filter((name) => typeof name === 'string' && !!name.trim())));
+    }
+    collectAiAssistantCounts() {
+        const steps = this.steps();
+        return {
+            stepCount: steps.length,
+            formStepCount: steps.filter((step) => !!step.form).length,
+            widgetStepCount: steps.filter((step) => Array.isArray(step.widgets) && step.widgets.length > 0).length,
+            richContentStepCount: steps.filter((step) => (this.hasRichContent(step.stepBlocksBeforeForm)
+                || this.hasRichContent(step.stepBlocksAfterForm))).length,
+        };
+    }
     // CTA helpers
     addFirstStep() {
         const current = this._config() || { steps: [], orientation: 'horizontal', headerPosition: 'top', linear: false };
@@ -2996,6 +4004,10 @@ class PraxisStepper {
             dedupeKey: 'praxis-stepper:missing-stepper-id',
         });
     }
+    ngOnDestroy() {
+        this.assistantSessions.removeContextSession(this.buildAiAssistantContextSnapshot().identity);
+        this.aiAssistantStateSubscription?.unsubscribe();
+    }
     ngOnInit() {
         const key = this.storageKey();
         if (!key)
@@ -3055,8 +4067,45 @@ class PraxisStepper {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisStepper, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: PraxisStepper, isStandalone: true, selector: "praxis-stepper", inputs: { stepperId: "stepperId", componentInstanceId: "componentInstanceId", config: "config", selectedIndexInput: "selectedIndexInput", selectedIndex: "selectedIndex", disableRippleInput: "disableRippleInput", enableCustomization: "enableCustomization", labelPosition: "labelPosition", color: "color", serverValidate: "serverValidate", stepperContext: "stepperContext" }, outputs: { selectedIndexChange: "selectedIndexChange", widgetEvent: "widgetEvent", stepFormReady: "stepFormReady", stepFormValueChange: "stepFormValueChange", animationDone: "animationDone", selectionChange: "selectionChange" }, host: { properties: { "class": "densityClass()" } }, queries: [{ propertyName: "stepLabelTpl", first: true, predicate: ["stepLabelTpl"], descendants: true, read: TemplateRef }], ngImport: i0, template: `
     <div class="stepper-ai-assistant" *ngIf="enableCustomization">
-      <praxis-ai-assistant [adapter]="aiAdapter"></praxis-ai-assistant>
+      <button
+        mat-mini-fab
+        color="primary"
+        type="button"
+        class="stepper-ai-assistant-trigger"
+        aria-label="Abrir copiloto semantico Praxis do stepper"
+        data-testid="praxis-stepper-ai-assistant-trigger"
+        (click)="openAiAssistant()"
+      >
+        <mat-icon [praxisIcon]="'auto_awesome'"></mat-icon>
+      </button>
     </div>
+    <praxis-ai-assistant-shell
+      *ngIf="aiAssistantOpen && aiAssistantViewState"
+      [mode]="aiAssistantViewState.mode"
+      [state]="aiAssistantViewState.state"
+      [contextItems]="aiAssistantViewState.contextItems"
+      [attachments]="aiAssistantViewState.attachments"
+      [messages]="aiAssistantViewState.messages"
+      [quickReplies]="aiAssistantViewState.quickReplies"
+      [prompt]="aiAssistantPrompt"
+      [statusText]="aiAssistantViewState.statusText"
+      [errorText]="aiAssistantViewState.errorText"
+      [busy]="aiAssistantViewState.state === 'processing' || aiAssistantViewState.state === 'applying'"
+      [canApply]="aiAssistantViewState.canApply"
+      [labels]="aiAssistantLabels"
+      [layout]="aiAssistantLayout"
+      testIdPrefix="praxis-stepper-ai-assistant"
+      (promptChange)="onAiAssistantPromptChange($event)"
+      (submitPrompt)="onAiAssistantSubmit($event)"
+      (apply)="onAiAssistantApply()"
+      (retryTurn)="onAiAssistantRetry()"
+      (cancelTurn)="onAiAssistantCancel()"
+      (quickReply)="onAiAssistantQuickReply($event)"
+      (editMessage)="onAiAssistantEditMessage($event)"
+      (resendMessage)="onAiAssistantResendMessage($event)"
+      (layoutChange)="onAiAssistantLayoutChange($event)"
+      (close)="closeAiAssistant()"
+    ></praxis-ai-assistant-shell>
     <ng-container *ngIf="steps().length > 0; else emptyState">
     <mat-stepper
       #stepperRoot
@@ -3211,16 +4260,53 @@ 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", "initialValue", "editorialContext", "mode", "config", "actions", "schemaSource", "schemaUrl", "submitUrl", "submitMethod", "responseSchemaUrl", "apiEndpointKey", "apiUrlEntry", "enableCustomization", "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", "enableCustomizationChange", "customAction", "actionConfirmation", "schemaStatusChange", "fieldRenderError"] }, { kind: "directive", type: DynamicWidgetLoaderDirective, selector: "[dynamicWidgetLoader]", inputs: ["dynamicWidgetLoader", "ownerWidgetKey", "context", "strictValidation", "autoWireOutputs"], outputs: ["widgetEvent", "widgetDiagnostic"], 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"] }, { kind: "component", type: PraxisRichContent, selector: "praxis-rich-content", inputs: ["document", "nodes", "context", "hostCapabilities", "layout", "rootClassName"] }], 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}.stepper-ai-assistant-trigger{box-shadow:var(--md-sys-elevation-level2, 0 4px 12px rgba(0, 0, 0, .18))}\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: i3$1.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: i3$1.MatMiniFabButton, selector: "button[mat-mini-fab], a[mat-mini-fab], button[matMiniFab], a[matMiniFab]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i3$1.MatFabButton, selector: "button[mat-fab], a[mat-fab], button[matFab], a[matFab]", inputs: ["extended"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4$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", "initialValue", "editorialContext", "mode", "config", "actions", "schemaSource", "schemaUrl", "submitUrl", "submitMethod", "responseSchemaUrl", "apiEndpointKey", "apiUrlEntry", "enableCustomization", "formId", "componentInstanceId", "layout", "backConfig", "hooks", "removeEmptyContainersOnSave", "reactiveValidation", "reactiveValidationDebounceMs", "notifyIfOutdated", "snoozeMs", "autoOpenSettingsOnOutdated", "readonlyModeGlobal", "disabledModeGlobal", "presentationModeGlobal", "visibleGlobal", "domainRules", "customEndpoints"], outputs: ["formSubmit", "formCancel", "formReset", "configChange", "formReady", "valueChange", "syncCompleted", "initializationError", "loadingStateChange", "enableCustomizationChange", "customAction", "actionConfirmation", "schemaStatusChange", "fieldRenderError", "ruleDiagnosticsChange"] }, { kind: "directive", type: DynamicWidgetLoaderDirective, selector: "[dynamicWidgetLoader]", inputs: ["dynamicWidgetLoader", "ownerWidgetKey", "context", "strictValidation", "autoWireOutputs"], outputs: ["widgetEvent", "widgetDiagnostic"], exportAs: ["dynamicWidgetLoader"] }, { kind: "component", type: EmptyStateCardComponent, selector: "praxis-empty-state-card", inputs: ["icon", "title", "description", "primaryAction", "secondaryActions", "inline", "tone"] }, { kind: "component", type: PraxisAiAssistantShellComponent, selector: "praxis-ai-assistant-shell", inputs: ["labels", "mode", "state", "contextItems", "attachments", "messages", "quickReplies", "prompt", "statusText", "errorText", "testIdPrefix", "panelTestId", "submitTestId", "applyTestId", "primaryAction", "secondaryActions", "governanceActions", "busy", "canSubmit", "canApply", "submitOnEnter", "showAttachAction", "enablePastedAttachments", "enableFileAttachments", "attachmentAccept", "attachmentMultiple", "draggable", "resizable", "minWidth", "minHeight", "margin", "layout"], outputs: ["promptChange", "submitPrompt", "apply", "retryTurn", "cancelTurn", "shellAction", "close", "attach", "attachmentsPasted", "attachmentsSelected", "removeAttachment", "messageAction", "editMessage", "resendMessage", "quickReply", "layoutChange"] }, { kind: "component", type: PraxisRichContent, selector: "praxis-rich-content", inputs: ["document", "nodes", "context", "hostCapabilities", "layout", "rootClassName"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisStepper, decorators: [{
             type: Component,
-            args: [{ selector: 'praxis-stepper', standalone: true, imports: [CommonModule, ReactiveFormsModule, MatStepperModule, MatButtonModule, MatIconModule, PraxisIconDirective, PraxisDynamicForm, DynamicWidgetLoaderDirective, EmptyStateCardComponent, PraxisAiAssistantComponent, PraxisRichContent], host: {
+            args: [{ selector: 'praxis-stepper', standalone: true, imports: [CommonModule, ReactiveFormsModule, MatStepperModule, MatButtonModule, MatIconModule, PraxisIconDirective, PraxisDynamicForm, DynamicWidgetLoaderDirective, EmptyStateCardComponent, PraxisAiAssistantShellComponent, PraxisRichContent], host: {
                         '[class]': 'densityClass()'
                     }, template: `
     <div class="stepper-ai-assistant" *ngIf="enableCustomization">
-      <praxis-ai-assistant [adapter]="aiAdapter"></praxis-ai-assistant>
+      <button
+        mat-mini-fab
+        color="primary"
+        type="button"
+        class="stepper-ai-assistant-trigger"
+        aria-label="Abrir copiloto semantico Praxis do stepper"
+        data-testid="praxis-stepper-ai-assistant-trigger"
+        (click)="openAiAssistant()"
+      >
+        <mat-icon [praxisIcon]="'auto_awesome'"></mat-icon>
+      </button>
     </div>
+    <praxis-ai-assistant-shell
+      *ngIf="aiAssistantOpen && aiAssistantViewState"
+      [mode]="aiAssistantViewState.mode"
+      [state]="aiAssistantViewState.state"
+      [contextItems]="aiAssistantViewState.contextItems"
+      [attachments]="aiAssistantViewState.attachments"
+      [messages]="aiAssistantViewState.messages"
+      [quickReplies]="aiAssistantViewState.quickReplies"
+      [prompt]="aiAssistantPrompt"
+      [statusText]="aiAssistantViewState.statusText"
+      [errorText]="aiAssistantViewState.errorText"
+      [busy]="aiAssistantViewState.state === 'processing' || aiAssistantViewState.state === 'applying'"
+      [canApply]="aiAssistantViewState.canApply"
+      [labels]="aiAssistantLabels"
+      [layout]="aiAssistantLayout"
+      testIdPrefix="praxis-stepper-ai-assistant"
+      (promptChange)="onAiAssistantPromptChange($event)"
+      (submitPrompt)="onAiAssistantSubmit($event)"
+      (apply)="onAiAssistantApply()"
+      (retryTurn)="onAiAssistantRetry()"
+      (cancelTurn)="onAiAssistantCancel()"
+      (quickReply)="onAiAssistantQuickReply($event)"
+      (editMessage)="onAiAssistantEditMessage($event)"
+      (resendMessage)="onAiAssistantResendMessage($event)"
+      (layoutChange)="onAiAssistantLayoutChange($event)"
+      (close)="closeAiAssistant()"
+    ></praxis-ai-assistant-shell>
     <ng-container *ngIf="steps().length > 0; else emptyState">
     <mat-stepper
       #stepperRoot
@@ -3375,7 +4461,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
     >
       <mat-icon fontIcon="edit"></mat-icon>
     </button>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, 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"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, 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}.stepper-ai-assistant-trigger{box-shadow:var(--md-sys-elevation-level2, 0 4px 12px rgba(0, 0, 0, .18))}\n"] }]
         }], propDecorators: { stepLabelTpl: [{
                 type: ContentChild,
                 args: ['stepLabelTpl', { read: TemplateRef }]
@@ -3416,6 +4502,86 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                 type: Output
             }] } });
 
+class PraxisStepperWidgetConfigEditor {
+    inputs = null;
+    widgetKey;
+    stepperEditor;
+    isDirty$ = new BehaviorSubject(false);
+    isValid$ = new BehaviorSubject(true);
+    isBusy$ = new BehaviorSubject(false);
+    subscription = new Subscription();
+    emptyConfig = {
+        steps: [],
+        orientation: 'horizontal',
+        headerPosition: 'top',
+        linear: false,
+    };
+    get config() {
+        return this.inputs?.config ?? this.emptyConfig;
+    }
+    get stepperId() {
+        return this.inputs?.stepperId ?? this.widgetKey;
+    }
+    ngAfterViewInit() {
+        if (!this.stepperEditor) {
+            return;
+        }
+        this.subscription.add(this.stepperEditor.isDirty$.subscribe((value) => this.isDirty$.next(value)));
+        this.subscription.add(this.stepperEditor.isValid$.subscribe((value) => this.isValid$.next(value)));
+        this.subscription.add(this.stepperEditor.isBusy$.subscribe((value) => this.isBusy$.next(value)));
+    }
+    ngOnDestroy() {
+        this.subscription.unsubscribe();
+    }
+    getSettingsValue() {
+        return this.buildValue(this.stepperEditor?.getSettingsValue());
+    }
+    onSave() {
+        return this.buildValue(this.stepperEditor?.onSave?.() ?? this.stepperEditor?.getSettingsValue());
+    }
+    reset() {
+        this.stepperEditor?.reset();
+    }
+    buildValue(config) {
+        const nextConfig = config ?? this.config;
+        return {
+            inputs: {
+                ...(this.inputs ?? {}),
+                config: nextConfig,
+                ...(this.stepperId ? { stepperId: this.stepperId } : {}),
+                ...(typeof nextConfig.selectedIndex === 'number' ? { selectedIndex: nextConfig.selectedIndex } : {}),
+            },
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisStepperWidgetConfigEditor, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: PraxisStepperWidgetConfigEditor, isStandalone: true, selector: "praxis-stepper-widget-config-editor", inputs: { inputs: "inputs", widgetKey: "widgetKey" }, viewQueries: [{ propertyName: "stepperEditor", first: true, predicate: ["stepperEditor"], descendants: true }], ngImport: i0, template: `
+    <section data-testid="stepper-widget-config-editor">
+      <praxis-stepper-config-editor #stepperEditor [stepperConfig]="config" />
+    </section>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: PraxisStepperConfigEditor, selector: "praxis-stepper-config-editor", inputs: ["stepperConfig"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisStepperWidgetConfigEditor, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'praxis-stepper-widget-config-editor',
+                    standalone: true,
+                    imports: [CommonModule, PraxisStepperConfigEditor],
+                    template: `
+    <section data-testid="stepper-widget-config-editor">
+      <praxis-stepper-config-editor #stepperEditor [stepperConfig]="config" />
+    </section>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { inputs: [{
+                type: Input
+            }], widgetKey: [{
+                type: Input
+            }], stepperEditor: [{
+                type: ViewChild,
+                args: ['stepperEditor']
+            }] } });
+
 class PraxisWizardBenefitsGridComponent {
     blockId;
     title;
@@ -3440,7 +4606,7 @@ class PraxisWizardBenefitsGridComponent {
         </div>
       </div>
     </section>
-  `, isInline: true, styles: [":host{display:block}.pwx-benefits{display:flex;flex-direction:column;gap:10px}.pwx-benefits-title{margin:0;font-size:.9rem;font-weight:600;color:var(--md-sys-color-on-surface);letter-spacing:.02em;display:flex;align-items:center;gap:12px}.pwx-benefits-title:before,.pwx-benefits-title:after{content:\"\";height:1px;flex:1;background:var(--md-sys-color-outline-variant)}.pwx-benefits-grid{display:grid;grid-template-columns:repeat(var(--pwx-columns),minmax(0,1fr));gap:12px 16px;align-items:start}.pwx-benefits-grid.is-boxed{padding:12px 14px;border:1px solid var(--md-sys-color-outline-variant);border-radius:6px;background:var(--md-sys-color-surface)}.pwx-benefit{display:flex;gap:10px;align-items:flex-start;min-height:0}.pwx-benefit-icon{width:24px;min-width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;line-height:1;color:var(--praxis-wizard-accent, var(--md-sys-color-primary))}.pwx-benefit-icon mat-icon{width:24px;height:24px;font-size:24px;line-height:24px;display:block;overflow:visible}.pwx-benefit-title{font-weight:600;font-size:.88rem;color:var(--md-sys-color-on-surface)}.pwx-benefit-text{font-size:.82rem;color:var(--praxis-wizard-muted, var(--md-sys-color-on-surface-variant));line-height:1.35}@media(max-width:720px){.pwx-benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.pwx-benefits-grid{grid-template-columns:1fr}}\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: "ngmodule", type: MatIconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [":host{display:block}.pwx-benefits{display:flex;flex-direction:column;gap:10px}.pwx-benefits-title{margin:0;font-size:.9rem;font-weight:600;color:var(--md-sys-color-on-surface);letter-spacing:.02em;display:flex;align-items:center;gap:12px}.pwx-benefits-title:before,.pwx-benefits-title:after{content:\"\";height:1px;flex:1;background:var(--md-sys-color-outline-variant)}.pwx-benefits-grid{display:grid;grid-template-columns:repeat(var(--pwx-columns),minmax(0,1fr));gap:12px 16px;align-items:start}.pwx-benefits-grid.is-boxed{padding:12px 14px;border:1px solid var(--md-sys-color-outline-variant);border-radius:6px;background:var(--md-sys-color-surface)}.pwx-benefit{display:flex;gap:10px;align-items:flex-start;min-height:0}.pwx-benefit-icon{width:24px;min-width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;line-height:1;color:var(--praxis-wizard-accent, var(--md-sys-color-primary))}.pwx-benefit-icon mat-icon{width:24px;height:24px;font-size:24px;line-height:24px;display:block;overflow:visible}.pwx-benefit-title{font-weight:600;font-size:.88rem;color:var(--md-sys-color-on-surface)}.pwx-benefit-text{font-size:.82rem;color:var(--praxis-wizard-muted, var(--md-sys-color-on-surface-variant));line-height:1.35}@media(max-width:720px){.pwx-benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.pwx-benefits-grid{grid-template-columns:1fr}}\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: "ngmodule", type: MatIconModule }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisWizardBenefitsGridComponent, decorators: [{
             type: Component,
@@ -3595,6 +4761,14 @@ const PRAXIS_STEPPER_COMPONENT_METADATA = {
     friendlyName: 'Praxis Stepper',
     description: 'Stepper configurável (horizontal/vertical/linear) com passos e conteúdo dinâmico.',
     icon: 'format_list_numbered',
+    authoringManifestRef: {
+        componentId: 'praxis-stepper',
+        source: 'PRAXIS_STEPPER_AUTHORING_MANIFEST',
+    },
+    configEditor: {
+        component: PraxisStepperWidgetConfigEditor,
+        title: 'Configure stepper',
+    },
     inputs: [
         { name: 'stepperId', type: 'string', label: 'ID do Stepper', description: 'Identificador para persistência (obrigatório)' },
         { name: 'componentInstanceId', type: 'string', label: 'ID da instância', description: 'Identificador opcional para múltiplas instâncias na mesma rota' },
@@ -4232,7 +5406,7 @@ class PraxisWizardCtaBarComponent {
         {{ primaryLabel }}
       </button>
     </div>
-  `, isInline: true, styles: [":host{display:block}.pwx-cta{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding-top:16px}.pwx-cta:not(.has-secondary){justify-content:center}.pwx-cta.is-sticky{position:sticky;bottom:0;background:var(--praxis-wizard-card-bg, var(--md-sys-color-surface));padding:12px 0 8px;border-top:1px solid var(--praxis-wizard-border, var(--md-sys-color-outline-variant))}.pwx-cta.has-secondary .pwx-cta-primary{min-width:200px}.pwx-cta-primary{min-width:240px;height:36px;border-radius:4px;font-weight:600;text-transform:none;padding:0 18px}.pwx-cta-secondary{color:var(--praxis-wizard-muted, var(--md-sys-color-on-surface-variant));text-transform:none;font-weight:500;padding:0 4px;min-width:auto}@media(max-width:600px){.pwx-cta{flex-direction:column;align-items:stretch}.pwx-cta-primary{width:100%}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [":host{display:block}.pwx-cta{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding-top:16px}.pwx-cta:not(.has-secondary){justify-content:center}.pwx-cta.is-sticky{position:sticky;bottom:0;background:var(--praxis-wizard-card-bg, var(--md-sys-color-surface));padding:12px 0 8px;border-top:1px solid var(--praxis-wizard-border, var(--md-sys-color-outline-variant))}.pwx-cta.has-secondary .pwx-cta-primary{min-width:200px}.pwx-cta-primary{min-width:240px;height:36px;border-radius:4px;font-weight:600;text-transform:none;padding:0 18px}.pwx-cta-secondary{color:var(--praxis-wizard-muted, var(--md-sys-color-on-surface-variant));text-transform:none;font-weight:500;padding:0 4px;min-width:auto}@media(max-width:600px){.pwx-cta{flex-direction:column;align-items:stretch}.pwx-cta-primary{width:100%}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3$1.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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisWizardCtaBarComponent, decorators: [{
             type: Component,
@@ -4644,6 +5818,357 @@ function applyPreferenceDefaults(cfg, values) {
     return { ...cfg, steps };
 }
 
+const stepItemSchema = {
+    type: 'object',
+    required: ['id', 'label'],
+    properties: {
+        id: { type: 'string' },
+        label: { type: 'string' },
+        description: { type: 'string' },
+        optional: { type: 'boolean' },
+        editable: { type: 'boolean' },
+        completed: { type: 'boolean' },
+        hasError: { type: 'boolean' },
+        state: { type: 'string' },
+        stateIcon: { type: 'string' },
+        errorMessage: { type: 'string' },
+        ariaLabel: { type: 'string' },
+        ariaLabelledby: { type: 'string' },
+        form: { type: 'object' },
+        stepBlocksBeforeForm: { type: 'object' },
+        stepBlocksAfterForm: { type: 'object' },
+        widgets: { type: 'array', items: { type: 'object' } },
+    },
+};
+const stepPatchSchema = {
+    type: 'object',
+    minProperties: 1,
+    properties: {
+        id: { type: 'string' },
+        label: { type: 'string' },
+        description: { type: 'string' },
+        optional: { type: 'boolean' },
+        editable: { type: 'boolean' },
+        completed: { type: 'boolean' },
+        hasError: { type: 'boolean' },
+        state: { type: 'string' },
+        stateIcon: { type: 'string' },
+        errorMessage: { type: 'string' },
+        form: { type: 'object' },
+        stepBlocksBeforeForm: { type: 'object' },
+        stepBlocksAfterForm: { type: 'object' },
+        widgets: { type: 'array', items: { type: 'object' } },
+    },
+};
+const PRAXIS_STEPPER_AUTHORING_MANIFEST = {
+    schemaVersion: '1.0.0',
+    componentId: 'praxis-stepper',
+    ownerPackage: '@praxisui/stepper',
+    configSchemaId: 'StepperMetadata',
+    manifestVersion: '1.0.0',
+    runtimeInputs: [
+        { name: 'config', type: 'StepperMetadata', description: 'Canonical multi-step flow configuration.' },
+        { name: 'stepperId', type: 'string', description: 'Stable id used to derive stepper config persistence scope.' },
+        { name: 'componentInstanceId', type: 'string', description: 'Optional instance discriminator for persistence scope.' },
+        { name: 'selectedIndex', type: 'number', description: 'Selected step index, compatible with two-way binding.' },
+        { name: 'serverValidate', type: 'function', description: 'Optional host-owned async validation gate for step progression.' },
+        { name: 'stepperContext', type: 'Record<string, any>', description: 'Context passed to nested widgets and rich content.' },
+        { name: 'enableCustomization', type: 'boolean', description: 'Enables Settings Panel authoring surfaces.' },
+    ],
+    editableTargets: [
+        { kind: 'step', resolver: 'step-by-id-or-label', description: 'A step in config.steps[].' },
+        { kind: 'stepLabel', resolver: 'step-by-id-or-label', description: 'The visible label of a step.' },
+        { kind: 'stepContent', resolver: 'step-content-by-id', description: 'Dynamic form, rich content or advanced widgets hosted inside a step.' },
+        { kind: 'navigation', resolver: 'stepper-navigation-config', description: 'Footer navigation labels, icons, variant, alignment and visibility.' },
+        { kind: 'completionRule', resolver: 'step-by-id-or-label', description: 'Optional/completed/error state metadata for a step.' },
+        { kind: 'validationGate', resolver: 'step-validation-by-id', description: 'Validation gate that controls linear navigation and remote validation delegation.' },
+        { kind: 'orientation', resolver: 'stepper-layout-config', description: 'Stepper orientation, header position and label position.' },
+    ],
+    operations: [
+        {
+            operationId: 'step.add',
+            title: 'Add step',
+            scope: 'global',
+            targetKind: 'step',
+            target: { kind: 'step', resolver: 'steps-array', ambiguityPolicy: 'fail', required: false },
+            inputSchema: stepItemSchema,
+            effects: [{ kind: 'append-unique', path: 'steps[]', key: 'id' }],
+            destructive: false,
+            requiresConfirmation: false,
+            validators: ['step-id-unique', 'step-order-deterministic', 'step-content-valid'],
+            affectedPaths: ['steps[]'],
+            submissionImpact: 'config-only',
+            preconditions: ['config-initialized'],
+        },
+        {
+            operationId: 'step.remove',
+            title: 'Remove step',
+            scope: 'layout',
+            targetKind: 'step',
+            target: { kind: 'step', resolver: 'step-by-id-or-label', ambiguityPolicy: 'fail', required: true },
+            inputSchema: {
+                type: 'object',
+                properties: {
+                    replacementStepId: { type: 'string' },
+                },
+            },
+            effects: [{
+                    kind: 'compile-domain-patch',
+                    handler: 'stepper-step-remove',
+                    handlerContract: {
+                        reads: ['steps[]', 'selectedIndex'],
+                        writes: ['steps[]', 'selectedIndex'],
+                        identityKeys: ['steps[].id'],
+                        inputSchema: {
+                            type: 'object',
+                            properties: {
+                                replacementStepId: { type: 'string' },
+                            },
+                        },
+                        failureModes: ['step-not-found', 'replacement-step-not-found', 'content-removal-not-confirmed'],
+                        description: 'Removes the target step by stable id and recomputes selectedIndex to preserve deterministic navigation state.',
+                    },
+                }],
+            destructive: true,
+            requiresConfirmation: true,
+            validators: ['step-exists', 'selected-step-removal-safe', 'step-content-removal-confirmed'],
+            affectedPaths: ['steps[]', 'selectedIndex'],
+            submissionImpact: 'config-only',
+            preconditions: ['config-initialized', 'target-step-exists', 'confirmation-collected'],
+        },
+        {
+            operationId: 'step.label.set',
+            title: 'Set step label',
+            scope: 'layout',
+            targetKind: 'stepLabel',
+            target: { kind: 'stepLabel', resolver: 'step-by-id-or-label', ambiguityPolicy: 'fail', required: true },
+            inputSchema: { type: 'object', required: ['label'], properties: { label: { type: 'string' } } },
+            effects: [{ kind: 'merge-by-key', path: 'steps[]', key: 'id' }],
+            destructive: false,
+            requiresConfirmation: false,
+            validators: ['step-exists', 'step-label-valid'],
+            affectedPaths: ['steps[].label'],
+            submissionImpact: 'config-only',
+            preconditions: ['config-initialized', 'target-step-exists'],
+        },
+        {
+            operationId: 'step.order.set',
+            title: 'Reorder steps',
+            scope: 'layout',
+            targetKind: 'step',
+            target: { kind: 'step', resolver: 'step-by-id-or-label', ambiguityPolicy: 'fail', required: true },
+            inputSchema: { type: 'object', required: ['beforeStepId'], properties: { beforeStepId: { type: 'string' } } },
+            effects: [{
+                    kind: 'compile-domain-patch',
+                    handler: 'stepper-step-reorder',
+                    handlerContract: {
+                        reads: ['steps[]', 'selectedIndex'],
+                        writes: ['steps[]', 'selectedIndex'],
+                        identityKeys: ['steps[].id'],
+                        inputSchema: { type: 'object', required: ['beforeStepId'], properties: { beforeStepId: { type: 'string' } } },
+                        failureModes: ['step-not-found', 'before-step-not-found', 'ambiguous-step-target'],
+                        description: 'Moves the target step before another stable step id and recomputes selectedIndex by preserving selected step identity.',
+                    },
+                }],
+            destructive: false,
+            requiresConfirmation: false,
+            validators: ['step-exists', 'step-order-deterministic', 'selected-index-preserved'],
+            affectedPaths: ['steps[]', 'selectedIndex'],
+            submissionImpact: 'config-only',
+            preconditions: ['config-initialized', 'target-step-exists'],
+        },
+        {
+            operationId: 'step.optional.set',
+            title: 'Set optional state',
+            scope: 'interaction',
+            targetKind: 'completionRule',
+            target: { kind: 'completionRule', resolver: 'step-by-id-or-label', ambiguityPolicy: 'fail', required: true },
+            inputSchema: { type: 'object', required: ['optional'], properties: { optional: { type: 'boolean' } } },
+            effects: [{ kind: 'merge-by-key', path: 'steps[]', key: 'id' }],
+            destructive: false,
+            requiresConfirmation: false,
+            validators: ['step-exists', 'completion-rule-compatible'],
+            affectedPaths: ['steps[].optional'],
+            submissionImpact: 'config-only',
+            preconditions: ['config-initialized', 'target-step-exists'],
+        },
+        {
+            operationId: 'step.completed.set',
+            title: 'Set completed state',
+            scope: 'interaction',
+            targetKind: 'completionRule',
+            target: { kind: 'completionRule', resolver: 'step-by-id-or-label', ambiguityPolicy: 'fail', required: true },
+            inputSchema: { type: 'object', required: ['completed'], properties: { completed: { type: 'boolean' }, hasError: { type: 'boolean' }, errorMessage: { type: 'string' } } },
+            effects: [{ kind: 'merge-by-key', path: 'steps[]', key: 'id' }],
+            destructive: false,
+            requiresConfirmation: false,
+            validators: ['step-exists', 'completion-rule-compatible', 'linear-completion-safe'],
+            affectedPaths: ['steps[].completed', 'steps[].hasError', 'steps[].errorMessage'],
+            submissionImpact: 'config-only',
+            preconditions: ['config-initialized', 'target-step-exists'],
+        },
+        {
+            operationId: 'navigation.mode.set',
+            title: 'Set navigation mode',
+            scope: 'interaction',
+            targetKind: 'navigation',
+            target: { kind: 'navigation', resolver: 'stepper-navigation-config', ambiguityPolicy: 'fail', required: true },
+            inputSchema: {
+                type: 'object',
+                properties: {
+                    linear: { type: 'boolean' },
+                    visible: { type: 'boolean' },
+                    prevLabel: { type: 'string' },
+                    nextLabel: { type: 'string' },
+                    prevIcon: { type: 'string' },
+                    nextIcon: { type: 'string' },
+                    variant: { enum: ['basic', 'flat', 'stroked', 'raised'] },
+                    color: { enum: ['primary', 'accent', 'warn'] },
+                    align: { enum: ['start', 'center', 'end', 'space-between'] },
+                },
+            },
+            effects: [{ kind: 'merge-object', path: 'navigation' }, { kind: 'set-value', path: 'linear' }],
+            destructive: false,
+            requiresConfirmation: false,
+            validators: ['navigation-values-valid', 'linear-navigation-valid', 'editor-runtime-round-trip'],
+            affectedPaths: ['navigation.visible', 'navigation.prevLabel', 'navigation.nextLabel', 'navigation.prevIcon', 'navigation.nextIcon', 'navigation.variant', 'navigation.color', 'navigation.align', 'linear'],
+            submissionImpact: 'config-only',
+            preconditions: ['config-initialized'],
+        },
+        {
+            operationId: 'orientation.set',
+            title: 'Set orientation',
+            scope: 'layout',
+            targetKind: 'orientation',
+            target: { kind: 'orientation', resolver: 'stepper-layout-config', ambiguityPolicy: 'fail', required: true },
+            inputSchema: {
+                type: 'object',
+                required: ['orientation'],
+                properties: {
+                    orientation: { enum: ['horizontal', 'vertical'] },
+                    headerPosition: { enum: ['top', 'bottom'] },
+                    labelPosition: { enum: ['bottom', 'end'] },
+                    density: { enum: ['default', 'comfortable', 'compact'] },
+                },
+            },
+            effects: [{ kind: 'set-value', path: 'orientation' }, { kind: 'set-value', path: 'headerPosition' }, { kind: 'set-value', path: 'labelPosition' }, { kind: 'set-value', path: 'density' }],
+            destructive: false,
+            requiresConfirmation: false,
+            validators: ['orientation-values-valid', 'label-position-compatible', 'editor-runtime-round-trip'],
+            affectedPaths: ['orientation', 'headerPosition', 'labelPosition', 'density'],
+            submissionImpact: 'config-only',
+            preconditions: ['config-initialized'],
+        },
+        {
+            operationId: 'validation.rule.add',
+            title: 'Add validation rule',
+            scope: 'rule',
+            targetKind: 'validationGate',
+            target: { kind: 'validationGate', resolver: 'step-validation-by-id', ambiguityPolicy: 'fail', required: true },
+            inputSchema: {
+                type: 'object',
+                required: ['stepId', 'rule'],
+                properties: {
+                    stepId: { type: 'string' },
+                    fieldName: { type: 'string' },
+                    childComponentId: { type: 'string' },
+                    rule: { type: 'object' },
+                    message: { type: 'string' },
+                    remote: { type: 'boolean' },
+                },
+            },
+            effects: [{
+                    kind: 'compile-domain-patch',
+                    handler: 'stepper-validation-rule-upsert',
+                    handlerContract: {
+                        reads: ['steps[]', 'steps[].form', 'steps[].form.config', 'steps[].widgets', 'linear'],
+                        writes: ['steps[].form.config', 'steps[].form.config.sections', 'steps[].form.config.fieldMetadata', 'steps[].hasError', 'steps[].errorMessage'],
+                        identityKeys: ['steps[].id', 'steps[].form.formId', 'steps[].widgets[].id'],
+                        inputSchema: {
+                            type: 'object',
+                            required: ['stepId', 'rule'],
+                            properties: {
+                                stepId: { type: 'string' },
+                                fieldName: { type: 'string' },
+                                childComponentId: { type: 'string' },
+                                rule: { type: 'object' },
+                                message: { type: 'string' },
+                                remote: { type: 'boolean' },
+                            },
+                        },
+                        failureModes: [
+                            'step-not-found',
+                            'validation-target-not-found',
+                            'dynamic-form-config-missing',
+                            'remote-validation-requires-host-serverValidate',
+                        ],
+                        description: 'Projects a validation rule into the step dynamic-form config or delegates it to the host serverValidate gate without redefining child component contracts.',
+                    },
+                }],
+            validators: ['step-exists', 'validation-rule-target-exists', 'validation-rule-compatible', 'server-validation-delegated'],
+            destructive: false,
+            requiresConfirmation: false,
+            affectedPaths: ['steps[].form.config', 'steps[].form.config.sections', 'steps[].form.config.fieldMetadata', 'steps[].hasError', 'steps[].errorMessage'],
+            submissionImpact: 'affects-schema-backed-data',
+            preconditions: ['config-initialized', 'target-step-exists'],
+        },
+        {
+            operationId: 'step.content.set',
+            title: 'Set step content',
+            scope: 'layout',
+            targetKind: 'stepContent',
+            target: { kind: 'stepContent', resolver: 'step-content-by-id', ambiguityPolicy: 'fail', required: true },
+            inputSchema: stepPatchSchema,
+            effects: [{ kind: 'merge-by-key', path: 'steps[]', key: 'id' }],
+            destructive: false,
+            requiresConfirmation: false,
+            validators: ['step-exists', 'step-content-valid', 'nested-widget-contract-delegated'],
+            affectedPaths: ['steps[].form', 'steps[].stepBlocksBeforeForm', 'steps[].stepBlocksAfterForm', 'steps[].widgets'],
+            submissionImpact: 'affects-schema-backed-data',
+            preconditions: ['config-initialized', 'target-step-exists'],
+        },
+    ],
+    validators: [
+        { validatorId: 'step-id-unique', level: 'error', code: 'PSTEP001', description: 'Step ids must be unique and stable within config.steps[].' },
+        { validatorId: 'step-exists', level: 'error', code: 'PSTEP002', description: 'Target step must exist before applying the operation.' },
+        { validatorId: 'step-order-deterministic', level: 'error', code: 'PSTEP003', description: 'Step ordering must use stable ids, not transient array index as identity.' },
+        { validatorId: 'step-content-valid', level: 'error', code: 'PSTEP004', description: 'Step content must remain valid Dynamic Form config, RichContentDocument or WidgetDefinition[] metadata.' },
+        { validatorId: 'step-content-removal-confirmed', level: 'error', code: 'PSTEP005', description: 'Removing a step with form, rich content or widgets is destructive and requires confirmation.' },
+        { validatorId: 'selected-step-removal-safe', level: 'error', code: 'PSTEP006', description: 'Removing the selected step requires a deterministic replacement selected index or explicit confirmation.' },
+        { validatorId: 'selected-index-preserved', level: 'warning', code: 'PSTEP007', description: 'Reordering steps must preserve selected step identity and only recompute selectedIndex after resolution.' },
+        { validatorId: 'step-label-valid', level: 'error', code: 'PSTEP008', description: 'Step labels must be non-empty text values after localization/domain projection.' },
+        { validatorId: 'completion-rule-compatible', level: 'error', code: 'PSTEP009', description: 'Optional, completed, hasError and errorMessage flags must remain compatible with Material stepper semantics.' },
+        { validatorId: 'linear-completion-safe', level: 'warning', code: 'PSTEP010', description: 'Forcing completion in linear mode should not bypass invalid Dynamic Form or server validation gates.' },
+        { validatorId: 'navigation-values-valid', level: 'error', code: 'PSTEP011', description: 'Navigation labels, icons, variant, color and alignment must match StepperMetadata enums and runtime bindings.' },
+        { validatorId: 'linear-navigation-valid', level: 'error', code: 'PSTEP012', description: 'Linear navigation depends on form validity and must not be replaced by host-local navigation rules.' },
+        { validatorId: 'orientation-values-valid', level: 'error', code: 'PSTEP013', description: 'Orientation, headerPosition, labelPosition and density values must match StepperMetadata enums.' },
+        { validatorId: 'label-position-compatible', level: 'warning', code: 'PSTEP014', description: 'labelPosition only affects horizontal steppers and must round-trip without corrupting vertical layout.' },
+        { validatorId: 'validation-rule-target-exists', level: 'error', code: 'PSTEP015', description: 'Validation rules must reference an existing field inside the step form or an existing child widget/component.' },
+        { validatorId: 'validation-rule-compatible', level: 'error', code: 'PSTEP016', description: 'Validation rules must compile into Dynamic Form metadata or host serverValidate delegation without inventing a parallel stepper rule DSL.' },
+        { validatorId: 'server-validation-delegated', level: 'info', code: 'PSTEP017', description: 'Remote validation remains delegated to the serverValidate input and is not implemented as hidden stepper metadata.' },
+        { validatorId: 'nested-widget-contract-delegated', level: 'info', code: 'PSTEP018', description: 'Nested widget content remains governed by the child component contract and widgetEvent path delegation.' },
+        { validatorId: 'editor-runtime-round-trip', level: 'error', code: 'PSTEP019', description: 'Settings Panel editor, runtime and registry projection must preserve step ids, order, navigation and validation intent.' },
+    ],
+    roundTripRequirements: [
+        'Operations must preserve stable step ids; array index may be used only as a resolver fallback, never as canonical identity.',
+        'Settings Panel editor, runtime persistence and registry projection must round-trip StepperMetadata without losing step ids, order or selectedIndex.',
+        'Validation authoring must target Dynamic Form metadata or the host-owned serverValidate gate; the stepper manifest must not define a parallel validation DSL.',
+        'Nested widgets remain delegated through WidgetDefinition and widgetEvent path enrichment instead of being redefined by the stepper contract.',
+        'Removing a step with form, rich content or widgets requires explicit confirmation because it can delete nested authoring content.',
+    ],
+    examples: [
+        { id: 'add-review-step', request: 'Add a review step after the documents step.', operationId: 'step.add', params: { id: 'review', label: 'Review' }, isPositive: true },
+        { id: 'rename-profile-step', request: 'Rename the profile step to Customer profile.', operationId: 'step.label.set', target: 'profile', params: { label: 'Customer profile' }, isPositive: true },
+        { id: 'move-confirm-before-submit', request: 'Move confirm before submit.', operationId: 'step.order.set', target: 'confirm', params: { beforeStepId: 'submit' }, isPositive: true },
+        { id: 'make-upload-optional', request: 'Make the upload step optional.', operationId: 'step.optional.set', target: 'upload', params: { optional: true }, isPositive: true },
+        { id: 'set-linear-navigation', request: 'Use linear navigation with Back and Continue labels.', operationId: 'navigation.mode.set', params: { linear: true, prevLabel: 'Back', nextLabel: 'Continue' }, isPositive: true },
+        { id: 'switch-vertical-layout', request: 'Make the stepper vertical.', operationId: 'orientation.set', params: { orientation: 'vertical', headerPosition: 'top' }, isPositive: true },
+        { id: 'require-email-on-profile', request: 'Require email before continuing from profile.', operationId: 'validation.rule.add', target: 'profile', params: { stepId: 'profile', fieldName: 'email', rule: { required: true }, message: 'Email is required' }, isPositive: true },
+        { id: 'reject-duplicate-step-id', request: 'Add another step with id review.', operationId: 'step.add', params: { id: 'review', label: 'Duplicate review' }, isPositive: false },
+        { id: 'confirm-remove-content-step', request: 'Remove the documents step that contains an upload widget.', operationId: 'step.remove', target: 'documents', params: { replacementStepId: 'review' }, isPositive: true },
+    ],
+};
+
 /*
  * Public API Surface of praxis-stepper
  */
@@ -4652,4 +6177,4 @@ function applyPreferenceDefaults(cfg, values) {
  * Generated bundle index. Do not edit.
  */
 
-export { FT_WIZARD_CONFIG, FT_WIZARD_JSON, PRAXIS_STEPPER_COMPONENT_METADATA, PRAXIS_WIZARD_BENEFITS_METADATA, PRAXIS_WIZARD_CONTENT_METADATA, PRAXIS_WIZARD_DIVIDER_METADATA, PRAXIS_WIZARD_NOTICE_METADATA, PraxisStepper, PraxisStepperConfigEditor, PraxisWizardFormComponent, STEPPER_AI_CAPABILITIES, providePraxisStepperMetadata };
+export { FT_WIZARD_CONFIG, FT_WIZARD_JSON, PRAXIS_STEPPER_AUTHORING_MANIFEST, PRAXIS_STEPPER_COMPONENT_METADATA, PRAXIS_WIZARD_BENEFITS_METADATA, PRAXIS_WIZARD_CONTENT_METADATA, PRAXIS_WIZARD_DIVIDER_METADATA, PRAXIS_WIZARD_NOTICE_METADATA, PraxisStepper, PraxisStepperConfigEditor, PraxisStepperWidgetConfigEditor, PraxisWizardFormComponent, STEPPER_AI_CAPABILITIES, providePraxisStepperMetadata };