npm - @praxisui/page-builder - Versions diffs - 8.0.0-beta.0 → 8.0.0-beta.2 - Mend

@praxisui/page-builder 8.0.0-beta.0 → 8.0.0-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/README.md +38 -0
package/fesm2022/praxisui-page-builder.mjs +1731 -17
package/index.d.ts +243 -32
package/package.json +4 -3

package/fesm2022/praxisui-page-builder.mjs CHANGED Viewed

@@ -1,17 +1,17 @@
 import * as i2$1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Inject, ChangeDetectionStrategy, Component, EventEmitter, Output, Input, signal, computed, effect, Optional, inject, input, output, InjectionToken, ENVIRONMENT_INITIALIZER, ViewChild } from '@angular/core';
+import { Inject, ChangeDetectionStrategy, Component, EventEmitter, Output, Input, signal, computed, effect, Optional, inject, input, output, InjectionToken, ENVIRONMENT_INITIALIZER, Injectable, ViewChild } from '@angular/core';
 import * as i2 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
 import * as i1 from '@angular/material/dialog';
 import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
-import * as i3 from '@angular/material/icon';
+import * as i4 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
 import * as i2$2 from '@praxisui/core';
-import { PraxisIconDirective, BUILTIN_SHELL_PRESETS, SETTINGS_PANEL_DATA as SETTINGS_PANEL_DATA$1, providePraxisI18n, BUILTIN_PAGE_LAYOUT_PRESETS, BUILTIN_PAGE_THEME_PRESETS, PraxisI18nService, ComponentMetadataRegistry, generateId, SETTINGS_PANEL_BRIDGE, DynamicWidgetPageComponent, DYNAMIC_PAGE_SHELL_EDITOR } from '@praxisui/core';
+import { PraxisIconDirective, BUILTIN_SHELL_PRESETS, SETTINGS_PANEL_DATA as SETTINGS_PANEL_DATA$1, providePraxisI18n, BUILTIN_PAGE_LAYOUT_PRESETS, BUILTIN_PAGE_THEME_PRESETS, PraxisI18nService, deepMerge, generateId, ComponentMetadataRegistry, SETTINGS_PANEL_BRIDGE, DynamicWidgetPageComponent, DYNAMIC_PAGE_SHELL_EDITOR } from '@praxisui/core';
 export { WidgetShellComponent } from '@praxisui/core';
-import * as i4 from '@angular/material/tooltip';
+import * as i3 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import * as i3$1 from '@angular/material/form-field';
 import { MatFormFieldModule } from '@angular/material/form-field';
@@ -25,11 +25,13 @@ import * as i6 from '@angular/material/divider';
 import { MatDividerModule } from '@angular/material/divider';
 import * as i6$1 from '@angular/material/select';
 import { MatSelectModule } from '@angular/material/select';
-import { BehaviorSubject, merge } from 'rxjs';
+import { BehaviorSubject, merge, firstValueFrom } from 'rxjs';
 import { SETTINGS_PANEL_DATA } from '@praxisui/settings-panel';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import * as i7 from '@angular/material/tabs';
 import { MatTabsModule } from '@angular/material/tabs';
+import { HttpClient, HttpHeaders } from '@angular/common/http';
+import { PraxisAssistantTurnOrchestratorService, PraxisAiAssistantShellComponent } from '@praxisui/ai';
 const PLACEHOLDER = 1;
