@praxisui/stepper 9.0.5-rc.14 → 9.0.5-rc.16

package/README.md

@@ -61,7 +61,7 @@ export class OnboardingComponent {
 
 Each step can host a `@praxisui/dynamic-form` configuration. Use canonical resource paths without `/api`, `/filter` or `/{id}`.
 
-When the form uses an explicit request schema or API entry, pass `schemaUrl`, `apiEndpointKey` and `apiUrlEntry` in `step.form`; the stepper forwards them unchanged and never infers schema authority. It forwards metadata-only lifecycle as `stepReactiveDeterminationExecuted` and aggregate state as `stepReactiveDeterminationPendingChange`. Next and wizard submit remain blocked until the child form stabilizes (or remain blocked after timeout).
+When the form uses an explicit request schema or API entry, pass `schemaUrl`, `apiEndpointKey` and `apiUrlEntry` in `step.form`; the stepper forwards them unchanged and never infers schema authority. It forwards metadata-only lifecycle as `stepReactiveDeterminationExecuted`, per-step pending state as `stepReactiveDeterminationPendingChange`, and component-level stability as `reactiveDeterminationStabilityChange`. The aggregate status is `pending`, `settled-satisfied`, or `settled-unsatisfied`; hosts must not interpret “settled” alone as success. Next and wizard submit remain blocked until the child form settles satisfied (or remain blocked after timeout/failure).
 
 ```ts
 const config: StepperMetadata = {

package/ai/component-registry.json

@@ -1,8 +1,8 @@
 {
   "schemaVersion": "1.0.0",
-  "generatedAt": "2026-08-13T20:07:32.063Z",
+  "generatedAt": "2026-08-14T02:17:07.973Z",
   "packageName": "@praxisui/stepper",
-  "packageVersion": "9.0.5-rc.14",
+  "packageVersion": "9.0.5-rc.16",
   "sourceRegistry": "praxis-component-registry-ingestion",
   "sourceRegistryVersion": "1.0.0",
   "componentCount": 1,
@@ -133,6 +133,12 @@
           "type": "{ stepId?: string; stepIndex: number; pending: boolean }",
           "required": false,
           "label": "Estado de estabilizacao por etapa"
+        },
+        {
+          "name": "reactiveDeterminationStabilityChange",
+          "type": "StepperReactiveDeterminationStabilityChange",
+          "required": false,
+          "label": "Estabilidade agregada: pending, settled-satisfied ou settled-unsatisfied"
         }
       ],
       "configSchemaId": null,
@@ -2140,9 +2146,9 @@
         {
           "chunkIndex": 0,
           "chunkKind": "summary",
-          "content": "Component ID: praxis-stepper\nSelector: praxis-stepper\nFriendly Name: Praxis Stepper\nDescription: Stepper configurável (horizontal/vertical/linear) com passos e conteúdo dinâmico.\nLib/Package: @praxisui/stepper\nTags: widget, container, stepper, configurable\nInputs:\n  - stepperId (string)\n  - componentInstanceId (string)\n  - config (StepperMetadata)\n  - selectedIndex (number)\n  - selectedIndexInput (number)\n  - disableRippleInput (boolean)\n  - enableCustomization (boolean)\n  - labelPosition ('bottom' | 'end')\n  - color (ThemePalette)\n  - serverValidate ((args) => Promise<{ ok: boolean; fieldErrors?: Record<string,string[]>; formErrors?: string[] }>)\n  - stepperContext (Record<string, any>)\nOutputs:\n  - selectionChange (any)\n  - selectedIndexChange (number)\n  - animationDone (void)\n  - widgetEvent (WidgetEventEnvelope)\n  - stepFormReady ({ stepId?: string; stepIndex: number; event: FormReadyEvent })\n  - stepFormValueChange ({ stepId?: string; stepIndex: number; event: FormValueChangeEvent })\n  - stepReactiveDeterminationExecuted ({ stepId?: string; stepIndex: number; event: ReactiveDeterminationExecutionEvent })\n  - stepReactiveDeterminationPendingChange ({ stepId?: string; stepIndex: number; pending: boolean })\n",
+          "content": "Component ID: praxis-stepper\nSelector: praxis-stepper\nFriendly Name: Praxis Stepper\nDescription: Stepper configurável (horizontal/vertical/linear) com passos e conteúdo dinâmico.\nLib/Package: @praxisui/stepper\nTags: widget, container, stepper, configurable\nInputs:\n  - stepperId (string)\n  - componentInstanceId (string)\n  - config (StepperMetadata)\n  - selectedIndex (number)\n  - selectedIndexInput (number)\n  - disableRippleInput (boolean)\n  - enableCustomization (boolean)\n  - labelPosition ('bottom' | 'end')\n  - color (ThemePalette)\n  - serverValidate ((args) => Promise<{ ok: boolean; fieldErrors?: Record<string,string[]>; formErrors?: string[] }>)\n  - stepperContext (Record<string, any>)\nOutputs:\n  - selectionChange (any)\n  - selectedIndexChange (number)\n  - animationDone (void)\n  - widgetEvent (WidgetEventEnvelope)\n  - stepFormReady ({ stepId?: string; stepIndex: number; event: FormReadyEvent })\n  - stepFormValueChange ({ stepId?: string; stepIndex: number; event: FormValueChangeEvent })\n  - stepReactiveDeterminationExecuted ({ stepId?: string; stepIndex: number; event: ReactiveDeterminationExecutionEvent })\n  - stepReactiveDeterminationPendingChange ({ stepId?: string; stepIndex: number; pending: boolean })\n  - reactiveDeterminationStabilityChange (StepperReactiveDeterminationStabilityChange)\n",
           "sourcePointer": "projects/praxis-stepper/src/lib/praxis-stepper.metadata.ts",
-          "contentHash": "89fa6ee9abc0b7a70beb7bdf1692cdf4a53fbded066cca36874f736e7ba5903a",
+          "contentHash": "45d94ab8764dc92a68f79332305178436a43403578fa626846dbc9f163684a37",
           "sourceKind": "component_definition",
           "sourceId": "praxis-stepper",
           "corpusVersion": "1.0.0"

package/fesm2022/praxisui-stepper.mjs

@@ -1311,10 +1311,12 @@ class PraxisStepperConfigEditor {
             return;
         const apply = (val) => {
             const v = val || {};
+            const existing = step.form;
             step.form = {
-                config: v.formConfig || v.config || step.form?.config || { sections: [] },
-                formId: v?.formId || step.form?.formId || step.id,
-                mode: v?.inputsPatch?.mode || v?.bindings?.mode || step.form?.mode || 'create',
+                ...existing,
+                config: v.formConfig || v.config || existing?.config || { sections: [] },
+                formId: v?.formId || existing?.formId || step.id,
+                mode: v?.inputsPatch?.mode || v?.bindings?.mode || existing?.mode || 'create',
             };
             this.markDirty();
         };
@@ -3427,8 +3429,8 @@ class PraxisStepper {
     appliedHeaderClasses = [];
     appliedTokenNames = [];
     // CTA models for empty state
-    primaryCta = { label: 'Configurar Stepper', icon: 'tune', color: 'primary', action: () => this.openEditor() };
-    secondaryCtas = [{ label: 'Adicionar etapa inicial', icon: 'add', action: () => this.addFirstStep() }];
+    primaryCta = { label: 'Configurar Stepper', icon: 'tune', color: 'primary', action: () => this.openEditor(), };
+    secondaryCtas = [{ label: 'Adicionar etapa inicial', icon: 'add', action: () => this.addFirstStep(), },];
     // API de entrada
     stepperId;
     componentInstanceId;
@@ -3477,6 +3479,8 @@ class PraxisStepper {
     /** Metadata-only determination lifecycle forwarded from the child form. */
     stepReactiveDeterminationExecuted = new EventEmitter();
     stepReactiveDeterminationPendingChange = new EventEmitter();
+    /** Aggregate stability; settled-unsatisfied is intentionally distinct from success. */
+    reactiveDeterminationStabilityChange = new EventEmitter();
     stepperContext;
     settings = inject(SettingsPanelService);
     storage = inject(ASYNC_CONFIG_STORAGE);
@@ -3489,6 +3493,7 @@ class PraxisStepper {
         return undefined;
     } })();
     cdr = inject(ChangeDetectorRef);
+    reactiveDeterminationStabilitySignature = '';
     aiApi = inject(AiBackendApiService);
     assistantSessions = inject(PraxisAssistantSessionRegistryService);
     aiTurnOrchestrator = inject(PraxisAssistantTurnOrchestratorService);
@@ -3565,8 +3570,8 @@ class PraxisStepper {
         }
     };
     isNextDisabled(i) {
-        return this._formPending.get(i) === true ||
-            (this.linear() && this._formValidity.get(i) === false);
+        return (this.hasBlockingReactiveDetermination(i) ||
+            (this.linear() && this._formValidity.get(i) === false));
     }
     clampIndex(idx) {
         const len = this.steps().length;
@@ -3590,7 +3595,7 @@ class PraxisStepper {
     onSelectionChange(ev) {
         const idx = this.clampIndex(ev?.selectedIndex ?? 0);
         const current = this._selectedIndex();
-        if (idx !== current && this._formPending.get(current) === true) {
+        if (idx !== current && this.hasBlockingReactiveDetermination(current)) {
             if (this.materialStepper)
                 this.materialStepper.selectedIndex = current;
             this.cdr.markForCheck();
@@ -3603,7 +3608,9 @@ class PraxisStepper {
     // API programática básica
     goTo(index) {
         const clamped = this.clampIndex(index);
-        if (clamped !== this._selectedIndex() && this._formPending.get(this._selectedIndex()) === true) {
+        if (clamped !==
+            this._selectedIndex() &&
+            this.hasBlockingReactiveDetermination(this._selectedIndex())) {
             return;
         }
         this.advanceTo(clamped);
@@ -3611,7 +3618,7 @@ class PraxisStepper {
     next() {
         const curr = this._selectedIndex();
         const len = this.steps().length;
-        if (curr < len - 1 && this._formPending.get(curr) !== true)
+        if (curr < len - 1 && !this.hasBlockingReactiveDetermination(curr))
             this.advanceTo(curr + 1);
     }
     prev() {
@@ -3653,6 +3660,7 @@ class PraxisStepper {
             stepId: this.steps()[stepIndex]?.id,
             event,
         });
+        this.emitReactiveDeterminationStability();
     }
     onReactiveDeterminationPendingChange(stepIndex, pending) {
         this._formPending.set(stepIndex, pending);
@@ -3661,8 +3669,25 @@ class PraxisStepper {
             stepId: this.steps()[stepIndex]?.id,
             pending,
         });
+        this.emitReactiveDeterminationStability();
         this.cdr.markForCheck();
     }
+    emitReactiveDeterminationStability() {
+        const stepIndexes = this.steps().map((_, index) => index);
+        const pending = stepIndexes.some((index) => this._formPending.get(index) === true ||
+            this._formComponents.get(index)?.hasPendingReactiveDeterminations?.() === true);
+        const unsatisfied = stepIndexes.some((index) => this._formComponents.get(index)?.hasUnsatisfiedReactiveDeterminations?.() === true);
+        const status = pending
+            ? 'pending'
+            : unsatisfied
+                ? 'settled-unsatisfied'
+                : 'settled-satisfied';
+        const signature = `${status}:${pending}:${unsatisfied}`;
+        if (signature === this.reactiveDeterminationStabilitySignature)
+            return;
+        this.reactiveDeterminationStabilitySignature = signature;
+        this.reactiveDeterminationStabilityChange.emit({ status, pending, unsatisfied });
+    }
     formGroupFor(i) {
         return this._formGroups.get(i);
     }
@@ -3711,12 +3736,12 @@ class PraxisStepper {
         };
     }
     openEditor() {
-        const cfg = this._config() || { steps: [], orientation: 'horizontal', headerPosition: 'top', linear: false };
+        const cfg = this._config() || { steps: [], orientation: 'horizontal', headerPosition: 'top', linear: false, };
         const key = this.storageKey() || this.stepperId || 'default';
         const ref = this.settings.open({
             id: `praxis-stepper-editor:${key}`,
             title: 'Configurar Stepper',
-            content: { component: PraxisStepperConfigEditor, inputs: { config: cfg } },
+            content: { component: PraxisStepperConfigEditor, inputs: { config: cfg }, },
         });
         const apply = (value) => {
             const nextCfg = value?.config || value;
@@ -3939,7 +3964,7 @@ class PraxisStepper {
                     'steps',
                     'selectedIndex',
                     'linear',
-                    'orientation',
+                    'orientation'
                 ],
             },
             capabilityRefs: [
@@ -3977,18 +4002,18 @@ class PraxisStepper {
         });
     }
     hasAiAssistantSessionState() {
-        return !!this.aiAssistantPrompt.trim()
+        return (!!this.aiAssistantPrompt.trim()
             || !!this.aiAssistantViewState?.messages?.length
             || !!this.aiAssistantViewState?.quickReplies?.length
             || !!this.aiAssistantViewState?.pendingPatch
             || !!this.aiAssistantViewState?.statusText?.trim()
-            || !!this.aiAssistantViewState?.errorText?.trim();
+            || !!this.aiAssistantViewState?.errorText?.trim());
     }
     resolveAiAssistantSessionId() {
         return `stepper:${this.resolveAiAssistantRouteKey()}:${this.resolveAiAssistantOwnerId()}`;
     }
     resolveAiAssistantOwnerId() {
-        return (this.componentInstanceId || this.safeAiAssistantStepperId() || 'stepper').trim() || 'stepper';
+        return ((this.componentInstanceId || this.safeAiAssistantStepperId() || 'stepper').trim() || 'stepper');
     }
     safeAiAssistantStepperId() {
         return String(this.stepperId || '').trim();
@@ -4047,19 +4072,19 @@ class PraxisStepper {
             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,
+            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 };
+        const current = this._config() || { steps: [], orientation: 'horizontal', headerPosition: 'top', linear: false, };
         if ((current.steps || []).length > 0)
             return;
         const next = {
             ...current,
             steps: [
-                { id: 'step1', label: 'Etapa 1', description: 'Clique em Configurar para editar esta etapa.' },
+                { id: 'step1', label: 'Etapa 1', description: 'Clique em Configurar para editar esta etapa.', },
             ],
         };
         this._config.set(next);
@@ -4074,7 +4099,7 @@ class PraxisStepper {
     }
     async validateStep(i = this.selectedIndexComputed()) {
         const childForm = this._formComponents.get(i);
-        if (childForm?.hasPendingReactiveDeterminations()) {
+        if (childForm && this.hasBlockingReactiveDetermination(i)) {
             const stable = await childForm.waitForReactiveDeterminations();
             if (!stable)
                 return false;
@@ -4095,7 +4120,7 @@ class PraxisStepper {
         const fg = this._formGroups.get(i);
         const data = fg?.getRawValue();
         if (this.serverValidate) {
-            const res = await this.serverValidate({ step, stepIndex: i, formGroup: fg, formData: data });
+            const res = await this.serverValidate({ step, stepIndex: i, formGroup: fg, formData: data, });
             if (!res.ok) {
                 this.applyServerErrors(fg, res.fieldErrors, res.formErrors);
                 // Atualizar erro visual
@@ -4103,7 +4128,7 @@ class PraxisStepper {
                 this._formValidity.set(i, false);
                 return false;
             }
-            if (childForm?.hasPendingReactiveDeterminations()) {
+            if (childForm && this.hasBlockingReactiveDetermination(i)) {
                 const stable = await childForm.waitForReactiveDeterminations();
                 if (!stable)
                     return false;
@@ -4121,6 +4146,13 @@ class PraxisStepper {
             this.advanceTo(current + 1);
         return true;
     }
+    hasBlockingReactiveDetermination(stepIndex) {
+        if (this._formPending.get(stepIndex) === true)
+            return true;
+        const childForm = this._formComponents.get(stepIndex);
+        return (childForm?.hasPendingReactiveDeterminations?.() === true ||
+            childForm?.hasUnsatisfiedReactiveDeterminations?.() === true);
+    }
     onPrev() { this.prev(); }
     onAnimationDone() { this.animationDone.emit(); }
     applyServerErrors(fg, fieldErrors, formErrors) {
@@ -4242,7 +4274,7 @@ class PraxisStepper {
         return name.startsWith('--') ? name : `--${name}`;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PraxisStepper, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", 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", stepReactiveDeterminationExecuted: "stepReactiveDeterminationExecuted", stepReactiveDeterminationPendingChange: "stepReactiveDeterminationPendingChange", animationDone: "animationDone", selectionChange: "selectionChange" }, host: { properties: { "class": "densityClass()" } }, queries: [{ propertyName: "stepLabelTpl", first: true, predicate: ["stepLabelTpl"], descendants: true, read: TemplateRef }], viewQueries: [{ propertyName: "materialStepper", first: true, predicate: ["stepperRoot"], descendants: true }], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", 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", stepReactiveDeterminationExecuted: "stepReactiveDeterminationExecuted", stepReactiveDeterminationPendingChange: "stepReactiveDeterminationPendingChange", reactiveDeterminationStabilityChange: "reactiveDeterminationStabilityChange", animationDone: "animationDone", selectionChange: "selectionChange" }, host: { properties: { "class": "densityClass()" } }, queries: [{ propertyName: "stepLabelTpl", first: true, predicate: ["stepLabelTpl"], descendants: true, read: TemplateRef }], viewQueries: [{ propertyName: "materialStepper", first: true, predicate: ["stepperRoot"], descendants: true }], ngImport: i0, template: `
     @if (enableCustomization) {
       <div class="stepper-ai-assistant">
         <button
@@ -4269,7 +4301,10 @@ class PraxisStepper {
         [prompt]="aiAssistantPrompt"
         [statusText]="aiAssistantViewState.statusText"
         [errorText]="aiAssistantViewState.errorText"
-        [busy]="aiAssistantViewState.state === 'processing' || aiAssistantViewState.state === 'applying'"
+        [busy]="
+          aiAssistantViewState.state === 'processing' ||
+          aiAssistantViewState.state === 'applying'
+        "
         [canApply]="aiAssistantViewState.canApply"
         [labels]="aiAssistantLabels"
         [layout]="aiAssistantLayout"
@@ -4351,7 +4386,9 @@ class PraxisStepper {
             <div [class]="contentClassList()">
               @if (hasRichContent(step.stepBlocksBeforeForm)) {
                 <praxis-rich-content
-                  [document]="step.stepBlocksBeforeForm || emptyStepRichContentDocument"
+                  [document]="
+                    step.stepBlocksBeforeForm || emptyStepRichContentDocument
+                  "
                   [context]="getStepRichContentContext(i)"
                   rootClassName="pdx-step-rich-content pdx-step-rich-content--before"
                 ></praxis-rich-content>
@@ -4370,13 +4407,19 @@ class PraxisStepper {
                   [formId]="f.formId"
                   (formReady)="onFormReady(i, $event, stepForm)"
                   (valueChange)="onFormValueChange(i, $event)"
-                  (reactiveDeterminationExecuted)="onReactiveDeterminationExecuted(i, $event)"
-                  (reactiveDeterminationPendingChange)="onReactiveDeterminationPendingChange(i, $event)"
+                  (reactiveDeterminationExecuted)="
+                    onReactiveDeterminationExecuted(i, $event)
+                  "
+                  (reactiveDeterminationPendingChange)="
+                    onReactiveDeterminationPendingChange(i, $event)
+                  "
                 ></praxis-dynamic-form>
               }
               @if (hasRichContent(step.stepBlocksAfterForm)) {
                 <praxis-rich-content
-                  [document]="step.stepBlocksAfterForm || emptyStepRichContentDocument"
+                  [document]="
+                    step.stepBlocksAfterForm || emptyStepRichContentDocument
+                  "
                   [context]="getStepRichContentContext(i)"
                   rootClassName="pdx-step-rich-content pdx-step-rich-content--after"
                 ></praxis-rich-content>
@@ -4387,7 +4430,8 @@ class PraxisStepper {
                   [context]="stepperContext"
                   [strictValidation]="true"
                   [autoWireOutputs]="true"
-                (widgetEvent)="onChildWidgetEvent(i, wd, $event)"></ng-container>
+                  (widgetEvent)="onChildWidgetEvent(i, wd, $event)"
+                ></ng-container>
               }
               @if (isStepEmpty(step)) {
                 <praxis-empty-state-card
@@ -4395,7 +4439,11 @@ class PraxisStepper {
                   icon="dashboard_customize"
                   title="Sem conteúdo nesta etapa"
                   description="Adicione um formulário ou widgets a esta etapa, ou abra o editor para configurar."
-                  [primaryAction]="{ label: 'Abrir editor', icon: 'tune', action: openEditor.bind(this) }"
+                  [primaryAction]="{
+                    label: 'Abrir editor',
+                    icon: 'tune',
+                    action: openEditor.bind(this),
+                  }"
                 ></praxis-empty-state-card>
               }
             </div>
@@ -4405,7 +4453,12 @@ class PraxisStepper {
                 @if (selectedIndexComputed() > 0) {
                   @switch (navVariant()) {
                     @case ('flat') {
-                      <button mat-flat-button [color]="navColor()" type="button" (click)="onPrev()">
+                      <button
+                        mat-flat-button
+                        [color]="navColor()"
+                        type="button"
+                        (click)="onPrev()"
+                      >
                         @if (navPrevIcon(); as ic) {
                           <mat-icon [praxisIcon]="ic"></mat-icon>
                         }
@@ -4413,7 +4466,12 @@ class PraxisStepper {
                       </button>
                     }
                     @case ('stroked') {
-                      <button mat-stroked-button [color]="navColor()" type="button" (click)="onPrev()">
+                      <button
+                        mat-stroked-button
+                        [color]="navColor()"
+                        type="button"
+                        (click)="onPrev()"
+                      >
                         @if (navPrevIcon(); as ic) {
                           <mat-icon [praxisIcon]="ic"></mat-icon>
                         }
@@ -4421,7 +4479,12 @@ class PraxisStepper {
                       </button>
                     }
                     @case ('raised') {
-                      <button mat-raised-button [color]="navColor()" type="button" (click)="onPrev()">
+                      <button
+                        mat-raised-button
+                        [color]="navColor()"
+                        type="button"
+                        (click)="onPrev()"
+                      >
                         @if (navPrevIcon(); as ic) {
                           <mat-icon [praxisIcon]="ic"></mat-icon>
                         }
@@ -4429,7 +4492,12 @@ class PraxisStepper {
                       </button>
                     }
                     @default {
-                      <button mat-button [color]="navColor()" type="button" (click)="onPrev()">
+                      <button
+                        mat-button
+                        [color]="navColor()"
+                        type="button"
+                        (click)="onPrev()"
+                      >
                         @if (navPrevIcon(); as ic) {
                           <mat-icon [praxisIcon]="ic"></mat-icon>
                         }
@@ -4441,7 +4509,13 @@ class PraxisStepper {
                 <!-- NEXT button -->
                 @switch (navVariant()) {
                   @case ('flat') {
-                    <button mat-flat-button [color]="navColor()" type="button" (click)="onNext(i)" [disabled]="isNextDisabled(i)">
+                    <button
+                      mat-flat-button
+                      [color]="navColor()"
+                      type="button"
+                      (click)="onNext(i)"
+                      [disabled]="isNextDisabled(i)"
+                    >
                       {{ navNextLabel() }}
                       @if (navNextIcon(); as ic) {
                         <mat-icon [praxisIcon]="ic"></mat-icon>
@@ -4449,7 +4523,13 @@ class PraxisStepper {
                     </button>
                   }
                   @case ('stroked') {
-                    <button mat-stroked-button [color]="navColor()" type="button" (click)="onNext(i)" [disabled]="isNextDisabled(i)">
+                    <button
+                      mat-stroked-button
+                      [color]="navColor()"
+                      type="button"
+                      (click)="onNext(i)"
+                      [disabled]="isNextDisabled(i)"
+                    >
                       {{ navNextLabel() }}
                       @if (navNextIcon(); as ic) {
                         <mat-icon [praxisIcon]="ic"></mat-icon>
@@ -4457,7 +4537,13 @@ class PraxisStepper {
                     </button>
                   }
                   @case ('raised') {
-                    <button mat-raised-button [color]="navColor()" type="button" (click)="onNext(i)" [disabled]="isNextDisabled(i)">
+                    <button
+                      mat-raised-button
+                      [color]="navColor()"
+                      type="button"
+                      (click)="onNext(i)"
+                      [disabled]="isNextDisabled(i)"
+                    >
                       {{ navNextLabel() }}
                       @if (navNextIcon(); as ic) {
                         <mat-icon [praxisIcon]="ic"></mat-icon>
@@ -4465,7 +4551,13 @@ class PraxisStepper {
                     </button>
                   }
                   @default {
-                    <button mat-button [color]="navColor()" type="button" (click)="onNext(i)" [disabled]="isNextDisabled(i)">
+                    <button
+                      mat-button
+                      [color]="navColor()"
+                      type="button"
+                      (click)="onNext(i)"
+                      [disabled]="isNextDisabled(i)"
+                    >
                       {{ navNextLabel() }}
                       @if (navNextIcon(); as ic) {
                         <mat-icon [praxisIcon]="ic"></mat-icon>
@@ -4498,12 +4590,12 @@ 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}.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$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatStepperModule }, { kind: "component", type: i2.MatStep, selector: "mat-step", inputs: ["color"], exportAs: ["matStep"] }, { kind: "directive", type: i2.MatStepLabel, selector: "[matStepLabel]" }, { kind: "component", type: i2.MatStepper, selector: "mat-stepper, mat-vertical-stepper, mat-horizontal-stepper, [matStepper]", inputs: ["disableRipple", "color", "labelPosition", "headerPosition", "aria-label", "headerPrefix", "animationDuration"], outputs: ["animationDone"], exportAs: ["matStepper", "matVerticalStepper", "matHorizontalStepper"] }, { kind: "directive", type: i2.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", "readUrl", "submitUrl", "submitMethod", "submitIdempotencyKey", "submitCorrelationId", "submitResourceVersion", "responseSchemaUrl", "apiEndpointKey", "apiUrlEntry", "enableCustomization", "showAiAssistant", "formId", "componentInstanceId", "configPersistenceStrategy", "layout", "generatedLayoutPreset", "layoutPolicy", "backConfig", "hooks", "removeEmptyContainersOnSave", "reactiveValidation", "reactiveValidationDebounceMs", "notifyIfOutdated", "snoozeMs", "autoOpenSettingsOnOutdated", "readonlyModeGlobal", "disabledModeGlobal", "presentationModeGlobal", "visibleGlobal", "fieldIconPolicy", "domainRules", "customEndpoints"], outputs: ["formSubmit", "formCancel", "formReset", "configChange", "configPatchChange", "formReady", "valueChange", "syncCompleted", "initializationError", "loadingStateChange", "enableCustomizationChange", "customAction", "actionConfirmation", "schemaStatusChange", "fieldRenderError", "ruleDiagnosticsChange", "reactiveDeterminationExecuted", "reactiveDeterminationPendingChange"] }, { 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", "variant", "alignment", "density", "iconContainer"] }, { kind: "component", type: PraxisAiAssistantShellComponent, selector: "praxis-ai-assistant-shell", inputs: ["labels", "mode", "state", "contextItems", "attachments", "messages", "quickReplies", "recommendedIntents", "prompt", "statusText", "errorText", "testIdPrefix", "panelTestId", "submitTestId", "applyTestId", "primaryAction", "secondaryActions", "governanceActions", "busy", "canSubmit", "canApply", "submitOnEnter", "showAttachAction", "enablePastedAttachments", "enableFileAttachments", "attachmentAccept", "attachmentMultiple", "voiceInputMode", "voiceLanguage", "draggable", "resizable", "minWidth", "minHeight", "margin", "layout"], outputs: ["promptChange", "submitPrompt", "apply", "retryTurn", "cancelTurn", "shellAction", "close", "attach", "attachmentsPasted", "attachmentsSelected", "removeAttachment", "messageAction", "editMessage", "resendMessage", "quickReply", "recommendedIntent", "layoutChange"] }, { 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$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatStepperModule }, { kind: "component", type: i2.MatStep, selector: "mat-step", inputs: ["color"], exportAs: ["matStep"] }, { kind: "directive", type: i2.MatStepLabel, selector: "[matStepLabel]" }, { kind: "component", type: i2.MatStepper, selector: "mat-stepper, mat-vertical-stepper, mat-horizontal-stepper, [matStepper]", inputs: ["disableRipple", "color", "labelPosition", "headerPosition", "aria-label", "headerPrefix", "animationDuration"], outputs: ["animationDone"], exportAs: ["matStepper", "matVerticalStepper", "matHorizontalStepper"] }, { kind: "directive", type: i2.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", "readUrl", "submitUrl", "submitMethod", "submitIdempotencyKey", "submitCorrelationId", "submitResourceVersion", "responseSchemaUrl", "apiEndpointKey", "apiUrlEntry", "enableCustomization", "showAiAssistant", "formId", "componentInstanceId", "configPersistenceStrategy", "layout", "generatedLayoutPreset", "layoutPolicy", "backConfig", "hooks", "removeEmptyContainersOnSave", "reactiveValidation", "reactiveValidationDebounceMs", "notifyIfOutdated", "snoozeMs", "autoOpenSettingsOnOutdated", "readonlyModeGlobal", "disabledModeGlobal", "presentationModeGlobal", "visibleGlobal", "fieldIconPolicy", "domainRules", "customEndpoints"], outputs: ["formSubmit", "formCancel", "formReset", "configChange", "configPatchChange", "formReady", "valueChange", "syncCompleted", "initializationError", "loadingStateChange", "enableCustomizationChange", "customAction", "actionConfirmation", "schemaStatusChange", "fieldRenderError", "ruleDiagnosticsChange", "reactiveDeterminationExecuted", "reactiveDeterminationPendingChange"] }, { 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", "variant", "alignment", "density", "iconContainer"] }, { kind: "component", type: PraxisAiAssistantShellComponent, selector: "praxis-ai-assistant-shell", inputs: ["labels", "mode", "state", "contextItems", "attachments", "messages", "quickReplies", "recommendedIntents", "prompt", "statusText", "errorText", "testIdPrefix", "panelTestId", "submitTestId", "applyTestId", "primaryAction", "secondaryActions", "governanceActions", "busy", "canSubmit", "canApply", "submitOnEnter", "showAttachAction", "enablePastedAttachments", "enableFileAttachments", "attachmentAccept", "attachmentMultiple", "voiceInputMode", "voiceLanguage", "draggable", "resizable", "minWidth", "minHeight", "margin", "layout"], outputs: ["promptChange", "submitPrompt", "apply", "retryTurn", "cancelTurn", "shellAction", "close", "attach", "attachmentsPasted", "attachmentsSelected", "removeAttachment", "messageAction", "editMessage", "resendMessage", "quickReply", "recommendedIntent", "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: "21.2.14", ngImport: i0, type: PraxisStepper, decorators: [{
             type: Component,
-            args: [{ selector: 'praxis-stepper', standalone: true, imports: [CommonModule, ReactiveFormsModule, MatStepperModule, MatButtonModule, MatIconModule, PraxisIconDirective, PraxisDynamicForm, DynamicWidgetLoaderDirective, EmptyStateCardComponent, PraxisAiAssistantShellComponent, PraxisRichContent], host: {
-                        '[class]': 'densityClass()'
+            args: [{ selector: 'praxis-stepper', standalone: true, imports: [CommonModule, ReactiveFormsModule, MatStepperModule, MatButtonModule, MatIconModule, PraxisIconDirective, PraxisDynamicForm, DynamicWidgetLoaderDirective, EmptyStateCardComponent, PraxisAiAssistantShellComponent, PraxisRichContent,], host: {
+                        '[class]': 'densityClass()',
                     }, template: `
     @if (enableCustomization) {
       <div class="stepper-ai-assistant">
@@ -4531,7 +4623,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
         [prompt]="aiAssistantPrompt"
         [statusText]="aiAssistantViewState.statusText"
         [errorText]="aiAssistantViewState.errorText"
-        [busy]="aiAssistantViewState.state === 'processing' || aiAssistantViewState.state === 'applying'"
+        [busy]="
+          aiAssistantViewState.state === 'processing' ||
+          aiAssistantViewState.state === 'applying'
+        "
         [canApply]="aiAssistantViewState.canApply"
         [labels]="aiAssistantLabels"
         [layout]="aiAssistantLayout"
@@ -4613,7 +4708,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
             <div [class]="contentClassList()">
               @if (hasRichContent(step.stepBlocksBeforeForm)) {
                 <praxis-rich-content
-                  [document]="step.stepBlocksBeforeForm || emptyStepRichContentDocument"
+                  [document]="
+                    step.stepBlocksBeforeForm || emptyStepRichContentDocument
+                  "
                   [context]="getStepRichContentContext(i)"
                   rootClassName="pdx-step-rich-content pdx-step-rich-content--before"
                 ></praxis-rich-content>
@@ -4632,13 +4729,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                   [formId]="f.formId"
                   (formReady)="onFormReady(i, $event, stepForm)"
                   (valueChange)="onFormValueChange(i, $event)"
-                  (reactiveDeterminationExecuted)="onReactiveDeterminationExecuted(i, $event)"
-                  (reactiveDeterminationPendingChange)="onReactiveDeterminationPendingChange(i, $event)"
+                  (reactiveDeterminationExecuted)="
+                    onReactiveDeterminationExecuted(i, $event)
+                  "
+                  (reactiveDeterminationPendingChange)="
+                    onReactiveDeterminationPendingChange(i, $event)
+                  "
                 ></praxis-dynamic-form>
               }
               @if (hasRichContent(step.stepBlocksAfterForm)) {
                 <praxis-rich-content
-                  [document]="step.stepBlocksAfterForm || emptyStepRichContentDocument"
+                  [document]="
+                    step.stepBlocksAfterForm || emptyStepRichContentDocument
+                  "
                   [context]="getStepRichContentContext(i)"
                   rootClassName="pdx-step-rich-content pdx-step-rich-content--after"
                 ></praxis-rich-content>
@@ -4649,7 +4752,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                   [context]="stepperContext"
                   [strictValidation]="true"
                   [autoWireOutputs]="true"
-                (widgetEvent)="onChildWidgetEvent(i, wd, $event)"></ng-container>
+                  (widgetEvent)="onChildWidgetEvent(i, wd, $event)"
+                ></ng-container>
               }
               @if (isStepEmpty(step)) {
                 <praxis-empty-state-card
@@ -4657,7 +4761,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                   icon="dashboard_customize"
                   title="Sem conteúdo nesta etapa"
                   description="Adicione um formulário ou widgets a esta etapa, ou abra o editor para configurar."
-                  [primaryAction]="{ label: 'Abrir editor', icon: 'tune', action: openEditor.bind(this) }"
+                  [primaryAction]="{
+                    label: 'Abrir editor',
+                    icon: 'tune',
+                    action: openEditor.bind(this),
+                  }"
                 ></praxis-empty-state-card>
               }
             </div>
@@ -4667,7 +4775,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                 @if (selectedIndexComputed() > 0) {
                   @switch (navVariant()) {
                     @case ('flat') {
-                      <button mat-flat-button [color]="navColor()" type="button" (click)="onPrev()">
+                      <button
+                        mat-flat-button
+                        [color]="navColor()"
+                        type="button"
+                        (click)="onPrev()"
+                      >
                         @if (navPrevIcon(); as ic) {
                           <mat-icon [praxisIcon]="ic"></mat-icon>
                         }
@@ -4675,7 +4788,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                       </button>
                     }
                     @case ('stroked') {
-                      <button mat-stroked-button [color]="navColor()" type="button" (click)="onPrev()">
+                      <button
+                        mat-stroked-button
+                        [color]="navColor()"
+                        type="button"
+                        (click)="onPrev()"
+                      >
                         @if (navPrevIcon(); as ic) {
                           <mat-icon [praxisIcon]="ic"></mat-icon>
                         }
@@ -4683,7 +4801,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                       </button>
                     }
                     @case ('raised') {
-                      <button mat-raised-button [color]="navColor()" type="button" (click)="onPrev()">
+                      <button
+                        mat-raised-button
+                        [color]="navColor()"
+                        type="button"
+                        (click)="onPrev()"
+                      >
                         @if (navPrevIcon(); as ic) {
                           <mat-icon [praxisIcon]="ic"></mat-icon>
                         }
@@ -4691,7 +4814,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                       </button>
                     }
                     @default {
-                      <button mat-button [color]="navColor()" type="button" (click)="onPrev()">
+                      <button
+                        mat-button
+                        [color]="navColor()"
+                        type="button"
+                        (click)="onPrev()"
+                      >
                         @if (navPrevIcon(); as ic) {
                           <mat-icon [praxisIcon]="ic"></mat-icon>
                         }
@@ -4703,7 +4831,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                 <!-- NEXT button -->
                 @switch (navVariant()) {
                   @case ('flat') {
-                    <button mat-flat-button [color]="navColor()" type="button" (click)="onNext(i)" [disabled]="isNextDisabled(i)">
+                    <button
+                      mat-flat-button
+                      [color]="navColor()"
+                      type="button"
+                      (click)="onNext(i)"
+                      [disabled]="isNextDisabled(i)"
+                    >
                       {{ navNextLabel() }}
                       @if (navNextIcon(); as ic) {
                         <mat-icon [praxisIcon]="ic"></mat-icon>
@@ -4711,7 +4845,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                     </button>
                   }
                   @case ('stroked') {
-                    <button mat-stroked-button [color]="navColor()" type="button" (click)="onNext(i)" [disabled]="isNextDisabled(i)">
+                    <button
+                      mat-stroked-button
+                      [color]="navColor()"
+                      type="button"
+                      (click)="onNext(i)"
+                      [disabled]="isNextDisabled(i)"
+                    >
                       {{ navNextLabel() }}
                       @if (navNextIcon(); as ic) {
                         <mat-icon [praxisIcon]="ic"></mat-icon>
@@ -4719,7 +4859,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                     </button>
                   }
                   @case ('raised') {
-                    <button mat-raised-button [color]="navColor()" type="button" (click)="onNext(i)" [disabled]="isNextDisabled(i)">
+                    <button
+                      mat-raised-button
+                      [color]="navColor()"
+                      type="button"
+                      (click)="onNext(i)"
+                      [disabled]="isNextDisabled(i)"
+                    >
                       {{ navNextLabel() }}
                       @if (navNextIcon(); as ic) {
                         <mat-icon [praxisIcon]="ic"></mat-icon>
@@ -4727,7 +4873,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                     </button>
                   }
                   @default {
-                    <button mat-button [color]="navColor()" type="button" (click)="onNext(i)" [disabled]="isNextDisabled(i)">
+                    <button
+                      mat-button
+                      [color]="navColor()"
+                      type="button"
+                      (click)="onNext(i)"
+                      [disabled]="isNextDisabled(i)"
+                    >
                       {{ navNextLabel() }}
                       @if (navNextIcon(); as ic) {
                         <mat-icon [praxisIcon]="ic"></mat-icon>
@@ -4760,7 +4912,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", 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}.stepper-ai-assistant-trigger{box-shadow:var(--md-sys-elevation-level2, 0 4px 12px rgba(0, 0, 0, .18))}\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 }]
@@ -4800,6 +4952,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                 type: Output
             }], stepReactiveDeterminationPendingChange: [{
                 type: Output
+            }], reactiveDeterminationStabilityChange: [{
+                type: Output
             }], stepperContext: [{
                 type: Input
             }], animationDone: [{
@@ -5118,6 +5272,7 @@ const PRAXIS_STEPPER_COMPONENT_METADATA = {
         { name: 'stepFormValueChange', type: '{ stepId?: string; stepIndex: number; event: FormValueChangeEvent }', label: 'Form value change (por etapa)' },
         { name: 'stepReactiveDeterminationExecuted', type: '{ stepId?: string; stepIndex: number; event: ReactiveDeterminationExecutionEvent }', label: 'Evidencia metadata-only por etapa' },
         { name: 'stepReactiveDeterminationPendingChange', type: '{ stepId?: string; stepIndex: number; pending: boolean }', label: 'Estado de estabilizacao por etapa' },
+        { name: 'reactiveDeterminationStabilityChange', type: 'StepperReactiveDeterminationStabilityChange', label: 'Estabilidade agregada: pending, settled-satisfied ou settled-unsatisfied' },
     ],
     actions: [
         {
@@ -6053,7 +6208,7 @@ class PraxisWizardFormComponent {
         ></praxis-wizard-cta-bar>
       </mat-card>
     </section>
-  `, isInline: true, styles: [":host{display:block;min-height:100vh;background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);font-family:\"Source Sans 3\",Segoe UI,system-ui,-apple-system,sans-serif;--praxis-wizard-accent: var(--md-sys-color-primary);--praxis-wizard-accent-on: var(--md-sys-color-on-primary);--praxis-wizard-muted: var(--md-sys-color-on-surface-variant);--praxis-wizard-card-bg: var(--md-sys-color-surface);--praxis-wizard-border: var(--md-sys-color-outline-variant);--pfx-section-gap: 12px;--pfx-form-section-surface: var(--md-sys-color-surface);--pfx-form-stroke: var(--md-sys-color-outline-variant)}.ft-wizard-shell{max-width:700px;margin:0 auto;padding:28px 16px 64px;display:flex;flex-direction:column;gap:12px}.ft-wizard-header{text-align:center;border-bottom:var(--ft-header-border, none);padding-bottom:var(--ft-header-spacing, 0px);margin-bottom:var(--ft-header-spacing, 0px)}.ft-brand{font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Palatino,serif;letter-spacing:.22em;font-size:17px;text-transform:uppercase;color:var(--md-sys-color-on-surface)}.ft-wizard-card{padding:20px 22px 16px;border-radius:var(--ft-radius, 10px);box-shadow:var(--ft-shadow, 0 6px 16px rgba(33, 24, 16, .05));border:1px solid var(--praxis-wizard-border);background:var(--praxis-wizard-card-bg)}:host ::ng-deep .ft-stepper{background:transparent}:host ::ng-deep .ft-stepper .mat-stepper-horizontal{background:transparent}:host ::ng-deep .ft-stepper-content{display:grid;gap:10px;padding-bottom:12px}:host ::ng-deep .ft-stepper-content .form-section{border:none!important;border-radius:0;background:transparent;padding:0;box-shadow:none!important}:host ::ng-deep .ft-stepper-content .form-section:focus-within{border-color:var(--pfx-form-stroke);box-shadow:none}:host ::ng-deep .ft-stepper-content .mat-mdc-form-field{width:100%;--mdc-outlined-text-field-container-height: 40px;--mdc-outlined-text-field-container-shape: var(--ft-radius, 4px);--mdc-outlined-text-field-outline-color: var(--md-sys-color-outline-variant);--mdc-outlined-text-field-focus-outline-color: var(--praxis-wizard-accent)}.ft-card-header h2{margin:0;font-family:var(--ft-font-head, inherit);font-size:1.32rem;font-weight:600;color:var(--md-sys-color-on-surface)}:host ::ng-deep .ft-stepper-content .mat-mdc-form-field-subscript-wrapper{margin-top:4px}:host ::ng-deep .ft-stepper-content .mat-mdc-floating-label,:host ::ng-deep .ft-stepper-content .mat-mdc-form-field-label{font-size:.88rem}:host ::ng-deep .ft-stepper-content .mat-mdc-form-field-hint,:host ::ng-deep .ft-stepper-content .mat-mdc-form-field-error{font-size:.78rem}:host ::ng-deep .ft-stepper-content .mat-mdc-checkbox,:host ::ng-deep .ft-stepper-content .mat-mdc-slide-toggle{margin:4px 0}:host ::ng-deep .ft-stepper-content .mat-mdc-slide-toggle .mdc-form-field,:host ::ng-deep .ft-stepper-content .mat-mdc-checkbox .mdc-form-field{gap:10px}:host ::ng-deep .ft-stepper-content .pdx-checkbox-group-wrapper{display:flex;flex-direction:column;gap:4px}:host ::ng-deep .ft-stepper-content .pdx-checkbox-label{font-size:.82rem;font-weight:600;color:var(--md-sys-color-on-surface);margin-bottom:2px}:host ::ng-deep .ft-stepper-content .pdx-checkbox-options{display:flex;flex-direction:column;gap:4px}:host ::ng-deep .ft-stepper-content .pdx-checkbox-options.pdx-checkbox-horizontal{flex-direction:row;flex-wrap:wrap;gap:12px}:host ::ng-deep .ft-stepper-content .pdx-slide-toggle-wrapper{min-height:32px;padding:0}:host ::ng-deep .ft-stepper-content .mat-mdc-slide-toggle{--mdc-switch-handle-height: 16px;--mdc-switch-handle-width: 16px;--mdc-switch-track-height: 20px;--mdc-switch-track-width: 36px}:host ::ng-deep .ft-stepper-content .pdx-slide-toggle-wrapper mat-slide-toggle{justify-content:space-between}:host ::ng-deep .ft-stepper-content .praxis-dynamic-form{display:block}:host ::ng-deep .ft-stepper-content .form-column{display:grid;align-content:start;gap:10px}:host ::ng-deep .ft-stepper-content .form-row{margin-bottom:0!important}:host ::ng-deep .ft-stepper-content .form-column>:is(.pdx-checkbox-group-wrapper,.pdx-slide-toggle-wrapper)+:is(.pdx-checkbox-group-wrapper,.pdx-slide-toggle-wrapper){padding-top:2px;border-top:1px solid var(--pfx-form-stroke)}:host ::ng-deep .ft-stepper-content .pdx-hint,:host ::ng-deep .ft-stepper-content .pdx-error{font-size:.78rem;color:var(--praxis-wizard-muted, var(--md-sys-color-on-surface-variant))}.ft-card-header{display:flex;flex-direction:column;gap:6px;margin-bottom:6px}.ft-card-header h2{margin:0;font-size:1.32rem;font-weight:600;color:var(--md-sys-color-on-surface)}.ft-card-header p{margin:0;color:var(--praxis-wizard-muted);font-size:.88rem}.ft-card-description{font-size:.84rem}.ft-card-description{color:var(--praxis-wizard-muted);font-size:.88rem}:host ::ng-deep .ft-card-title{font-weight:600;color:var(--md-sys-color-on-surface)}:host ::ng-deep .ft-card-desc{color:var(--praxis-wizard-muted);font-size:.84rem}@media(max-width:600px){.ft-wizard-shell{padding:22px 12px 48px}.ft-wizard-card{padding:16px 14px}}\n"], dependencies: [{ kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i1$3.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: PraxisStepper, selector: "praxis-stepper", inputs: ["stepperId", "componentInstanceId", "config", "selectedIndexInput", "selectedIndex", "disableRippleInput", "enableCustomization", "labelPosition", "color", "serverValidate", "stepperContext"], outputs: ["selectedIndexChange", "widgetEvent", "stepFormReady", "stepFormValueChange", "stepReactiveDeterminationExecuted", "stepReactiveDeterminationPendingChange", "animationDone", "selectionChange"] }, { kind: "component", type: PraxisWizardCtaBarComponent, selector: "praxis-wizard-cta-bar", inputs: ["primaryLabel", "primaryDisabled", "secondaryLabel", "showSecondary", "sticky"], outputs: ["primaryClick", "secondaryClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [":host{display:block;min-height:100vh;background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);font-family:\"Source Sans 3\",Segoe UI,system-ui,-apple-system,sans-serif;--praxis-wizard-accent: var(--md-sys-color-primary);--praxis-wizard-accent-on: var(--md-sys-color-on-primary);--praxis-wizard-muted: var(--md-sys-color-on-surface-variant);--praxis-wizard-card-bg: var(--md-sys-color-surface);--praxis-wizard-border: var(--md-sys-color-outline-variant);--pfx-section-gap: 12px;--pfx-form-section-surface: var(--md-sys-color-surface);--pfx-form-stroke: var(--md-sys-color-outline-variant)}.ft-wizard-shell{max-width:700px;margin:0 auto;padding:28px 16px 64px;display:flex;flex-direction:column;gap:12px}.ft-wizard-header{text-align:center;border-bottom:var(--ft-header-border, none);padding-bottom:var(--ft-header-spacing, 0px);margin-bottom:var(--ft-header-spacing, 0px)}.ft-brand{font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Palatino,serif;letter-spacing:.22em;font-size:17px;text-transform:uppercase;color:var(--md-sys-color-on-surface)}.ft-wizard-card{padding:20px 22px 16px;border-radius:var(--ft-radius, 10px);box-shadow:var(--ft-shadow, 0 6px 16px rgba(33, 24, 16, .05));border:1px solid var(--praxis-wizard-border);background:var(--praxis-wizard-card-bg)}:host ::ng-deep .ft-stepper{background:transparent}:host ::ng-deep .ft-stepper .mat-stepper-horizontal{background:transparent}:host ::ng-deep .ft-stepper-content{display:grid;gap:10px;padding-bottom:12px}:host ::ng-deep .ft-stepper-content .form-section{border:none!important;border-radius:0;background:transparent;padding:0;box-shadow:none!important}:host ::ng-deep .ft-stepper-content .form-section:focus-within{border-color:var(--pfx-form-stroke);box-shadow:none}:host ::ng-deep .ft-stepper-content .mat-mdc-form-field{width:100%;--mdc-outlined-text-field-container-height: 40px;--mdc-outlined-text-field-container-shape: var(--ft-radius, 4px);--mdc-outlined-text-field-outline-color: var(--md-sys-color-outline-variant);--mdc-outlined-text-field-focus-outline-color: var(--praxis-wizard-accent)}.ft-card-header h2{margin:0;font-family:var(--ft-font-head, inherit);font-size:1.32rem;font-weight:600;color:var(--md-sys-color-on-surface)}:host ::ng-deep .ft-stepper-content .mat-mdc-form-field-subscript-wrapper{margin-top:4px}:host ::ng-deep .ft-stepper-content .mat-mdc-floating-label,:host ::ng-deep .ft-stepper-content .mat-mdc-form-field-label{font-size:.88rem}:host ::ng-deep .ft-stepper-content .mat-mdc-form-field-hint,:host ::ng-deep .ft-stepper-content .mat-mdc-form-field-error{font-size:.78rem}:host ::ng-deep .ft-stepper-content .mat-mdc-checkbox,:host ::ng-deep .ft-stepper-content .mat-mdc-slide-toggle{margin:4px 0}:host ::ng-deep .ft-stepper-content .mat-mdc-slide-toggle .mdc-form-field,:host ::ng-deep .ft-stepper-content .mat-mdc-checkbox .mdc-form-field{gap:10px}:host ::ng-deep .ft-stepper-content .pdx-checkbox-group-wrapper{display:flex;flex-direction:column;gap:4px}:host ::ng-deep .ft-stepper-content .pdx-checkbox-label{font-size:.82rem;font-weight:600;color:var(--md-sys-color-on-surface);margin-bottom:2px}:host ::ng-deep .ft-stepper-content .pdx-checkbox-options{display:flex;flex-direction:column;gap:4px}:host ::ng-deep .ft-stepper-content .pdx-checkbox-options.pdx-checkbox-horizontal{flex-direction:row;flex-wrap:wrap;gap:12px}:host ::ng-deep .ft-stepper-content .pdx-slide-toggle-wrapper{min-height:32px;padding:0}:host ::ng-deep .ft-stepper-content .mat-mdc-slide-toggle{--mdc-switch-handle-height: 16px;--mdc-switch-handle-width: 16px;--mdc-switch-track-height: 20px;--mdc-switch-track-width: 36px}:host ::ng-deep .ft-stepper-content .pdx-slide-toggle-wrapper mat-slide-toggle{justify-content:space-between}:host ::ng-deep .ft-stepper-content .praxis-dynamic-form{display:block}:host ::ng-deep .ft-stepper-content .form-column{display:grid;align-content:start;gap:10px}:host ::ng-deep .ft-stepper-content .form-row{margin-bottom:0!important}:host ::ng-deep .ft-stepper-content .form-column>:is(.pdx-checkbox-group-wrapper,.pdx-slide-toggle-wrapper)+:is(.pdx-checkbox-group-wrapper,.pdx-slide-toggle-wrapper){padding-top:2px;border-top:1px solid var(--pfx-form-stroke)}:host ::ng-deep .ft-stepper-content .pdx-hint,:host ::ng-deep .ft-stepper-content .pdx-error{font-size:.78rem;color:var(--praxis-wizard-muted, var(--md-sys-color-on-surface-variant))}.ft-card-header{display:flex;flex-direction:column;gap:6px;margin-bottom:6px}.ft-card-header h2{margin:0;font-size:1.32rem;font-weight:600;color:var(--md-sys-color-on-surface)}.ft-card-header p{margin:0;color:var(--praxis-wizard-muted);font-size:.88rem}.ft-card-description{font-size:.84rem}.ft-card-description{color:var(--praxis-wizard-muted);font-size:.88rem}:host ::ng-deep .ft-card-title{font-weight:600;color:var(--md-sys-color-on-surface)}:host ::ng-deep .ft-card-desc{color:var(--praxis-wizard-muted);font-size:.84rem}@media(max-width:600px){.ft-wizard-shell{padding:22px 12px 48px}.ft-wizard-card{padding:16px 14px}}\n"], dependencies: [{ kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i1$3.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: PraxisStepper, selector: "praxis-stepper", inputs: ["stepperId", "componentInstanceId", "config", "selectedIndexInput", "selectedIndex", "disableRippleInput", "enableCustomization", "labelPosition", "color", "serverValidate", "stepperContext"], outputs: ["selectedIndexChange", "widgetEvent", "stepFormReady", "stepFormValueChange", "stepReactiveDeterminationExecuted", "stepReactiveDeterminationPendingChange", "reactiveDeterminationStabilityChange", "animationDone", "selectionChange"] }, { kind: "component", type: PraxisWizardCtaBarComponent, selector: "praxis-wizard-cta-bar", inputs: ["primaryLabel", "primaryDisabled", "secondaryLabel", "showSecondary", "sticky"], outputs: ["primaryClick", "secondaryClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PraxisWizardFormComponent, decorators: [{
             type: Component,

package/package.json

@@ -1,22 +1,22 @@
 {
   "name": "@praxisui/stepper",
-  "version": "9.0.5-rc.14",
+  "version": "9.0.5-rc.16",
   "description": "Stepper workflows for Praxis UI with integrated forms, lists, uploads and page builder support.",
   "peerDependencies": {
     "@angular/common": "^21.0.0",
     "@angular/core": "^21.0.0",
     "@angular/material": "^21.0.0",
     "@angular/cdk": "^21.0.0",
-    "@praxisui/core": "^9.0.5-rc.14",
-    "@praxisui/dynamic-form": "^9.0.5-rc.14",
-    "@praxisui/rich-content": "^9.0.5-rc.14",
-    "@praxisui/settings-panel": "^9.0.5-rc.14",
-    "@praxisui/list": "^9.0.5-rc.14",
-    "@praxisui/files-upload": "^9.0.5-rc.14",
-    "@praxisui/page-builder": "^9.0.5-rc.14",
+    "@praxisui/core": "^9.0.5-rc.16",
+    "@praxisui/dynamic-form": "^9.0.5-rc.16",
+    "@praxisui/rich-content": "^9.0.5-rc.16",
+    "@praxisui/settings-panel": "^9.0.5-rc.16",
+    "@praxisui/list": "^9.0.5-rc.16",
+    "@praxisui/files-upload": "^9.0.5-rc.16",
+    "@praxisui/page-builder": "^9.0.5-rc.16",
     "@angular/forms": "^21.0.0",
     "@angular/router": "^21.0.0",
-    "@praxisui/ai": "^9.0.5-rc.14",
+    "@praxisui/ai": "^9.0.5-rc.16",
     "rxjs": "~7.8.0"
   },
   "dependencies": {

package/types/praxisui-stepper.d.ts

@@ -34,6 +34,13 @@ declare class StepperAiAdapter extends BaseAiAdapter<StepperMetadata> {
 
 type StepOrientation = 'horizontal' | 'vertical';
 type StepHeaderPosition = 'top' | 'bottom';
+type StepperReactiveDeterminationStabilityStatus = 'pending' | 'settled-satisfied' | 'settled-unsatisfied';
+/** Aggregate, value-free stability evidence for all Dynamic Forms owned by this stepper. */
+interface StepperReactiveDeterminationStabilityChange {
+    status: StepperReactiveDeterminationStabilityStatus;
+    pending: boolean;
+    unsatisfied: boolean;
+}
 interface StepConfig {
     id?: string;
     label: string;
@@ -173,6 +180,8 @@ declare class PraxisStepper implements OnInit, AfterViewInit, OnDestroy {
         stepId?: string;
         pending: boolean;
     }>;
+    /** Aggregate stability; settled-unsatisfied is intentionally distinct from success. */
+    reactiveDeterminationStabilityChange: EventEmitter<StepperReactiveDeterminationStabilityChange>;
     stepperContext?: Record<string, any>;
     private readonly settings;
     private readonly storage;
@@ -180,6 +189,7 @@ declare class PraxisStepper implements OnInit, AfterViewInit, OnDestroy {
     private readonly logger;
     private readonly route;
     private readonly cdr;
+    private reactiveDeterminationStabilitySignature;
     private readonly aiApi;
     private readonly assistantSessions;
     private readonly aiTurnOrchestrator;
@@ -239,6 +249,7 @@ declare class PraxisStepper implements OnInit, AfterViewInit, OnDestroy {
     onFormValueChange(stepIndex: number, ev: FormValueChangeEvent): void;
     onReactiveDeterminationExecuted(stepIndex: number, event: ReactiveDeterminationExecutionEvent): void;
     onReactiveDeterminationPendingChange(stepIndex: number, pending: boolean): void;
+    private emitReactiveDeterminationStability;
     formGroupFor(i: number): FormGroup | undefined;
     computedCompleted(i: number, step: StepConfig): boolean;
     computedHasError(i: number, step: StepConfig): boolean;
@@ -278,6 +289,7 @@ declare class PraxisStepper implements OnInit, AfterViewInit, OnDestroy {
     onNext(i: number): Promise<void>;
     validateStep(i?: number): Promise<boolean>;
     nextWithValidation(i?: number): Promise<boolean>;
+    private hasBlockingReactiveDetermination;
     onPrev(): void;
     onAnimationDone(): void;
     private applyServerErrors;
@@ -294,7 +306,7 @@ declare class PraxisStepper implements OnInit, AfterViewInit, OnDestroy {
     private parseClassList;
     private resolveCssTokenName;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<PraxisStepper, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PraxisStepper, "praxis-stepper", never, { "stepperId": { "alias": "stepperId"; "required": true; }; "componentInstanceId": { "alias": "componentInstanceId"; "required": false; }; "config": { "alias": "config"; "required": false; }; "selectedIndexInput": { "alias": "selectedIndexInput"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "disableRippleInput": { "alias": "disableRippleInput"; "required": false; }; "enableCustomization": { "alias": "enableCustomization"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "color": { "alias": "color"; "required": false; }; "serverValidate": { "alias": "serverValidate"; "required": false; }; "stepperContext": { "alias": "stepperContext"; "required": false; }; }, { "selectedIndexChange": "selectedIndexChange"; "widgetEvent": "widgetEvent"; "stepFormReady": "stepFormReady"; "stepFormValueChange": "stepFormValueChange"; "stepReactiveDeterminationExecuted": "stepReactiveDeterminationExecuted"; "stepReactiveDeterminationPendingChange": "stepReactiveDeterminationPendingChange"; "animationDone": "animationDone"; "selectionChange": "selectionChange"; }, ["stepLabelTpl"], ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PraxisStepper, "praxis-stepper", never, { "stepperId": { "alias": "stepperId"; "required": true; }; "componentInstanceId": { "alias": "componentInstanceId"; "required": false; }; "config": { "alias": "config"; "required": false; }; "selectedIndexInput": { "alias": "selectedIndexInput"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "disableRippleInput": { "alias": "disableRippleInput"; "required": false; }; "enableCustomization": { "alias": "enableCustomization"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "color": { "alias": "color"; "required": false; }; "serverValidate": { "alias": "serverValidate"; "required": false; }; "stepperContext": { "alias": "stepperContext"; "required": false; }; }, { "selectedIndexChange": "selectedIndexChange"; "widgetEvent": "widgetEvent"; "stepFormReady": "stepFormReady"; "stepFormValueChange": "stepFormValueChange"; "stepReactiveDeterminationExecuted": "stepReactiveDeterminationExecuted"; "stepReactiveDeterminationPendingChange": "stepReactiveDeterminationPendingChange"; "reactiveDeterminationStabilityChange": "reactiveDeterminationStabilityChange"; "animationDone": "animationDone"; "selectionChange": "selectionChange"; }, ["stepLabelTpl"], ["*"], true, never>;
 }
 
 declare const PRAXIS_STEPPER_COMPONENT_METADATA: ComponentDocMeta;
@@ -617,4 +629,4 @@ declare const STEPPER_AI_CAPABILITIES: CapabilityCatalog;
 declare const PRAXIS_STEPPER_AUTHORING_MANIFEST: ComponentAuthoringManifest;
 
 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 };
-export type { Capability, CapabilityCatalog, CapabilityCategory, PraxisStepperWidgetEditorInputs, PraxisStepperWidgetEditorValue, StepConfig, StepHeaderPosition, StepOrientation, StepperMetadata, ValueKind, WizardBenefitItem, WizardBenefitsBlock, WizardBlock, WizardBlockBase, WizardBlockPlacement, WizardCard, WizardContentBlock, WizardCtaAction, WizardCtaConfig, WizardDividerBlock, WizardFormConfig, WizardInlineNoticeBlock, WizardPreferencesConfig, WizardProgressConfig, WizardSecondaryAction, WizardStepConfig, WizardStepFormConfig, WizardStepZones };
+export type { Capability, CapabilityCatalog, CapabilityCategory, PraxisStepperWidgetEditorInputs, PraxisStepperWidgetEditorValue, StepConfig, StepHeaderPosition, StepOrientation, StepperMetadata, StepperReactiveDeterminationStabilityChange, StepperReactiveDeterminationStabilityStatus, ValueKind, WizardBenefitItem, WizardBenefitsBlock, WizardBlock, WizardBlockBase, WizardBlockPlacement, WizardCard, WizardContentBlock, WizardCtaAction, WizardCtaConfig, WizardDividerBlock, WizardFormConfig, WizardInlineNoticeBlock, WizardPreferencesConfig, WizardProgressConfig, WizardSecondaryAction, WizardStepConfig, WizardStepFormConfig, WizardStepZones };