@@ -53,7 +55,7 @@ class ConfirmDialogComponent {
       <button mat-button mat-dialog-close>{{ data.cancelLabel || 'Cancelar' }}</button>
       <button mat-raised-button color="warn" [mat-dialog-close]="true">{{ data.confirmLabel || 'Excluir' }}</button>
     </div>
-  `, isInline: true, styles: [":host{color:var(--md-sys-color-on-surface)}.dlg-icon{vertical-align:middle;margin-right:8px;color:var(--md-sys-color-error)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { 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: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [":host{color:var(--md-sys-color-on-surface)}.dlg-icon{vertical-align:middle;margin-right:8px;color:var(--md-sys-color-error)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { 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: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ConfirmDialogComponent, decorators: [{
             type: Component,
@@ -119,7 +121,7 @@ class TileToolbarComponent {
         <mat-icon [praxisIcon]="'delete'"></mat-icon>
       </button>
     </div>
-  `, isInline: true, styles: [":host{position:absolute;inset:0;pointer-events:none}.pdx-tile-toolbar{position:absolute;right:6px;top:-18px;display:flex;gap:6px;z-index:5;opacity:0;transition:opacity .12s ease-in-out;pointer-events:auto;background:var(--md-sys-color-surface-container-low);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:999px;padding:4px;box-shadow:var(--mat-elevation-level3)}.pdx-tile-toolbar.always-visible{opacity:1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatMiniFabButton, selector: "button[mat-mini-fab], a[mat-mini-fab], button[matMiniFab], a[matMiniFab]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [":host{position:absolute;inset:0;pointer-events:none}.pdx-tile-toolbar{position:absolute;right:6px;top:-18px;display:flex;gap:6px;z-index:5;opacity:0;transition:opacity .12s ease-in-out;pointer-events:auto;background:var(--md-sys-color-surface-container-low);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:999px;padding:4px;box-shadow:var(--mat-elevation-level3)}.pdx-tile-toolbar.always-visible{opacity:1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatMiniFabButton, selector: "button[mat-mini-fab], a[mat-mini-fab], button[matMiniFab], a[matMiniFab]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: TileToolbarComponent, decorators: [{
             type: Component,
@@ -211,7 +213,7 @@ class FloatingToolbarComponent {
         <ng-content select="[pdx-toolbar-extra]"></ng-content>
       </div>
     </div>
-  `, isInline: true, styles: [":host{position:absolute;inset:0;pointer-events:none}.pdx-floating-toolbar{position:absolute;right:16px;bottom:16px;display:flex;gap:8px;align-items:center;pointer-events:auto}.pdx-actions{display:flex;gap:8px}.pdx-fab{box-shadow:var(--mat-elevation-level4)}@media(max-width:720px){.pdx-actions{gap:6px}.pdx-floating-toolbar{right:12px;bottom:12px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatMiniFabButton, selector: "button[mat-mini-fab], a[mat-mini-fab], button[matMiniFab], a[matMiniFab]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2.MatFabButton, selector: "button[mat-fab], a[mat-fab], button[matFab], a[matFab]", inputs: ["extended"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [":host{position:absolute;inset:0;pointer-events:none}.pdx-floating-toolbar{position:absolute;right:16px;bottom:16px;display:flex;gap:8px;align-items:center;pointer-events:auto}.pdx-actions{display:flex;gap:8px}.pdx-fab{box-shadow:var(--mat-elevation-level4)}@media(max-width:720px){.pdx-actions{gap:6px}.pdx-floating-toolbar{right:12px;bottom:12px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatMiniFabButton, selector: "button[mat-mini-fab], a[mat-mini-fab], button[matMiniFab], a[matMiniFab]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2.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.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FloatingToolbarComponent, decorators: [{
             type: Component,
@@ -369,7 +371,7 @@ class ComponentPaletteDialogComponent {
     <div mat-dialog-actions align="end">
       <button mat-stroked-button color="primary" mat-dialog-close>Cancelar</button>
     </div>
-  `, isInline: true, styles: [":host{display:block}h2[mat-dialog-title]{margin:0;padding:12px 24px 10px;border-bottom:1px solid var(--md-sys-color-outline-variant)}.dlg-title{display:flex;align-items:center;gap:10px}.dlg-icon{color:var(--md-sys-color-primary)}.dlg-head{font-size:18px;font-weight:600;line-height:1.2}.dlg-sub{font-size:12px;opacity:.85;color:var(--md-sys-color-on-surface-variant)}.pdx-palette-content{min-width:480px;max-width:920px;padding-top:8px}.pdx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.pdx-grid.dense{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.pdx-grid.roomy{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.pdx-card{position:relative;display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;gap:10px;padding:14px;border:1px solid transparent;border-radius:14px;cursor:pointer;outline:none;min-height:92px;background:var(--md-sys-color-surface);border-color:var(--md-sys-color-outline-variant);transition:box-shadow .2s ease,background .25s ease,transform .06s ease}.pdx-grid.dense .pdx-card{padding:10px;border-radius:12px;min-height:84px}.pdx-grid.roomy .pdx-card{padding:16px;border-radius:16px;min-height:100px}.pdx-card:focus,.pdx-card:hover{box-shadow:var(--mat-elevation-level4);background:var(--md-sys-color-surface-container-low);border-color:var(--md-sys-color-primary)}.pdx-card:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pdx-card:active{transform:translateY(1px)}.pdx-card-icon{grid-row:span 2;display:flex;align-items:center;justify-content:center;color:var(--md-sys-color-primary)}.pdx-card-title{font-weight:600;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-card-desc{color:var(--md-sys-color-on-surface-variant);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.pdx-empty{padding:24px;display:grid;place-items:center;color:var(--md-sys-color-on-surface-variant);gap:8px}@media(max-width:600px){.pdx-palette-content{min-width:320px}.pdx-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { 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: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [":host{display:block}h2[mat-dialog-title]{margin:0;padding:12px 24px 10px;border-bottom:1px solid var(--md-sys-color-outline-variant)}.dlg-title{display:flex;align-items:center;gap:10px}.dlg-icon{color:var(--md-sys-color-primary)}.dlg-head{font-size:18px;font-weight:600;line-height:1.2}.dlg-sub{font-size:12px;opacity:.85;color:var(--md-sys-color-on-surface-variant)}.pdx-palette-content{min-width:480px;max-width:920px;padding-top:8px}.pdx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.pdx-grid.dense{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.pdx-grid.roomy{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.pdx-card{position:relative;display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;gap:10px;padding:14px;border:1px solid transparent;border-radius:14px;cursor:pointer;outline:none;min-height:92px;background:var(--md-sys-color-surface);border-color:var(--md-sys-color-outline-variant);transition:box-shadow .2s ease,background .25s ease,transform .06s ease}.pdx-grid.dense .pdx-card{padding:10px;border-radius:12px;min-height:84px}.pdx-grid.roomy .pdx-card{padding:16px;border-radius:16px;min-height:100px}.pdx-card:focus,.pdx-card:hover{box-shadow:var(--mat-elevation-level4);background:var(--md-sys-color-surface-container-low);border-color:var(--md-sys-color-primary)}.pdx-card:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pdx-card:active{transform:translateY(1px)}.pdx-card-icon{grid-row:span 2;display:flex;align-items:center;justify-content:center;color:var(--md-sys-color-primary)}.pdx-card-title{font-weight:600;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-card-desc{color:var(--md-sys-color-on-surface-variant);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.pdx-empty{padding:24px;display:grid;place-items:center;color:var(--md-sys-color-on-surface-variant);gap:8px}@media(max-width:600px){.pdx-palette-content{min-width:320px}.pdx-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { 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: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "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: ComponentPaletteDialogComponent, decorators: [{
             type: Component,
@@ -1516,7 +1518,7 @@ class WidgetShellEditorComponent {
         <div class="shell-empty">Nenhuma ação configurada.</div>
       </ng-template>
     </div>
-  `, isInline: true, styles: [".shell-editor{display:grid;gap:12px;padding:16px;background:var(--md-sys-color-surface-container-lowest, var(--md-sys-color-surface));border:1px solid var(--md-sys-color-outline-variant);border-radius:12px}.shell-head{display:flex;align-items:center;gap:12px}.shell-title{font-weight:600}.shell-subtitle{font-size:12px;color:var(--md-sys-color-on-surface-variant)}.shell-section{font-weight:600;margin-top:8px}.shell-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.shell-flags{display:flex;gap:16px;align-items:center}.shell-actions-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.shell-available{display:grid;gap:12px}.shell-available-toolbar{display:grid;gap:12px;grid-template-columns:minmax(200px,1fr)}.shell-available-filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.shell-available-list{display:grid;gap:10px}.shell-available-item{display:grid;gap:8px;grid-template-columns:1fr auto;border:1px solid var(--md-sys-color-outline-variant);border-radius:12px;padding:12px;background:var(--md-sys-color-surface-container-low)}.shell-available-title{display:flex;align-items:center;gap:10px}.shell-available-text{display:grid;gap:4px}.shell-available-label{font-weight:600}.shell-available-meta{display:flex;gap:8px;flex-wrap:wrap;font-size:11px;color:var(--md-sys-color-on-surface-variant)}.shell-available-desc{font-size:12px;color:var(--md-sys-color-on-surface-variant)}.shell-available-payload{font-size:11px;color:var(--md-sys-color-on-surface-variant)}.shell-available-warning{font-size:11px;color:var(--md-sys-color-error)}.shell-available-actions{display:flex;align-items:flex-start;justify-content:flex-end}.shell-badge{padding:2px 6px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);font-size:10px}.shell-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.shell-actions{display:grid;gap:12px}.shell-action{border:1px solid var(--md-sys-color-outline-variant);border-radius:12px;padding:12px;display:grid;gap:8px}.shell-action-row{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.shell-action-actions{display:flex;justify-content:flex-end}.shell-action-hint,.shell-empty{font-size:12px;color:var(--md-sys-color-on-surface-variant)}.shell-hint{align-self:center;font-size:12px;color:var(--md-sys-color-on-surface-variant)}.shell-quick-inputs{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end}.shell-input-path{font-size:12px;color:var(--md-sys-color-on-surface-variant);align-self:center}.shell-editor .mat-mdc-form-field{width:100%}.shell-preview{border:1px dashed var(--md-sys-color-outline-variant);border-radius:12px;padding:12px}.shell-preview-card{background:var(--pdx-shell-card-bg, var(--md-sys-color-surface));border:1px solid var(--pdx-shell-card-border, var(--md-sys-color-outline-variant));border-radius:var(--pdx-shell-card-radius, 14px);box-shadow:var(--pdx-shell-card-shadow, var(--mat-elevation-level2));overflow:hidden}.shell-preview-card.no-shell{background:transparent;border:none;box-shadow:none}.shell-preview-card.expanded{box-shadow:var(--pdx-shell-card-shadow, 0 16px 34px rgba(0,0,0,.32));transform:scale(1.01)}.shell-preview-header{display:flex;align-items:center;gap:12px;padding:10px 12px 8px;border-bottom:1px solid var(--pdx-shell-header-border, var(--md-sys-color-outline-variant));background:var(--pdx-shell-header-bg, var(--md-sys-color-surface-container))}.shell-preview-title{display:flex;align-items:center;gap:10px;min-width:0;flex:1;color:var(--pdx-shell-title-color, inherit)}.shell-preview-title mat-icon{color:var(--pdx-shell-icon-color, currentColor)}.shell-preview-text{min-width:0}.shell-preview-title-text{font-weight:var(--pdx-shell-title-weight, 600);font-size:var(--pdx-shell-title-size, 14px);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shell-preview-subtitle{font-size:var(--pdx-shell-subtitle-size, 12px);opacity:.75;color:var(--pdx-shell-subtitle-color, currentColor);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shell-preview-actions{display:flex;align-items:center;gap:6px}.pdx-preview-text{padding:0 8px}.pdx-preview-outlined{border:1px solid var(--md-sys-color-outline-variant);border-radius:999px;padding:0 10px}.pdx-preview-label{font-size:12px;font-weight:500}.shell-preview-body{padding:var(--pdx-shell-body-padding, 10px 12px 12px 12px);background:var(--pdx-shell-body-bg, transparent);color:var(--pdx-shell-body-color, inherit);font-size:12px}.shell-preview-body.hidden{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: 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: MatDividerModule }, { kind: "component", type: i6.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$1.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i9.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i6$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i6$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [".shell-editor{display:grid;gap:12px;padding:16px;background:var(--md-sys-color-surface-container-lowest, var(--md-sys-color-surface));border:1px solid var(--md-sys-color-outline-variant);border-radius:12px}.shell-head{display:flex;align-items:center;gap:12px}.shell-title{font-weight:600}.shell-subtitle{font-size:12px;color:var(--md-sys-color-on-surface-variant)}.shell-section{font-weight:600;margin-top:8px}.shell-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.shell-flags{display:flex;gap:16px;align-items:center}.shell-actions-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.shell-available{display:grid;gap:12px}.shell-available-toolbar{display:grid;gap:12px;grid-template-columns:minmax(200px,1fr)}.shell-available-filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.shell-available-list{display:grid;gap:10px}.shell-available-item{display:grid;gap:8px;grid-template-columns:1fr auto;border:1px solid var(--md-sys-color-outline-variant);border-radius:12px;padding:12px;background:var(--md-sys-color-surface-container-low)}.shell-available-title{display:flex;align-items:center;gap:10px}.shell-available-text{display:grid;gap:4px}.shell-available-label{font-weight:600}.shell-available-meta{display:flex;gap:8px;flex-wrap:wrap;font-size:11px;color:var(--md-sys-color-on-surface-variant)}.shell-available-desc{font-size:12px;color:var(--md-sys-color-on-surface-variant)}.shell-available-payload{font-size:11px;color:var(--md-sys-color-on-surface-variant)}.shell-available-warning{font-size:11px;color:var(--md-sys-color-error)}.shell-available-actions{display:flex;align-items:flex-start;justify-content:flex-end}.shell-badge{padding:2px 6px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);font-size:10px}.shell-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.shell-actions{display:grid;gap:12px}.shell-action{border:1px solid var(--md-sys-color-outline-variant);border-radius:12px;padding:12px;display:grid;gap:8px}.shell-action-row{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.shell-action-actions{display:flex;justify-content:flex-end}.shell-action-hint,.shell-empty{font-size:12px;color:var(--md-sys-color-on-surface-variant)}.shell-hint{align-self:center;font-size:12px;color:var(--md-sys-color-on-surface-variant)}.shell-quick-inputs{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end}.shell-input-path{font-size:12px;color:var(--md-sys-color-on-surface-variant);align-self:center}.shell-editor .mat-mdc-form-field{width:100%}.shell-preview{border:1px dashed var(--md-sys-color-outline-variant);border-radius:12px;padding:12px}.shell-preview-card{background:var(--pdx-shell-card-bg, var(--md-sys-color-surface));border:1px solid var(--pdx-shell-card-border, var(--md-sys-color-outline-variant));border-radius:var(--pdx-shell-card-radius, 14px);box-shadow:var(--pdx-shell-card-shadow, var(--mat-elevation-level2));overflow:hidden}.shell-preview-card.no-shell{background:transparent;border:none;box-shadow:none}.shell-preview-card.expanded{box-shadow:var(--pdx-shell-card-shadow, 0 16px 34px rgba(0,0,0,.32));transform:scale(1.01)}.shell-preview-header{display:flex;align-items:center;gap:12px;padding:10px 12px 8px;border-bottom:1px solid var(--pdx-shell-header-border, var(--md-sys-color-outline-variant));background:var(--pdx-shell-header-bg, var(--md-sys-color-surface-container))}.shell-preview-title{display:flex;align-items:center;gap:10px;min-width:0;flex:1;color:var(--pdx-shell-title-color, inherit)}.shell-preview-title mat-icon{color:var(--pdx-shell-icon-color, currentColor)}.shell-preview-text{min-width:0}.shell-preview-title-text{font-weight:var(--pdx-shell-title-weight, 600);font-size:var(--pdx-shell-title-size, 14px);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shell-preview-subtitle{font-size:var(--pdx-shell-subtitle-size, 12px);opacity:.75;color:var(--pdx-shell-subtitle-color, currentColor);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shell-preview-actions{display:flex;align-items:center;gap:6px}.pdx-preview-text{padding:0 8px}.pdx-preview-outlined{border:1px solid var(--md-sys-color-outline-variant);border-radius:999px;padding:0 10px}.pdx-preview-label{font-size:12px;font-weight:500}.shell-preview-body{padding:var(--pdx-shell-body-padding, 10px 12px 12px 12px);background:var(--pdx-shell-body-bg, transparent);color:var(--pdx-shell-body-color, inherit);font-size:12px}.shell-preview-body.hidden{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: 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: MatDividerModule }, { kind: "component", type: i6.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$1.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i9.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i6$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i6$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { 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: WidgetShellEditorComponent, decorators: [{
             type: Component,
@@ -2101,7 +2103,7 @@ class DynamicPageConfigEditorComponent {
         <mat-tab label="Estado da Pagina"><mat-form-field appearance="outline" class="wide"><mat-label>State (JSON)</mat-label><textarea matInput rows="14" [formControl]="stateControl"></textarea></mat-form-field></mat-tab>
       </mat-tab-group>
     </div>
-  `, isInline: true, styles: [".editor,.panel{display:grid;gap:16px}.head,.summary{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.card{display:grid;gap:12px;padding:16px;border:1px solid #d8e0ea;border-radius:16px;background:#fbfcfe}.wide{grid-column:1/-1}.hint{color:#5b6472;font-size:12px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$1.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i9.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i6$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i6$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i7.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i7.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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [".editor,.panel{display:grid;gap:16px}.head,.summary{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.card{display:grid;gap:12px;padding:16px;border:1px solid #d8e0ea;border-radius:16px;background:#fbfcfe}.wide{grid-column:1/-1}.hint{color:#5b6472;font-size:12px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$1.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i9.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i6$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i6$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i7.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i7.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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DynamicPageConfigEditorComponent, decorators: [{
             type: Component,
@@ -2300,6 +2302,84 @@ const PRAXIS_PAGE_BUILDER_EN_US = {
     'praxis.pageBuilder.connections.details.policy': 'Policy',
     'praxis.pageBuilder.connections.details.diagnostics': 'Diagnostics',
     'praxis.pageBuilder.connections.palette.insertComponent': 'Insert component',
+    'praxis.pageBuilder.agentic.toggle': 'Create with AI',
+    'praxis.pageBuilder.agentic.panelAria': 'AI page authoring',
+    'praxis.pageBuilder.agentic.title': 'AI assistant',
+    'praxis.pageBuilder.agentic.subtitle': 'Chat, confirm the intent, and review the result before saving.',
+    'praxis.pageBuilder.agentic.close': 'Close',
+    'praxis.pageBuilder.agentic.promptLabel': 'Message',
+    'praxis.pageBuilder.agentic.promptPlaceholder': 'Describe the page, dashboard, form, or change you need.',
+    'praxis.pageBuilder.agentic.emptyConversation': 'Tell me what you want to create or change. I will ask follow-up questions before applying the preview.',
+    'praxis.pageBuilder.agentic.conversationAria': 'AI conversation',
+    'praxis.pageBuilder.agentic.quickRepliesAria': 'Quick replies',
+    'praxis.pageBuilder.agentic.contextAria': 'Active context',
+    'praxis.pageBuilder.agentic.attachmentsAria': 'Attached context',
+    'praxis.pageBuilder.agentic.context.component': 'Component',
+    'praxis.pageBuilder.agentic.context.pageBuilder': 'Page Builder',
+    'praxis.pageBuilder.agentic.context.route': 'Route',
+    'praxis.pageBuilder.agentic.context.selection': 'Selection',
+    'praxis.pageBuilder.agentic.editMessage': 'Edit',
+    'praxis.pageBuilder.agentic.resendMessage': 'Resend',
+    'praxis.pageBuilder.agentic.removeAttachment': 'Remove attachment',
+    'praxis.pageBuilder.agentic.mode.config': 'Configuration',
+    'praxis.pageBuilder.agentic.mode.agenticAuthoring': 'Authoring',
+    'praxis.pageBuilder.agentic.mode.chat': 'Chat',
+    'praxis.pageBuilder.agentic.mode.diagnostic': 'Diagnostic',
+    'praxis.pageBuilder.agentic.mode.review': 'Review',
+    'praxis.pageBuilder.agentic.mode.inlineHelp': 'Help',
+    'praxis.pageBuilder.agentic.state.idle': 'Idle',
+    'praxis.pageBuilder.agentic.state.listening': 'Ready',
+    'praxis.pageBuilder.agentic.state.processing': 'Processing',
+    'praxis.pageBuilder.agentic.state.clarification': 'Waiting for input',
+    'praxis.pageBuilder.agentic.state.review': 'Review',
+    'praxis.pageBuilder.agentic.state.applying': 'Applying',
+    'praxis.pageBuilder.agentic.state.success': 'Done',
+    'praxis.pageBuilder.agentic.state.error': 'Error',
+    'praxis.pageBuilder.agentic.quickReplies.confirm': 'Yes, create it',
+    'praxis.pageBuilder.agentic.quickReplies.revise': 'I want to adjust',
+    'praxis.pageBuilder.agentic.quickReplies.cancel': 'Cancel',
+    'praxis.pageBuilder.agentic.quickReplies.payrollExecutiveDashboard': 'Executive dashboard',
+    'praxis.pageBuilder.agentic.quickReplies.payrollDepartmentDrilldown': 'Department drill-down',
+    'praxis.pageBuilder.agentic.quickReplies.payrollDetailTable': 'Detailed table',
+    'praxis.pageBuilder.agentic.quickReplies.dashboardSuggestion': 'Dashboard',
+    'praxis.pageBuilder.agentic.quickReplies.formSuggestion': 'Form',
+    'praxis.pageBuilder.agentic.quickReplies.masterDetailSuggestion': 'Master detail',
+    'praxis.pageBuilder.agentic.quickReplies.confirmPromptSuffix': 'Confirmed:',
+    'praxis.pageBuilder.agentic.attachments.currentPage': 'Current page',
+    'praxis.pageBuilder.agentic.suggestionPrompts.payrollExecutiveDashboard': 'Create a payroll dashboard with KPIs, payroll by department, monthly evolution, and a detail table.',
+    'praxis.pageBuilder.agentic.suggestionPrompts.payrollDepartmentDrilldown': 'Create a payroll dashboard with a department chart that filters a detail table when a bar is selected.',
+    'praxis.pageBuilder.agentic.suggestionPrompts.payrollDetailTable': 'Create a payroll detail table with filters, formatted currency values, and employee-level columns.',
+    'praxis.pageBuilder.agentic.suggestionPrompts.dashboardSuggestion': 'Create a dashboard with KPIs, a chart, and a detail table.',
+    'praxis.pageBuilder.agentic.suggestionPrompts.formSuggestion': 'Create a form with only the fields required for the selected business process.',
+    'praxis.pageBuilder.agentic.suggestionPrompts.masterDetailSuggestion': 'Create a master-detail page with a summary list and a linked detail area.',
+    'praxis.pageBuilder.agentic.exploratory.payrollOptions': 'For payroll, the best options are: 1. executive dashboard with KPIs and total payroll; 2. department drill-down with chart filtering a detail table; 3. monthly evolution to identify cost trends; 4. detailed table with filters and currency formatting. Choose one option or describe the change you want me to create.',
+    'praxis.pageBuilder.agentic.exploratory.genericOptions': 'I can help you choose before creating. Common options are dashboards for analysis, forms for data entry, master-detail pages for navigation, and tables for operational detail. Choose one option or describe what you want me to create.',
+    'praxis.pageBuilder.agentic.exploratory.capability.chart': 'charts',
+    'praxis.pageBuilder.agentic.exploratory.capability.table': 'tables',
+    'praxis.pageBuilder.agentic.exploratory.capability.form': 'forms',
+    'praxis.pageBuilder.agentic.exploratory.capability.masterDetail': 'master-detail pages',
+    'praxis.pageBuilder.agentic.dragHandleAria': 'Move AI assistant',
+    'praxis.pageBuilder.agentic.resizeHandleAria': 'Resize AI assistant',
+    'praxis.pageBuilder.agentic.resizeHandleTooltip': 'Resize',
+    'praxis.pageBuilder.agentic.preview': 'Preview',
+    'praxis.pageBuilder.agentic.persist': 'Save',
+    'praxis.pageBuilder.agentic.status.resolvingIntent': 'Resolving intent...',
+    'praxis.pageBuilder.agentic.status.waitingRevision': 'Refine your prompt and preview again.',
+    'praxis.pageBuilder.agentic.status.cancelled': 'Request cancelled.',
+    'praxis.pageBuilder.agentic.status.previewing': 'Generating preview...',
+    'praxis.pageBuilder.agentic.status.previewReady': 'Preview applied to the page.',
+    'praxis.pageBuilder.agentic.status.acceptedAddLocalField': 'Local field added to the form.',
+    'praxis.pageBuilder.agentic.status.acceptedRemoveLocalField': 'Local field removed from the form.',
+    'praxis.pageBuilder.agentic.status.acceptedRelabelField': 'Field label updated.',
+    'praxis.pageBuilder.agentic.status.saving': 'Saving page...',
+    'praxis.pageBuilder.agentic.status.saved': 'Page saved.',
+    'praxis.pageBuilder.agentic.errors.applyLocal': 'Preview could not be applied.',
+    'praxis.pageBuilder.agentic.errors.componentId': 'Configure a component id before saving.',
+    'praxis.pageBuilder.agentic.errors.invalidPreview': 'Generated preview is invalid.',
+    'praxis.pageBuilder.agentic.errors.intentResolution': 'Intent could not be resolved.',
+    'praxis.pageBuilder.agentic.errors.duplicateField': 'This field already exists in the selected form.',
+    'praxis.pageBuilder.agentic.errors.nonLocalFieldRemoval': 'Only local fields created by AI can be removed in this flow.',
+    'praxis.pageBuilder.agentic.errors.generic': 'AI authoring failed.',
 };
 const PRAXIS_PAGE_BUILDER_PT_BR = {
@@ -2463,6 +2543,84 @@ const PRAXIS_PAGE_BUILDER_PT_BR = {
     'praxis.pageBuilder.connections.details.policy': 'Policy',
     'praxis.pageBuilder.connections.details.diagnostics': 'Diagnostics',
     'praxis.pageBuilder.connections.palette.insertComponent': 'Inserir componente',
+    'praxis.pageBuilder.agentic.toggle': 'Criar com IA',
+    'praxis.pageBuilder.agentic.panelAria': 'Autoria de página com IA',
+    'praxis.pageBuilder.agentic.title': 'Assistente de IA',
+    'praxis.pageBuilder.agentic.subtitle': 'Converse, confirme a intenção e revise o resultado antes de salvar.',
+    'praxis.pageBuilder.agentic.close': 'Fechar',
+    'praxis.pageBuilder.agentic.promptLabel': 'Mensagem',
+    'praxis.pageBuilder.agentic.promptPlaceholder': 'Descreva a página, dashboard, formulário ou alteração que você precisa.',
+    'praxis.pageBuilder.agentic.emptyConversation': 'Diga o que você quer criar ou alterar. Vou fazer perguntas antes de aplicar a pré-visualização.',
+    'praxis.pageBuilder.agentic.conversationAria': 'Conversa com IA',
+    'praxis.pageBuilder.agentic.quickRepliesAria': 'Respostas rápidas',
+    'praxis.pageBuilder.agentic.contextAria': 'Contexto ativo',
+    'praxis.pageBuilder.agentic.attachmentsAria': 'Contexto anexado',
+    'praxis.pageBuilder.agentic.context.component': 'Componente',
+    'praxis.pageBuilder.agentic.context.pageBuilder': 'Page Builder',
+    'praxis.pageBuilder.agentic.context.route': 'Rota',
+    'praxis.pageBuilder.agentic.context.selection': 'Seleção',
+    'praxis.pageBuilder.agentic.editMessage': 'Editar',
+    'praxis.pageBuilder.agentic.resendMessage': 'Reenviar',
+    'praxis.pageBuilder.agentic.removeAttachment': 'Remover anexo',
+    'praxis.pageBuilder.agentic.mode.config': 'Configuração',
+    'praxis.pageBuilder.agentic.mode.agenticAuthoring': 'Autoria',
+    'praxis.pageBuilder.agentic.mode.chat': 'Chat',
+    'praxis.pageBuilder.agentic.mode.diagnostic': 'Diagnóstico',
+    'praxis.pageBuilder.agentic.mode.review': 'Revisão',
+    'praxis.pageBuilder.agentic.mode.inlineHelp': 'Ajuda',
+    'praxis.pageBuilder.agentic.state.idle': 'Ocioso',
+    'praxis.pageBuilder.agentic.state.listening': 'Pronto',
+    'praxis.pageBuilder.agentic.state.processing': 'Processando',
+    'praxis.pageBuilder.agentic.state.clarification': 'Aguardando resposta',
+    'praxis.pageBuilder.agentic.state.review': 'Revisão',
+    'praxis.pageBuilder.agentic.state.applying': 'Aplicando',
+    'praxis.pageBuilder.agentic.state.success': 'Concluído',
+    'praxis.pageBuilder.agentic.state.error': 'Erro',
+    'praxis.pageBuilder.agentic.quickReplies.confirm': 'Sim, criar',
+    'praxis.pageBuilder.agentic.quickReplies.revise': 'Quero ajustar',
+    'praxis.pageBuilder.agentic.quickReplies.cancel': 'Cancelar',
+    'praxis.pageBuilder.agentic.quickReplies.payrollExecutiveDashboard': 'Dashboard executivo',
+    'praxis.pageBuilder.agentic.quickReplies.payrollDepartmentDrilldown': 'Drill-down por departamento',
+    'praxis.pageBuilder.agentic.quickReplies.payrollDetailTable': 'Tabela detalhada',
+    'praxis.pageBuilder.agentic.quickReplies.dashboardSuggestion': 'Dashboard',
+    'praxis.pageBuilder.agentic.quickReplies.formSuggestion': 'Formulário',
+    'praxis.pageBuilder.agentic.quickReplies.masterDetailSuggestion': 'Master detail',
+    'praxis.pageBuilder.agentic.quickReplies.confirmPromptSuffix': 'Confirmado:',
+    'praxis.pageBuilder.agentic.attachments.currentPage': 'Página atual',
+    'praxis.pageBuilder.agentic.suggestionPrompts.payrollExecutiveDashboard': 'Crie um dashboard de folha de pagamento com KPIs, folha por departamento, evolução mensal e tabela de detalhes.',
+    'praxis.pageBuilder.agentic.suggestionPrompts.payrollDepartmentDrilldown': 'Crie um dashboard de folha de pagamento com gráfico por departamento que filtre uma tabela detalhada ao selecionar uma barra.',
+    'praxis.pageBuilder.agentic.suggestionPrompts.payrollDetailTable': 'Crie uma tabela detalhada de folha de pagamento com filtros, valores monetários formatados e colunas por funcionário.',
+    'praxis.pageBuilder.agentic.suggestionPrompts.dashboardSuggestion': 'Crie um dashboard com indicadores, gráfico e tabela de detalhes.',
+    'praxis.pageBuilder.agentic.suggestionPrompts.formSuggestion': 'Crie um formulário com apenas os campos necessários para o processo de negócio selecionado.',
+    'praxis.pageBuilder.agentic.suggestionPrompts.masterDetailSuggestion': 'Crie uma página master-detail com lista resumida e área de detalhes vinculada.',
+    'praxis.pageBuilder.agentic.exploratory.payrollOptions': 'Para folha de pagamento, as melhores opções são: 1. dashboard executivo com KPIs e total da folha; 2. drill-down por departamento com gráfico filtrando uma tabela; 3. evolução mensal para identificar tendência de custo; 4. tabela detalhada com filtros e valores monetários. Escolha uma opção ou descreva o que você quer que eu crie.',
+    'praxis.pageBuilder.agentic.exploratory.genericOptions': 'Posso ajudar você a escolher antes de criar. As opções mais comuns são dashboards para análise, formulários para entrada de dados, páginas master-detail para navegação e tabelas para detalhe operacional. Escolha uma opção ou descreva o que você quer que eu crie.',
+    'praxis.pageBuilder.agentic.exploratory.capability.chart': 'gráficos',
+    'praxis.pageBuilder.agentic.exploratory.capability.table': 'tabelas',
+    'praxis.pageBuilder.agentic.exploratory.capability.form': 'formulários',
+    'praxis.pageBuilder.agentic.exploratory.capability.masterDetail': 'páginas master-detail',
+    'praxis.pageBuilder.agentic.dragHandleAria': 'Mover assistente de IA',
+    'praxis.pageBuilder.agentic.resizeHandleAria': 'Redimensionar assistente de IA',
+    'praxis.pageBuilder.agentic.resizeHandleTooltip': 'Redimensionar',
+    'praxis.pageBuilder.agentic.preview': 'Pré-visualizar',
+    'praxis.pageBuilder.agentic.persist': 'Salvar',
+    'praxis.pageBuilder.agentic.status.resolvingIntent': 'Resolvendo intenção...',
+    'praxis.pageBuilder.agentic.status.waitingRevision': 'Ajuste o prompt e pré-visualize novamente.',
+    'praxis.pageBuilder.agentic.status.cancelled': 'Solicitação cancelada.',
+    'praxis.pageBuilder.agentic.status.previewing': 'Gerando pré-visualização...',
+    'praxis.pageBuilder.agentic.status.previewReady': 'Pré-visualização aplicada à página.',
+    'praxis.pageBuilder.agentic.status.acceptedAddLocalField': 'Campo local adicionado ao formulário.',
+    'praxis.pageBuilder.agentic.status.acceptedRemoveLocalField': 'Campo local removido do formulário.',
+    'praxis.pageBuilder.agentic.status.acceptedRelabelField': 'Rótulo do campo atualizado.',
+    'praxis.pageBuilder.agentic.status.saving': 'Salvando página...',
+    'praxis.pageBuilder.agentic.status.saved': 'Página salva.',
+    'praxis.pageBuilder.agentic.errors.applyLocal': 'A pré-visualização não pôde ser aplicada.',
+    'praxis.pageBuilder.agentic.errors.componentId': 'Configure um id de componente antes de salvar.',
+    'praxis.pageBuilder.agentic.errors.invalidPreview': 'A pré-visualização gerada é inválida.',
+    'praxis.pageBuilder.agentic.errors.intentResolution': 'A intenção não pôde ser resolvida.',
+    'praxis.pageBuilder.agentic.errors.duplicateField': 'Este campo já existe no formulário selecionado.',
+    'praxis.pageBuilder.agentic.errors.nonLocalFieldRemoval': 'Somente campos locais criados pela IA podem ser removidos neste fluxo.',
+    'praxis.pageBuilder.agentic.errors.generic': 'Falha na autoria com IA.',
 };
 function createPraxisPageBuilderI18nConfig(options = {}) {
@@ -3964,7 +4122,7 @@ class PageConfigEditorComponent {
         </div>
       }
     </div>
-  `, isInline: true, styles: [".page-config{display:grid;gap:12px;padding:16px;background:var(--md-sys-color-surface-container-lowest, var(--md-sys-color-surface));border:1px solid var(--md-sys-color-outline-variant);border-radius:12px}.page-head{display:flex;align-items:flex-start;gap:12px}.page-head__copy{display:grid;gap:4px}.page-title{font-weight:600;font-size:18px;line-height:1.2}.page-subtitle{max-width:72ch;color:var(--md-sys-color-on-surface-variant);font-size:13px;line-height:1.45}.spacer{flex:1}.page-summary{display:flex;flex-wrap:wrap;gap:8px}.page-tabs{border-radius:16px;overflow:hidden;background:color-mix(in srgb,var(--md-sys-color-surface-container-low) 78%,transparent);border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 82%,transparent)}.page-tabs ::ng-deep .mdc-tab{min-width:120px}.page-tabs ::ng-deep .mdc-tab__text-label{font-size:13px;font-weight:600}.page-tab-panel{display:grid;gap:12px;padding:16px 4px 4px}.page-chip{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 88%,transparent);background:color-mix(in srgb,var(--md-sys-color-surface-container-low) 82%,transparent);color:var(--md-sys-color-on-surface-variant);font-size:12px;font-weight:500}.page-chip mat-icon{width:18px;height:18px;font-size:18px}.page-chip--accent{border-color:color-mix(in srgb,var(--md-sys-color-primary) 35%,var(--md-sys-color-outline-variant));color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary-container) 30%,transparent)}.page-chip--warning{border-color:color-mix(in srgb,var(--md-sys-color-error) 35%,var(--md-sys-color-outline-variant));color:var(--md-sys-color-error);background:color-mix(in srgb,var(--md-sys-color-error-container) 35%,transparent)}.page-identity{display:grid;gap:4px;padding:12px 14px;border-radius:12px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 82%,transparent);background:color-mix(in srgb,var(--md-sys-color-surface-container-low) 70%,transparent);font-size:13px;color:var(--md-sys-color-on-surface-variant)}.page-section{font-weight:600;margin-top:8px}.page-section-help{margin-top:-4px;color:var(--md-sys-color-on-surface-variant);font-size:13px;line-height:1.45}.grid-form{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.state-grid{display:grid;gap:16px}.state-values,.state-group{padding:14px;border:1px solid var(--md-sys-color-outline-variant);border-radius:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--md-sys-color-surface-container-low) 92%,transparent),transparent),var(--md-sys-color-surface-container-lowest, var(--md-sys-color-surface))}.state-group{display:grid;gap:12px}.state-group-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.state-group-title{font-weight:600}.state-group-help{color:var(--md-sys-color-on-surface-variant);font-size:13px}.state-list{display:grid;gap:12px}.state-card{display:grid;gap:12px;padding:12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 80%,transparent);background:color-mix(in srgb,var(--md-sys-color-surface-container) 84%,transparent)}.state-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.state-card-title{font-weight:600}.state-card-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.span-2{grid-column:span 2}.span-3{grid-column:1 / -1}.state-empty{color:var(--md-sys-color-on-surface-variant);font-size:13px}.state-operator-hint{display:flex;align-items:center;gap:8px;min-height:48px;padding:0 12px;border-radius:12px;color:var(--md-sys-color-on-surface-variant);background:color-mix(in srgb,var(--md-sys-color-secondary-container) 35%,transparent)}.state-operator-hint mat-icon{color:var(--md-sys-color-secondary)}.page-actions{display:flex;justify-content:flex-end}.page-error{color:var(--md-sys-color-error);font-size:13px}.page-config .mat-mdc-form-field{width:100%;--mdc-outlined-text-field-container-height: 48px;--mdc-outlined-text-field-outline-color: var(--md-sys-color-outline-variant);--mdc-outlined-text-field-hover-outline-color: var(--md-sys-color-outline);--mdc-outlined-text-field-focus-outline-color: var(--md-sys-color-primary);--mdc-outlined-text-field-error-outline-color: var(--md-sys-color-error);--mdc-outlined-text-field-error-focus-outline-color: var(--md-sys-color-error);--mdc-outlined-text-field-error-hover-outline-color: var(--md-sys-color-error);--mdc-outlined-text-field-label-text-color: var(--md-sys-color-on-surface-variant);--mdc-outlined-text-field-input-text-color: var(--md-sys-color-on-surface);--mdc-outlined-text-field-supporting-text-color: var(--md-sys-color-on-surface-variant)}.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}@media(max-width:720px){.span-2,.span-3{grid-column:auto}.page-head{flex-direction:column}.state-group-head{align-items:stretch;flex-direction:column}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i9.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: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i6$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i6$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i7.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i7.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"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [".page-config{display:grid;gap:12px;padding:16px;background:var(--md-sys-color-surface-container-lowest, var(--md-sys-color-surface));border:1px solid var(--md-sys-color-outline-variant);border-radius:12px}.page-head{display:flex;align-items:flex-start;gap:12px}.page-head__copy{display:grid;gap:4px}.page-title{font-weight:600;font-size:18px;line-height:1.2}.page-subtitle{max-width:72ch;color:var(--md-sys-color-on-surface-variant);font-size:13px;line-height:1.45}.spacer{flex:1}.page-summary{display:flex;flex-wrap:wrap;gap:8px}.page-tabs{border-radius:16px;overflow:hidden;background:color-mix(in srgb,var(--md-sys-color-surface-container-low) 78%,transparent);border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 82%,transparent)}.page-tabs ::ng-deep .mdc-tab{min-width:120px}.page-tabs ::ng-deep .mdc-tab__text-label{font-size:13px;font-weight:600}.page-tab-panel{display:grid;gap:12px;padding:16px 4px 4px}.page-chip{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 88%,transparent);background:color-mix(in srgb,var(--md-sys-color-surface-container-low) 82%,transparent);color:var(--md-sys-color-on-surface-variant);font-size:12px;font-weight:500}.page-chip mat-icon{width:18px;height:18px;font-size:18px}.page-chip--accent{border-color:color-mix(in srgb,var(--md-sys-color-primary) 35%,var(--md-sys-color-outline-variant));color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary-container) 30%,transparent)}.page-chip--warning{border-color:color-mix(in srgb,var(--md-sys-color-error) 35%,var(--md-sys-color-outline-variant));color:var(--md-sys-color-error);background:color-mix(in srgb,var(--md-sys-color-error-container) 35%,transparent)}.page-identity{display:grid;gap:4px;padding:12px 14px;border-radius:12px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 82%,transparent);background:color-mix(in srgb,var(--md-sys-color-surface-container-low) 70%,transparent);font-size:13px;color:var(--md-sys-color-on-surface-variant)}.page-section{font-weight:600;margin-top:8px}.page-section-help{margin-top:-4px;color:var(--md-sys-color-on-surface-variant);font-size:13px;line-height:1.45}.grid-form{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.state-grid{display:grid;gap:16px}.state-values,.state-group{padding:14px;border:1px solid var(--md-sys-color-outline-variant);border-radius:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--md-sys-color-surface-container-low) 92%,transparent),transparent),var(--md-sys-color-surface-container-lowest, var(--md-sys-color-surface))}.state-group{display:grid;gap:12px}.state-group-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.state-group-title{font-weight:600}.state-group-help{color:var(--md-sys-color-on-surface-variant);font-size:13px}.state-list{display:grid;gap:12px}.state-card{display:grid;gap:12px;padding:12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 80%,transparent);background:color-mix(in srgb,var(--md-sys-color-surface-container) 84%,transparent)}.state-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.state-card-title{font-weight:600}.state-card-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.span-2{grid-column:span 2}.span-3{grid-column:1 / -1}.state-empty{color:var(--md-sys-color-on-surface-variant);font-size:13px}.state-operator-hint{display:flex;align-items:center;gap:8px;min-height:48px;padding:0 12px;border-radius:12px;color:var(--md-sys-color-on-surface-variant);background:color-mix(in srgb,var(--md-sys-color-secondary-container) 35%,transparent)}.state-operator-hint mat-icon{color:var(--md-sys-color-secondary)}.page-actions{display:flex;justify-content:flex-end}.page-error{color:var(--md-sys-color-error);font-size:13px}.page-config .mat-mdc-form-field{width:100%;--mdc-outlined-text-field-container-height: 48px;--mdc-outlined-text-field-outline-color: var(--md-sys-color-outline-variant);--mdc-outlined-text-field-hover-outline-color: var(--md-sys-color-outline);--mdc-outlined-text-field-focus-outline-color: var(--md-sys-color-primary);--mdc-outlined-text-field-error-outline-color: var(--md-sys-color-error);--mdc-outlined-text-field-error-focus-outline-color: var(--md-sys-color-error);--mdc-outlined-text-field-error-hover-outline-color: var(--md-sys-color-error);--mdc-outlined-text-field-label-text-color: var(--md-sys-color-on-surface-variant);--mdc-outlined-text-field-input-text-color: var(--md-sys-color-on-surface);--mdc-outlined-text-field-supporting-text-color: var(--md-sys-color-on-surface-variant)}.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}@media(max-width:720px){.span-2,.span-3{grid-column:auto}.page-head{flex-direction:column}.state-group-head{align-items:stretch;flex-direction:column}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i9.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.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i6$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i6$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i7.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i7.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"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PageConfigEditorComponent, decorators: [{
             type: Component,
@@ -4603,7 +4761,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
  * Capabilities catalog for the canonical dynamic page builder/runtime.
  */
 const PAGE_BUILDER_AI_CAPABILITIES = {
-    version: 'v1.1',
+    version: 'v1.2',
     enums: {},
     targets: [
         'page-builder',
@@ -4618,10 +4776,30 @@ const PAGE_BUILDER_AI_CAPABILITIES = {
         'Edicao visual de inputs de widget deve usar ComponentDocMeta.configEditor publicado pela lib dona do componente; nao criar editor local no page-builder para semantica de outro pacote.',
         'Canvas e o modelo espacial canonico da pagina quando houver posicionamento explicito.',
         'Taxonomia editorial: condition usa Json Logic canonico; transform usa pipeline declarativo; policy cobre apenas comportamento operacional.',
+        'Para criacao agentic de paginas, o preview pode trazer uiCompositionPlan como plano intermediario validavel; o page-builder compila esse plano para WidgetPageDefinition antes de aplicar.',
+        'UiCompositionPlan usa widgets[].componentId e bindings declarativos. O JSON persistido continua sendo page.widgets[].definition.id e page.composition.links.',
         'Payloads legados de layout ainda podem ser ingeridos, mas sao normalizados para canvas e nao devem ser reemitidos.',
         'pageIdentity identifica o escopo de persistencia e nao pertence ao objeto page.',
     ],
     capabilities: [
+        { path: 'uiCompositionPlan', category: 'page', valueKind: 'object', description: 'Plano declarativo intermediario aceito em preview agentic antes do WidgetPageDefinition.' },
+        { path: 'uiCompositionPlan.version', category: 'page', valueKind: 'string', description: 'Versao do plano. Valor atual: 1.0.' },
+        { path: 'uiCompositionPlan.kind', category: 'page', valueKind: 'string', description: 'Discriminador do plano. Valor atual: praxis.ui-composition-plan.' },
+        { path: 'uiCompositionPlan.layoutPreset', category: 'layout', valueKind: 'string', description: 'Preset semantico opcional da composicao planejada.' },
+        { path: 'uiCompositionPlan.state', category: 'state', valueKind: 'object', description: 'Estado inicial/declarativo que sera compilado para page.state.' },
+        { path: 'uiCompositionPlan.widgets', category: 'widgets', valueKind: 'array', description: 'Widgets planejados antes da compilacao para page.widgets.' },
+        { path: 'uiCompositionPlan.widgets[].key', category: 'widgets', valueKind: 'string', description: 'ID estavel do widget planejado.', critical: true },
+        { path: 'uiCompositionPlan.widgets[].componentId', category: 'widgets', valueKind: 'string', description: 'Componente registrado que sera compilado para definition.id.', critical: true },
+        { path: 'uiCompositionPlan.widgets[].inputs', category: 'widgets', valueKind: 'object', description: 'Inputs canonicos do componente, compilados para definition.inputs.' },
+        { path: 'uiCompositionPlan.widgets[].bindingOrder', category: 'widgets', valueKind: 'array', description: 'Ordem declarativa de binding, compilada para definition.bindingOrder.' },
+        { path: 'uiCompositionPlan.bindings', category: 'connections', valueKind: 'array', description: 'Bindings declarativos que serao compilados para page.composition.links.' },
+        { path: 'uiCompositionPlan.bindings[].id', category: 'connections', valueKind: 'string', description: 'Identificador estavel do binding planejado.' },
+        { path: 'uiCompositionPlan.bindings[].from', category: 'connections', valueKind: 'object', description: 'Endpoint de origem: component-port ou state.' },
+        { path: 'uiCompositionPlan.bindings[].to', category: 'connections', valueKind: 'object', description: 'Endpoint de destino: component-port ou state.' },
+        { path: 'uiCompositionPlan.bindings[].intent', category: 'connections', valueKind: 'string', description: 'Intencao semantica do binding.' },
+        { path: 'uiCompositionPlan.bindings[].condition', category: 'connections', valueKind: 'expression', description: 'Guarda opcional em Json Logic.' },
+        { path: 'uiCompositionPlan.bindings[].transform', category: 'connections', valueKind: 'object', description: 'Transform declarativo: pick-path, query-context, template ou constant.' },
+        { path: 'uiCompositionPlan.bindings[].policy', category: 'connections', valueKind: 'object', description: 'Politica operacional opcional do binding.' },
         { path: 'page', category: 'page', valueKind: 'object', description: 'Definicao da pagina (WidgetPageDefinition).' },
         { path: 'context', category: 'context', valueKind: 'object', description: 'Contexto extra mesclado ao page.context.' },
         { path: 'enableCustomization', category: 'behavior', valueKind: 'boolean', description: 'Habilita modo de edicao.' },
@@ -4831,6 +5009,1004 @@ function providePageBuilderWidgetAiCatalogs() {
     };
 }
+const PAGE_BUILDER_AGENTIC_AUTHORING_OPTIONS = new InjectionToken('PAGE_BUILDER_AGENTIC_AUTHORING_OPTIONS');
+class PageBuilderAgenticAuthoringService {
+    http = inject(HttpClient);
+    options = inject(PAGE_BUILDER_AGENTIC_AUTHORING_OPTIONS, {
+        optional: true,
+    });
+    baseUrl = (this.options?.baseUrl || '/api/praxis/config/ai/authoring').replace(/\/$/, '');
+    headersFactory = this.options?.headersFactory || (() => ({}));
+    getComponentCapabilities() {
+        return this.http.get(`${this.baseUrl}/component-capabilities`, { headers: this.buildHeaders() });
+    }
+    previewPage(request) {
+        return this.http.post(`${this.baseUrl}/page-preview`, request, { headers: this.buildHeaders() });
+    }
+    resolveIntent(request) {
+        return this.http.post(`${this.baseUrl}/intent-resolution`, request, { headers: this.buildHeaders() });
+    }
+    applyPage(request) {
+        const { ifMatch, ...body } = request;
+        return this.http.post(`${this.baseUrl}/page-apply`, {
+            componentType: body.componentType || 'praxis-dynamic-page',
+            componentId: body.componentId,
+            scope: body.scope,
+            tags: body.tags,
+            compiledFormPatch: body.compiledFormPatch,
+        }, {
+            headers: this.buildHeaders(ifMatch ? { 'If-Match': this.formatEtag(ifMatch) } : undefined),
+        });
+    }
+    buildHeaders(extra) {
+        const merged = {
+            ...(this.options?.defaultHeaders ?? {}),
+        };
+        const runtime = this.headersFactory();
+        for (const [key, value] of Object.entries(runtime)) {
+            if (typeof value === 'string' && value.trim()) {
+                merged[key] = value;
+            }
+        }
+        for (const [key, value] of Object.entries(extra ?? {})) {
+            if (typeof value === 'string' && value.trim()) {
+                merged[key] = value;
+            }
+        }
+        return new HttpHeaders(merged);
+    }
+    formatEtag(etag) {
+        const trimmed = etag.trim();
+        return trimmed.startsWith('"') ? trimmed : `"${trimmed}"`;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PageBuilderAgenticAuthoringService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PageBuilderAgenticAuthoringService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PageBuilderAgenticAuthoringService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+function compileUiCompositionPlan(plan) {
+    const diagnostics = validateUiCompositionPlan(plan);
+    if (diagnostics.length) {
+        return {
+            valid: false,
+            page: null,
+            diagnostics,
+        };
+    }
+    return {
+        valid: true,
+        page: {
+            layoutPreset: plan.layoutPreset,
+            canvas: clone(plan.canvas),
+            state: clone(plan.state),
+            widgets: plan.widgets.map(toWidgetInstance),
+            composition: {
+                version: '1.0.0',
+                links: (plan.bindings ?? []).map(toCompositionLink),
+            },
+        },
+        diagnostics: [],
+    };
+}
+function validateUiCompositionPlan(plan) {
+    const diagnostics = [];
+    const widgetKeys = new Set();
+    if (plan.kind !== 'praxis.ui-composition-plan') {
+        diagnostics.push({
+            code: 'invalid-kind',
+            message: 'UiCompositionPlan.kind must be "praxis.ui-composition-plan".',
+            path: 'kind',
+        });
+    }
+    if (plan.version !== '1.0') {
+        diagnostics.push({
+            code: 'invalid-version',
+            message: 'UiCompositionPlan.version must be "1.0".',
+            path: 'version',
+        });
+    }
+    for (const [index, widget] of (plan.widgets ?? []).entries()) {
+        if (!widget.key?.trim()) {
+            diagnostics.push({
+                code: 'widget-key-required',
+                message: 'Every planned widget must declare a stable key.',
+                path: `widgets.${index}.key`,
+            });
+            continue;
+        }
+        if (widgetKeys.has(widget.key)) {
+            diagnostics.push({
+                code: 'widget-key-duplicated',
+                message: `Widget key "${widget.key}" is duplicated.`,
+                path: `widgets.${index}.key`,
+            });
+        }
+        widgetKeys.add(widget.key);
+        if (!widget.componentId?.trim()) {
+            diagnostics.push({
+                code: 'component-id-required',
+                message: `Widget "${widget.key}" must declare a componentId.`,
+                path: `widgets.${index}.componentId`,
+            });
+        }
+    }
+    for (const [index, binding] of (plan.bindings ?? []).entries()) {
+        validateEndpoint(binding.from, widgetKeys, diagnostics, `bindings.${index}.from`);
+        validateEndpoint(binding.to, widgetKeys, diagnostics, `bindings.${index}.to`);
+        if (!binding.id?.trim()) {
+            diagnostics.push({
+                code: 'binding-id-required',
+                message: 'Every planned binding must declare a stable id.',
+                path: `bindings.${index}.id`,
+            });
+        }
+    }
+    validateCanvas(plan.canvas, widgetKeys, diagnostics);
+    return diagnostics;
+}
+function validateCanvas(canvas, widgetKeys, diagnostics) {
+    if (!canvas)
+        return;
+    for (const key of Object.keys(canvas.items ?? {})) {
+        if (!widgetKeys.has(key)) {
+            diagnostics.push({
+                code: 'canvas-widget-not-found',
+                message: `Canvas item references unknown widget "${key}".`,
+                path: `canvas.items.${key}`,
+            });
+        }
+    }
+}
+function validateEndpoint(endpoint, widgetKeys, diagnostics, path) {
+    if (endpoint.kind === 'component-port') {
+        if (!widgetKeys.has(endpoint.widget)) {
+            diagnostics.push({
+                code: 'endpoint-widget-not-found',
+                message: `Endpoint references unknown widget "${endpoint.widget}".`,
+                path: `${path}.widget`,
+            });
+        }
+        if (!endpoint.port?.trim()) {
+            diagnostics.push({
+                code: 'endpoint-port-required',
+                message: 'Component endpoint must declare a port.',
+                path: `${path}.port`,
+            });
+        }
+        return;
+    }
+    if (!endpoint.path?.trim()) {
+        diagnostics.push({
+            code: 'endpoint-state-path-required',
+            message: 'State endpoint must declare a path.',
+            path: `${path}.path`,
+        });
+    }
+}
+function toWidgetInstance(widget) {
+    return {
+        key: widget.key,
+        definition: {
+            id: widget.componentId,
+            bindingOrder: widget.bindingOrder,
+            inputs: clone(widget.inputs ?? {}),
+            outputs: clone(widget.outputs ?? {}),
+        },
+    };
+}
+function toCompositionLink(binding) {
+    const transform = binding.transform ? toCompositionTransform(binding.transform) : undefined;
+    return {
+        id: binding.id,
+        from: toCompositionEndpoint(binding.from),
+        to: toCompositionEndpoint(binding.to),
+        intent: binding.intent,
+        condition: clone(binding.condition),
+        transform,
+        policy: clone(binding.policy),
+        metadata: clone(binding.metadata),
+    };
+}
+function toCompositionEndpoint(endpoint) {
+    if (endpoint.kind === 'component-port') {
+        return {
+            kind: 'component-port',
+            ref: {
+                widget: endpoint.widget,
+                port: endpoint.port,
+                direction: endpoint.direction,
+            },
+        };
+    }
+    return {
+        kind: 'state',
+        ref: {
+            path: endpoint.path,
+            layer: endpoint.layer,
+        },
+    };
+}
+function toCompositionTransform(transform) {
+    if (transform.kind === 'query-context') {
+        const valuePath = transform.valueVar?.trim() || 'payload';
+        return {
+            version: '2.0',
+            phase: 'link-propagation',
+            mode: 'single-value',
+            steps: [
+                {
+                    id: transform.id,
+                    kind: 'template',
+                    phase: 'link-propagation',
+                    input: { source: transform.inputSource ?? 'event' },
+                    config: {
+                        template: {
+                            filters: {
+                                [transform.field]: `\${${valuePath}}`,
+                            },
+                        },
+                    },
+                },
+            ],
+        };
+    }
+    if (transform.kind === 'template') {
+        return {
+            version: '2.0',
+            phase: 'link-propagation',
+            mode: 'single-value',
+            steps: [
+                {
+                    id: transform.id,
+                    kind: 'template',
+                    phase: 'link-propagation',
+                    input: { source: transform.inputSource ?? 'event' },
+                    config: {
+                        template: clone(transform.template),
+                    },
+                },
+            ],
+        };
+    }
+    if (transform.kind === 'constant') {
+        return {
+            version: '2.0',
+            phase: 'link-propagation',
+            mode: 'single-value',
+            steps: [
+                {
+                    id: transform.id,
+                    kind: 'constant',
+                    phase: 'link-propagation',
+                    config: {
+                        value: clone(transform.value),
+                    },
+                },
+            ],
+        };
+    }
+    return {
+        version: '2.0',
+        phase: 'link-propagation',
+        mode: 'single-value',
+        steps: [
+            {
+                id: transform.id,
+                kind: 'pick-path',
+                phase: 'link-propagation',
+                input: { source: transform.inputSource ?? 'event' },
+                config: {
+                    path: transform.path,
+                },
+            },
+        ],
+    };
+}
+function clone(value) {
+    if (value == null || typeof value !== 'object')
+        return value;
+    try {
+        return structuredClone(value);
+    }
+    catch {
+        return JSON.parse(JSON.stringify(value));
+    }
+}
+const LEGACY_OPTIONS_KEY = 'options';
+const LEGACY_LAYOUT_KEY = 'layout';
+class PageBuilderAiAdapter {
+    host;
+    registry;
+    componentName = 'Page Builder';
+    componentId = 'praxis-dynamic-page-builder';
+    componentType = 'page';
+    constructor(host, registry) {
+        this.host = host;
+        this.registry = registry;
+    }
+    getCurrentConfig() {
+        const page = this.normalizePageForAi(this.parsePage(this.host.page));
+        const config = {
+            page: page ? this.clone(page) : { widgets: [] },
+            context: this.clone(this.host.context ?? null),
+            enableCustomization: this.host.enableCustomization,
+            showSettingsButton: this.host.showSettingsButton,
+            strictValidation: this.host.strictValidation,
+            layoutOptions: this.pickLayoutOptions(this.host.layoutOptions),
+            pageIdentity: this.clone(this.host.pageIdentity),
+        };
+        return config;
+    }
+    getCapabilities() {
+        return getPageAiCatalog(this.getCurrentConfig()).capabilities;
+    }
+    getRuntimeState() {
+        const page = this.normalizePageForAi(this.parsePage(this.host.page));
+        const widgets = page?.widgets || [];
+        const links = page?.composition?.links || [];
+        return {
+            widgetsCount: widgets.length,
+            linksCount: links.length,
+            widgetKeys: widgets.map((w) => w.key),
+            widgetTypes: widgets.map((w) => w.definition?.id).filter((id) => !!id),
+            componentCatalog: this.buildComponentCatalog(),
+        };
+    }
+    createSnapshot() {
+        return this.getCurrentConfig();
+    }
+    async restoreSnapshot(snapshot) {
+        if (!snapshot)
+            return;
+        this.applyConfig(snapshot);
+    }
+    async applyPatch(patch, _intent) {
+        try {
+            const warnings = [];
+            const current = this.getCurrentConfig();
+            const normalizedPatch = this.normalizePatch(patch, current, warnings);
+            const merged = deepMerge(current, normalizedPatch);
+            const next = this.normalizeConfigForRuntime(merged, warnings);
+            this.applyConfig(next);
+            return warnings.length ? { success: true, warnings } : { success: true };
+        }
+        catch (error) {
+            const message = error instanceof Error ? error.message : 'Unknown error applying patch';
+            return { success: false, error: message };
+        }
+    }
+    async applyCompiledFormPatch(compiledFormPatch) {
+        const page = compiledFormPatch?.patch?.page;
+        if (!page) {
+            return {
+                success: false,
+                error: 'CompiledFormPatch must contain patch.page.',
+            };
+        }
+        return this.applyPatch({ page }, 'agentic-authoring.compiled-form-patch');
+    }
+    async applyUiCompositionPlan(plan) {
+        const compiled = compileUiCompositionPlan(plan);
+        if (!compiled.valid) {
+            return {
+                success: false,
+                error: compiled.diagnostics.map((diagnostic) => diagnostic.message).join('\n'),
+                warnings: compiled.diagnostics.map((diagnostic) => diagnostic.path
+                    ? `${diagnostic.code} at ${diagnostic.path}`
+                    : diagnostic.code),
+            };
+        }
+        return this.applyPatch({ page: compiled.page }, 'agentic-authoring.ui-composition-plan');
+    }
+    applyConfig(config) {
+        this.host.applyConfigFromAdapter(config);
+    }
+    parsePage(input) {
+        if (!input)
+            return undefined;
+        if (typeof input === 'string') {
+            try {
+                return JSON.parse(input);
+            }
+            catch {
+                return undefined;
+            }
+        }
+        return input;
+    }
+    normalizePageForAi(page) {
+        if (!page)
+            return page;
+        const cloned = this.clone(page);
+        const { [LEGACY_OPTIONS_KEY]: _legacyOptions, ...rest } = cloned;
+        const widgets = (cloned.widgets || []).map((w) => this.stripLegacyLayoutFields(w));
+        return {
+            ...rest,
+            widgets,
+            canvas: this.ensureCanvasLayout(cloned),
+        };
+    }
+    normalizeConfigForRuntime(config, warnings) {
+        const page = this.normalizePageForRuntime(config.page, warnings);
+        return {
+            ...config,
+            page,
+            layoutOptions: config.layoutOptions || this.deriveLayoutOptionsFromCanvas(page) || this.host.layoutOptions,
+        };
+    }
+    normalizePageForRuntime(page, warnings) {
+        if (!page)
+            return page;
+        const cloned = this.clone(page);
+        const { [LEGACY_OPTIONS_KEY]: _legacyOptions, ...rest } = cloned;
+        const widgets = (cloned.widgets || []).map((w) => this.stripLegacyLayoutFields(w));
+        return {
+            ...rest,
+            widgets,
+            canvas: this.ensureCanvasLayout(cloned, warnings),
+        };
+    }
+    normalizePatch(patch, base, warnings) {
+        if (!patch || typeof patch !== 'object')
+            return {};
+        const cloned = this.clone(patch);
+        const legacyPage = cloned.page;
+        if (cloned.page?.widgets) {
+            cloned.page = {
+                ...cloned.page,
+                widgets: cloned.page.widgets.map((w) => this.clone(w)),
+            };
+        }
+        if (cloned.page?.composition?.links) {
+            cloned.page = {
+                ...cloned.page,
+                composition: {
+                    ...(cloned.page.composition || {}),
+                    links: cloned.page.composition.links.filter((link) => {
+                        if (!this.linkKey(link)) {
+                            warnings.push('Composition link missing from/to information was ignored.');
+                            return false;
+                        }
+                        return true;
+                    }),
+                },
+            };
+        }
+        if (legacyPage?.[LEGACY_OPTIONS_KEY]) {
+            cloned.layoutOptions = deepMerge(cloned.layoutOptions || {}, legacyPage[LEGACY_OPTIONS_KEY]);
+        }
+        if (cloned.page?.widgets) {
+            const mergedWidgets = this.mergeWidgets(base.page?.widgets || [], cloned.page.widgets, warnings);
+            cloned.page = { ...cloned.page, widgets: mergedWidgets };
+        }
+        if (cloned.page?.composition?.links) {
+            const mergedLinks = this.mergeLinks(base.page?.composition?.links || [], cloned.page.composition.links);
+            cloned.page = {
+                ...cloned.page,
+                composition: {
+                    ...(cloned.page.composition || {}),
+                    links: mergedLinks,
+                },
+            };
+        }
+        return cloned;
+    }
+    mergeWidgets(baseWidgets, patchWidgets, warnings) {
+        const normalizedPatch = patchWidgets.map((w) => this.clone(w));
+        // Process updates and removals
+        const merged = baseWidgets
+            .map((orig) => {
+            const key = this.getWidgetKey(orig);
+            const match = key
+                ? normalizedPatch.find((p) => this.getWidgetKey(p) === key)
+                : undefined;
+            if (match && match._delete) {
+                return null; // Mark for removal
+            }
+            return match ? deepMerge(orig, match) : orig;
+        })
+            .filter((w) => w !== null);
+        // Process additions
+        for (const patch of normalizedPatch) {
+            if (patch._delete)
+                continue; // Skip deletion patches here
+            const key = this.getWidgetKey(patch) || this.generateWidgetKey(patch);
+            if (!key) {
+                warnings.push('Widget without key/id was ignored.');
+                continue;
+            }
+            if (!baseWidgets.find((w) => this.getWidgetKey(w) === key)) {
+                const next = { ...patch, key };
+                merged.push(next);
+            }
+        }
+        return merged;
+    }
+    mergeLinks(baseLinks, patchLinks) {
+        const base = baseLinks || [];
+        const patch = patchLinks || [];
+        if (patch.length === 0)
+            return base;
+        // Process updates and removals
+        const merged = base
+            .map((orig) => {
+            const key = this.linkKey(orig);
+            const match = key ? patch.find((p) => this.linkKey(p) === key) : undefined;
+            if (match && match._delete) {
+                return null; // Mark for removal
+            }
+            return match ? deepMerge(orig, match) : orig;
+        })
+            .filter((c) => c !== null);
+        // Process additions
+        for (const conn of patch) {
+            if (conn._delete)
+                continue;
+            const key = this.linkKey(conn);
+            if (!key)
+                continue;
+            if (!base.find((c) => this.linkKey(c) === key)) {
+                merged.push(conn);
+            }
+        }
+        return merged;
+    }
+    layoutFromLegacy(widget) {
+        if (widget[LEGACY_LAYOUT_KEY])
+            return widget[LEGACY_LAYOUT_KEY];
+        if (typeof widget.x !== 'number' || typeof widget.y !== 'number')
+            return undefined;
+        const colSpan = typeof widget.cols === 'number' ? widget.cols : 3;
+        const rowSpan = typeof widget.rows === 'number' ? widget.rows : 3;
+        return { col: widget.x + 1, row: widget.y + 1, colSpan, rowSpan };
+    }
+    ensureCanvasLayout(page, warnings = []) {
+        const widgets = page.widgets || [];
+        const legacyOptions = page[LEGACY_OPTIONS_KEY] ?? this.host.layoutOptions;
+        const baseCanvas = this.clone(page.canvas || {
+            mode: 'grid',
+            columns: legacyOptions?.cols || 12,
+            rowUnit: typeof legacyOptions?.rowHeight === 'number' ? `${legacyOptions.rowHeight}px` : '80px',
+            gap: typeof legacyOptions?.gap === 'number' ? `${legacyOptions.gap}px` : '16px',
+            autoRows: 'fixed',
+            items: {},
+        });
+        const items = { ...(baseCanvas.items || {}) };
+        let nextRow = this.maxCanvasRow(items);
+        for (const widget of widgets) {
+            const key = this.getWidgetKey(widget);
+            if (!key || items[key])
+                continue;
+            const layout = this.layoutFromLegacy(widget);
+            if (layout) {
+                items[key] = {
+                    col: this.coerceNumber(layout.col, 1),
+                    row: this.coerceNumber(layout.row, 1),
+                    colSpan: this.coerceNumber(layout.colSpan, 3),
+                    rowSpan: this.coerceNumber(layout.rowSpan, 3),
+                };
+                nextRow = Math.max(nextRow, items[key].row + items[key].rowSpan - 1);
+                continue;
+            }
+            items[key] = { col: 1, row: nextRow + 1, colSpan: 3, rowSpan: 3 };
+            nextRow = items[key].row + items[key].rowSpan - 1;
+            warnings.push(`Widget "${key}" missing canvas placement; using defaults.`);
+        }
+        return {
+            mode: 'grid',
+            columns: baseCanvas.columns || legacyOptions?.cols || 12,
+            rowUnit: baseCanvas.rowUnit || (typeof legacyOptions?.rowHeight === 'number' ? `${legacyOptions.rowHeight}px` : '80px'),
+            gap: baseCanvas.gap || (typeof legacyOptions?.gap === 'number' ? `${legacyOptions.gap}px` : '16px'),
+            autoRows: baseCanvas.autoRows || 'fixed',
+            collisionPolicy: baseCanvas.collisionPolicy,
+            items,
+        };
+    }
+    stripLegacyLayoutFields(widget) {
+        const { x: _x, y: _y, cols: _cols, rows: _rows, minItemCols: _minItemCols, minItemRows: _minItemRows, maxItemCols: _maxItemCols, maxItemRows: _maxItemRows, ...rest } = widget;
+        delete rest[LEGACY_LAYOUT_KEY];
+        return rest;
+    }
+    deriveLayoutOptionsFromCanvas(page) {
+        const canvas = page?.canvas;
+        if (!canvas)
+            return undefined;
+        const derived = {};
+        if (typeof canvas.columns === 'number')
+            derived.cols = canvas.columns;
+        const rowHeight = this.parsePixelValue(canvas.rowUnit);
+        if (typeof rowHeight === 'number')
+            derived.rowHeight = rowHeight;
+        const gap = this.parsePixelValue(canvas.gap);
+        if (typeof gap === 'number')
+            derived.gap = gap;
+        return Object.keys(derived).length ? derived : undefined;
+    }
+    maxCanvasRow(items) {
+        return Object.values(items).reduce((max, item) => Math.max(max, item.row + item.rowSpan - 1), 0);
+    }
+    getWidgetKey(widget) {
+        if (!widget)
+            return undefined;
+        const key = widget.key;
+        if (typeof key !== 'string')
+            return undefined;
+        const trimmed = key.trim();
+        return trimmed ? trimmed : undefined;
+    }
+    generateWidgetKey(widget) {
+        const id = widget.definition?.id;
+        const prefix = typeof id === 'string' && id.trim() ? id.trim() : 'widget';
+        return `${prefix}-${generateId()}`;
+    }
+    linkKey(link) {
+        if (!link)
+            return null;
+        const from = link.from.kind === 'component-port'
+            ? (link.from.ref.widget && link.from.ref.port
+                ? `widget:${link.from.ref.widget}::${link.from.ref.port}::${link.from.ref.direction}`
+                : null)
+            : (link.from.ref.path ? `state:${link.from.ref.path}::${link.from.ref.layer || 'values'}` : null);
+        const to = link.to.kind === 'component-port'
+            ? (link.to.ref.widget && link.to.ref.port
+                ? `widget:${link.to.ref.widget}::${link.to.ref.port}::${link.to.ref.direction}`
+                : null)
+            : (link.to.ref.path ? `state:${link.to.ref.path}::${link.to.ref.layer || 'values'}` : null);
+        if (!from || !to)
+            return null;
+        return `${from}->${to}`;
+    }
+    pickLayoutOptions(options) {
+        if (!options)
+            return undefined;
+        const picked = {};
+        if (typeof options.cols === 'number')
+            picked.cols = options.cols;
+        if (typeof options.rowHeight === 'number')
+            picked.rowHeight = options.rowHeight;
+        if (typeof options.gap === 'number')
+            picked.gap = options.gap;
+        return Object.keys(picked).length ? picked : undefined;
+    }
+    buildComponentCatalog() {
+        if (!this.registry)
+            return [];
+        return this.registry.getAll().map((meta) => ({
+            id: meta.id,
+            friendlyName: meta.friendlyName,
+            description: meta.description,
+            icon: meta.icon,
+            tags: meta.tags,
+            inputs: (meta.inputs || []).map((input) => input.name),
+            outputs: (meta.outputs || []).map((output) => output.name),
+            layoutHints: meta.layoutHints,
+        }));
+    }
+    coerceNumber(value, fallback) {
+        return typeof value === 'number' && !Number.isNaN(value) ? value : fallback;
+    }
+    parsePixelValue(value) {
+        if (typeof value !== 'string')
+            return undefined;
+        const match = value.trim().match(/^(\d+(?:\.\d+)?)px$/);
+        if (!match)
+            return undefined;
+        return Number(match[1]);
+    }
+    clone(value) {
+        if (value == null || typeof value !== 'object')
+            return value;
+        try {
+            return structuredClone(value);
+        }
+        catch {
+            return JSON.parse(JSON.stringify(value));
+        }
+    }
+}
+class PageBuilderAgenticAuthoringTurnFlow {
+    service;
+    context;
+    mode = 'agentic-authoring';
+    constructor(service, context) {
+        this.service = service;
+        this.context = context;
+    }
+    async submit(request) {
+        const prompt = request.prompt?.trim();
+        if (!prompt) {
+            return {
+                state: 'listening',
+                phase: 'capture',
+            };
+        }
+        try {
+            const authoringContext = this.buildAuthoringContext(request);
+            const componentCapabilities = await this.context.loadComponentCapabilities();
+            const selectedWidgetKey = this.context.selectedWidgetKey();
+            const intentResolution = await firstValueFrom(this.service.resolveIntent({
+                userPrompt: prompt,
+                targetApp: this.context.targetApp,
+                targetComponentId: this.context.targetComponentId,
+                currentPage: this.context.currentPage(),
+                selectedWidgetKey,
+                provider: this.context.provider(),
+                model: this.context.model(),
+                apiKey: this.context.apiKey(),
+                componentCapabilities,
+                ...authoringContext,
+            }));
+            const intentAssistantMessage = this.resolveIntentAssistantMessage(intentResolution);
+            if (intentAssistantMessage) {
+                return {
+                    state: 'clarification',
+                    phase: 'clarify',
+                    assistantMessage: intentAssistantMessage,
+                    quickReplies: this.toShellQuickReplies(intentResolution.quickReplies ?? []),
+                    canApply: false,
+                    statusText: '',
+                    errorText: '',
+                    preview: null,
+                    pendingClarification: this.resolvePendingClarificationForNextTurn(intentResolution, request, this.resolveEffectivePrompt(intentResolution, prompt), intentAssistantMessage),
+                    diagnostics: { intentResolution },
+                };
+            }
+            const clarification = this.resolveIntentClarification(intentResolution);
+            if (clarification) {
+                return {
+                    state: 'clarification',
+                    phase: 'clarify',
+                    assistantMessage: clarification,
+                    quickReplies: this.toShellQuickReplies(intentResolution.quickReplies ?? []),
+                    canApply: false,
+                    statusText: '',
+                    errorText: '',
+                    preview: null,
+                    pendingClarification: this.resolvePendingClarificationForNextTurn(intentResolution, request, this.resolveEffectivePrompt(intentResolution, prompt), clarification),
+                    diagnostics: { intentResolution },
+                };
+            }
+            const intentFailure = this.describeIntentResolutionFailure(intentResolution);
+            if (intentFailure) {
+                return {
+                    state: 'error',
+                    phase: 'contextualize',
+                    assistantMessage: intentFailure,
+                    canApply: false,
+                    statusText: '',
+                    errorText: intentFailure,
+                    preview: null,
+                    diagnostics: { intentResolution },
+                };
+            }
+            const preview = await firstValueFrom(this.service.previewPage({
+                userPrompt: prompt,
+                provider: this.context.provider(),
+                model: this.context.model(),
+                apiKey: this.context.apiKey(),
+                currentPage: this.context.currentPage(),
+                selectedWidgetKey,
+                intentResolution,
+                componentCapabilities,
+                ...authoringContext,
+            }));
+            if (!preview.valid) {
+                const message = this.context.describePreviewFailure(preview);
+                return {
+                    state: 'error',
+                    phase: 'preview',
+                    assistantMessage: message,
+                    canApply: false,
+                    statusText: '',
+                    errorText: message,
+                    preview: null,
+                    diagnostics: { intentResolution, preview },
+                };
+            }
+            const applied = await this.context.applyLocalPreview(preview);
+            if (!applied.success) {
+                const message = applied.error || this.context.tx('agentic.errors.applyLocal', 'Preview could not be applied.');
+                return {
+                    state: 'error',
+                    phase: 'preview',
+                    assistantMessage: message,
+                    canApply: false,
+                    statusText: '',
+                    errorText: message,
+                    preview: null,
+                    diagnostics: { intentResolution, preview },
+                };
+            }
+            const status = this.context.describePreviewStatus(preview);
+            return {
+                state: 'review',
+                phase: 'review',
+                assistantMessage: status,
+                canApply: true,
+                statusText: status,
+                errorText: '',
+                preview,
+                diagnostics: { intentResolution },
+            };
+        }
+        catch (error) {
+            const message = this.context.describeError(error);
+            return {
+                state: 'error',
+                phase: 'contextualize',
+                assistantMessage: message,
+                canApply: false,
+                statusText: '',
+                errorText: message,
+                preview: null,
+            };
+        }
+    }
+    async cancel() {
+        return {
+            state: 'listening',
+            phase: 'capture',
+            assistantMessage: this.context.tx('agentic.status.cancelled', 'Request cancelled.'),
+            quickReplies: [],
+            canApply: false,
+            statusText: '',
+            errorText: '',
+            preview: null,
+            pendingPatch: null,
+        };
+    }
+    resolveIntentAssistantMessage(intentResolution) {
+        const message = intentResolution.assistantMessage?.trim();
+        return message || null;
+    }
+    resolveIntentClarification(intentResolution) {
+        const questions = intentResolution.clarificationQuestions?.filter((question) => !!question) ?? [];
+        if (!intentResolution.valid && questions.length) {
+            return questions.join(' ');
+        }
+        return null;
+    }
+    describeIntentResolutionFailure(intentResolution) {
+        if (intentResolution.valid && intentResolution.gate?.status === 'eligible' && intentResolution.selectedCandidate) {
+            return null;
+        }
+        const questions = intentResolution.clarificationQuestions?.filter((question) => !!question) ?? [];
+        if (questions.length) {
+            return questions.join(' ');
+        }
+        const failures = intentResolution.failureCodes?.filter((code) => !!code) ?? [];
+        if (failures.length) {
+            return `${this.context.tx('agentic.errors.intentResolution', 'Intent could not be resolved.')}: ${failures.join(', ')}`;
+        }
+        const gateMessages = intentResolution.gate?.messages?.filter((message) => !!message) ?? [];
+        if (gateMessages.length) {
+            return gateMessages.join(' ');
+        }
+        return this.context.tx('agentic.errors.intentResolution', 'Intent could not be resolved.');
+    }
+    toShellQuickReplies(quickReplies) {
+        return quickReplies
+            .filter((reply) => !!reply.id && !!reply.label && (!!reply.prompt || reply.kind === 'cancel'))
+            .map((reply) => ({
+            id: reply.id,
+            kind: reply.kind,
+            label: reply.label,
+            prompt: reply.prompt,
+        }));
+    }
+    buildPendingClarificationForNextTurn(request, sourcePrompt, clarification) {
+        return {
+            sourcePrompt,
+            assistantMessage: clarification,
+            questions: [
+                {
+                    id: 'clarification',
+                    type: 'text',
+                    label: clarification,
+                },
+            ],
+            clientTurnId: request.clientTurnId,
+        };
+    }
+    resolvePendingClarificationForNextTurn(intentResolution, request, fallbackSourcePrompt, fallbackClarification) {
+        return this.toShellPendingClarification(intentResolution.pendingClarification)
+            ?? this.buildPendingClarificationForNextTurn(request, fallbackSourcePrompt, fallbackClarification);
+    }
+    toShellPendingClarification(pending) {
+        const sourcePrompt = pending?.sourcePrompt?.trim();
+        if (!sourcePrompt) {
+            return null;
+        }
+        const questionLabels = (pending?.questions ?? [])
+            .map((question) => question?.trim())
+            .filter((question) => !!question);
+        const assistantMessage = pending?.assistantMessage?.trim() || questionLabels[0] || '';
+        const questions = questionLabels.length
+            ? questionLabels.map((label, index) => ({
+                id: `clarification-${index + 1}`,
+                type: 'text',
+                label,
+            }))
+            : assistantMessage
+                ? [{
+                        id: 'clarification',
+                        type: 'text',
+                        label: assistantMessage,
+                    }]
+                : [];
+        return {
+            sourcePrompt,
+            assistantMessage,
+            questions,
+            clientTurnId: pending?.clientTurnId ?? undefined,
+            diagnostics: this.toJsonObject(pending?.diagnostics) ?? undefined,
+        };
+    }
+    resolveEffectivePrompt(intentResolution, fallbackPrompt) {
+        return intentResolution.effectivePrompt?.trim() || fallbackPrompt;
+    }
+    buildAuthoringContext(request) {
+        return {
+            sessionId: request.sessionId,
+            clientTurnId: request.clientTurnId,
+            conversationMessages: this.toConversationMessages(request.messages ?? []),
+            pendingClarification: this.toPendingClarification(request.pendingClarification),
+            attachmentSummaries: this.toAttachmentSummaries(request.attachments ?? []),
+        };
+    }
+    toAttachmentSummaries(attachments) {
+        return attachments.map((attachment) => ({
+            id: attachment.id,
+            name: attachment.name,
+            kind: attachment.kind,
+            mimeType: attachment.mimeType ?? null,
+            sizeBytes: attachment.sizeBytes ?? null,
+            source: attachment.source ?? null,
+            hasPreview: !!attachment.previewUrl,
+        }));
+    }
+    toConversationMessages(messages) {
+        return messages
+            .filter((message) => !!message.text?.trim() && this.isAuthoringConversationRole(message.role))
+            .slice(-12)
+            .flatMap((message) => {
+            if (!this.isAuthoringConversationRole(message.role)) {
+                return [];
+            }
+            return [{
+                    id: message.id,
+                    role: message.role,
+                    text: message.text,
+                }];
+        });
+    }
+    toPendingClarification(pending) {
+        if (!pending?.sourcePrompt) {
+            return null;
+        }
+        return {
+            sourcePrompt: pending.sourcePrompt,
+            questions: pending.questions.map((question) => question.label),
+            assistantMessage: pending.assistantMessage,
+            clientTurnId: pending.clientTurnId,
+            diagnostics: this.toJsonObject(pending.diagnostics),
+        };
+    }
+    isAuthoringConversationRole(role) {
+        return role === 'user' || role === 'assistant' || role === 'system';
+    }
+    toJsonObject(value) {
+        return value && typeof value === 'object' && !Array.isArray(value)
+            ? value
+            : null;
+    }
+}
 function buildConnectionsViewerModel(page) {
     const widgets = page?.widgets ?? [];
     const links = page?.composition?.links ?? [];
@@ -5327,19 +6503,50 @@ class DynamicPageBuilderComponent {
     settingsPanel;
     i18n = inject(PraxisI18nService);
     componentMetadata = inject(ComponentMetadataRegistry);
+    agenticAuthoring = inject(PageBuilderAgenticAuthoringService);
+    agenticTurnOrchestrator = inject(PraxisAssistantTurnOrchestratorService);
     runtime;
     page;
     context = null;
     strictValidation = true;
+    autoPersist = true;
     enableCustomization = false;
     showSettingsButton = true;
     pageIdentity;
     componentInstanceId;
     pageEditorComponent = DynamicPageConfigEditorComponent;
+    enableAgenticAuthoring = false;
+    agenticAuthoringProvider;
+    agenticAuthoringModel;
+    agenticAuthoringApiKey;
+    agenticAuthoringComponentId;
+    agenticAuthoringScope = 'user';
+    agenticAuthoringEtag;
     pageChange = new EventEmitter();
+    agenticAuthoringApplied = new EventEmitter();
     currentPage = signal({ widgets: [] }, ...(ngDevMode ? [{ debugName: "currentPage" }] : []));
     connectionsViewerOpen = signal(false, ...(ngDevMode ? [{ debugName: "connectionsViewerOpen" }] : []));
+    agenticAuthoringOpen = signal(false, ...(ngDevMode ? [{ debugName: "agenticAuthoringOpen" }] : []));
+    agenticAuthoringPrompt = signal('', ...(ngDevMode ? [{ debugName: "agenticAuthoringPrompt" }] : []));
+    agenticAuthoringBusy = signal(false, ...(ngDevMode ? [{ debugName: "agenticAuthoringBusy" }] : []));
+    agenticAuthoringStatus = signal('', ...(ngDevMode ? [{ debugName: "agenticAuthoringStatus" }] : []));
+    agenticAuthoringError = signal('', ...(ngDevMode ? [{ debugName: "agenticAuthoringError" }] : []));
+    agenticAuthoringPreviewResult = signal(null, ...(ngDevMode ? [{ debugName: "agenticAuthoringPreviewResult" }] : []));
+    agenticAuthoringLastEtag = signal(null, ...(ngDevMode ? [{ debugName: "agenticAuthoringLastEtag" }] : []));
+    agenticAuthoringConversation = signal([], ...(ngDevMode ? [{ debugName: "agenticAuthoringConversation" }] : []));
+    agenticAuthoringQuickReplies = signal([], ...(ngDevMode ? [{ debugName: "agenticAuthoringQuickReplies" }] : []));
+    agenticAuthoringAttachments = signal([], ...(ngDevMode ? [{ debugName: "agenticAuthoringAttachments" }] : []));
+    agenticAuthoringEditingMessageId = signal(null, ...(ngDevMode ? [{ debugName: "agenticAuthoringEditingMessageId" }] : []));
+    agenticAuthoringPanelLayout = signal({
+        left: 16,
+        top: 16,
+        width: 440,
+        height: 560,
+    }, ...(ngDevMode ? [{ debugName: "agenticAuthoringPanelLayout" }] : []));
     previewMode = false;
+    agenticComponentCapabilities;
+    agenticComponentCapabilitiesPromise;
+    agenticTurnController;
     constructor(dialog, settingsPanel) {
         this.dialog = dialog;
         this.settingsPanel = settingsPanel;
@@ -5409,6 +6616,315 @@ class DynamicPageBuilderComponent {
         this.currentPage.set(cloned);
         this.pageChange.emit(cloned);
     }
+    applyConfigFromAdapter(config) {
+        if (!config.page)
+            return;
+        const cloned = this.clonePage(config.page);
+        this.currentPage.set(cloned);
+        this.pageChange.emit(cloned);
+    }
+    createAdapterHost() {
+        return {
+            page: this.currentPage(),
+            context: this.context,
+            enableCustomization: this.enableCustomization,
+            showSettingsButton: this.showSettingsButton,
+            strictValidation: this.strictValidation,
+            pageIdentity: this.pageIdentity,
+            applyConfigFromAdapter: (config) => this.applyConfigFromAdapter(config),
+        };
+    }
+    toggleAgenticAuthoring() {
+        this.agenticAuthoringOpen.update((current) => !current);
+        this.agenticAuthoringError.set('');
+    }
+    agenticAuthoringShellLabels() {
+        return {
+            title: this.tx('agentic.title', 'AI assistant'),
+            subtitle: this.tx('agentic.subtitle', 'Chat, confirm the intent, and review the result before saving.'),
+            close: this.tx('agentic.close', 'Close'),
+            prompt: this.tx('agentic.promptLabel', 'Message'),
+            promptPlaceholder: this.tx('agentic.promptPlaceholder', 'Describe the page, dashboard, form or change you need.'),
+            emptyConversation: this.tx('agentic.emptyConversation', 'Tell me what you want to create or change. I will ask follow-up questions before applying the preview.'),
+            submit: this.tx('agentic.preview', 'Preview'),
+            apply: this.tx('agentic.persist', 'Save'),
+            conversationAria: this.tx('agentic.conversationAria', 'AI conversation'),
+            quickRepliesAria: this.tx('agentic.quickRepliesAria', 'Quick replies'),
+            dragHandleAria: this.tx('agentic.dragHandleAria', 'Move AI assistant'),
+            resizeHandleAria: this.tx('agentic.resizeHandleAria', 'Resize AI assistant'),
+            contextAria: this.tx('agentic.contextAria', 'Active context'),
+            attachmentsAria: this.tx('agentic.attachmentsAria', 'Attached context'),
+            attach: this.tx('agentic.attach', 'Attach'),
+            removeAttachment: this.tx('agentic.removeAttachment', 'Remove attachment'),
+            editMessage: this.tx('agentic.editMessage', 'Edit'),
+            resendMessage: this.tx('agentic.resendMessage', 'Resend'),
+            modeAgenticAuthoring: this.tx('agentic.mode.agenticAuthoring', 'Authoring'),
+            modeConfig: this.tx('agentic.mode.config', 'Configuration'),
+            modeChat: this.tx('agentic.mode.chat', 'Chat'),
+            modeDiagnostic: this.tx('agentic.mode.diagnostic', 'Diagnostic'),
+            modeReview: this.tx('agentic.mode.review', 'Review'),
+            modeInlineHelp: this.tx('agentic.mode.inlineHelp', 'Help'),
+            stateIdle: this.tx('agentic.state.idle', 'Idle'),
+            stateListening: this.tx('agentic.state.listening', 'Ready'),
+            stateProcessing: this.tx('agentic.state.processing', 'Processing'),
+            stateClarification: this.tx('agentic.state.clarification', 'Waiting for input'),
+            stateReview: this.tx('agentic.state.review', 'Review'),
+            stateApplying: this.tx('agentic.state.applying', 'Applying'),
+            stateSuccess: this.tx('agentic.state.success', 'Done'),
+            stateError: this.tx('agentic.state.error', 'Error'),
+        };
+    }
+    agenticAuthoringShellState() {
+        if (this.agenticAuthoringBusy())
+            return 'processing';
+        if (this.agenticAuthoringError())
+            return 'error';
+        if (this.agenticAuthoringPreviewResult()?.valid)
+            return 'review';
+        if (this.agenticAuthoringConversation().length)
+            return 'listening';
+        return 'idle';
+    }
+    agenticAuthoringContextItems() {
+        const items = [
+            {
+                id: 'component',
+                kind: 'component',
+                label: this.tx('agentic.context.component', 'Component'),
+                value: this.tx('agentic.context.pageBuilder', 'Page Builder'),
+                icon: 'dashboard_customize',
+            },
+        ];
+        const routePath = this.pageIdentity?.routePath?.trim();
+        if (routePath) {
+            items.push({
+                id: 'route',
+                kind: 'route',
+                label: this.tx('agentic.context.route', 'Route'),
+                value: routePath,
+                icon: 'route',
+            });
+        }
+        const selectedWidgetKey = this.resolveSelectedWidgetKey();
+        if (selectedWidgetKey) {
+            items.push({
+                id: 'selection',
+                kind: 'selection',
+                label: this.tx('agentic.context.selection', 'Selection'),
+                value: selectedWidgetKey,
+                icon: 'select_all',
+            });
+        }
+        return items;
+    }
+    async previewAgenticAuthoring() {
+        const prompt = this.agenticAuthoringPrompt().trim();
+        if (!prompt || this.agenticAuthoringBusy())
+            return;
+        this.agenticAuthoringBusy.set(true);
+        this.agenticAuthoringError.set('');
+        this.agenticAuthoringPreviewResult.set(null);
+        this.agenticAuthoringStatus.set(this.tx('agentic.status.resolvingIntent', 'Resolving intent...'));
+        try {
+            const controller = this.ensureAgenticTurnController();
+            const editingMessageId = this.agenticAuthoringEditingMessageId();
+            const state = await firstValueFrom(editingMessageId
+                ? controller.submitEditedMessage(editingMessageId, prompt)
+                : controller.submitPrompt(prompt));
+            this.agenticAuthoringEditingMessageId.set(null);
+            this.applyAgenticTurnState(state);
+        }
+        catch (error) {
+            this.agenticAuthoringStatus.set('');
+            const message = this.describeAgenticError(error);
+            this.agenticAuthoringError.set(message);
+            this.appendAgenticMessage('error', message);
+        }
+        finally {
+            this.agenticAuthoringBusy.set(false);
+        }
+    }
+    async submitAgenticQuickReply(reply) {
+        if (reply.kind !== 'cancel' && reply.kind !== 'revise' && reply.kind !== 'confirm' && reply.kind !== 'suggestion') {
+            return;
+        }
+        if (reply.kind === 'cancel') {
+            this.agenticAuthoringEditingMessageId.set(null);
+            const state = await firstValueFrom(this.ensureAgenticTurnController().cancel());
+            this.applyAgenticTurnState(state);
+            return;
+        }
+        if (reply.kind === 'revise') {
+            this.agenticAuthoringEditingMessageId.set(null);
+            this.agenticAuthoringQuickReplies.set([]);
+            this.agenticAuthoringStatus.set(this.tx('agentic.status.waitingRevision', 'Refine your prompt and preview again.'));
+            return;
+        }
+        this.agenticAuthoringEditingMessageId.set(null);
+        this.agenticAuthoringPrompt.set(reply.prompt);
+        await this.previewAgenticAuthoring();
+    }
+    attachAgenticContext() {
+        const controller = this.ensureAgenticTurnController();
+        const pageSnapshot = JSON.stringify(this.currentPage());
+        controller.addAttachment({
+            id: `current-page-${Date.now()}`,
+            name: this.tx('agentic.attachments.currentPage', 'Current page'),
+            kind: 'json',
+            mimeType: 'application/json',
+            sizeBytes: pageSnapshot.length,
+            status: 'ready',
+        });
+        this.applyAgenticTurnState(controller.snapshot());
+    }
+    addAgenticAttachments(attachments) {
+        if (!attachments.length)
+            return;
+        const controller = this.ensureAgenticTurnController();
+        for (const attachment of attachments) {
+            controller.addAttachment(attachment);
+        }
+        this.applyAgenticTurnState(controller.snapshot());
+    }
+    removeAgenticAttachment(attachment) {
+        const controller = this.ensureAgenticTurnController();
+        controller.removeAttachment(attachment.id);
+        this.applyAgenticTurnState(controller.snapshot());
+    }
+    editAgenticMessage(message) {
+        if (message.role !== 'user')
+            return;
+        this.agenticAuthoringEditingMessageId.set(message.id);
+        this.agenticAuthoringPrompt.set(message.text);
+        this.agenticAuthoringStatus.set(this.tx('agentic.status.waitingRevision', 'Refine your prompt and preview again.'));
+    }
+    async resendAgenticMessage(message) {
+        if (message.role !== 'user' || this.agenticAuthoringBusy())
+            return;
+        this.agenticAuthoringEditingMessageId.set(null);
+        this.agenticAuthoringBusy.set(true);
+        this.agenticAuthoringStatus.set(this.tx('agentic.status.resolvingIntent', 'Resolving intent...'));
+        this.agenticAuthoringError.set('');
+        this.agenticAuthoringPreviewResult.set(null);
+        try {
+            const state = await firstValueFrom(this.ensureAgenticTurnController().resendMessage(message.id));
+            this.applyAgenticTurnState(state);
+        }
+        catch (error) {
+            this.agenticAuthoringStatus.set('');
+            const errorMessage = this.describeAgenticError(error);
+            this.agenticAuthoringError.set(errorMessage);
+            this.appendAgenticMessage('error', errorMessage);
+        }
+        finally {
+            this.agenticAuthoringBusy.set(false);
+        }
+    }
+    async persistAgenticAuthoring() {
+        const preview = this.agenticAuthoringPreviewResult();
+        if (!preview || this.agenticAuthoringBusy())
+            return;
+        const componentId = this.resolveAgenticComponentId();
+        if (!componentId) {
+            this.agenticAuthoringError.set(this.tx('agentic.errors.componentId', 'Configure a component id before saving.'));
+            return;
+        }
+        this.agenticAuthoringBusy.set(true);
+        this.agenticAuthoringError.set('');
+        this.agenticAuthoringStatus.set(this.tx('agentic.status.saving', 'Saving page...'));
+        try {
+            const compiledFormPatch = this.resolvePreviewCompiledFormPatch(preview);
+            const result = await firstValueFrom(this.agenticAuthoring.applyPage({
+                compiledFormPatch,
+                componentId,
+                scope: this.agenticAuthoringScope,
+                ifMatch: this.agenticAuthoringEtag || this.agenticAuthoringLastEtag() || undefined,
+                tags: {
+                    source: 'page-builder-agentic-authoring',
+                },
+            }));
+            this.agenticAuthoringLastEtag.set(result.etag ?? null);
+            this.agenticAuthoringApplied.emit(result);
+            this.agenticAuthoringStatus.set(this.tx('agentic.status.saved', 'Page saved.'));
+        }
+        catch (error) {
+            this.agenticAuthoringStatus.set('');
+            this.agenticAuthoringError.set(this.describeAgenticError(error));
+        }
+        finally {
+            this.agenticAuthoringBusy.set(false);
+        }
+    }
+    async loadAgenticComponentCapabilities() {
+        if (this.agenticComponentCapabilities) {
+            return this.agenticComponentCapabilities;
+        }
+        this.agenticComponentCapabilitiesPromise ??= firstValueFrom(this.agenticAuthoring.getComponentCapabilities()).then((result) => {
+            this.agenticComponentCapabilities = result;
+            return result;
+        }).finally(() => {
+            this.agenticComponentCapabilitiesPromise = undefined;
+        });
+        return this.agenticComponentCapabilitiesPromise;
+    }
+    ensureAgenticTurnController() {
+        if (!this.agenticTurnController) {
+            const flow = new PageBuilderAgenticAuthoringTurnFlow(this.agenticAuthoring, {
+                targetApp: 'praxis-ui-angular',
+                targetComponentId: 'praxis-dynamic-page-builder',
+                currentPage: () => this.currentPage(),
+                selectedWidgetKey: () => this.resolveSelectedWidgetKey(),
+                provider: () => this.agenticAuthoringProvider,
+                model: () => this.agenticAuthoringModel,
+                apiKey: () => this.agenticAuthoringApiKey,
+                loadComponentCapabilities: () => this.loadAgenticComponentCapabilities(),
+                applyLocalPreview: (result) => this.applyAgenticPreviewLocally(result),
+                describePreviewFailure: (result) => this.describeAgenticPreviewFailure(result),
+                describePreviewStatus: (result) => this.describeAgenticPreviewStatus(result),
+                describeError: (error) => this.describeAgenticError(error),
+                tx: (key, fallback) => this.tx(key, fallback),
+            });
+            this.agenticTurnController = this.agenticTurnOrchestrator.createController(flow, {
+                componentId: 'praxis-dynamic-page-builder',
+                componentType: 'page-builder',
+                contextItems: this.agenticAuthoringContextItems(),
+                attachments: this.agenticAuthoringAttachments(),
+            });
+        }
+        this.agenticTurnController.setContextItems(this.agenticAuthoringContextItems());
+        this.agenticTurnController.setMessages(this.agenticAuthoringConversation());
+        this.agenticTurnController.setAttachments(this.agenticAuthoringAttachments());
+        return this.agenticTurnController;
+    }
+    async applyAgenticPreviewLocally(result) {
+        const adapter = new PageBuilderAiAdapter(this.createAdapterHost(), this.componentMetadata);
+        return result.uiCompositionPlan
+            ? adapter.applyUiCompositionPlan(result.uiCompositionPlan)
+            : adapter.applyCompiledFormPatch(result.compiledFormPatch);
+    }
+    applyAgenticTurnState(state) {
+        this.agenticAuthoringConversation.set(state.messages);
+        this.agenticAuthoringQuickReplies.set(state.quickReplies);
+        this.agenticAuthoringStatus.set(state.statusText);
+        this.agenticAuthoringError.set(state.errorText);
+        this.agenticAuthoringPreviewResult.set(state.preview ?? null);
+        this.agenticAuthoringAttachments.set(state.attachments);
+    }
+    resolvePreviewCompiledFormPatch(preview) {
+        if (preview.uiCompositionPlan) {
+            return {
+                ...preview.compiledFormPatch,
+                patch: {
+                    ...(preview.compiledFormPatch?.patch ?? {}),
+                    page: this.clonePage(this.currentPage()),
+                },
+            };
+        }
+        if (preview.compiledFormPatch?.patch?.page) {
+            return preview.compiledFormPatch;
+        }
+        return preview.compiledFormPatch;
+    }
     focusCanvasWidget(widgetKey) {
         if (!widgetKey)
             return;
@@ -5440,6 +6956,83 @@ class DynamicPageBuilderComponent {
         }
         return inputs;
     }
+    resolveAgenticComponentId() {
+        const explicit = this.agenticAuthoringComponentId?.trim();
+        if (explicit)
+            return explicit;
+        const routePath = this.pageIdentity?.routePath?.trim();
+        if (routePath)
+            return `page:${routePath}`;
+        return null;
+    }
+    resolveSelectedWidgetKey() {
+        const runtime = this.runtime;
+        if (!runtime)
+            return null;
+        for (const widget of this.currentPage().widgets ?? []) {
+            if (widget?.key && runtime.isCanvasWidgetSelected(widget.key)) {
+                return widget.key;
+            }
+        }
+        return null;
+    }
+    formatAgenticFailures(failureCodes) {
+        const codes = (failureCodes ?? []).filter((code) => !!code);
+        if (codes.length === 0) {
+            return this.tx('agentic.errors.invalidPreview', 'Generated preview is invalid.');
+        }
+        return `${this.tx('agentic.errors.invalidPreview', 'Generated preview is invalid.')}: ${codes.join(', ')}`;
+    }
+    describeAgenticPreviewFailure(result) {
+        switch (result.diagnostics?.fieldScopeDecision) {
+            case 'rejected-duplicate-field':
+                return this.tx('agentic.errors.duplicateField', 'This field already exists in the selected form.');
+            case 'rejected-non-local-field-removal':
+                return this.tx('agentic.errors.nonLocalFieldRemoval', 'Only local fields created by AI can be removed in this flow.');
+            default:
+                return this.formatAgenticFailures(result.failureCodes);
+        }
+    }
+    describeAgenticPreviewStatus(result) {
+        switch (result.diagnostics?.fieldScopeDecision) {
+            case 'accepted-add-local-field':
+                return this.tx('agentic.status.acceptedAddLocalField', 'Local field added to the form.');
+            case 'accepted-remove-local-field':
+                return this.tx('agentic.status.acceptedRemoveLocalField', 'Local field removed from the form.');
+            case 'accepted-relabel-server-backed-field':
+                return this.tx('agentic.status.acceptedRelabelField', 'Field label updated.');
+            default:
+                return this.tx('agentic.status.previewReady', 'Preview applied to the page.');
+        }
+    }
+    appendAgenticMessage(role, text) {
+        const normalized = text.trim();
+        if (!normalized)
+            return;
+        this.agenticAuthoringConversation.update((messages) => [
+            ...messages,
+            {
+                id: `${Date.now()}-${messages.length}-${role}`,
+                role,
+                text: normalized,
+            },
+        ]);
+    }
+    describeAgenticError(error) {
+        if (typeof error?.error?.message === 'string' && error.error.message.trim()) {
+            return error.error.message.trim();
+        }
+        if (typeof error?.error === 'string' && error.error.trim()) {
+            return error.error.trim();
+        }
+        if (typeof error?.message === 'string' && error.message.trim()) {
+            return error.message.trim();
+        }
+        if (typeof error?.status === 'number') {
+            return `HTTP ${error.status}`;
+        }
+        return this.tx('agentic.errors.generic', 'AI authoring failed.');
+    }
     cloneValue(value) {
         if (value == null || typeof value !== 'object') {
             return value;
@@ -5450,7 +7043,7 @@ class DynamicPageBuilderComponent {
         return resolvePraxisPageBuilderText(this.i18n, key, fallback);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DynamicPageBuilderComponent, deps: [{ token: i1.MatDialog }, { token: SETTINGS_PANEL_BRIDGE, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: DynamicPageBuilderComponent, isStandalone: true, selector: "praxis-dynamic-page-builder", inputs: { page: "page", context: "context", strictValidation: "strictValidation", enableCustomization: "enableCustomization", showSettingsButton: "showSettingsButton", pageIdentity: "pageIdentity", componentInstanceId: "componentInstanceId", pageEditorComponent: "pageEditorComponent" }, outputs: { pageChange: "pageChange" }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: DynamicPageBuilderComponent, isStandalone: true, selector: "praxis-dynamic-page-builder", inputs: { page: "page", context: "context", strictValidation: "strictValidation", autoPersist: "autoPersist", enableCustomization: "enableCustomization", showSettingsButton: "showSettingsButton", pageIdentity: "pageIdentity", componentInstanceId: "componentInstanceId", pageEditorComponent: "pageEditorComponent", enableAgenticAuthoring: "enableAgenticAuthoring", agenticAuthoringProvider: "agenticAuthoringProvider", agenticAuthoringModel: "agenticAuthoringModel", agenticAuthoringApiKey: "agenticAuthoringApiKey", agenticAuthoringComponentId: "agenticAuthoringComponentId", agenticAuthoringScope: "agenticAuthoringScope", agenticAuthoringEtag: "agenticAuthoringEtag" }, outputs: { pageChange: "pageChange", agenticAuthoringApplied: "agenticAuthoringApplied" }, providers: [
             providePraxisPageBuilderI18n(),
             { provide: DYNAMIC_PAGE_SHELL_EDITOR, useValue: WidgetShellEditorComponent },
         ], viewQueries: [{ propertyName: "runtime", first: true, predicate: ["runtime"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
@@ -5460,6 +7053,7 @@ class DynamicPageBuilderComponent {
         [page]="currentPage()"
         [context]="context"
         [strictValidation]="strictValidation"
+        [autoPersist]="autoPersist"
         [enableCustomization]="showSettings()"
         [showPageSettingsButton]="false"
         [pageIdentity]="pageIdentity"
@@ -5475,6 +7069,44 @@ class DynamicPageBuilderComponent {
         (openPageSettings)="openPageSettings()"
       />
+      <praxis-ai-assistant-shell
+        *ngIf="showSettings() && enableAgenticAuthoring && agenticAuthoringOpen()"
+        panelTestId="page-builder-agentic-authoring-panel"
+        testIdPrefix="page-builder-agentic"
+        submitTestId="page-builder-agentic-preview"
+        applyTestId="page-builder-agentic-persist"
+        [labels]="agenticAuthoringShellLabels()"
+        mode="agentic-authoring"
+        [state]="agenticAuthoringShellState()"
+        [contextItems]="agenticAuthoringContextItems()"
+        [attachments]="agenticAuthoringAttachments()"
+        [messages]="agenticAuthoringConversation()"
+        [quickReplies]="agenticAuthoringQuickReplies()"
+        [prompt]="agenticAuthoringPrompt()"
+        [statusText]="agenticAuthoringStatus()"
+        [errorText]="agenticAuthoringError()"
+        [busy]="agenticAuthoringBusy()"
+        [canApply]="!!agenticAuthoringPreviewResult()?.valid"
+        [enableFileAttachments]="true"
+        attachmentAccept="image/*,application/json,text/plain,application/pdf"
+        [layout]="agenticAuthoringPanelLayout()"
+        [minWidth]="320"
+        [minHeight]="280"
+        [margin]="8"
+        (promptChange)="agenticAuthoringPrompt.set($event)"
+        (submitPrompt)="agenticAuthoringPrompt.set($event); previewAgenticAuthoring()"
+        (apply)="persistAgenticAuthoring()"
+        (quickReply)="submitAgenticQuickReply($event)"
+        (attach)="attachAgenticContext()"
+        (attachmentsPasted)="addAgenticAttachments($event)"
+        (attachmentsSelected)="addAgenticAttachments($event)"
+        (removeAttachment)="removeAgenticAttachment($event)"
+        (editMessage)="editAgenticMessage($event)"
+        (resendMessage)="resendAgenticMessage($event)"
+        (layoutChange)="agenticAuthoringPanelLayout.set($event)"
+        (close)="toggleAgenticAuthoring()"
+      />
       <praxis-floating-toolbar
         [visible]="showSettings()"
         [canUndo]="false"
@@ -5484,6 +7116,18 @@ class DynamicPageBuilderComponent {
         (save)="saveCurrentPage()"
         (preview)="togglePreview()"
       >
+        <button
+          *ngIf="enableAgenticAuthoring"
+          pdx-toolbar-extra
+          mat-mini-fab
+          type="button"
+          [attr.data-testid]="'page-builder-agentic-toggle'"
+          [matTooltip]="tx('agentic.toggle', 'Create with AI')"
+          [attr.aria-label]="tx('agentic.toggle', 'Create with AI')"
+          (click)="toggleAgenticAuthoring()"
+        >
+          <mat-icon [praxisIcon]="'auto_awesome'"></mat-icon>
+        </button>
         <button
           pdx-toolbar-extra
           mat-mini-fab
@@ -5497,7 +7141,7 @@ class DynamicPageBuilderComponent {
         </button>
       </praxis-floating-toolbar>
     </div>
-  `, isInline: true, styles: [":host,.builder-shell{display:block;position:relative;min-height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatMiniFabButton, selector: "button[mat-mini-fab], a[mat-mini-fab], button[matMiniFab], a[matMiniFab]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "component", type: DynamicWidgetPageComponent, selector: "praxis-dynamic-page", inputs: ["page", "context", "strictValidation", "enableCustomization", "showPageSettingsButton", "shellEditorComponent", "pageEditorComponent", "autoPersist", "pageIdentity", "componentInstanceId"], outputs: ["pageChange", "widgetDiagnosticsChange"] }, { kind: "component", type: FloatingToolbarComponent, selector: "praxis-floating-toolbar", inputs: ["visible", "canUndo", "canRedo"], outputs: ["add", "undo", "redo", "settings", "preview", "save"] }, { kind: "component", type: ConnectionsViewerPanelComponent, selector: "praxis-connections-viewer-panel", inputs: ["open", "page"], outputs: ["focusWidget", "openPageSettings"] }] });
+  `, isInline: true, styles: [":host{display:block;position:relative;min-height:var(--pdx-page-builder-min-height, 420px)}.builder-shell{display:block;position:relative;min-height:inherit;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatMiniFabButton, selector: "button[mat-mini-fab], a[mat-mini-fab], button[matMiniFab], a[matMiniFab]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "component", type: DynamicWidgetPageComponent, selector: "praxis-dynamic-page", inputs: ["page", "context", "strictValidation", "enableCustomization", "showPageSettingsButton", "shellEditorComponent", "pageEditorComponent", "autoPersist", "pageIdentity", "componentInstanceId"], outputs: ["pageChange", "widgetEvent", "widgetDiagnosticsChange"] }, { kind: "component", type: FloatingToolbarComponent, selector: "praxis-floating-toolbar", inputs: ["visible", "canUndo", "canRedo"], outputs: ["add", "undo", "redo", "settings", "preview", "save"] }, { kind: "component", type: ConnectionsViewerPanelComponent, selector: "praxis-connections-viewer-panel", inputs: ["open", "page"], outputs: ["focusWidget", "openPageSettings"] }, { kind: "component", type: PraxisAiAssistantShellComponent, selector: "praxis-ai-assistant-shell", inputs: ["labels", "mode", "state", "contextItems", "attachments", "messages", "quickReplies", "prompt", "statusText", "errorText", "testIdPrefix", "panelTestId", "submitTestId", "applyTestId", "busy", "canSubmit", "canApply", "submitOnEnter", "enableFileAttachments", "attachmentAccept", "attachmentMultiple", "draggable", "resizable", "minWidth", "minHeight", "margin", "layout"], outputs: ["promptChange", "submitPrompt", "apply", "close", "attach", "attachmentsPasted", "attachmentsSelected", "removeAttachment", "messageAction", "editMessage", "resendMessage", "quickReply", "layoutChange"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DynamicPageBuilderComponent, decorators: [{
             type: Component,
@@ -5510,6 +7154,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                         DynamicWidgetPageComponent,
                         FloatingToolbarComponent,
                         ConnectionsViewerPanelComponent,
+                        PraxisAiAssistantShellComponent,
                     ], providers: [
                         providePraxisPageBuilderI18n(),
                         { provide: DYNAMIC_PAGE_SHELL_EDITOR, useValue: WidgetShellEditorComponent },
@@ -5520,6 +7165,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
         [page]="currentPage()"
         [context]="context"
         [strictValidation]="strictValidation"
+        [autoPersist]="autoPersist"
         [enableCustomization]="showSettings()"
         [showPageSettingsButton]="false"
         [pageIdentity]="pageIdentity"
@@ -5535,6 +7181,44 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
         (openPageSettings)="openPageSettings()"
       />
+      <praxis-ai-assistant-shell
+        *ngIf="showSettings() && enableAgenticAuthoring && agenticAuthoringOpen()"
+        panelTestId="page-builder-agentic-authoring-panel"
+        testIdPrefix="page-builder-agentic"
+        submitTestId="page-builder-agentic-preview"
+        applyTestId="page-builder-agentic-persist"
+        [labels]="agenticAuthoringShellLabels()"
+        mode="agentic-authoring"
+        [state]="agenticAuthoringShellState()"
+        [contextItems]="agenticAuthoringContextItems()"
+        [attachments]="agenticAuthoringAttachments()"
+        [messages]="agenticAuthoringConversation()"
+        [quickReplies]="agenticAuthoringQuickReplies()"
+        [prompt]="agenticAuthoringPrompt()"
+        [statusText]="agenticAuthoringStatus()"
+        [errorText]="agenticAuthoringError()"
+        [busy]="agenticAuthoringBusy()"
+        [canApply]="!!agenticAuthoringPreviewResult()?.valid"
+        [enableFileAttachments]="true"
+        attachmentAccept="image/*,application/json,text/plain,application/pdf"
+        [layout]="agenticAuthoringPanelLayout()"
+        [minWidth]="320"
+        [minHeight]="280"
+        [margin]="8"
+        (promptChange)="agenticAuthoringPrompt.set($event)"
+        (submitPrompt)="agenticAuthoringPrompt.set($event); previewAgenticAuthoring()"
+        (apply)="persistAgenticAuthoring()"
+        (quickReply)="submitAgenticQuickReply($event)"
+        (attach)="attachAgenticContext()"
+        (attachmentsPasted)="addAgenticAttachments($event)"
+        (attachmentsSelected)="addAgenticAttachments($event)"
+        (removeAttachment)="removeAgenticAttachment($event)"
+        (editMessage)="editAgenticMessage($event)"
+        (resendMessage)="resendAgenticMessage($event)"
+        (layoutChange)="agenticAuthoringPanelLayout.set($event)"
+        (close)="toggleAgenticAuthoring()"
+      />
       <praxis-floating-toolbar
         [visible]="showSettings()"
         [canUndo]="false"
@@ -5544,6 +7228,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
         (save)="saveCurrentPage()"
         (preview)="togglePreview()"
       >
+        <button
+          *ngIf="enableAgenticAuthoring"
+          pdx-toolbar-extra
+          mat-mini-fab
+          type="button"
+          [attr.data-testid]="'page-builder-agentic-toggle'"
+          [matTooltip]="tx('agentic.toggle', 'Create with AI')"
+          [attr.aria-label]="tx('agentic.toggle', 'Create with AI')"
+          (click)="toggleAgenticAuthoring()"
+        >
+          <mat-icon [praxisIcon]="'auto_awesome'"></mat-icon>
+        </button>
         <button
           pdx-toolbar-extra
           mat-mini-fab
@@ -5557,7 +7253,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
         </button>
       </praxis-floating-toolbar>
     </div>
-  `, styles: [":host,.builder-shell{display:block;position:relative;min-height:100%}\n"] }]
+  `, styles: [":host{display:block;position:relative;min-height:var(--pdx-page-builder-min-height, 420px)}.builder-shell{display:block;position:relative;min-height:inherit;height:100%}\n"] }]
         }], ctorParameters: () => [{ type: i1.MatDialog }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
@@ -5572,6 +7268,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                 type: Input
             }], strictValidation: [{
                 type: Input
+            }], autoPersist: [{
+                type: Input
             }], enableCustomization: [{
                 type: Input
             }], showSettingsButton: [{
@@ -5582,8 +7280,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                 type: Input
             }], pageEditorComponent: [{
                 type: Input
+            }], enableAgenticAuthoring: [{
+                type: Input
+            }], agenticAuthoringProvider: [{
+                type: Input
+            }], agenticAuthoringModel: [{
+                type: Input
+            }], agenticAuthoringApiKey: [{
+                type: Input
+            }], agenticAuthoringComponentId: [{
+                type: Input
+            }], agenticAuthoringScope: [{
+                type: Input
+            }], agenticAuthoringEtag: [{
+                type: Input
             }], pageChange: [{
                 type: Output
+            }], agenticAuthoringApplied: [{
+                type: Output
             }] } });
 /*
@@ -5595,4 +7309,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
  * Generated bundle index. Do not edit.
  */
-export { ComponentPaletteDialogComponent, ConfirmDialogComponent, DynamicPageBuilderComponent, DynamicPageConfigEditorComponent, FloatingToolbarComponent, PAGE_BUILDER_AI_CAPABILITIES, PAGE_BUILDER_WIDGET_AI_CATALOGS, PLACEHOLDER, PageConfigEditorComponent, TileToolbarComponent, WidgetShellEditorComponent, clearWidgetAiCatalogs, getPageAiCatalog, getWidgetAiCapabilities, providePageBuilderWidgetAiCatalogs, registerWidgetAiCatalog, registerWidgetAiCatalogs };
+export { ComponentPaletteDialogComponent, ConfirmDialogComponent, DynamicPageBuilderComponent, DynamicPageConfigEditorComponent, FloatingToolbarComponent, PAGE_BUILDER_AGENTIC_AUTHORING_OPTIONS, PAGE_BUILDER_AI_CAPABILITIES, PAGE_BUILDER_WIDGET_AI_CATALOGS, PLACEHOLDER, PageBuilderAgenticAuthoringService, PageConfigEditorComponent, TileToolbarComponent, WidgetShellEditorComponent, clearWidgetAiCatalogs, getPageAiCatalog, getWidgetAiCapabilities, providePageBuilderWidgetAiCatalogs, registerWidgetAiCatalog, registerWidgetAiCatalogs };