@praxisui/page-builder 9.0.23 → 9.0.25

package/fesm2022/praxisui-page-builder.mjs

@@ -7,7 +7,7 @@ import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
 import * as i2$1 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
 import * as i2$2 from '@praxisui/core';
-import { PraxisIconDirective, BUILTIN_SHELL_PRESETS, PraxisIconButtonComponent, providePraxisI18n, PraxisI18nService, GLOBAL_ACTION_CATALOG, getGlobalActionCatalog, PRAXIS_GLOBAL_ACTION_CATALOG, SurfaceOpenActionEditorComponent, BUILTIN_PAGE_LAYOUT_PRESETS, BUILTIN_PAGE_THEME_PRESETS, SETTINGS_PANEL_DATA as SETTINGS_PANEL_DATA$1, NestedWidgetConfigAccessor, deepMerge, generateId, ComponentMetadataRegistry, ObservabilityDashboardService, PraxisRuntimeComponentObservationRegistryService, domainKnowledgeTimelineToRichContentDocument, DomainRuleService, DomainKnowledgeService, SETTINGS_PANEL_BRIDGE, DynamicWidgetPageComponent, DYNAMIC_PAGE_SHELL_EDITOR } from '@praxisui/core';
+import { PraxisIconDirective, providePraxisI18n, BUILTIN_SHELL_PRESETS, PraxisIconButtonComponent, PraxisI18nService, GLOBAL_ACTION_CATALOG, getGlobalActionCatalog, PRAXIS_GLOBAL_ACTION_CATALOG, SurfaceOpenActionEditorComponent, BUILTIN_PAGE_LAYOUT_PRESETS, BUILTIN_PAGE_THEME_PRESETS, SETTINGS_PANEL_DATA as SETTINGS_PANEL_DATA$1, NestedWidgetConfigAccessor, deepMerge, generateId, ComponentMetadataRegistry, ObservabilityDashboardService, PraxisRuntimeComponentObservationRegistryService, domainKnowledgeTimelineToRichContentDocument, DomainRuleService, DomainKnowledgeService, SETTINGS_PANEL_BRIDGE, DynamicWidgetPageComponent, DYNAMIC_PAGE_SHELL_EDITOR } from '@praxisui/core';
 import * as i3 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import * as i3$1 from '@angular/material/form-field';
@@ -184,6 +184,11 @@ class FloatingToolbarComponent {
     previewActive = false;
     connectionMode = false;
     modeLabel = '';
+    addLabel = 'Insert component';
+    saveLabel = 'Save page';
+    undoLabel = 'Undo';
+    redoLabel = 'Redo';
+    settingsLabel = 'Page settings';
     previewLabel = 'Pre-visualizar';
     exitPreviewLabel = 'Voltar para edicao';
     add = new EventEmitter();
@@ -193,7 +198,7 @@ class FloatingToolbarComponent {
     preview = new EventEmitter();
     save = new EventEmitter();
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: FloatingToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: FloatingToolbarComponent, isStandalone: true, selector: "praxis-floating-toolbar", inputs: { visible: "visible", canUndo: "canUndo", canRedo: "canRedo", showSave: "showSave", showPreview: "showPreview", editingEnabled: "editingEnabled", previewActive: "previewActive", connectionMode: "connectionMode", modeLabel: "modeLabel", previewLabel: "previewLabel", exitPreviewLabel: "exitPreviewLabel" }, outputs: { add: "add", undo: "undo", redo: "redo", settings: "settings", preview: "preview", save: "save" }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: FloatingToolbarComponent, isStandalone: true, selector: "praxis-floating-toolbar", inputs: { visible: "visible", canUndo: "canUndo", canRedo: "canRedo", showSave: "showSave", showPreview: "showPreview", editingEnabled: "editingEnabled", previewActive: "previewActive", connectionMode: "connectionMode", modeLabel: "modeLabel", addLabel: "addLabel", saveLabel: "saveLabel", undoLabel: "undoLabel", redoLabel: "redoLabel", settingsLabel: "settingsLabel", previewLabel: "previewLabel", exitPreviewLabel: "exitPreviewLabel" }, outputs: { add: "add", undo: "undo", redo: "redo", settings: "settings", preview: "preview", save: "save" }, ngImport: i0, template: `
     @if (visible) {
       <div
         class="pdx-floating-toolbar"
@@ -204,25 +209,25 @@ class FloatingToolbarComponent {
           <span class="pdx-mode-chip" [attr.data-testid]="'page-builder-toolbar-mode'">{{ modeLabel }}</span>
         }
         <div class="pdx-actions">
-          <button mat-mini-fab color="primary" (click)="add.emit()" [disabled]="!editingEnabled" [matTooltip]="'Inserir componente'" aria-label="Inserir componente">
+          <button mat-mini-fab color="primary" (click)="add.emit()" [disabled]="!editingEnabled" [matTooltip]="addLabel" [attr.aria-label]="addLabel">
             <mat-icon [praxisIcon]="'add'"></mat-icon>
           </button>
           @if (showSave) {
-            <button mat-mini-fab color="accent" (click)="save.emit()" [disabled]="!editingEnabled" [matTooltip]="'Salvar pagina'" aria-label="Salvar pagina">
+            <button mat-mini-fab color="accent" (click)="save.emit()" [disabled]="!editingEnabled" [matTooltip]="saveLabel" [attr.aria-label]="saveLabel">
               <mat-icon [praxisIcon]="'save'"></mat-icon>
             </button>
           }
           @if (canUndo) {
-            <button mat-mini-fab (click)="undo.emit()" [disabled]="!editingEnabled" [matTooltip]="'Desfazer'" aria-label="Desfazer">
+            <button mat-mini-fab (click)="undo.emit()" [disabled]="!editingEnabled" [matTooltip]="undoLabel" [attr.aria-label]="undoLabel">
               <mat-icon [praxisIcon]="'undo'"></mat-icon>
             </button>
           }
           @if (canRedo) {
-            <button mat-mini-fab (click)="redo.emit()" [disabled]="!editingEnabled" [matTooltip]="'Refazer'" aria-label="Refazer">
+            <button mat-mini-fab (click)="redo.emit()" [disabled]="!editingEnabled" [matTooltip]="redoLabel" [attr.aria-label]="redoLabel">
               <mat-icon [praxisIcon]="'redo'"></mat-icon>
             </button>
           }
-          <button mat-mini-fab (click)="settings.emit()" [disabled]="!editingEnabled" [matTooltip]="'Configuracoes da pagina'" aria-label="Configuracoes da pagina">
+          <button mat-mini-fab (click)="settings.emit()" [disabled]="!editingEnabled" [matTooltip]="settingsLabel" [attr.aria-label]="settingsLabel">
             <mat-icon [praxisIcon]="'settings'"></mat-icon>
           </button>
           @if (showPreview) {
@@ -256,25 +261,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
           <span class="pdx-mode-chip" [attr.data-testid]="'page-builder-toolbar-mode'">{{ modeLabel }}</span>
         }
         <div class="pdx-actions">
-          <button mat-mini-fab color="primary" (click)="add.emit()" [disabled]="!editingEnabled" [matTooltip]="'Inserir componente'" aria-label="Inserir componente">
+          <button mat-mini-fab color="primary" (click)="add.emit()" [disabled]="!editingEnabled" [matTooltip]="addLabel" [attr.aria-label]="addLabel">
             <mat-icon [praxisIcon]="'add'"></mat-icon>
           </button>
           @if (showSave) {
-            <button mat-mini-fab color="accent" (click)="save.emit()" [disabled]="!editingEnabled" [matTooltip]="'Salvar pagina'" aria-label="Salvar pagina">
+            <button mat-mini-fab color="accent" (click)="save.emit()" [disabled]="!editingEnabled" [matTooltip]="saveLabel" [attr.aria-label]="saveLabel">
               <mat-icon [praxisIcon]="'save'"></mat-icon>
             </button>
           }
           @if (canUndo) {
-            <button mat-mini-fab (click)="undo.emit()" [disabled]="!editingEnabled" [matTooltip]="'Desfazer'" aria-label="Desfazer">
+            <button mat-mini-fab (click)="undo.emit()" [disabled]="!editingEnabled" [matTooltip]="undoLabel" [attr.aria-label]="undoLabel">
               <mat-icon [praxisIcon]="'undo'"></mat-icon>
             </button>
           }
           @if (canRedo) {
-            <button mat-mini-fab (click)="redo.emit()" [disabled]="!editingEnabled" [matTooltip]="'Refazer'" aria-label="Refazer">
+            <button mat-mini-fab (click)="redo.emit()" [disabled]="!editingEnabled" [matTooltip]="redoLabel" [attr.aria-label]="redoLabel">
               <mat-icon [praxisIcon]="'redo'"></mat-icon>
             </button>
           }
-          <button mat-mini-fab (click)="settings.emit()" [disabled]="!editingEnabled" [matTooltip]="'Configuracoes da pagina'" aria-label="Configuracoes da pagina">
+          <button mat-mini-fab (click)="settings.emit()" [disabled]="!editingEnabled" [matTooltip]="settingsLabel" [attr.aria-label]="settingsLabel">
             <mat-icon [praxisIcon]="'settings'"></mat-icon>
           </button>
           @if (showPreview) {
@@ -312,6 +317,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                 type: Input
             }], modeLabel: [{
                 type: Input
+            }], addLabel: [{
+                type: Input
+            }], saveLabel: [{
+                type: Input
+            }], undoLabel: [{
+                type: Input
+            }], redoLabel: [{
+                type: Input
+            }], settingsLabel: [{
+                type: Input
             }], previewLabel: [{
                 type: Input
             }], exitPreviewLabel: [{
@@ -330,2032 +345,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                 type: Output
             }] } });
 
-class ComponentPaletteDialogComponent {
-    dialogRef;
-    registry;
-    data;
-    query = signal('', ...(ngDevMode ? [{ debugName: "query" }] : /* istanbul ignore next */ []));
-    all = signal([], ...(ngDevMode ? [{ debugName: "all" }] : /* istanbul ignore next */ []));
-    filtered = computed(() => this.applyFilters(), ...(ngDevMode ? [{ debugName: "filtered" }] : /* istanbul ignore next */ []));
-    density = computed(() => {
-        const n = this.filtered().length;
-        if (n <= 4)
-            return 'roomy';
-        if (n > 12)
-            return 'dense';
-        return 'normal';
-    }, ...(ngDevMode ? [{ debugName: "density" }] : /* istanbul ignore next */ []));
-    constructor(dialogRef, registry, data) {
-        this.dialogRef = dialogRef;
-        this.registry = registry;
-        this.data = data;
-    }
-    ngOnInit() {
-        this.all.set(this.buildEntries(this.registry.getAll()));
-    }
-    select(entry) {
-        this.dialogRef.close({
-            componentId: entry.componentId,
-            ...(entry.presetId ? { presetId: entry.presetId } : {}),
-            ...(entry.inputs ? { inputs: entry.inputs } : {}),
-        });
-    }
-    trackById = (_, entry) => entry.key;
-    getPreview(entry) {
-        return entry.description;
-    }
-    // Create effect in injection context (field initializer is allowed)
-    _adjustSizeEffect = effect(() => {
-        const n = this.filtered().length;
-        let width = '720px';
-        if (n <= 4)
-            width = '560px';
-        else if (n <= 8)
-            width = '680px';
-        const container = this.dialogRef._containerInstance;
-        if (container && container._config) {
-            container._config.width = width;
-        }
-    }, ...(ngDevMode ? [{ debugName: "_adjustSizeEffect" }] : /* istanbul ignore next */ []));
-    applyFilters() {
-        const list = (this.all() || []);
-        const q = (this.query() || '').toLowerCase();
-        const allowIds = new Set((this.data?.allowedWidgetIds || []).map((s) => s.toLowerCase()));
-        const allowTags = new Set((this.data?.allowedWidgetTags || []).map((s) => s.toLowerCase()));
-        const allowPresets = new Set((this.data?.allowedPresetIds || []).map((s) => s.toLowerCase()));
-        const metadataById = new Map(this.registry.getAll().map((meta) => [meta.id, meta]));
-        return list.filter((entry) => {
-            const meta = metadataById.get(entry.componentId);
-            if (!meta)
-                return false;
-            if (q && !entry.searchText.includes(q)) {
-                return false;
-            }
-            if (allowIds.size > 0 && !allowIds.has((meta.id || '').toLowerCase()))
-                return false;
-            if (allowTags.size > 0 && !meta.tags?.some(t => allowTags.has(t.toLowerCase())))
-                return false;
-            if (entry.presetId && allowPresets.size > 0 && !allowPresets.has(entry.presetId.toLowerCase()))
-                return false;
-            if (typeof this.data?.predicate === 'function' && !this.data.predicate(meta))
-                return false;
-            return true;
-        });
-    }
-    buildEntries(metadata) {
-        return metadata.flatMap((meta) => {
-            const baseEntry = {
-                key: meta.id,
-                componentId: meta.id,
-                title: meta.friendlyName || meta.id,
-                description: meta.description || meta.selector,
-                icon: meta.icon || 'widgets',
-                badges: this.buildBadges(meta, false),
-                searchText: `${meta.id} ${meta.friendlyName || ''} ${meta.description || ''} ${meta.selector || ''} ${this.buildBadgeSearchText(meta, false)}`.toLowerCase(),
-            };
-            const presets = (meta.insertionPresets ?? []).map((preset) => ({
-                key: `${meta.id}::${preset.id}`,
-                componentId: meta.id,
-                presetId: preset.id,
-                title: `${meta.friendlyName || meta.id} · ${preset.label}`,
-                description: preset.description || meta.description || meta.selector,
-                icon: preset.icon || meta.icon || 'widgets',
-                badges: this.buildBadges(meta, true),
-                searchText: `${meta.id} ${meta.friendlyName || ''} ${preset.label} ${preset.description || ''} ${meta.description || ''} ${this.buildBadgeSearchText(meta, true)}`.toLowerCase(),
-                inputs: preset.inputs ? JSON.parse(JSON.stringify(preset.inputs)) : undefined,
-            }));
-            return [baseEntry, ...presets];
-        });
-    }
-    buildBadges(meta, isPreset) {
-        const badges = [];
-        const tags = new Set((meta.tags ?? []).map((tag) => tag.toLowerCase()));
-        if (meta.configEditor?.component) {
-            badges.push({
-                label: 'Config editor',
-                icon: 'tune',
-                tone: 'ready',
-                description: 'This component publishes a canonical settings-panel editor for its input contract.',
-            });
-        }
-        if (meta.authoringManifestRef?.componentId) {
-            badges.push({
-                label: 'AI authoring',
-                icon: 'auto_awesome',
-                tone: 'ready',
-                description: 'This component owner publishes a canonical AI authoring manifest for governed changes.',
-            });
-        }
-        if (meta.ports?.length || meta.actions?.length || meta.commands?.length) {
-            badges.push({
-                label: 'Governed',
-                icon: 'account_tree',
-                tone: 'ready',
-                description: 'This component exposes semantic ports, actions, or commands for governed composition.',
-            });
-        }
-        if (isPreset) {
-            badges.push({
-                label: 'Preset',
-                icon: 'auto_awesome_motion',
-                tone: 'info',
-                description: 'This entry inserts a curated preset without changing the component contract.',
-            });
-        }
-        if (this.hasDataSourceInputs(meta) || tags.has('data') || tags.has('analytics')) {
-            badges.push({
-                label: 'Data source',
-                icon: 'database',
-                tone: 'info',
-                description: 'This component commonly needs schema, API, resource, or dataset context.',
-            });
-        }
-        if (tags.has('deprecated') || tags.has('legacy') || /legacy|legado|deprecated/i.test(meta.description || '')) {
-            badges.push({
-                label: 'Legacy',
-                icon: 'history',
-                tone: 'warning',
-                description: 'This entry is retained for compatibility and should not be the default for new canonical authoring.',
-            });
-        }
-        if (tags.has('demo') || tags.has('host') || /host-only|host|demo/i.test(`${meta.friendlyName} ${meta.description || ''}`)) {
-            badges.push({
-                label: 'Host/demo',
-                icon: 'science',
-                tone: 'neutral',
-                description: 'This entry depends on host/demo semantics and may need governance before public reuse.',
-            });
-        }
-        return badges;
-    }
-    buildBadgeSearchText(meta, isPreset) {
-        return this.buildBadges(meta, isPreset)
-            .map((badge) => `${badge.label} ${badge.description}`)
-            .join(' ');
-    }
-    hasDataSourceInputs(meta) {
-        return (meta.inputs ?? []).some((input) => /resource|schema|api|data(source)?|endpoint|resolver/i.test(input.name));
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ComponentPaletteDialogComponent, deps: [{ token: i1.MatDialogRef }, { token: i2$2.ComponentMetadataRegistry }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: ComponentPaletteDialogComponent, isStandalone: true, selector: "praxis-component-palette-dialog", ngImport: i0, template: `
-    <h2 mat-dialog-title>
-      <div class="dlg-title">
-        <mat-icon class="dlg-icon" [praxisIcon]="'widgets'"></mat-icon>
-        <div class="dlg-texts">
-          <div class="dlg-head">{{ data?.title || 'Inserir componente' }}</div>
-          <div class="dlg-sub">Escolha um componente para adicionar à página · {{ filtered().length }} disponíveis</div>
-        </div>
-      </div>
-    </h2>
-    <div mat-dialog-content class="pdx-palette-content">
-      <mat-form-field class="pdx-palette-search" appearance="outline">
-        <mat-label>Buscar componente</mat-label>
-        <mat-icon matPrefix [praxisIcon]="'search'"></mat-icon>
-        <input
-          matInput
-          type="search"
-          [ngModel]="query()"
-          (ngModelChange)="query.set($event)"
-          placeholder="Nome, capability ou readiness"
-          data-testid="component-palette-search"
-          />
-      </mat-form-field>
-      @if (filtered().length) {
-        <div [class]="'pdx-grid ' + density()">
-          @for (entry of filtered(); track trackById($index, entry)) {
-            <button
-              class="pdx-card mat-elevation-z2"
-              type="button"
-              [attr.aria-label]="'Adicionar ' + entry.title"
-              (click)="select(entry)"
-              >
-              <div class="pdx-card-icon">
-                <mat-icon [praxisIcon]="entry.icon"></mat-icon>
-              </div>
-              <div class="pdx-card-body">
-                <div class="pdx-card-title">{{ entry.title }}</div>
-                <div class="pdx-card-desc">{{ entry.description }}</div>
-                @if (entry.badges.length) {
-                  <div class="pdx-card-badges">
-                    @for (badge of entry.badges; track badge) {
-                      <span
-                        class="pdx-card-badge"
-                        [class]="'pdx-card-badge ' + badge.tone"
-                        [title]="badge.description"
-                        >
-                        <mat-icon [praxisIcon]="badge.icon" aria-hidden="true"></mat-icon>
-                        {{ badge.label }}
-                      </span>
-                    }
-                  </div>
-                }
-              </div>
-            </button>
-          }
-        </div>
-      } @else {
-        <div class="pdx-empty">
-          <mat-icon [praxisIcon]="'sentiment_dissatisfied'"></mat-icon>
-          <div>Nenhum componente disponível</div>
-        </div>
-      }
-    
-    </div>
-    <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-palette-search{width:100%;margin-bottom:12px}.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{appearance:none;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;color:inherit;font:inherit;min-height:92px;text-align:left;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-card-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.pdx-card-badge{display:inline-flex;align-items:center;gap:4px;min-height:22px;padding:2px 8px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface-variant);background:var(--md-sys-color-surface-container-highest);font-size:11px;line-height:1.2;font-weight:600;letter-spacing:.01em}.pdx-card-badge mat-icon{width:14px;height:14px;font-size:14px}.pdx-card-badge.ready{color:var(--md-sys-color-primary);border-color:color-mix(in srgb,var(--md-sys-color-primary) 45%,transparent);background:color-mix(in srgb,var(--md-sys-color-primary-container) 72%,transparent)}.pdx-card-badge.info{color:var(--md-sys-color-tertiary);border-color:color-mix(in srgb,var(--md-sys-color-tertiary) 38%,transparent);background:color-mix(in srgb,var(--md-sys-color-tertiary-container) 68%,transparent)}.pdx-card-badge.warning{color:var(--md-sys-color-error);border-color:color-mix(in srgb,var(--md-sys-color-error) 35%,transparent);background:color-mix(in srgb,var(--md-sys-color-error-container) 62%,transparent)}.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: 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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: "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.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i5.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: i2$1.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: "21.2.14", ngImport: i0, type: ComponentPaletteDialogComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'praxis-component-palette-dialog', standalone: true, imports: [FormsModule, MatDialogModule, MatFormFieldModule, MatInputModule, MatIconModule, MatButtonModule, PraxisIconDirective], template: `
-    <h2 mat-dialog-title>
-      <div class="dlg-title">
-        <mat-icon class="dlg-icon" [praxisIcon]="'widgets'"></mat-icon>
-        <div class="dlg-texts">
-          <div class="dlg-head">{{ data?.title || 'Inserir componente' }}</div>
-          <div class="dlg-sub">Escolha um componente para adicionar à página · {{ filtered().length }} disponíveis</div>
-        </div>
-      </div>
-    </h2>
-    <div mat-dialog-content class="pdx-palette-content">
-      <mat-form-field class="pdx-palette-search" appearance="outline">
-        <mat-label>Buscar componente</mat-label>
-        <mat-icon matPrefix [praxisIcon]="'search'"></mat-icon>
-        <input
-          matInput
-          type="search"
-          [ngModel]="query()"
-          (ngModelChange)="query.set($event)"
-          placeholder="Nome, capability ou readiness"
-          data-testid="component-palette-search"
-          />
-      </mat-form-field>
-      @if (filtered().length) {
-        <div [class]="'pdx-grid ' + density()">
-          @for (entry of filtered(); track trackById($index, entry)) {
-            <button
-              class="pdx-card mat-elevation-z2"
-              type="button"
-              [attr.aria-label]="'Adicionar ' + entry.title"
-              (click)="select(entry)"
-              >
-              <div class="pdx-card-icon">
-                <mat-icon [praxisIcon]="entry.icon"></mat-icon>
-              </div>
-              <div class="pdx-card-body">
-                <div class="pdx-card-title">{{ entry.title }}</div>
-                <div class="pdx-card-desc">{{ entry.description }}</div>
-                @if (entry.badges.length) {
-                  <div class="pdx-card-badges">
-                    @for (badge of entry.badges; track badge) {
-                      <span
-                        class="pdx-card-badge"
-                        [class]="'pdx-card-badge ' + badge.tone"
-                        [title]="badge.description"
-                        >
-                        <mat-icon [praxisIcon]="badge.icon" aria-hidden="true"></mat-icon>
-                        {{ badge.label }}
-                      </span>
-                    }
-                  </div>
-                }
-              </div>
-            </button>
-          }
-        </div>
-      } @else {
-        <div class="pdx-empty">
-          <mat-icon [praxisIcon]="'sentiment_dissatisfied'"></mat-icon>
-          <div>Nenhum componente disponível</div>
-        </div>
-      }
-    
-    </div>
-    <div mat-dialog-actions align="end">
-      <button mat-stroked-button color="primary" mat-dialog-close>Cancelar</button>
-    </div>
-    `, changeDetection: ChangeDetectionStrategy.OnPush, 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-palette-search{width:100%;margin-bottom:12px}.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{appearance:none;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;color:inherit;font:inherit;min-height:92px;text-align:left;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-card-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.pdx-card-badge{display:inline-flex;align-items:center;gap:4px;min-height:22px;padding:2px 8px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface-variant);background:var(--md-sys-color-surface-container-highest);font-size:11px;line-height:1.2;font-weight:600;letter-spacing:.01em}.pdx-card-badge mat-icon{width:14px;height:14px;font-size:14px}.pdx-card-badge.ready{color:var(--md-sys-color-primary);border-color:color-mix(in srgb,var(--md-sys-color-primary) 45%,transparent);background:color-mix(in srgb,var(--md-sys-color-primary-container) 72%,transparent)}.pdx-card-badge.info{color:var(--md-sys-color-tertiary);border-color:color-mix(in srgb,var(--md-sys-color-tertiary) 38%,transparent);background:color-mix(in srgb,var(--md-sys-color-tertiary-container) 68%,transparent)}.pdx-card-badge.warning{color:var(--md-sys-color-error);border-color:color-mix(in srgb,var(--md-sys-color-error) 35%,transparent);background:color-mix(in srgb,var(--md-sys-color-error-container) 62%,transparent)}.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"] }]
-        }], ctorParameters: () => [{ type: i1.MatDialogRef }, { type: i2$2.ComponentMetadataRegistry }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [MAT_DIALOG_DATA]
-                }] }] });
-
-const BUILTIN_PRESET_LABELS = {
-    'dark-glass': 'Dark Glass',
-    'light-neutral': 'Light Neutral',
-    graphite: 'Graphite',
-    frameless: 'Frameless',
-    'data-panel': 'Data Panel',
-    'chart-panel': 'Chart Panel',
-    'metric-panel': 'Metric Panel',
-    'executive-card': 'Executive Card',
-    'filter-bar': 'Filter Bar',
-};
-const BUILTIN_PRESET_OPTIONS = Object.keys(BUILTIN_SHELL_PRESETS).map((id) => ({
-    id,
-    label: BUILTIN_PRESET_LABELS[id] ?? id,
-}));
-const BUILTIN_PRESET_MAP = BUILTIN_SHELL_PRESETS;
-const SET_INPUT_PRESETS = {
-    'praxis-dynamic-form': [
-        {
-            input: 'mode',
-            label: 'Modo',
-            icon: 'toggle_on',
-            values: [
-                { label: 'Visualização', value: 'view', icon: 'visibility' },
-                { label: 'Edição', value: 'edit', icon: 'edit' },
-                { label: 'Criação', value: 'create', icon: 'add' },
-            ],
-        },
-        {
-            input: 'schemaSource',
-            label: 'Fonte do schema',
-            icon: 'schema',
-            values: [
-                { label: 'Recurso', value: 'resource' },
-                { label: 'Filtro', value: 'filter' },
-            ],
-        },
-        {
-            input: 'notifyIfOutdated',
-            label: 'Notificação de schema',
-            icon: 'notification_important',
-            values: [
-                { label: 'Inline', value: 'inline' },
-                { label: 'Snackbar', value: 'snackbar' },
-                { label: 'Ambos', value: 'both' },
-                { label: 'Nenhum', value: 'none' },
-            ],
-        },
-        {
-            input: 'removeEmptyContainersOnSave',
-            label: 'Remover containers vazios',
-            icon: 'cleaning_services',
-            values: [
-                { label: 'Ativar', value: true },
-                { label: 'Desativar', value: false },
-            ],
-        },
-        {
-            input: 'autoOpenSettingsOnOutdated',
-            label: 'Abrir editor automático',
-            icon: 'open_in_new',
-            values: [
-                { label: 'Ativar', value: true },
-                { label: 'Desativar', value: false },
-            ],
-        },
-        {
-            input: 'readonlyModeGlobal',
-            label: 'Somente leitura global',
-            icon: 'lock',
-            values: [
-                { label: 'Ativar', value: true },
-                { label: 'Desativar', value: false },
-            ],
-        },
-        {
-            input: 'disabledModeGlobal',
-            label: 'Desabilitar global',
-            icon: 'block',
-            values: [
-                { label: 'Ativar', value: true },
-                { label: 'Desativar', value: false },
-            ],
-        },
-        {
-            input: 'presentationModeGlobal',
-            label: 'Modo apresentação',
-            icon: 'slideshow',
-            values: [
-                { label: 'Ativar', value: true },
-                { label: 'Desativar', value: false },
-            ],
-        },
-        {
-            input: 'visibleGlobal',
-            label: 'Visibilidade global',
-            icon: 'visibility',
-            values: [
-                { label: 'Exibir', value: true },
-                { label: 'Ocultar', value: false },
-            ],
-        },
-    ],
-    'praxis-table': [
-        {
-            input: 'showToolbar',
-            label: 'Toolbar',
-            icon: 'toolbar',
-            values: [
-                { label: 'Exibir', value: true },
-                { label: 'Ocultar', value: false },
-            ],
-        },
-        {
-            input: 'toolbarV2',
-            label: 'Toolbar v2',
-            icon: 'view_compact',
-            values: [
-                { label: 'Ativar', value: true },
-                { label: 'Desativar', value: false },
-            ],
-        },
-        {
-            input: 'autoDelete',
-            label: 'Auto delete',
-            icon: 'delete_forever',
-            values: [
-                { label: 'Ativar', value: true },
-                { label: 'Desativar', value: false },
-            ],
-        },
-        {
-            input: 'dense',
-            label: 'Modo compacto',
-            icon: 'compress',
-            values: [
-                { label: 'Ativar', value: true },
-                { label: 'Desativar', value: false },
-            ],
-        },
-    ],
-    'praxis-stepper': [
-        {
-            input: 'inputs.config.orientation',
-            label: 'Orientação',
-            icon: 'swap_vert',
-            values: [
-                { label: 'Horizontal', value: 'horizontal' },
-                { label: 'Vertical', value: 'vertical' },
-            ],
-        },
-        {
-            input: 'inputs.config.headerPosition',
-            label: 'Posição do cabeçalho',
-            icon: 'vertical_align_top',
-            values: [
-                { label: 'Topo', value: 'top' },
-                { label: 'Base', value: 'bottom' },
-            ],
-        },
-        {
-            input: 'inputs.config.linear',
-            label: 'Modo linear',
-            icon: 'linear_scale',
-            values: [
-                { label: 'Ativar', value: true },
-                { label: 'Desativar', value: false },
-            ],
-        },
-        {
-            input: 'inputs.config.navigation.variant',
-            label: 'Navegação (variante)',
-            icon: 'tune',
-            values: [
-                { label: 'Basic', value: 'basic' },
-                { label: 'Flat', value: 'flat' },
-                { label: 'Stroked', value: 'stroked' },
-                { label: 'Raised', value: 'raised' },
-            ],
-        },
-        {
-            input: 'inputs.config.navigation.align',
-            label: 'Navegação (alinhamento)',
-            icon: 'format_align_center',
-            values: [
-                { label: 'Início', value: 'start' },
-                { label: 'Centro', value: 'center' },
-                { label: 'Fim', value: 'end' },
-                { label: 'Espaçado', value: 'space-between' },
-            ],
-        },
-        {
-            input: 'labelPosition',
-            label: 'Posição do rótulo',
-            icon: 'format_align_center',
-            values: [
-                { label: 'Abaixo', value: 'bottom' },
-                { label: 'Ao lado', value: 'end' },
-            ],
-        },
-        {
-            input: 'density',
-            label: 'Densidade',
-            icon: 'density_small',
-            values: [
-                { label: 'Padrão', value: 'default' },
-                { label: 'Confortável', value: 'comfortable' },
-                { label: 'Compacto', value: 'compact' },
-            ],
-        },
-    ],
-    'praxis-expansion': [
-        {
-            input: 'strictValidation',
-            label: 'Validação estrita',
-            icon: 'rule',
-            values: [
-                { label: 'Ativar', value: true },
-                { label: 'Desativar', value: false },
-            ],
-        },
-    ],
-};
-class WidgetShellEditorComponent {
-    registry;
-    form = new FormGroup({
-        kind: new FormControl('dashboard-card', { nonNullable: true }),
-        preset: new FormControl('', { nonNullable: true }),
-        applyToAll: new FormControl(false, { nonNullable: true }),
-        title: new FormControl('', { nonNullable: true }),
-        subtitle: new FormControl('', { nonNullable: true }),
-        icon: new FormControl('', { nonNullable: true }),
-        showHeader: new FormControl('auto', { nonNullable: true }),
-        collapsible: new FormControl(true, { nonNullable: true }),
-        cardBg: new FormControl('', { nonNullable: true }),
-        cardBorder: new FormControl('', { nonNullable: true }),
-        cardRadius: new FormControl('', { nonNullable: true }),
-        cardShadow: new FormControl('', { nonNullable: true }),
-        headerBg: new FormControl('', { nonNullable: true }),
-        headerBorder: new FormControl('', { nonNullable: true }),
-        titleColor: new FormControl('', { nonNullable: true }),
-        subtitleColor: new FormControl('', { nonNullable: true }),
-        iconColor: new FormControl('', { nonNullable: true }),
-        bodyBg: new FormControl('', { nonNullable: true }),
-        bodyColor: new FormControl('', { nonNullable: true }),
-        bodyPadding: new FormControl('', { nonNullable: true }),
-        titleSize: new FormControl('', { nonNullable: true }),
-        titleWeight: new FormControl('', { nonNullable: true }),
-        subtitleSize: new FormControl('', { nonNullable: true }),
-        actions: new FormArray([]),
-    });
-    initialShell = new BehaviorSubject(null);
-    dirtySubject = new BehaviorSubject(false);
-    validSubject = new BehaviorSubject(true);
-    busySubject = new BehaviorSubject(false);
-    isDirty$ = this.dirtySubject.asObservable();
-    isValid$ = this.validSubject.asObservable();
-    isBusy$ = this.busySubject.asObservable();
-    snapshot = '';
-    initialTitle;
-    initialSubtitle;
-    actionCopySources = new WeakMap();
-    presetOptions = [...BUILTIN_PRESET_OPTIONS];
-    presets = { ...BUILTIN_PRESET_MAP };
-    availableActions = [];
-    actionQuery = new FormControl('', { nonNullable: true });
-    showScopeShell = true;
-    showScopeAny = true;
-    showScopeToolbar = false;
-    showScopeContext = false;
-    setInputPresets = [];
-    setInputTarget = new FormControl('', { nonNullable: true });
-    setInputValue = new FormControl(null);
-    previewCollapsed = false;
-    previewExpanded = false;
-    pagePreset = null;
-    constructor(data, registry) {
-        this.registry = registry;
-        const customPresets = data?.presets || {};
-        const customOptions = Object.keys(customPresets).map((id) => ({ id, label: id }));
-        this.presetOptions = [...BUILTIN_PRESET_OPTIONS, ...customOptions];
-        this.presets = { ...BUILTIN_PRESET_MAP, ...customPresets };
-        this.pagePreset = data?.pagePreset || null;
-        const shell = data?.shell || null;
-        this.initialShell.next(shell);
-        this.applyShell(shell);
-        this.loadAvailableActions(data?.widgetType || null);
-        this.loadSetInputPresets(data?.widgetType || null);
-        this.form.valueChanges
-            .pipe(takeUntilDestroyed())
-            .subscribe(() => {
-            this.validSubject.next(this.form.valid);
-            const current = this.snapshotValue();
-            this.dirtySubject.next(current !== this.snapshot);
-        });
-        this.form.controls.preset.valueChanges
-            .pipe(takeUntilDestroyed())
-            .subscribe((value) => {
-            if (!value && this.form.controls.applyToAll.value) {
-                this.form.controls.applyToAll.setValue(false, { emitEvent: false });
-            }
-        });
-        this.setInputTarget.valueChanges
-            .pipe(takeUntilDestroyed())
-            .subscribe(() => {
-            const next = this.currentSetInputValues()[0];
-            if (next)
-                this.setInputValue.setValue(next.value, { emitEvent: false });
-        });
-    }
-    get actions() {
-        return this.form.controls.actions;
-    }
-    get hasAvailableActions() {
-        return !!this.availableActions.length;
-    }
-    addAction(seed) {
-        this.actions.push(this.createActionGroup(seed));
-    }
-    removeAction(index) {
-        this.actions.removeAt(index);
-    }
-    getSettingsValue() {
-        return this.buildResult();
-    }
-    onSave() {
-        return this.buildResult();
-    }
-    reset() {
-        const shell = this.initialShell.value;
-        this.applyShell(shell);
-    }
-    applyShell(shell) {
-        this.initialTitle = shell?.title;
-        this.initialSubtitle = shell?.subtitle;
-        const showHeader = shell?.showHeader == null ? 'auto' : shell.showHeader ? 'true' : 'false';
-        const window = shell?.windowActions || {};
-        const appearance = shell?.appearance || {};
-        const card = appearance.card || {};
-        const header = appearance.header || {};
-        const body = appearance.body || {};
-        const typography = appearance.typography || {};
-        this.form.setControl('actions', new FormArray((shell?.actions || []).map((a) => this.createActionGroup(a))));
-        this.form.setValue({
-            kind: shell?.kind === 'none' ? 'none' : 'dashboard-card',
-            preset: shell?.preset || '',
-            applyToAll: false,
-            title: this.editableText(shell?.title),
-            subtitle: this.editableText(shell?.subtitle),
-            icon: shell?.icon || '',
-            showHeader,
-            collapsible: window.collapsible !== false,
-            cardBg: card.background || '',
-            cardBorder: card.borderColor || '',
-            cardRadius: card.borderRadius || '',
-            cardShadow: card.shadow || '',
-            headerBg: header.background || '',
-            headerBorder: header.borderColor || '',
-            titleColor: header.titleColor || '',
-            subtitleColor: header.subtitleColor || '',
-            iconColor: header.iconColor || '',
-            bodyBg: body.background || '',
-            bodyColor: body.textColor || '',
-            bodyPadding: body.padding || '',
-            titleSize: typography.titleSize || '',
-            titleWeight: typography.titleWeight || '',
-            subtitleSize: typography.subtitleSize || '',
-            actions: this.actions.value,
-        }, { emitEvent: false });
-        this.snapshot = this.snapshotValue();
-        this.dirtySubject.next(false);
-        this.validSubject.next(this.form.valid);
-    }
-    loadAvailableActions(widgetType) {
-        if (!widgetType || !this.registry) {
-            this.availableActions = [];
-            return;
-        }
-        const meta = this.registry.get(widgetType);
-        const actions = (meta?.actions || []).map((action) => ({
-            kind: 'action',
-            id: action.id,
-            label: action.label || action.id,
-            icon: action.icon,
-            scope: action.scope || 'any',
-            emit: action.emit,
-            command: action.command,
-            description: action.description,
-            payloadExample: action.payloadSchema?.example,
-        }));
-        const commands = (meta?.commands || []).map((command) => ({
-            kind: 'command',
-            id: command.name,
-            label: command.label || command.name,
-            icon: command.icon,
-            scope: 'any',
-            command: command.name,
-            description: command.description,
-            payloadExample: command.payloadSchema?.example,
-        }));
-        this.availableActions = [...actions, ...commands];
-    }
-    createActionGroup(seed) {
-        const group = new FormGroup({
-            id: new FormControl(seed?.id || '', { nonNullable: true, validators: [Validators.required] }),
-            label: new FormControl(this.editableText(seed?.label), { nonNullable: true }),
-            icon: new FormControl(seed?.icon || '', { nonNullable: true }),
-            variant: new FormControl(seed?.variant || 'text', { nonNullable: true }),
-            placement: new FormControl(seed?.placement || 'header', { nonNullable: true }),
-            emit: new FormControl(seed?.emit || '', { nonNullable: true }),
-            tooltip: new FormControl(this.editableText(seed?.tooltip), { nonNullable: true }),
-            command: new FormControl(seed?.command || '', { nonNullable: true }),
-            payload: new FormControl(seed?.payload != null ? JSON.stringify(seed.payload) : '', { nonNullable: true }),
-            visible: new FormControl(seed?.visible !== false, { nonNullable: true }),
-            disabled: new FormControl(!!seed?.disabled, { nonNullable: true }),
-        });
-        this.actionCopySources.set(group, { label: seed?.label, tooltip: seed?.tooltip });
-        return group;
-    }
-    buildShell() {
-        const raw = this.form.getRawValue();
-        if (raw.kind === 'none') {
-            return { kind: 'none' };
-        }
-        const shell = {};
-        if (raw.preset)
-            shell.preset = raw.preset;
-        const title = this.preserveTextDescriptor(this.initialTitle, raw.title);
-        const subtitle = this.preserveTextDescriptor(this.initialSubtitle, raw.subtitle);
-        if (title)
-            shell.title = title;
-        if (subtitle)
-            shell.subtitle = subtitle;
-        if (raw.icon.trim())
-            shell.icon = raw.icon.trim();
-        if (raw.showHeader !== 'auto')
-            shell.showHeader = raw.showHeader === 'true';
-        const windowActions = {};
-        if (!raw.collapsible)
-            windowActions.collapsible = false;
-        if (Object.keys(windowActions).length)
-            shell.windowActions = windowActions;
-        const actions = this.actions.controls
-            .map((group) => this.normalizeAction(group.getRawValue(), this.actionCopySources.get(group)))
-            .filter((a) => a.id);
-        if (actions.length)
-            shell.actions = actions;
-        const appearance = this.buildAppearance(raw);
-        if (appearance)
-            shell.appearance = appearance;
-        return shell;
-    }
-    buildResult() {
-        const raw = this.form.getRawValue();
-        const shell = this.buildShell();
-        const applyToAll = !!raw.applyToAll && !!raw.preset;
-        return {
-            shell,
-            applyToAll,
-            pagePreset: applyToAll ? raw.preset : undefined,
-        };
-    }
-    buildAppearance(raw) {
-        const card = {};
-        const header = {};
-        const body = {};
-        const typography = {};
-        if (raw.cardBg)
-            card.background = raw.cardBg.trim();
-        if (raw.cardBorder)
-            card.borderColor = raw.cardBorder.trim();
-        if (raw.cardRadius)
-            card.borderRadius = raw.cardRadius.trim();
-        if (raw.cardShadow)
-            card.shadow = raw.cardShadow.trim();
-        if (raw.headerBg)
-            header.background = raw.headerBg.trim();
-        if (raw.headerBorder)
-            header.borderColor = raw.headerBorder.trim();
-        if (raw.titleColor)
-            header.titleColor = raw.titleColor.trim();
-        if (raw.subtitleColor)
-            header.subtitleColor = raw.subtitleColor.trim();
-        if (raw.iconColor)
-            header.iconColor = raw.iconColor.trim();
-        if (raw.bodyBg)
-            body.background = raw.bodyBg.trim();
-        if (raw.bodyColor)
-            body.textColor = raw.bodyColor.trim();
-        if (raw.bodyPadding)
-            body.padding = raw.bodyPadding.trim();
-        if (raw.titleSize)
-            typography.titleSize = raw.titleSize.trim();
-        if (raw.titleWeight)
-            typography.titleWeight = raw.titleWeight.trim();
-        if (raw.subtitleSize)
-            typography.subtitleSize = raw.subtitleSize.trim();
-        const appearance = {};
-        if (Object.keys(card).length)
-            appearance.card = card;
-        if (Object.keys(header).length)
-            appearance.header = header;
-        if (Object.keys(body).length)
-            appearance.body = body;
-        if (Object.keys(typography).length)
-            appearance.typography = typography;
-        return Object.keys(appearance).length ? appearance : undefined;
-    }
-    previewVars() {
-        const appearance = this.buildPreviewAppearance();
-        return {
-            '--pdx-shell-card-bg': appearance?.card?.background || null,
-            '--pdx-shell-card-border': appearance?.card?.borderColor || null,
-            '--pdx-shell-card-radius': appearance?.card?.borderRadius || null,
-            '--pdx-shell-card-shadow': appearance?.card?.shadow || null,
-            '--pdx-shell-header-bg': appearance?.header?.background || null,
-            '--pdx-shell-header-border': appearance?.header?.borderColor || null,
-            '--pdx-shell-title-color': appearance?.header?.titleColor || null,
-            '--pdx-shell-subtitle-color': appearance?.header?.subtitleColor || null,
-            '--pdx-shell-icon-color': appearance?.header?.iconColor || null,
-            '--pdx-shell-body-bg': appearance?.body?.background || null,
-            '--pdx-shell-body-color': appearance?.body?.textColor || null,
-            '--pdx-shell-body-padding': appearance?.body?.padding || null,
-            '--pdx-shell-title-size': appearance?.typography?.titleSize || null,
-            '--pdx-shell-title-weight': appearance?.typography?.titleWeight || null,
-            '--pdx-shell-subtitle-size': appearance?.typography?.subtitleSize || null,
-        };
-    }
-    previewShowHeader() {
-        const raw = this.form.getRawValue();
-        if (raw.kind === 'none')
-            return false;
-        if (raw.showHeader === 'true')
-            return true;
-        if (raw.showHeader === 'false')
-            return false;
-        return !!(raw.title || raw.subtitle || raw.icon);
-    }
-    previewTitle() {
-        const title = this.editableText(this.form.controls.title.value).trim();
-        return title || 'Titulo do card';
-    }
-    previewSubtitle() {
-        const subtitle = this.editableText(this.form.controls.subtitle.value).trim();
-        return subtitle || 'Subtitulo opcional';
-    }
-    buildPreviewAppearance() {
-        const raw = this.form.getRawValue();
-        const presetId = raw.preset || this.pagePreset || '';
-        const base = presetId ? this.presets[presetId] : undefined;
-        const override = this.buildAppearance(raw);
-        return this.mergeAppearance(base, override);
-    }
-    mergeAppearance(base, override) {
-        if (!base && !override)
-            return undefined;
-        const out = {};
-        const mergeSection = (key) => {
-            const a = (base && base[key]) || undefined;
-            const b = (override && override[key]) || undefined;
-            if (!a && !b)
-                return;
-            out[key] = { ...(a || {}), ...(b || {}) };
-        };
-        mergeSection('card');
-        mergeSection('header');
-        mergeSection('body');
-        mergeSection('typography');
-        return out;
-    }
-    togglePreviewCollapse() {
-        this.previewCollapsed = !this.previewCollapsed;
-    }
-    togglePreviewExpand() {
-        this.previewExpanded = !this.previewExpanded;
-    }
-    previewHeaderActions() {
-        const actions = this.previewActions().filter((a) => (a.placement || 'header') === 'header');
-        return actions.slice(0, 3);
-    }
-    previewOverflowCount() {
-        const actions = this.previewActions().filter((a) => (a.placement || 'header') === 'header');
-        return Math.max(0, actions.length - 3);
-    }
-    previewWindowActions() {
-        return this.previewActions().filter((a) => (a.placement || 'header') === 'window');
-    }
-    normalizeAction(raw, source) {
-        const action = { id: String(raw.id || '').trim() };
-        const label = String(raw.label || '').trim();
-        const icon = String(raw.icon || '').trim();
-        const emit = String(raw.emit || '').trim();
-        const tooltip = String(raw.tooltip || '').trim();
-        const command = String(raw.command || '').trim();
-        const normalizedLabel = this.preserveTextDescriptor(source?.label, label);
-        const normalizedTooltip = this.preserveTextDescriptor(source?.tooltip, tooltip);
-        if (normalizedLabel)
-            action.label = normalizedLabel;
-        if (icon)
-            action.icon = icon;
-        if (emit)
-            action.emit = emit;
-        if (normalizedTooltip)
-            action.tooltip = normalizedTooltip;
-        if (command)
-            action.command = command;
-        if (raw.variant && raw.variant !== 'text')
-            action.variant = raw.variant;
-        if (raw.placement && raw.placement !== 'header')
-            action.placement = raw.placement;
-        if (raw.visible === false)
-            action.visible = false;
-        if (raw.disabled === true)
-            action.disabled = true;
-        const payload = this.tryParsePayload(raw.payload);
-        if (payload !== undefined)
-            action.payload = payload;
-        return action;
-    }
-    editableText(value) {
-        if (typeof value === 'string')
-            return value;
-        return value?.text || value?.key || '';
-    }
-    preserveTextDescriptor(source, editedValue) {
-        const edited = String(editedValue ?? '').trim();
-        if (!edited)
-            return undefined;
-        if (source && typeof source === 'object') {
-            const authoredText = this.editableText(source).trim();
-            return edited === authoredText ? { ...source } : edited;
-        }
-        return edited;
-    }
-    tryParsePayload(raw) {
-        const value = String(raw || '').trim();
-        if (!value)
-            return undefined;
-        try {
-            return JSON.parse(value);
-        }
-        catch {
-            return value;
-        }
-    }
-    snapshotValue() {
-        try {
-            return JSON.stringify(this.buildResult());
-        }
-        catch {
-            return '';
-        }
-    }
-    filteredAvailableActions() {
-        const query = this.actionQuery.value.trim().toLowerCase();
-        const scopes = new Set();
-        if (this.showScopeShell)
-            scopes.add('shell');
-        if (this.showScopeAny)
-            scopes.add('any');
-        if (this.showScopeToolbar)
-            scopes.add('toolbar');
-        if (this.showScopeContext)
-            scopes.add('context');
-        return this.availableActions.filter((action) => {
-            const scope = action.scope || 'any';
-            if (!scopes.has(scope))
-                return false;
-            if (!query)
-                return true;
-            const hay = [
-                action.label,
-                action.id,
-                action.description,
-                action.emit,
-                action.command,
-            ]
-                .filter(Boolean)
-                .join(' ')
-                .toLowerCase();
-            return hay.includes(query);
-        });
-    }
-    isActionSelected(action) {
-        return this.findActionIndex(action) >= 0;
-    }
-    toggleAvailableAction(action) {
-        const idx = this.findActionIndex(action);
-        if (idx >= 0) {
-            this.removeAction(idx);
-            return;
-        }
-        this.addAction({
-            id: action.id,
-            label: action.label,
-            icon: action.icon,
-            emit: action.emit,
-            command: action.command,
-            payload: action.payloadExample,
-        });
-    }
-    scopeLabel(scope) {
-        const value = scope || 'any';
-        if (value === 'shell')
-            return 'Shell';
-        if (value === 'toolbar')
-            return 'Toolbar';
-        if (value === 'context')
-            return 'Context';
-        return 'Any';
-    }
-    stringifyPayload(payload) {
-        if (payload === null)
-            return 'null';
-        if (payload === undefined)
-            return 'undefined';
-        if (typeof payload === 'string')
-            return payload;
-        try {
-            return JSON.stringify(payload);
-        }
-        catch {
-            return String(payload);
-        }
-    }
-    displayInputPath(path) {
-        const trimmed = String(path || '').trim();
-        if (!trimmed)
-            return '';
-        return trimmed.replace(/^inputs\./, '');
-    }
-    extractActionInput(actionValue) {
-        const payload = this.tryParsePayload(actionValue?.payload);
-        const input = typeof payload?.input === 'string' ? payload.input.trim() : '';
-        return input;
-    }
-    showActionInputPath(actionValue) {
-        const command = String(actionValue?.command || '').trim();
-        if (command !== 'pdx:set-input')
-            return false;
-        return !!this.extractActionInput(actionValue);
-    }
-    currentSetInputValues() {
-        const preset = this.setInputPresets.find((p) => p.input === this.setInputTarget.value);
-        return preset?.values || [];
-    }
-    addSetInputAction() {
-        const preset = this.setInputPresets.find((p) => p.input === this.setInputTarget.value);
-        if (!preset)
-            return;
-        const selected = this.currentSetInputValues().find((v) => v.value === this.setInputValue.value);
-        if (!selected)
-            return;
-        const label = `${preset.label}: ${selected.label}`;
-        const payload = { input: preset.input, value: selected.value };
-        this.addAction({
-            id: `set-${preset.input}-${String(selected.value)}`,
-            label,
-            icon: selected.icon || preset.icon,
-            command: 'pdx:set-input',
-            payload,
-            variant: 'text',
-            placement: 'header',
-        });
-    }
-    findActionIndex(action) {
-        const values = this.actions.getRawValue();
-        return values.findIndex((a) => {
-            if (a.id !== action.id)
-                return false;
-            if (action.command && a.command)
-                return a.command === action.command;
-            if (action.emit && a.emit)
-                return a.emit === action.emit;
-            return true;
-        });
-    }
-    previewActions() {
-        return (this.actions.getRawValue() || [])
-            .map((a) => this.normalizeAction(a))
-            .filter((a) => a.id && a.visible !== false);
-    }
-    loadSetInputPresets(widgetType) {
-        if (!widgetType) {
-            this.setInputPresets = [];
-            return;
-        }
-        this.setInputPresets = SET_INPUT_PRESETS[widgetType] || [];
-        const first = this.setInputPresets[0];
-        if (first) {
-            this.setInputTarget.setValue(first.input, { emitEvent: false });
-            const firstValue = first.values[0];
-            if (firstValue)
-                this.setInputValue.setValue(firstValue.value, { emitEvent: false });
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: WidgetShellEditorComponent, deps: [{ token: SETTINGS_PANEL_DATA, optional: true }, { token: i2$2.ComponentMetadataRegistry, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: WidgetShellEditorComponent, isStandalone: true, selector: "praxis-widget-shell-editor", ngImport: i0, template: `
-    <div class="shell-editor">
-      <p class="shell-intro">
-        Defina a identidade, a aparência e as ações do card. Use a prévia para conferir o resultado antes de salvar.
-      </p>
-    
-      <div class="shell-section">Geral</div>
-      <div class="shell-grid">
-        <mat-form-field appearance="outline">
-          <mat-label>Tipo de card</mat-label>
-          <mat-select [formControl]="form.controls.kind">
-            <mat-option value="dashboard-card">Dashboard Card</mat-option>
-            <mat-option value="none">Sem shell</mat-option>
-          </mat-select>
-        </mat-form-field>
-        <mat-form-field appearance="outline">
-          <mat-label>Preset</mat-label>
-          <mat-select [formControl]="form.controls.preset">
-            <mat-option value="">Nenhum</mat-option>
-            @if (pagePreset) {
-              <mat-option [value]="pagePreset">Usar preset da página ({{ pagePreset }})</mat-option>
-            }
-            @for (p of presetOptions; track p) {
-              <mat-option [value]="p.id">{{ p.label }}</mat-option>
-            }
-          </mat-select>
-        </mat-form-field>
-        @if (!form.controls.preset.value && pagePreset) {
-          <div class="shell-hint">
-            Preset da página: {{ pagePreset }}
-          </div>
-        }
-        @if (form.controls.preset.value) {
-          <mat-checkbox [formControl]="form.controls.applyToAll">
-            Aplicar preset como padrão da página
-          </mat-checkbox>
-        }
-        <mat-form-field appearance="outline">
-          <mat-label>Ícone</mat-label>
-          <input matInput [formControl]="form.controls.icon" placeholder="ex: badge" />
-        </mat-form-field>
-        <mat-form-field appearance="outline">
-          <mat-label>Título</mat-label>
-          <input matInput [formControl]="form.controls.title" />
-        </mat-form-field>
-        <mat-form-field appearance="outline" class="shell-field--wide">
-          <mat-label>Subtítulo</mat-label>
-          <input matInput [formControl]="form.controls.subtitle" />
-        </mat-form-field>
-        <mat-form-field appearance="outline">
-          <mat-label>Mostrar cabeçalho</mat-label>
-          <mat-select [formControl]="form.controls.showHeader">
-            <mat-option value="auto">Automático</mat-option>
-            <mat-option value="true">Sempre</mat-option>
-            <mat-option value="false">Nunca</mat-option>
-          </mat-select>
-        </mat-form-field>
-      </div>
-    
-      <div class="shell-section">Controles de janela</div>
-      <div class="shell-flags">
-        <mat-checkbox [formControl]="form.controls.collapsible">Permitir recolher</mat-checkbox>
-      </div>
-    
-      <mat-divider></mat-divider>
-    
-      <div class="shell-section">Aparência</div>
-      <div class="shell-grid">
-        <mat-form-field appearance="outline">
-          <mat-label>Fundo do card</mat-label>
-          <input matInput [formControl]="form.controls.cardBg" placeholder="ex: #0b1220" />
-        </mat-form-field>
-        <mat-form-field appearance="outline">
-          <mat-label>Cor da borda</mat-label>
-          <input matInput [formControl]="form.controls.cardBorder" placeholder="ex: rgba(255,255,255,0.12)" />
-        </mat-form-field>
-        <mat-form-field appearance="outline">
-          <mat-label>Raio da borda</mat-label>
-          <input matInput [formControl]="form.controls.cardRadius" placeholder="ex: 14px" />
-        </mat-form-field>
-        <mat-form-field appearance="outline">
-          <mat-label>Sombra</mat-label>
-          <input matInput [formControl]="form.controls.cardShadow" placeholder="ex: 0 10px 30px rgba(0,0,0,0.2)" />
-        </mat-form-field>
-        <mat-form-field appearance="outline">
-          <mat-label>Fundo do cabeçalho</mat-label>
-          <input matInput [formControl]="form.controls.headerBg" placeholder="ex: linear-gradient(...)" />
-        </mat-form-field>
-        <mat-form-field appearance="outline">
-          <mat-label>Borda do cabeçalho</mat-label>
-          <input matInput [formControl]="form.controls.headerBorder" placeholder="ex: rgba(255,255,255,0.08)" />
-        </mat-form-field>
-        <mat-form-field appearance="outline">
-          <mat-label>Cor do título</mat-label>
-          <input matInput [formControl]="form.controls.titleColor" placeholder="ex: #e6edf3" />
-        </mat-form-field>
-        <mat-form-field appearance="outline">
-          <mat-label>Cor do subtítulo</mat-label>
-          <input matInput [formControl]="form.controls.subtitleColor" placeholder="ex: #9fb0c4" />
-        </mat-form-field>
-        <mat-form-field appearance="outline">
-          <mat-label>Cor do ícone</mat-label>
-          <input matInput [formControl]="form.controls.iconColor" placeholder="ex: #8ab4ff" />
-        </mat-form-field>
-        <mat-form-field appearance="outline">
-          <mat-label>Fundo do corpo</mat-label>
-          <input matInput [formControl]="form.controls.bodyBg" placeholder="ex: transparent" />
-        </mat-form-field>
-        <mat-form-field appearance="outline">
-          <mat-label>Cor do texto do corpo</mat-label>
-          <input matInput [formControl]="form.controls.bodyColor" placeholder="ex: #e6edf3" />
-        </mat-form-field>
-        <mat-form-field appearance="outline">
-          <mat-label>Padding do corpo</mat-label>
-          <input matInput [formControl]="form.controls.bodyPadding" placeholder="ex: 10px 12px 12px" />
-        </mat-form-field>
-        <mat-form-field appearance="outline">
-          <mat-label>Tamanho do título</mat-label>
-          <input matInput [formControl]="form.controls.titleSize" placeholder="ex: 14px" />
-        </mat-form-field>
-        <mat-form-field appearance="outline">
-          <mat-label>Peso do título</mat-label>
-          <input matInput [formControl]="form.controls.titleWeight" placeholder="ex: 600" />
-        </mat-form-field>
-        <mat-form-field appearance="outline">
-          <mat-label>Tamanho do subtítulo</mat-label>
-          <input matInput [formControl]="form.controls.subtitleSize" placeholder="ex: 12px" />
-        </mat-form-field>
-      </div>
-    
-      <div class="shell-preview" [ngStyle]="previewVars()">
-        <div class="shell-preview-card" [class.no-shell]="form.controls.kind.value === 'none'" [class.expanded]="previewExpanded">
-          @if (previewShowHeader()) {
-            <div class="shell-preview-header">
-              <div class="shell-preview-title">
-                @if (form.controls.icon.value) {
-                  <mat-icon [praxisIcon]="form.controls.icon.value"></mat-icon>
-                }
-                <div class="shell-preview-text">
-                  <div class="shell-preview-title-text">{{ previewTitle() }}</div>
-                  <div class="shell-preview-subtitle">{{ previewSubtitle() }}</div>
-                </div>
-              </div>
-              <div class="shell-preview-actions">
-                @for (action of previewHeaderActions(); track action.id) {
-                  <button
-                    type="button"
-                    [disabled]="action.disabled"
-                    [ngClass]="action.variant === 'outlined' ? 'pdx-preview-outlined' : 'pdx-preview-text'"
-                    mat-button
-                    >
-                    @if (action.icon) {
-                      <mat-icon [praxisIcon]="action.icon"></mat-icon>
-                    }
-                    <span class="pdx-preview-label">{{ action.label || action.id }}</span>
-                  </button>
-                }
-                @if (previewOverflowCount()) {
-                  <button
-                    praxisIconButton="more_horiz"
-                    size="compact"
-                    type="button"
-                    aria-label="Mais ações"
-                  ></button>
-                }
-                @for (action of previewWindowActions(); track action.id) {
-                  @if (action.icon) {
-                    <button
-                      [praxisIconButton]="action.icon"
-                      size="compact"
-                      type="button"
-                      [disabled]="action.disabled"
-                      [attr.aria-label]="action.label || action.id"
-                    ></button>
-                  }
-                }
-                <button
-                  [praxisIconButton]="previewCollapsed ? 'unfold_more' : 'unfold_less'"
-                  size="compact"
-                  type="button"
-                  (click)="togglePreviewCollapse()"
-                  aria-label="Recolher"
-                ></button>
-                <button
-                  [praxisIconButton]="previewExpanded ? 'close_fullscreen' : 'open_in_full'"
-                  size="compact"
-                  type="button"
-                  (click)="togglePreviewExpand()"
-                  aria-label="Expandir"
-                ></button>
-              </div>
-            </div>
-          }
-          <div class="shell-preview-body" [class.hidden]="previewCollapsed">Conteudo do widget</div>
-        </div>
-      </div>
-    
-      <mat-divider></mat-divider>
-    
-      @if (hasAvailableActions) {
-        <div class="shell-section">Ações disponíveis</div>
-      }
-      @if (hasAvailableActions) {
-        <div class="shell-available">
-          <div class="shell-available-toolbar">
-            <mat-form-field appearance="outline">
-              <mat-label>Buscar ação</mat-label>
-              <input matInput [formControl]="actionQuery" placeholder="ex: export, editar, submit" />
-            </mat-form-field>
-            <div class="shell-available-filters">
-              <mat-checkbox [(ngModel)]="showScopeShell">Shell</mat-checkbox>
-              <mat-checkbox [(ngModel)]="showScopeAny">Any</mat-checkbox>
-              <mat-checkbox [(ngModel)]="showScopeToolbar">Toolbar</mat-checkbox>
-              <mat-checkbox [(ngModel)]="showScopeContext">Context</mat-checkbox>
-            </div>
-          </div>
-          <div class="shell-available-list">
-            @for (action of filteredAvailableActions(); track action) {
-              <div class="shell-available-item">
-                <div class="shell-available-main">
-                  <div class="shell-available-title">
-                    @if (action.icon) {
-                      <mat-icon [praxisIcon]="action.icon"></mat-icon>
-                    }
-                    <div class="shell-available-text">
-                      <div class="shell-available-label">{{ action.label }}</div>
-                      <div class="shell-available-meta">
-                        <span class="shell-badge">{{ action.kind === 'command' ? 'Comando' : 'Ação' }}</span>
-                        <span class="shell-badge">{{ scopeLabel(action.scope) }}</span>
-                        <span class="shell-code">id: {{ action.id }}</span>
-                        @if (action.emit) {
-                          <span class="shell-code">emit: {{ action.emit }}</span>
-                        }
-                        @if (action.command) {
-                          <span class="shell-code">command: {{ action.command }}</span>
-                        }
-                      </div>
-                    </div>
-                  </div>
-                  @if (action.description) {
-                    <div class="shell-available-desc">{{ action.description }}</div>
-                  }
-                  @if (action.payloadExample !== undefined) {
-                    <div class="shell-available-payload">
-                      <span class="shell-code">payload: {{ stringifyPayload(action.payloadExample) }}</span>
-                    </div>
-                  }
-                  @if (action.scope === 'context') {
-                    <div class="shell-available-warning">
-                      Essa ação depende de item/linha selecionado; payload fixo pode não funcionar.
-                    </div>
-                  }
-                </div>
-                <div class="shell-available-actions">
-                  <button
-                    mat-stroked-button
-                    type="button"
-                    [color]="isActionSelected(action) ? 'warn' : 'primary'"
-                    (click)="toggleAvailableAction(action)"
-                    >
-                    {{ isActionSelected(action) ? 'Remover' : 'Adicionar' }}
-                  </button>
-                </div>
-              </div>
-            }
-          </div>
-        </div>
-      } @else {
-        <div class="shell-empty">Nenhuma ação registrada para este componente.</div>
-      }
-    
-      @if (hasAvailableActions) {
-        <mat-divider></mat-divider>
-      }
-    
-      @if (setInputPresets.length) {
-        <div class="shell-section">Ações rápidas (inputs)</div>
-      }
-      @if (setInputPresets.length) {
-        <div class="shell-quick-inputs">
-          <mat-form-field appearance="outline">
-            <mat-label>Input</mat-label>
-            <mat-select [formControl]="setInputTarget">
-              @for (preset of setInputPresets; track preset) {
-                <mat-option [value]="preset.input">
-                  @if (preset.icon) {
-                    <mat-icon [praxisIcon]="preset.icon"></mat-icon>
-                  }
-                  {{ preset.label }}
-                </mat-option>
-              }
-            </mat-select>
-          </mat-form-field>
-          @if (setInputTarget.value) {
-            <div class="shell-input-path">
-              Input: {{ displayInputPath(setInputTarget.value) }}
-            </div>
-          }
-          <mat-form-field appearance="outline">
-            <mat-label>Valor</mat-label>
-            <mat-select [formControl]="setInputValue">
-              @for (option of currentSetInputValues(); track option) {
-                <mat-option [value]="option.value">
-                  @if (option.icon) {
-                    <mat-icon [praxisIcon]="option.icon"></mat-icon>
-                  }
-                  {{ option.label }}
-                </mat-option>
-              }
-            </mat-select>
-          </mat-form-field>
-          <button mat-flat-button color="primary" type="button" (click)="addSetInputAction()">
-            Adicionar ação
-          </button>
-        </div>
-      }
-    
-      <div class="shell-section shell-actions-head">
-        <div>Ações do cabeçalho</div>
-        <button mat-flat-button color="primary" type="button" (click)="addAction()">Adicionar ação</button>
-      </div>
-    
-      @if (actions.controls.length) {
-        <div class="shell-actions">
-          @for (action of actions.controls; track action; let i = $index) {
-            <div class="shell-action" [formGroup]="action">
-              <div class="shell-action-row">
-                <mat-form-field appearance="outline">
-                  <mat-label>ID</mat-label>
-                  <input matInput formControlName="id" />
-                </mat-form-field>
-                <mat-form-field appearance="outline">
-                  <mat-label>Label</mat-label>
-                  <input matInput formControlName="label" />
-                </mat-form-field>
-                <mat-form-field appearance="outline">
-                  <mat-label>Ícone</mat-label>
-                  <input matInput formControlName="icon" />
-                </mat-form-field>
-              </div>
-              <div class="shell-action-row">
-                <mat-form-field appearance="outline">
-                  <mat-label>Variante</mat-label>
-                  <mat-select formControlName="variant">
-                    <mat-option value="text">Texto</mat-option>
-                    <mat-option value="outlined">Outlined</mat-option>
-                    <mat-option value="icon">Ícone</mat-option>
-                  </mat-select>
-                </mat-form-field>
-                <mat-form-field appearance="outline">
-                  <mat-label>Posição</mat-label>
-                  <mat-select formControlName="placement">
-                    <mat-option value="header">Cabeçalho</mat-option>
-                    <mat-option value="window">Janela</mat-option>
-                  </mat-select>
-                </mat-form-field>
-                <mat-form-field appearance="outline">
-                  <mat-label>Emit</mat-label>
-                  <input matInput formControlName="emit" placeholder="ex: editar" />
-                </mat-form-field>
-                <mat-form-field appearance="outline">
-                  <mat-label>Tooltip</mat-label>
-                  <input matInput formControlName="tooltip" />
-                </mat-form-field>
-              </div>
-              <div class="shell-action-row">
-                <mat-form-field appearance="outline">
-                  <mat-label>Command</mat-label>
-                  <input matInput formControlName="command" placeholder="ex: add-item" />
-                </mat-form-field>
-                <mat-form-field appearance="outline">
-                  <mat-label>Payload (JSON)</mat-label>
-                  <textarea matInput rows="2" formControlName="payload" placeholder='ex: {"foo":"bar"}'></textarea>
-                </mat-form-field>
-                <mat-checkbox formControlName="visible">Visível</mat-checkbox>
-                <mat-checkbox formControlName="disabled">Desabilitado</mat-checkbox>
-              </div>
-              @if (showActionInputPath(action.value)) {
-                <div class="shell-action-hint">
-                  Input: {{ displayInputPath(extractActionInput(action.value)) }}
-                </div>
-              }
-              <div class="shell-action-actions">
-                <button mat-stroked-button color="warn" type="button" (click)="removeAction(i)">Remover</button>
-              </div>
-            </div>
-          }
-        </div>
-      } @else {
-        <div class="shell-empty">Nenhuma ação configurada.</div>
-      }
-    
-    </div>
-    `, isInline: true, styles: [".shell-editor{display:grid;gap:20px;padding:12px 4px 20px}.shell-intro{margin:0;max-width:68ch;color:var(--md-sys-color-on-surface-variant);font-size:14px;line-height:1.5}.shell-section{margin:4px 0 -8px;color:var(--md-sys-color-on-surface);font-size:14px;font-weight:650;line-height:1.4}.shell-grid{display:grid;gap:12px 16px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.shell-field--wide{grid-column:1 / -1}.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}@media(max-width:640px){.shell-editor{padding-inline:0}.shell-grid{grid-template-columns:minmax(0,1fr)}.shell-field--wide{grid-column:auto}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$3.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],[formArray],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: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i5$1.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: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i5.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: "component", type: PraxisIconButtonComponent, selector: "button[praxisIconButton]", inputs: ["praxisIconButton", "size", "appearance", "presentation", "pressed", "busy"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: WidgetShellEditorComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'praxis-widget-shell-editor', standalone: true, imports: [
-                        CommonModule,
-                        FormsModule,
-                        ReactiveFormsModule,
-                        MatButtonModule,
-                        MatCheckboxModule,
-                        MatDividerModule,
-                        MatFormFieldModule,
-                        MatIconModule,
-                        MatInputModule,
-                        MatSelectModule,
-                        PraxisIconButtonComponent,
-                        PraxisIconDirective,
-                    ], template: `
-    <div class="shell-editor">
-      <p class="shell-intro">
-        Defina a identidade, a aparência e as ações do card. Use a prévia para conferir o resultado antes de salvar.
-      </p>
-    
-      <div class="shell-section">Geral</div>
-      <div class="shell-grid">
-        <mat-form-field appearance="outline">
-          <mat-label>Tipo de card</mat-label>
-          <mat-select [formControl]="form.controls.kind">
-            <mat-option value="dashboard-card">Dashboard Card</mat-option>
-            <mat-option value="none">Sem shell</mat-option>
-          </mat-select>
-        </mat-form-field>
-        <mat-form-field appearance="outline">
-          <mat-label>Preset</mat-label>
-          <mat-select [formControl]="form.controls.preset">
-            <mat-option value="">Nenhum</mat-option>
-            @if (pagePreset) {
-              <mat-option [value]="pagePreset">Usar preset da página ({{ pagePreset }})</mat-option>
-            }
-            @for (p of presetOptions; track p) {
-              <mat-option [value]="p.id">{{ p.label }}</mat-option>
-            }
-          </mat-select>
-        </mat-form-field>
-        @if (!form.controls.preset.value && pagePreset) {
-          <div class="shell-hint">
-            Preset da página: {{ pagePreset }}
-          </div>
-        }
-        @if (form.controls.preset.value) {
-          <mat-checkbox [formControl]="form.controls.applyToAll">
-            Aplicar preset como padrão da página
-          </mat-checkbox>
-        }
-        <mat-form-field appearance="outline">
-          <mat-label>Ícone</mat-label>
-          <input matInput [formControl]="form.controls.icon" placeholder="ex: badge" />
-        </mat-form-field>
-        <mat-form-field appearance="outline">
-          <mat-label>Título</mat-label>
-          <input matInput [formControl]="form.controls.title" />
-        </mat-form-field>
-        <mat-form-field appearance="outline" class="shell-field--wide">
-          <mat-label>Subtítulo</mat-label>
-          <input matInput [formControl]="form.controls.subtitle" />
-        </mat-form-field>
-        <mat-form-field appearance="outline">
-          <mat-label>Mostrar cabeçalho</mat-label>
-          <mat-select [formControl]="form.controls.showHeader">
-            <mat-option value="auto">Automático</mat-option>
-            <mat-option value="true">Sempre</mat-option>
-            <mat-option value="false">Nunca</mat-option>
-          </mat-select>
-        </mat-form-field>
-      </div>
-    
-      <div class="shell-section">Controles de janela</div>
-      <div class="shell-flags">
-        <mat-checkbox [formControl]="form.controls.collapsible">Permitir recolher</mat-checkbox>
-      </div>
-    
-      <mat-divider></mat-divider>
-    
-      <div class="shell-section">Aparência</div>
-      <div class="shell-grid">
-        <mat-form-field appearance="outline">
-          <mat-label>Fundo do card</mat-label>
-          <input matInput [formControl]="form.controls.cardBg" placeholder="ex: #0b1220" />
-        </mat-form-field>
-        <mat-form-field appearance="outline">
-          <mat-label>Cor da borda</mat-label>
-          <input matInput [formControl]="form.controls.cardBorder" placeholder="ex: rgba(255,255,255,0.12)" />
-        </mat-form-field>
-        <mat-form-field appearance="outline">
-          <mat-label>Raio da borda</mat-label>
-          <input matInput [formControl]="form.controls.cardRadius" placeholder="ex: 14px" />
-        </mat-form-field>
-        <mat-form-field appearance="outline">
-          <mat-label>Sombra</mat-label>
-          <input matInput [formControl]="form.controls.cardShadow" placeholder="ex: 0 10px 30px rgba(0,0,0,0.2)" />
-        </mat-form-field>
-        <mat-form-field appearance="outline">
-          <mat-label>Fundo do cabeçalho</mat-label>
-          <input matInput [formControl]="form.controls.headerBg" placeholder="ex: linear-gradient(...)" />
-        </mat-form-field>
-        <mat-form-field appearance="outline">
-          <mat-label>Borda do cabeçalho</mat-label>
-          <input matInput [formControl]="form.controls.headerBorder" placeholder="ex: rgba(255,255,255,0.08)" />
-        </mat-form-field>
-        <mat-form-field appearance="outline">
-          <mat-label>Cor do título</mat-label>
-          <input matInput [formControl]="form.controls.titleColor" placeholder="ex: #e6edf3" />
-        </mat-form-field>
-        <mat-form-field appearance="outline">
-          <mat-label>Cor do subtítulo</mat-label>
-          <input matInput [formControl]="form.controls.subtitleColor" placeholder="ex: #9fb0c4" />
-        </mat-form-field>
-        <mat-form-field appearance="outline">
-          <mat-label>Cor do ícone</mat-label>
-          <input matInput [formControl]="form.controls.iconColor" placeholder="ex: #8ab4ff" />
-        </mat-form-field>
-        <mat-form-field appearance="outline">
-          <mat-label>Fundo do corpo</mat-label>
-          <input matInput [formControl]="form.controls.bodyBg" placeholder="ex: transparent" />
-        </mat-form-field>
-        <mat-form-field appearance="outline">
-          <mat-label>Cor do texto do corpo</mat-label>
-          <input matInput [formControl]="form.controls.bodyColor" placeholder="ex: #e6edf3" />
-        </mat-form-field>
-        <mat-form-field appearance="outline">
-          <mat-label>Padding do corpo</mat-label>
-          <input matInput [formControl]="form.controls.bodyPadding" placeholder="ex: 10px 12px 12px" />
-        </mat-form-field>
-        <mat-form-field appearance="outline">
-          <mat-label>Tamanho do título</mat-label>
-          <input matInput [formControl]="form.controls.titleSize" placeholder="ex: 14px" />
-        </mat-form-field>
-        <mat-form-field appearance="outline">
-          <mat-label>Peso do título</mat-label>
-          <input matInput [formControl]="form.controls.titleWeight" placeholder="ex: 600" />
-        </mat-form-field>
-        <mat-form-field appearance="outline">
-          <mat-label>Tamanho do subtítulo</mat-label>
-          <input matInput [formControl]="form.controls.subtitleSize" placeholder="ex: 12px" />
-        </mat-form-field>
-      </div>
-    
-      <div class="shell-preview" [ngStyle]="previewVars()">
-        <div class="shell-preview-card" [class.no-shell]="form.controls.kind.value === 'none'" [class.expanded]="previewExpanded">
-          @if (previewShowHeader()) {
-            <div class="shell-preview-header">
-              <div class="shell-preview-title">
-                @if (form.controls.icon.value) {
-                  <mat-icon [praxisIcon]="form.controls.icon.value"></mat-icon>
-                }
-                <div class="shell-preview-text">
-                  <div class="shell-preview-title-text">{{ previewTitle() }}</div>
-                  <div class="shell-preview-subtitle">{{ previewSubtitle() }}</div>
-                </div>
-              </div>
-              <div class="shell-preview-actions">
-                @for (action of previewHeaderActions(); track action.id) {
-                  <button
-                    type="button"
-                    [disabled]="action.disabled"
-                    [ngClass]="action.variant === 'outlined' ? 'pdx-preview-outlined' : 'pdx-preview-text'"
-                    mat-button
-                    >
-                    @if (action.icon) {
-                      <mat-icon [praxisIcon]="action.icon"></mat-icon>
-                    }
-                    <span class="pdx-preview-label">{{ action.label || action.id }}</span>
-                  </button>
-                }
-                @if (previewOverflowCount()) {
-                  <button
-                    praxisIconButton="more_horiz"
-                    size="compact"
-                    type="button"
-                    aria-label="Mais ações"
-                  ></button>
-                }
-                @for (action of previewWindowActions(); track action.id) {
-                  @if (action.icon) {
-                    <button
-                      [praxisIconButton]="action.icon"
-                      size="compact"
-                      type="button"
-                      [disabled]="action.disabled"
-                      [attr.aria-label]="action.label || action.id"
-                    ></button>
-                  }
-                }
-                <button
-                  [praxisIconButton]="previewCollapsed ? 'unfold_more' : 'unfold_less'"
-                  size="compact"
-                  type="button"
-                  (click)="togglePreviewCollapse()"
-                  aria-label="Recolher"
-                ></button>
-                <button
-                  [praxisIconButton]="previewExpanded ? 'close_fullscreen' : 'open_in_full'"
-                  size="compact"
-                  type="button"
-                  (click)="togglePreviewExpand()"
-                  aria-label="Expandir"
-                ></button>
-              </div>
-            </div>
-          }
-          <div class="shell-preview-body" [class.hidden]="previewCollapsed">Conteudo do widget</div>
-        </div>
-      </div>
-    
-      <mat-divider></mat-divider>
-    
-      @if (hasAvailableActions) {
-        <div class="shell-section">Ações disponíveis</div>
-      }
-      @if (hasAvailableActions) {
-        <div class="shell-available">
-          <div class="shell-available-toolbar">
-            <mat-form-field appearance="outline">
-              <mat-label>Buscar ação</mat-label>
-              <input matInput [formControl]="actionQuery" placeholder="ex: export, editar, submit" />
-            </mat-form-field>
-            <div class="shell-available-filters">
-              <mat-checkbox [(ngModel)]="showScopeShell">Shell</mat-checkbox>
-              <mat-checkbox [(ngModel)]="showScopeAny">Any</mat-checkbox>
-              <mat-checkbox [(ngModel)]="showScopeToolbar">Toolbar</mat-checkbox>
-              <mat-checkbox [(ngModel)]="showScopeContext">Context</mat-checkbox>
-            </div>
-          </div>
-          <div class="shell-available-list">
-            @for (action of filteredAvailableActions(); track action) {
-              <div class="shell-available-item">
-                <div class="shell-available-main">
-                  <div class="shell-available-title">
-                    @if (action.icon) {
-                      <mat-icon [praxisIcon]="action.icon"></mat-icon>
-                    }
-                    <div class="shell-available-text">
-                      <div class="shell-available-label">{{ action.label }}</div>
-                      <div class="shell-available-meta">
-                        <span class="shell-badge">{{ action.kind === 'command' ? 'Comando' : 'Ação' }}</span>
-                        <span class="shell-badge">{{ scopeLabel(action.scope) }}</span>
-                        <span class="shell-code">id: {{ action.id }}</span>
-                        @if (action.emit) {
-                          <span class="shell-code">emit: {{ action.emit }}</span>
-                        }
-                        @if (action.command) {
-                          <span class="shell-code">command: {{ action.command }}</span>
-                        }
-                      </div>
-                    </div>
-                  </div>
-                  @if (action.description) {
-                    <div class="shell-available-desc">{{ action.description }}</div>
-                  }
-                  @if (action.payloadExample !== undefined) {
-                    <div class="shell-available-payload">
-                      <span class="shell-code">payload: {{ stringifyPayload(action.payloadExample) }}</span>
-                    </div>
-                  }
-                  @if (action.scope === 'context') {
-                    <div class="shell-available-warning">
-                      Essa ação depende de item/linha selecionado; payload fixo pode não funcionar.
-                    </div>
-                  }
-                </div>
-                <div class="shell-available-actions">
-                  <button
-                    mat-stroked-button
-                    type="button"
-                    [color]="isActionSelected(action) ? 'warn' : 'primary'"
-                    (click)="toggleAvailableAction(action)"
-                    >
-                    {{ isActionSelected(action) ? 'Remover' : 'Adicionar' }}
-                  </button>
-                </div>
-              </div>
-            }
-          </div>
-        </div>
-      } @else {
-        <div class="shell-empty">Nenhuma ação registrada para este componente.</div>
-      }
-    
-      @if (hasAvailableActions) {
-        <mat-divider></mat-divider>
-      }
-    
-      @if (setInputPresets.length) {
-        <div class="shell-section">Ações rápidas (inputs)</div>
-      }
-      @if (setInputPresets.length) {
-        <div class="shell-quick-inputs">
-          <mat-form-field appearance="outline">
-            <mat-label>Input</mat-label>
-            <mat-select [formControl]="setInputTarget">
-              @for (preset of setInputPresets; track preset) {
-                <mat-option [value]="preset.input">
-                  @if (preset.icon) {
-                    <mat-icon [praxisIcon]="preset.icon"></mat-icon>
-                  }
-                  {{ preset.label }}
-                </mat-option>
-              }
-            </mat-select>
-          </mat-form-field>
-          @if (setInputTarget.value) {
-            <div class="shell-input-path">
-              Input: {{ displayInputPath(setInputTarget.value) }}
-            </div>
-          }
-          <mat-form-field appearance="outline">
-            <mat-label>Valor</mat-label>
-            <mat-select [formControl]="setInputValue">
-              @for (option of currentSetInputValues(); track option) {
-                <mat-option [value]="option.value">
-                  @if (option.icon) {
-                    <mat-icon [praxisIcon]="option.icon"></mat-icon>
-                  }
-                  {{ option.label }}
-                </mat-option>
-              }
-            </mat-select>
-          </mat-form-field>
-          <button mat-flat-button color="primary" type="button" (click)="addSetInputAction()">
-            Adicionar ação
-          </button>
-        </div>
-      }
-    
-      <div class="shell-section shell-actions-head">
-        <div>Ações do cabeçalho</div>
-        <button mat-flat-button color="primary" type="button" (click)="addAction()">Adicionar ação</button>
-      </div>
-    
-      @if (actions.controls.length) {
-        <div class="shell-actions">
-          @for (action of actions.controls; track action; let i = $index) {
-            <div class="shell-action" [formGroup]="action">
-              <div class="shell-action-row">
-                <mat-form-field appearance="outline">
-                  <mat-label>ID</mat-label>
-                  <input matInput formControlName="id" />
-                </mat-form-field>
-                <mat-form-field appearance="outline">
-                  <mat-label>Label</mat-label>
-                  <input matInput formControlName="label" />
-                </mat-form-field>
-                <mat-form-field appearance="outline">
-                  <mat-label>Ícone</mat-label>
-                  <input matInput formControlName="icon" />
-                </mat-form-field>
-              </div>
-              <div class="shell-action-row">
-                <mat-form-field appearance="outline">
-                  <mat-label>Variante</mat-label>
-                  <mat-select formControlName="variant">
-                    <mat-option value="text">Texto</mat-option>
-                    <mat-option value="outlined">Outlined</mat-option>
-                    <mat-option value="icon">Ícone</mat-option>
-                  </mat-select>
-                </mat-form-field>
-                <mat-form-field appearance="outline">
-                  <mat-label>Posição</mat-label>
-                  <mat-select formControlName="placement">
-                    <mat-option value="header">Cabeçalho</mat-option>
-                    <mat-option value="window">Janela</mat-option>
-                  </mat-select>
-                </mat-form-field>
-                <mat-form-field appearance="outline">
-                  <mat-label>Emit</mat-label>
-                  <input matInput formControlName="emit" placeholder="ex: editar" />
-                </mat-form-field>
-                <mat-form-field appearance="outline">
-                  <mat-label>Tooltip</mat-label>
-                  <input matInput formControlName="tooltip" />
-                </mat-form-field>
-              </div>
-              <div class="shell-action-row">
-                <mat-form-field appearance="outline">
-                  <mat-label>Command</mat-label>
-                  <input matInput formControlName="command" placeholder="ex: add-item" />
-                </mat-form-field>
-                <mat-form-field appearance="outline">
-                  <mat-label>Payload (JSON)</mat-label>
-                  <textarea matInput rows="2" formControlName="payload" placeholder='ex: {"foo":"bar"}'></textarea>
-                </mat-form-field>
-                <mat-checkbox formControlName="visible">Visível</mat-checkbox>
-                <mat-checkbox formControlName="disabled">Desabilitado</mat-checkbox>
-              </div>
-              @if (showActionInputPath(action.value)) {
-                <div class="shell-action-hint">
-                  Input: {{ displayInputPath(extractActionInput(action.value)) }}
-                </div>
-              }
-              <div class="shell-action-actions">
-                <button mat-stroked-button color="warn" type="button" (click)="removeAction(i)">Remover</button>
-              </div>
-            </div>
-          }
-        </div>
-      } @else {
-        <div class="shell-empty">Nenhuma ação configurada.</div>
-      }
-    
-    </div>
-    `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".shell-editor{display:grid;gap:20px;padding:12px 4px 20px}.shell-intro{margin:0;max-width:68ch;color:var(--md-sys-color-on-surface-variant);font-size:14px;line-height:1.5}.shell-section{margin:4px 0 -8px;color:var(--md-sys-color-on-surface);font-size:14px;font-weight:650;line-height:1.4}.shell-grid{display:grid;gap:12px 16px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.shell-field--wide{grid-column:1 / -1}.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}@media(max-width:640px){.shell-editor{padding-inline:0}.shell-grid{grid-template-columns:minmax(0,1fr)}.shell-field--wide{grid-column:auto}}\n"] }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [SETTINGS_PANEL_DATA]
-                }] }, { type: i2$2.ComponentMetadataRegistry, decorators: [{
-                    type: Optional
-                }] }] });
-
-function buildConnectionsViewerModel(page) {
-    const widgets = page?.widgets ?? [];
-    const links = page?.composition?.links ?? [];
-    const counts = new Map();
-    for (const widget of widgets) {
-        counts.set(widget.key, { incoming: 0, outgoing: 0 });
-    }
-    const edges = links.map((link) => {
-        const fromWidgetId = link.from.kind === 'component-port' ? link.from.ref.widget : null;
-        const toWidgetId = link.to.kind === 'component-port' ? link.to.ref.widget : null;
-        const fromNestedPath = link.from.kind === 'component-port' && link.from.ref.nestedPath?.length
-            ? clone$2(link.from.ref.nestedPath)
-            : null;
-        const toNestedPath = link.to.kind === 'component-port' && link.to.ref.nestedPath?.length
-            ? clone$2(link.to.ref.nestedPath)
-            : null;
-        const toStatePath = link.to.kind === 'state' ? link.to.ref.path : null;
-        const diagnosticReasons = [];
-        if (fromWidgetId && !counts.has(fromWidgetId)) {
-            diagnosticReasons.push('missing-source-widget');
-        }
-        if (toWidgetId && !counts.has(toWidgetId)) {
-            diagnosticReasons.push('missing-target-widget');
-        }
-        if (fromWidgetId) {
-            const current = counts.get(fromWidgetId) ?? { incoming: 0, outgoing: 0 };
-            current.outgoing += 1;
-            counts.set(fromWidgetId, current);
-        }
-        if (toWidgetId) {
-            const current = counts.get(toWidgetId) ?? { incoming: 0, outgoing: 0 };
-            current.incoming += 1;
-            counts.set(toWidgetId, current);
-        }
-        return {
-            id: link.id,
-            fromKind: link.from.kind,
-            fromWidgetId,
-            fromEndpointId: link.from.kind === 'component-port'
-                ? buildComponentEndpointId(link.from.ref.widget, link.from.ref.nestedPath)
-                : null,
-            fromNestedPath,
-            fromPort: link.from.kind === 'component-port' ? link.from.ref.port : null,
-            toKind: link.to.kind,
-            toWidgetId,
-            toEndpointId: link.to.kind === 'component-port'
-                ? buildComponentEndpointId(link.to.ref.widget, link.to.ref.nestedPath)
-                : null,
-            toNestedPath,
-            toPort: link.to.kind === 'component-port' ? link.to.ref.port : null,
-            toStatePath,
-            intent: link.intent,
-            hasCondition: !!link.condition,
-            hasTransform: !!link.transform?.steps?.length,
-            hasPolicy: !!link.policy && Object.keys(link.policy).length > 0,
-            hasDiagnostics: diagnosticReasons.length > 0,
-            diagnosticReasons,
-            link,
-        };
-    });
-    const nodes = widgets.map((widget) => {
-        const counter = counts.get(widget.key) ?? { incoming: 0, outgoing: 0 };
-        return {
-            widgetId: widget.key,
-            componentType: widget.definition?.id ?? 'unknown',
-            incomingCount: counter.incoming,
-            outgoingCount: counter.outgoing,
-        };
-    });
-    return {
-        nodes,
-        edges,
-        totalLinks: edges.length,
-        conditionLinks: edges.filter((edge) => edge.hasCondition).length,
-        transformLinks: edges.filter((edge) => edge.hasTransform).length,
-        policyLinks: edges.filter((edge) => edge.hasPolicy).length,
-        diagnosticLinks: edges.filter((edge) => edge.hasDiagnostics).length,
-    };
-}
-function buildComponentEndpointId(ownerWidgetKey, nestedPath) {
-    if (!nestedPath?.length) {
-        return ownerWidgetKey;
-    }
-    return `${ownerWidgetKey}${nestedPath
-        .map((segment) => `/${formatPathSegment$1(segment)}`)
-        .join('')}`;
-}
-function formatPathSegment$1(segment) {
-    if (segment.kind === 'widget') {
-        const identity = segment.key
-            || segment.componentType
-            || (typeof segment.index === 'number' ? String(segment.index) : 'unknown');
-        return `widget:${identity}`;
-    }
-    return [
-        segment.kind,
-        segment.id || segment.key || segment.index,
-    ].filter((part) => part !== undefined && part !== '').join(':');
-}
-function clone$2(value) {
-    if (value == null || typeof value !== 'object')
-        return value;
-    return JSON.parse(JSON.stringify(value));
-}
-
 const PRAXIS_PAGE_BUILDER_EN_US = {
     'praxis.pageBuilder.editor.title': 'Page settings',
     'praxis.pageBuilder.editor.subtitle': 'Define layout, themes, grouping and declarative state without leaving the canonical dynamic page flow.',
@@ -2515,6 +504,33 @@ const PRAXIS_PAGE_BUILDER_EN_US = {
     'praxis.pageBuilder.editor.preview.deviceCanvasHint': 'Existing canvas item overrides are preserved.',
     'praxis.pageBuilder.toolbar.preview': 'Preview',
     'praxis.pageBuilder.toolbar.exitPreview': 'Back to editing',
+    'praxis.pageBuilder.toolbar.add': 'Insert component',
+    'praxis.pageBuilder.toolbar.save': 'Save page',
+    'praxis.pageBuilder.toolbar.undo': 'Undo',
+    'praxis.pageBuilder.toolbar.redo': 'Redo',
+    'praxis.pageBuilder.toolbar.settings': 'Page settings',
+    'praxis.pageBuilder.palette.title': 'Insert component',
+    'praxis.pageBuilder.palette.subtitle': 'Choose a component to add to the page',
+    'praxis.pageBuilder.palette.available': 'available',
+    'praxis.pageBuilder.palette.searchLabel': 'Search components',
+    'praxis.pageBuilder.palette.searchPlaceholder': 'Name, capability, or readiness',
+    'praxis.pageBuilder.palette.addAria': 'Add',
+    'praxis.pageBuilder.palette.empty': 'No components available',
+    'praxis.pageBuilder.palette.cancel': 'Cancel',
+    'praxis.pageBuilder.palette.badges.configEditor.label': 'Config editor',
+    'praxis.pageBuilder.palette.badges.configEditor.description': 'Publishes a canonical settings-panel editor for its input contract.',
+    'praxis.pageBuilder.palette.badges.aiAuthoring.label': 'AI authoring',
+    'praxis.pageBuilder.palette.badges.aiAuthoring.description': 'Publishes a canonical AI authoring manifest for governed changes.',
+    'praxis.pageBuilder.palette.badges.governed.label': 'Governed',
+    'praxis.pageBuilder.palette.badges.governed.description': 'Exposes semantic ports, actions, or commands for governed composition.',
+    'praxis.pageBuilder.palette.badges.preset.label': 'Preset',
+    'praxis.pageBuilder.palette.badges.preset.description': 'Inserts a curated preset without changing the component contract.',
+    'praxis.pageBuilder.palette.badges.dataSource.label': 'Data source',
+    'praxis.pageBuilder.palette.badges.dataSource.description': 'Uses schema, API, resource, or dataset context.',
+    'praxis.pageBuilder.palette.badges.legacy.label': 'Legacy',
+    'praxis.pageBuilder.palette.badges.legacy.description': 'Retained for compatibility; avoid as the default for new canonical authoring.',
+    'praxis.pageBuilder.palette.badges.hostDemo.label': 'Host/demo',
+    'praxis.pageBuilder.palette.badges.hostDemo.description': 'Depends on host/demo semantics and may need governance before public reuse.',
     'praxis.pageBuilder.builderMode.editing': 'Editing',
     'praxis.pageBuilder.builderMode.connections': 'Connections',
     'praxis.pageBuilder.builderMode.ai': 'AI',
@@ -3142,6 +1158,33 @@ const PRAXIS_PAGE_BUILDER_PT_BR = {
     'praxis.pageBuilder.editor.preview.deviceCanvasHint': 'Sobrescritas existentes dos itens do canvas são preservadas.',
     'praxis.pageBuilder.toolbar.preview': 'Pré-visualizar',
     'praxis.pageBuilder.toolbar.exitPreview': 'Voltar para edição',
+    'praxis.pageBuilder.toolbar.add': 'Inserir componente',
+    'praxis.pageBuilder.toolbar.save': 'Salvar página',
+    'praxis.pageBuilder.toolbar.undo': 'Desfazer',
+    'praxis.pageBuilder.toolbar.redo': 'Refazer',
+    'praxis.pageBuilder.toolbar.settings': 'Configurações da página',
+    'praxis.pageBuilder.palette.title': 'Inserir componente',
+    'praxis.pageBuilder.palette.subtitle': 'Escolha um componente para adicionar à página',
+    'praxis.pageBuilder.palette.available': 'disponíveis',
+    'praxis.pageBuilder.palette.searchLabel': 'Buscar componentes',
+    'praxis.pageBuilder.palette.searchPlaceholder': 'Nome, capacidade ou prontidão',
+    'praxis.pageBuilder.palette.addAria': 'Adicionar',
+    'praxis.pageBuilder.palette.empty': 'Nenhum componente disponível',
+    'praxis.pageBuilder.palette.cancel': 'Cancelar',
+    'praxis.pageBuilder.palette.badges.configEditor.label': 'Editor de configuração',
+    'praxis.pageBuilder.palette.badges.configEditor.description': 'Publica um editor canônico de configurações para o contrato de inputs.',
+    'praxis.pageBuilder.palette.badges.aiAuthoring.label': 'Autoria com IA',
+    'praxis.pageBuilder.palette.badges.aiAuthoring.description': 'Publica um manifesto canônico de autoria por IA para mudanças governadas.',
+    'praxis.pageBuilder.palette.badges.governed.label': 'Governado',
+    'praxis.pageBuilder.palette.badges.governed.description': 'Expõe portas, ações ou comandos semânticos para composição governada.',
+    'praxis.pageBuilder.palette.badges.preset.label': 'Predefinição',
+    'praxis.pageBuilder.palette.badges.preset.description': 'Insere uma predefinição curada sem alterar o contrato do componente.',
+    'praxis.pageBuilder.palette.badges.dataSource.label': 'Fonte de dados',
+    'praxis.pageBuilder.palette.badges.dataSource.description': 'Usa contexto de schema, API, recurso ou conjunto de dados.',
+    'praxis.pageBuilder.palette.badges.legacy.label': 'Legado',
+    'praxis.pageBuilder.palette.badges.legacy.description': 'Mantido por compatibilidade; evite como padrão em nova autoria canônica.',
+    'praxis.pageBuilder.palette.badges.hostDemo.label': 'Host/demo',
+    'praxis.pageBuilder.palette.badges.hostDemo.description': 'Depende de semântica do host/demo e pode exigir governança antes do reúso público.',
     'praxis.pageBuilder.builderMode.editing': 'Edição',
     'praxis.pageBuilder.builderMode.connections': 'Conexões',
     'praxis.pageBuilder.builderMode.ai': 'IA',
@@ -3610,36 +1653,2067 @@ const PRAXIS_PAGE_BUILDER_PT_BR = {
     'praxis.pageBuilder.agentic.errors.generic': 'Falha na autoria com IA.',
 };
 
-function createPraxisPageBuilderI18nConfig(options = {}) {
-    const dictionaries = {
-        'pt-BR': {
-            ...PRAXIS_PAGE_BUILDER_PT_BR,
-            ...(options.dictionaries?.['pt-BR'] ?? {}),
-        },
-        'en-US': {
-            ...PRAXIS_PAGE_BUILDER_EN_US,
-            ...(options.dictionaries?.['en-US'] ?? {}),
-        },
-    };
-    for (const [locale, dictionary] of Object.entries(options.dictionaries ?? {})) {
-        if (locale === 'pt-BR' || locale === 'en-US')
-            continue;
-        dictionaries[locale] = { ...(dictionaries[locale] ?? {}), ...dictionary };
+function createPraxisPageBuilderI18nConfig(options = {}) {
+    const dictionaries = {
+        'pt-BR': {
+            ...PRAXIS_PAGE_BUILDER_PT_BR,
+            ...(options.dictionaries?.['pt-BR'] ?? {}),
+        },
+        'en-US': {
+            ...PRAXIS_PAGE_BUILDER_EN_US,
+            ...(options.dictionaries?.['en-US'] ?? {}),
+        },
+    };
+    for (const [locale, dictionary] of Object.entries(options.dictionaries ?? {})) {
+        if (locale === 'pt-BR' || locale === 'en-US')
+            continue;
+        dictionaries[locale] = { ...(dictionaries[locale] ?? {}), ...dictionary };
+    }
+    return {
+        locale: options.locale,
+        fallbackLocale: options.fallbackLocale ?? 'pt-BR',
+        dictionaries,
+    };
+}
+function providePraxisPageBuilderI18n(options = {}) {
+    return providePraxisI18n(createPraxisPageBuilderI18nConfig(options));
+}
+function resolvePraxisPageBuilderText(i18n, key, fallback) {
+    const namespacedKey = key.startsWith('praxis.pageBuilder.')
+        ? key
+        : `praxis.pageBuilder.${key}`;
+    return i18n.t(namespacedKey, undefined, fallback) || fallback;
+}
+
+class ComponentPaletteDialogComponent {
+    dialogRef;
+    registry;
+    i18n;
+    data;
+    query = signal('', ...(ngDevMode ? [{ debugName: "query" }] : /* istanbul ignore next */ []));
+    all = signal([], ...(ngDevMode ? [{ debugName: "all" }] : /* istanbul ignore next */ []));
+    filtered = computed(() => this.applyFilters(), ...(ngDevMode ? [{ debugName: "filtered" }] : /* istanbul ignore next */ []));
+    density = computed(() => {
+        const n = this.filtered().length;
+        if (n <= 4)
+            return 'roomy';
+        if (n > 12)
+            return 'dense';
+        return 'normal';
+    }, ...(ngDevMode ? [{ debugName: "density" }] : /* istanbul ignore next */ []));
+    constructor(dialogRef, registry, i18n, data) {
+        this.dialogRef = dialogRef;
+        this.registry = registry;
+        this.i18n = i18n;
+        this.data = data;
+    }
+    ngOnInit() {
+        this.all.set(this.buildEntries(this.registry.getAll()));
+    }
+    select(entry) {
+        this.dialogRef.close({
+            componentId: entry.componentId,
+            ...(entry.presetId ? { presetId: entry.presetId } : {}),
+            ...(entry.inputs ? { inputs: entry.inputs } : {}),
+        });
+    }
+    trackById = (_, entry) => entry.key;
+    getPreview(entry) {
+        return entry.description;
+    }
+    tx(key, fallback) {
+        return resolvePraxisPageBuilderText(this.i18n, key, fallback);
+    }
+    // Create effect in injection context (field initializer is allowed)
+    _adjustSizeEffect = effect(() => {
+        const n = this.filtered().length;
+        let width = '720px';
+        if (n <= 4)
+            width = '560px';
+        else if (n <= 8)
+            width = '680px';
+        const container = this.dialogRef._containerInstance;
+        if (container && container._config) {
+            container._config.width = width;
+        }
+    }, ...(ngDevMode ? [{ debugName: "_adjustSizeEffect" }] : /* istanbul ignore next */ []));
+    applyFilters() {
+        const list = (this.all() || []);
+        const q = (this.query() || '').toLowerCase();
+        const allowIds = new Set((this.data?.allowedWidgetIds || []).map((s) => s.toLowerCase()));
+        const allowTags = new Set((this.data?.allowedWidgetTags || []).map((s) => s.toLowerCase()));
+        const allowPresets = new Set((this.data?.allowedPresetIds || []).map((s) => s.toLowerCase()));
+        const metadataById = new Map(this.registry.getAll().map((meta) => [meta.id, meta]));
+        return list.filter((entry) => {
+            const meta = metadataById.get(entry.componentId);
+            if (!meta)
+                return false;
+            if (q && !entry.searchText.includes(q)) {
+                return false;
+            }
+            if (allowIds.size > 0 && !allowIds.has((meta.id || '').toLowerCase()))
+                return false;
+            if (allowTags.size > 0 && !meta.tags?.some(t => allowTags.has(t.toLowerCase())))
+                return false;
+            if (entry.presetId && allowPresets.size > 0 && !allowPresets.has(entry.presetId.toLowerCase()))
+                return false;
+            if (typeof this.data?.predicate === 'function' && !this.data.predicate(meta))
+                return false;
+            return true;
+        });
+    }
+    buildEntries(metadata) {
+        return metadata.flatMap((meta) => {
+            const baseEntry = {
+                key: meta.id,
+                componentId: meta.id,
+                title: meta.friendlyName || meta.id,
+                description: meta.description || meta.selector,
+                icon: meta.icon || 'widgets',
+                badges: this.buildBadges(meta, false),
+                searchText: `${meta.id} ${meta.friendlyName || ''} ${meta.description || ''} ${meta.selector || ''} ${this.buildBadgeSearchText(meta, false)}`.toLowerCase(),
+            };
+            const presets = (meta.insertionPresets ?? []).map((preset) => ({
+                key: `${meta.id}::${preset.id}`,
+                componentId: meta.id,
+                presetId: preset.id,
+                title: `${meta.friendlyName || meta.id} · ${preset.label}`,
+                description: preset.description || meta.description || meta.selector,
+                icon: preset.icon || meta.icon || 'widgets',
+                badges: this.buildBadges(meta, true),
+                searchText: `${meta.id} ${meta.friendlyName || ''} ${preset.label} ${preset.description || ''} ${meta.description || ''} ${this.buildBadgeSearchText(meta, true)}`.toLowerCase(),
+                inputs: preset.inputs ? JSON.parse(JSON.stringify(preset.inputs)) : undefined,
+            }));
+            return [baseEntry, ...presets];
+        });
+    }
+    buildBadges(meta, isPreset) {
+        const badges = [];
+        const tags = new Set((meta.tags ?? []).map((tag) => tag.toLowerCase()));
+        if (meta.configEditor?.component) {
+            badges.push({
+                label: this.tx('palette.badges.configEditor.label', 'Config editor'),
+                icon: 'tune',
+                tone: 'ready',
+                description: this.tx('palette.badges.configEditor.description', 'This component publishes a canonical settings-panel editor for its input contract.'),
+            });
+        }
+        if (meta.authoringManifestRef?.componentId) {
+            badges.push({
+                label: this.tx('palette.badges.aiAuthoring.label', 'AI authoring'),
+                icon: 'auto_awesome',
+                tone: 'ready',
+                description: this.tx('palette.badges.aiAuthoring.description', 'This component owner publishes a canonical AI authoring manifest for governed changes.'),
+            });
+        }
+        if (meta.ports?.length || meta.actions?.length || meta.commands?.length) {
+            badges.push({
+                label: this.tx('palette.badges.governed.label', 'Governed'),
+                icon: 'account_tree',
+                tone: 'ready',
+                description: this.tx('palette.badges.governed.description', 'This component exposes semantic ports, actions, or commands for governed composition.'),
+            });
+        }
+        if (isPreset) {
+            badges.push({
+                label: this.tx('palette.badges.preset.label', 'Preset'),
+                icon: 'auto_awesome_motion',
+                tone: 'info',
+                description: this.tx('palette.badges.preset.description', 'This entry inserts a curated preset without changing the component contract.'),
+            });
+        }
+        if (this.hasDataSourceInputs(meta) || tags.has('data') || tags.has('analytics')) {
+            badges.push({
+                label: this.tx('palette.badges.dataSource.label', 'Data source'),
+                icon: 'database',
+                tone: 'info',
+                description: this.tx('palette.badges.dataSource.description', 'This component commonly needs schema, API, resource, or dataset context.'),
+            });
+        }
+        if (tags.has('deprecated') || tags.has('legacy') || /legacy|legado|deprecated/i.test(meta.description || '')) {
+            badges.push({
+                label: this.tx('palette.badges.legacy.label', 'Legacy'),
+                icon: 'history',
+                tone: 'warning',
+                description: this.tx('palette.badges.legacy.description', 'This entry is retained for compatibility and should not be the default for new canonical authoring.'),
+            });
+        }
+        if (tags.has('demo') || tags.has('host') || /host-only|host|demo/i.test(`${meta.friendlyName} ${meta.description || ''}`)) {
+            badges.push({
+                label: this.tx('palette.badges.hostDemo.label', 'Host/demo'),
+                icon: 'science',
+                tone: 'neutral',
+                description: this.tx('palette.badges.hostDemo.description', 'This entry depends on host/demo semantics and may need governance before public reuse.'),
+            });
+        }
+        return badges;
+    }
+    buildBadgeSearchText(meta, isPreset) {
+        return this.buildBadges(meta, isPreset)
+            .map((badge) => `${badge.label} ${badge.description}`)
+            .join(' ');
+    }
+    hasDataSourceInputs(meta) {
+        return (meta.inputs ?? []).some((input) => /resource|schema|api|data(source)?|endpoint|resolver/i.test(input.name));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ComponentPaletteDialogComponent, deps: [{ token: i1.MatDialogRef }, { token: i2$2.ComponentMetadataRegistry }, { token: i2$2.PraxisI18nService }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: ComponentPaletteDialogComponent, isStandalone: true, selector: "praxis-component-palette-dialog", providers: [providePraxisPageBuilderI18n()], ngImport: i0, template: `
+    <h2 mat-dialog-title>
+      <div class="dlg-title">
+        <mat-icon class="dlg-icon" [praxisIcon]="'widgets'"></mat-icon>
+        <div class="dlg-texts">
+          <div class="dlg-head">{{ data?.title || tx('palette.title', 'Inserir componente') }}</div>
+          <div class="dlg-sub">{{ tx('palette.subtitle', 'Escolha um componente para adicionar à página') }} · {{ filtered().length }} {{ tx('palette.available', 'disponíveis') }}</div>
+        </div>
+      </div>
+    </h2>
+    <div mat-dialog-content class="pdx-palette-content">
+      <mat-form-field class="pdx-palette-search" appearance="outline">
+        <mat-label>{{ tx('palette.searchLabel', 'Buscar componente') }}</mat-label>
+        <mat-icon matPrefix [praxisIcon]="'search'"></mat-icon>
+        <input
+          matInput
+          type="search"
+          [ngModel]="query()"
+          (ngModelChange)="query.set($event)"
+          [placeholder]="tx('palette.searchPlaceholder', 'Nome, capability ou readiness')"
+          data-testid="component-palette-search"
+          />
+      </mat-form-field>
+      @if (filtered().length) {
+        <div [class]="'pdx-grid ' + density()">
+          @for (entry of filtered(); track trackById($index, entry)) {
+            <button
+              class="pdx-card mat-elevation-z2"
+              type="button"
+              [attr.aria-label]="tx('palette.addAria', 'Adicionar') + ' ' + entry.title"
+              (click)="select(entry)"
+              >
+              <div class="pdx-card-icon">
+                <mat-icon [praxisIcon]="entry.icon"></mat-icon>
+              </div>
+              <div class="pdx-card-body">
+                <div class="pdx-card-title">{{ entry.title }}</div>
+                <div class="pdx-card-desc">{{ entry.description }}</div>
+                @if (entry.badges.length) {
+                  <div class="pdx-card-badges">
+                    @for (badge of entry.badges; track badge) {
+                      <span
+                        class="pdx-card-badge"
+                        [class]="'pdx-card-badge ' + badge.tone"
+                        [title]="badge.description"
+                        >
+                        <mat-icon [praxisIcon]="badge.icon" aria-hidden="true"></mat-icon>
+                        {{ badge.label }}
+                      </span>
+                    }
+                  </div>
+                }
+              </div>
+            </button>
+          }
+        </div>
+      } @else {
+        <div class="pdx-empty">
+          <mat-icon [praxisIcon]="'sentiment_dissatisfied'"></mat-icon>
+          <div>{{ tx('palette.empty', 'Nenhum componente disponível') }}</div>
+        </div>
+      }
+    
+    </div>
+    <div mat-dialog-actions align="end">
+      <button mat-stroked-button color="primary" mat-dialog-close>{{ tx('palette.cancel', '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-palette-search{width:100%;margin-bottom:12px}.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{appearance:none;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;color:inherit;font:inherit;min-height:92px;text-align:left;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-card-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.pdx-card-badge{display:inline-flex;align-items:center;gap:4px;min-height:22px;padding:2px 8px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface-variant);background:var(--md-sys-color-surface-container-highest);font-size:11px;line-height:1.2;font-weight:600;letter-spacing:.01em}.pdx-card-badge mat-icon{width:14px;height:14px;font-size:14px}.pdx-card-badge.ready{color:var(--md-sys-color-primary);border-color:color-mix(in srgb,var(--md-sys-color-primary) 45%,transparent);background:color-mix(in srgb,var(--md-sys-color-primary-container) 72%,transparent)}.pdx-card-badge.info{color:var(--md-sys-color-tertiary);border-color:color-mix(in srgb,var(--md-sys-color-tertiary) 38%,transparent);background:color-mix(in srgb,var(--md-sys-color-tertiary-container) 68%,transparent)}.pdx-card-badge.warning{color:var(--md-sys-color-error);border-color:color-mix(in srgb,var(--md-sys-color-error) 35%,transparent);background:color-mix(in srgb,var(--md-sys-color-error-container) 62%,transparent)}.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: 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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: "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.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i5.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: i2$1.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: "21.2.14", ngImport: i0, type: ComponentPaletteDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'praxis-component-palette-dialog', standalone: true, imports: [FormsModule, MatDialogModule, MatFormFieldModule, MatInputModule, MatIconModule, MatButtonModule, PraxisIconDirective], template: `
+    <h2 mat-dialog-title>
+      <div class="dlg-title">
+        <mat-icon class="dlg-icon" [praxisIcon]="'widgets'"></mat-icon>
+        <div class="dlg-texts">
+          <div class="dlg-head">{{ data?.title || tx('palette.title', 'Inserir componente') }}</div>
+          <div class="dlg-sub">{{ tx('palette.subtitle', 'Escolha um componente para adicionar à página') }} · {{ filtered().length }} {{ tx('palette.available', 'disponíveis') }}</div>
+        </div>
+      </div>
+    </h2>
+    <div mat-dialog-content class="pdx-palette-content">
+      <mat-form-field class="pdx-palette-search" appearance="outline">
+        <mat-label>{{ tx('palette.searchLabel', 'Buscar componente') }}</mat-label>
+        <mat-icon matPrefix [praxisIcon]="'search'"></mat-icon>
+        <input
+          matInput
+          type="search"
+          [ngModel]="query()"
+          (ngModelChange)="query.set($event)"
+          [placeholder]="tx('palette.searchPlaceholder', 'Nome, capability ou readiness')"
+          data-testid="component-palette-search"
+          />
+      </mat-form-field>
+      @if (filtered().length) {
+        <div [class]="'pdx-grid ' + density()">
+          @for (entry of filtered(); track trackById($index, entry)) {
+            <button
+              class="pdx-card mat-elevation-z2"
+              type="button"
+              [attr.aria-label]="tx('palette.addAria', 'Adicionar') + ' ' + entry.title"
+              (click)="select(entry)"
+              >
+              <div class="pdx-card-icon">
+                <mat-icon [praxisIcon]="entry.icon"></mat-icon>
+              </div>
+              <div class="pdx-card-body">
+                <div class="pdx-card-title">{{ entry.title }}</div>
+                <div class="pdx-card-desc">{{ entry.description }}</div>
+                @if (entry.badges.length) {
+                  <div class="pdx-card-badges">
+                    @for (badge of entry.badges; track badge) {
+                      <span
+                        class="pdx-card-badge"
+                        [class]="'pdx-card-badge ' + badge.tone"
+                        [title]="badge.description"
+                        >
+                        <mat-icon [praxisIcon]="badge.icon" aria-hidden="true"></mat-icon>
+                        {{ badge.label }}
+                      </span>
+                    }
+                  </div>
+                }
+              </div>
+            </button>
+          }
+        </div>
+      } @else {
+        <div class="pdx-empty">
+          <mat-icon [praxisIcon]="'sentiment_dissatisfied'"></mat-icon>
+          <div>{{ tx('palette.empty', 'Nenhum componente disponível') }}</div>
+        </div>
+      }
+    
+    </div>
+    <div mat-dialog-actions align="end">
+      <button mat-stroked-button color="primary" mat-dialog-close>{{ tx('palette.cancel', 'Cancelar') }}</button>
+    </div>
+    `, providers: [providePraxisPageBuilderI18n()], changeDetection: ChangeDetectionStrategy.OnPush, 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-palette-search{width:100%;margin-bottom:12px}.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{appearance:none;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;color:inherit;font:inherit;min-height:92px;text-align:left;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-card-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.pdx-card-badge{display:inline-flex;align-items:center;gap:4px;min-height:22px;padding:2px 8px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface-variant);background:var(--md-sys-color-surface-container-highest);font-size:11px;line-height:1.2;font-weight:600;letter-spacing:.01em}.pdx-card-badge mat-icon{width:14px;height:14px;font-size:14px}.pdx-card-badge.ready{color:var(--md-sys-color-primary);border-color:color-mix(in srgb,var(--md-sys-color-primary) 45%,transparent);background:color-mix(in srgb,var(--md-sys-color-primary-container) 72%,transparent)}.pdx-card-badge.info{color:var(--md-sys-color-tertiary);border-color:color-mix(in srgb,var(--md-sys-color-tertiary) 38%,transparent);background:color-mix(in srgb,var(--md-sys-color-tertiary-container) 68%,transparent)}.pdx-card-badge.warning{color:var(--md-sys-color-error);border-color:color-mix(in srgb,var(--md-sys-color-error) 35%,transparent);background:color-mix(in srgb,var(--md-sys-color-error-container) 62%,transparent)}.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"] }]
+        }], ctorParameters: () => [{ type: i1.MatDialogRef }, { type: i2$2.ComponentMetadataRegistry }, { type: i2$2.PraxisI18nService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }] });
+
+const BUILTIN_PRESET_LABELS = {
+    'dark-glass': 'Dark Glass',
+    'light-neutral': 'Light Neutral',
+    graphite: 'Graphite',
+    frameless: 'Frameless',
+    'data-panel': 'Data Panel',
+    'chart-panel': 'Chart Panel',
+    'metric-panel': 'Metric Panel',
+    'executive-card': 'Executive Card',
+    'filter-bar': 'Filter Bar',
+};
+const BUILTIN_PRESET_OPTIONS = Object.keys(BUILTIN_SHELL_PRESETS).map((id) => ({
+    id,
+    label: BUILTIN_PRESET_LABELS[id] ?? id,
+}));
+const BUILTIN_PRESET_MAP = BUILTIN_SHELL_PRESETS;
+const SET_INPUT_PRESETS = {
+    'praxis-dynamic-form': [
+        {
+            input: 'mode',
+            label: 'Modo',
+            icon: 'toggle_on',
+            values: [
+                { label: 'Visualização', value: 'view', icon: 'visibility' },
+                { label: 'Edição', value: 'edit', icon: 'edit' },
+                { label: 'Criação', value: 'create', icon: 'add' },
+            ],
+        },
+        {
+            input: 'schemaSource',
+            label: 'Fonte do schema',
+            icon: 'schema',
+            values: [
+                { label: 'Recurso', value: 'resource' },
+                { label: 'Filtro', value: 'filter' },
+            ],
+        },
+        {
+            input: 'notifyIfOutdated',
+            label: 'Notificação de schema',
+            icon: 'notification_important',
+            values: [
+                { label: 'Inline', value: 'inline' },
+                { label: 'Snackbar', value: 'snackbar' },
+                { label: 'Ambos', value: 'both' },
+                { label: 'Nenhum', value: 'none' },
+            ],
+        },
+        {
+            input: 'removeEmptyContainersOnSave',
+            label: 'Remover containers vazios',
+            icon: 'cleaning_services',
+            values: [
+                { label: 'Ativar', value: true },
+                { label: 'Desativar', value: false },
+            ],
+        },
+        {
+            input: 'autoOpenSettingsOnOutdated',
+            label: 'Abrir editor automático',
+            icon: 'open_in_new',
+            values: [
+                { label: 'Ativar', value: true },
+                { label: 'Desativar', value: false },
+            ],
+        },
+        {
+            input: 'readonlyModeGlobal',
+            label: 'Somente leitura global',
+            icon: 'lock',
+            values: [
+                { label: 'Ativar', value: true },
+                { label: 'Desativar', value: false },
+            ],
+        },
+        {
+            input: 'disabledModeGlobal',
+            label: 'Desabilitar global',
+            icon: 'block',
+            values: [
+                { label: 'Ativar', value: true },
+                { label: 'Desativar', value: false },
+            ],
+        },
+        {
+            input: 'presentationModeGlobal',
+            label: 'Modo apresentação',
+            icon: 'slideshow',
+            values: [
+                { label: 'Ativar', value: true },
+                { label: 'Desativar', value: false },
+            ],
+        },
+        {
+            input: 'visibleGlobal',
+            label: 'Visibilidade global',
+            icon: 'visibility',
+            values: [
+                { label: 'Exibir', value: true },
+                { label: 'Ocultar', value: false },
+            ],
+        },
+    ],
+    'praxis-table': [
+        {
+            input: 'showToolbar',
+            label: 'Toolbar',
+            icon: 'toolbar',
+            values: [
+                { label: 'Exibir', value: true },
+                { label: 'Ocultar', value: false },
+            ],
+        },
+        {
+            input: 'toolbarV2',
+            label: 'Toolbar v2',
+            icon: 'view_compact',
+            values: [
+                { label: 'Ativar', value: true },
+                { label: 'Desativar', value: false },
+            ],
+        },
+        {
+            input: 'autoDelete',
+            label: 'Auto delete',
+            icon: 'delete_forever',
+            values: [
+                { label: 'Ativar', value: true },
+                { label: 'Desativar', value: false },
+            ],
+        },
+        {
+            input: 'dense',
+            label: 'Modo compacto',
+            icon: 'compress',
+            values: [
+                { label: 'Ativar', value: true },
+                { label: 'Desativar', value: false },
+            ],
+        },
+    ],
+    'praxis-stepper': [
+        {
+            input: 'inputs.config.orientation',
+            label: 'Orientação',
+            icon: 'swap_vert',
+            values: [
+                { label: 'Horizontal', value: 'horizontal' },
+                { label: 'Vertical', value: 'vertical' },
+            ],
+        },
+        {
+            input: 'inputs.config.headerPosition',
+            label: 'Posição do cabeçalho',
+            icon: 'vertical_align_top',
+            values: [
+                { label: 'Topo', value: 'top' },
+                { label: 'Base', value: 'bottom' },
+            ],
+        },
+        {
+            input: 'inputs.config.linear',
+            label: 'Modo linear',
+            icon: 'linear_scale',
+            values: [
+                { label: 'Ativar', value: true },
+                { label: 'Desativar', value: false },
+            ],
+        },
+        {
+            input: 'inputs.config.navigation.variant',
+            label: 'Navegação (variante)',
+            icon: 'tune',
+            values: [
+                { label: 'Basic', value: 'basic' },
+                { label: 'Flat', value: 'flat' },
+                { label: 'Stroked', value: 'stroked' },
+                { label: 'Raised', value: 'raised' },
+            ],
+        },
+        {
+            input: 'inputs.config.navigation.align',
+            label: 'Navegação (alinhamento)',
+            icon: 'format_align_center',
+            values: [
+                { label: 'Início', value: 'start' },
+                { label: 'Centro', value: 'center' },
+                { label: 'Fim', value: 'end' },
+                { label: 'Espaçado', value: 'space-between' },
+            ],
+        },
+        {
+            input: 'labelPosition',
+            label: 'Posição do rótulo',
+            icon: 'format_align_center',
+            values: [
+                { label: 'Abaixo', value: 'bottom' },
+                { label: 'Ao lado', value: 'end' },
+            ],
+        },
+        {
+            input: 'density',
+            label: 'Densidade',
+            icon: 'density_small',
+            values: [
+                { label: 'Padrão', value: 'default' },
+                { label: 'Confortável', value: 'comfortable' },
+                { label: 'Compacto', value: 'compact' },
+            ],
+        },
+    ],
+    'praxis-expansion': [
+        {
+            input: 'strictValidation',
+            label: 'Validação estrita',
+            icon: 'rule',
+            values: [
+                { label: 'Ativar', value: true },
+                { label: 'Desativar', value: false },
+            ],
+        },
+    ],
+};
+class WidgetShellEditorComponent {
+    registry;
+    form = new FormGroup({
+        kind: new FormControl('dashboard-card', { nonNullable: true }),
+        preset: new FormControl('', { nonNullable: true }),
+        applyToAll: new FormControl(false, { nonNullable: true }),
+        title: new FormControl('', { nonNullable: true }),
+        subtitle: new FormControl('', { nonNullable: true }),
+        icon: new FormControl('', { nonNullable: true }),
+        showHeader: new FormControl('auto', { nonNullable: true }),
+        collapsible: new FormControl(true, { nonNullable: true }),
+        cardBg: new FormControl('', { nonNullable: true }),
+        cardBorder: new FormControl('', { nonNullable: true }),
+        cardRadius: new FormControl('', { nonNullable: true }),
+        cardShadow: new FormControl('', { nonNullable: true }),
+        headerBg: new FormControl('', { nonNullable: true }),
+        headerBorder: new FormControl('', { nonNullable: true }),
+        titleColor: new FormControl('', { nonNullable: true }),
+        subtitleColor: new FormControl('', { nonNullable: true }),
+        iconColor: new FormControl('', { nonNullable: true }),
+        bodyBg: new FormControl('', { nonNullable: true }),
+        bodyColor: new FormControl('', { nonNullable: true }),
+        bodyPadding: new FormControl('', { nonNullable: true }),
+        titleSize: new FormControl('', { nonNullable: true }),
+        titleWeight: new FormControl('', { nonNullable: true }),
+        subtitleSize: new FormControl('', { nonNullable: true }),
+        actions: new FormArray([]),
+    });
+    initialShell = new BehaviorSubject(null);
+    dirtySubject = new BehaviorSubject(false);
+    validSubject = new BehaviorSubject(true);
+    busySubject = new BehaviorSubject(false);
+    isDirty$ = this.dirtySubject.asObservable();
+    isValid$ = this.validSubject.asObservable();
+    isBusy$ = this.busySubject.asObservable();
+    snapshot = '';
+    initialTitle;
+    initialSubtitle;
+    actionCopySources = new WeakMap();
+    presetOptions = [...BUILTIN_PRESET_OPTIONS];
+    presets = { ...BUILTIN_PRESET_MAP };
+    availableActions = [];
+    actionQuery = new FormControl('', { nonNullable: true });
+    showScopeShell = true;
+    showScopeAny = true;
+    showScopeToolbar = false;
+    showScopeContext = false;
+    setInputPresets = [];
+    setInputTarget = new FormControl('', { nonNullable: true });
+    setInputValue = new FormControl(null);
+    previewCollapsed = false;
+    previewExpanded = false;
+    pagePreset = null;
+    constructor(data, registry) {
+        this.registry = registry;
+        const customPresets = data?.presets || {};
+        const customOptions = Object.keys(customPresets).map((id) => ({ id, label: id }));
+        this.presetOptions = [...BUILTIN_PRESET_OPTIONS, ...customOptions];
+        this.presets = { ...BUILTIN_PRESET_MAP, ...customPresets };
+        this.pagePreset = data?.pagePreset || null;
+        const shell = data?.shell || null;
+        this.initialShell.next(shell);
+        this.applyShell(shell);
+        this.loadAvailableActions(data?.widgetType || null);
+        this.loadSetInputPresets(data?.widgetType || null);
+        this.form.valueChanges
+            .pipe(takeUntilDestroyed())
+            .subscribe(() => {
+            this.validSubject.next(this.form.valid);
+            const current = this.snapshotValue();
+            this.dirtySubject.next(current !== this.snapshot);
+        });
+        this.form.controls.preset.valueChanges
+            .pipe(takeUntilDestroyed())
+            .subscribe((value) => {
+            if (!value && this.form.controls.applyToAll.value) {
+                this.form.controls.applyToAll.setValue(false, { emitEvent: false });
+            }
+        });
+        this.setInputTarget.valueChanges
+            .pipe(takeUntilDestroyed())
+            .subscribe(() => {
+            const next = this.currentSetInputValues()[0];
+            if (next)
+                this.setInputValue.setValue(next.value, { emitEvent: false });
+        });
+    }
+    get actions() {
+        return this.form.controls.actions;
+    }
+    get hasAvailableActions() {
+        return !!this.availableActions.length;
+    }
+    addAction(seed) {
+        this.actions.push(this.createActionGroup(seed));
+    }
+    removeAction(index) {
+        this.actions.removeAt(index);
+    }
+    getSettingsValue() {
+        return this.buildResult();
+    }
+    onSave() {
+        return this.buildResult();
+    }
+    reset() {
+        const shell = this.initialShell.value;
+        this.applyShell(shell);
+    }
+    applyShell(shell) {
+        this.initialTitle = shell?.title;
+        this.initialSubtitle = shell?.subtitle;
+        const showHeader = shell?.showHeader == null ? 'auto' : shell.showHeader ? 'true' : 'false';
+        const window = shell?.windowActions || {};
+        const appearance = shell?.appearance || {};
+        const card = appearance.card || {};
+        const header = appearance.header || {};
+        const body = appearance.body || {};
+        const typography = appearance.typography || {};
+        this.form.setControl('actions', new FormArray((shell?.actions || []).map((a) => this.createActionGroup(a))));
+        this.form.setValue({
+            kind: shell?.kind === 'none' ? 'none' : 'dashboard-card',
+            preset: shell?.preset || '',
+            applyToAll: false,
+            title: this.editableText(shell?.title),
+            subtitle: this.editableText(shell?.subtitle),
+            icon: shell?.icon || '',
+            showHeader,
+            collapsible: window.collapsible !== false,
+            cardBg: card.background || '',
+            cardBorder: card.borderColor || '',
+            cardRadius: card.borderRadius || '',
+            cardShadow: card.shadow || '',
+            headerBg: header.background || '',
+            headerBorder: header.borderColor || '',
+            titleColor: header.titleColor || '',
+            subtitleColor: header.subtitleColor || '',
+            iconColor: header.iconColor || '',
+            bodyBg: body.background || '',
+            bodyColor: body.textColor || '',
+            bodyPadding: body.padding || '',
+            titleSize: typography.titleSize || '',
+            titleWeight: typography.titleWeight || '',
+            subtitleSize: typography.subtitleSize || '',
+            actions: this.actions.value,
+        }, { emitEvent: false });
+        this.snapshot = this.snapshotValue();
+        this.dirtySubject.next(false);
+        this.validSubject.next(this.form.valid);
+    }
+    loadAvailableActions(widgetType) {
+        if (!widgetType || !this.registry) {
+            this.availableActions = [];
+            return;
+        }
+        const meta = this.registry.get(widgetType);
+        const actions = (meta?.actions || []).map((action) => ({
+            kind: 'action',
+            id: action.id,
+            label: action.label || action.id,
+            icon: action.icon,
+            scope: action.scope || 'any',
+            emit: action.emit,
+            command: action.command,
+            description: action.description,
+            payloadExample: action.payloadSchema?.example,
+        }));
+        const commands = (meta?.commands || []).map((command) => ({
+            kind: 'command',
+            id: command.name,
+            label: command.label || command.name,
+            icon: command.icon,
+            scope: 'any',
+            command: command.name,
+            description: command.description,
+            payloadExample: command.payloadSchema?.example,
+        }));
+        this.availableActions = [...actions, ...commands];
+    }
+    createActionGroup(seed) {
+        const group = new FormGroup({
+            id: new FormControl(seed?.id || '', { nonNullable: true, validators: [Validators.required] }),
+            label: new FormControl(this.editableText(seed?.label), { nonNullable: true }),
+            icon: new FormControl(seed?.icon || '', { nonNullable: true }),
+            variant: new FormControl(seed?.variant || 'text', { nonNullable: true }),
+            placement: new FormControl(seed?.placement || 'header', { nonNullable: true }),
+            emit: new FormControl(seed?.emit || '', { nonNullable: true }),
+            tooltip: new FormControl(this.editableText(seed?.tooltip), { nonNullable: true }),
+            command: new FormControl(seed?.command || '', { nonNullable: true }),
+            payload: new FormControl(seed?.payload != null ? JSON.stringify(seed.payload) : '', { nonNullable: true }),
+            visible: new FormControl(seed?.visible !== false, { nonNullable: true }),
+            disabled: new FormControl(!!seed?.disabled, { nonNullable: true }),
+        });
+        this.actionCopySources.set(group, { label: seed?.label, tooltip: seed?.tooltip });
+        return group;
+    }
+    buildShell() {
+        const raw = this.form.getRawValue();
+        if (raw.kind === 'none') {
+            return { kind: 'none' };
+        }
+        const shell = {};
+        if (raw.preset)
+            shell.preset = raw.preset;
+        const title = this.preserveTextDescriptor(this.initialTitle, raw.title);
+        const subtitle = this.preserveTextDescriptor(this.initialSubtitle, raw.subtitle);
+        if (title)
+            shell.title = title;
+        if (subtitle)
+            shell.subtitle = subtitle;
+        if (raw.icon.trim())
+            shell.icon = raw.icon.trim();
+        if (raw.showHeader !== 'auto')
+            shell.showHeader = raw.showHeader === 'true';
+        const windowActions = {};
+        if (!raw.collapsible)
+            windowActions.collapsible = false;
+        if (Object.keys(windowActions).length)
+            shell.windowActions = windowActions;
+        const actions = this.actions.controls
+            .map((group) => this.normalizeAction(group.getRawValue(), this.actionCopySources.get(group)))
+            .filter((a) => a.id);
+        if (actions.length)
+            shell.actions = actions;
+        const appearance = this.buildAppearance(raw);
+        if (appearance)
+            shell.appearance = appearance;
+        return shell;
+    }
+    buildResult() {
+        const raw = this.form.getRawValue();
+        const shell = this.buildShell();
+        const applyToAll = !!raw.applyToAll && !!raw.preset;
+        return {
+            shell,
+            applyToAll,
+            pagePreset: applyToAll ? raw.preset : undefined,
+        };
+    }
+    buildAppearance(raw) {
+        const card = {};
+        const header = {};
+        const body = {};
+        const typography = {};
+        if (raw.cardBg)
+            card.background = raw.cardBg.trim();
+        if (raw.cardBorder)
+            card.borderColor = raw.cardBorder.trim();
+        if (raw.cardRadius)
+            card.borderRadius = raw.cardRadius.trim();
+        if (raw.cardShadow)
+            card.shadow = raw.cardShadow.trim();
+        if (raw.headerBg)
+            header.background = raw.headerBg.trim();
+        if (raw.headerBorder)
+            header.borderColor = raw.headerBorder.trim();
+        if (raw.titleColor)
+            header.titleColor = raw.titleColor.trim();
+        if (raw.subtitleColor)
+            header.subtitleColor = raw.subtitleColor.trim();
+        if (raw.iconColor)
+            header.iconColor = raw.iconColor.trim();
+        if (raw.bodyBg)
+            body.background = raw.bodyBg.trim();
+        if (raw.bodyColor)
+            body.textColor = raw.bodyColor.trim();
+        if (raw.bodyPadding)
+            body.padding = raw.bodyPadding.trim();
+        if (raw.titleSize)
+            typography.titleSize = raw.titleSize.trim();
+        if (raw.titleWeight)
+            typography.titleWeight = raw.titleWeight.trim();
+        if (raw.subtitleSize)
+            typography.subtitleSize = raw.subtitleSize.trim();
+        const appearance = {};
+        if (Object.keys(card).length)
+            appearance.card = card;
+        if (Object.keys(header).length)
+            appearance.header = header;
+        if (Object.keys(body).length)
+            appearance.body = body;
+        if (Object.keys(typography).length)
+            appearance.typography = typography;
+        return Object.keys(appearance).length ? appearance : undefined;
+    }
+    previewVars() {
+        const appearance = this.buildPreviewAppearance();
+        return {
+            '--pdx-shell-card-bg': appearance?.card?.background || null,
+            '--pdx-shell-card-border': appearance?.card?.borderColor || null,
+            '--pdx-shell-card-radius': appearance?.card?.borderRadius || null,
+            '--pdx-shell-card-shadow': appearance?.card?.shadow || null,
+            '--pdx-shell-header-bg': appearance?.header?.background || null,
+            '--pdx-shell-header-border': appearance?.header?.borderColor || null,
+            '--pdx-shell-title-color': appearance?.header?.titleColor || null,
+            '--pdx-shell-subtitle-color': appearance?.header?.subtitleColor || null,
+            '--pdx-shell-icon-color': appearance?.header?.iconColor || null,
+            '--pdx-shell-body-bg': appearance?.body?.background || null,
+            '--pdx-shell-body-color': appearance?.body?.textColor || null,
+            '--pdx-shell-body-padding': appearance?.body?.padding || null,
+            '--pdx-shell-title-size': appearance?.typography?.titleSize || null,
+            '--pdx-shell-title-weight': appearance?.typography?.titleWeight || null,
+            '--pdx-shell-subtitle-size': appearance?.typography?.subtitleSize || null,
+        };
+    }
+    previewShowHeader() {
+        const raw = this.form.getRawValue();
+        if (raw.kind === 'none')
+            return false;
+        if (raw.showHeader === 'true')
+            return true;
+        if (raw.showHeader === 'false')
+            return false;
+        return !!(raw.title || raw.subtitle || raw.icon);
+    }
+    previewTitle() {
+        const title = this.editableText(this.form.controls.title.value).trim();
+        return title || 'Titulo do card';
+    }
+    previewSubtitle() {
+        const subtitle = this.editableText(this.form.controls.subtitle.value).trim();
+        return subtitle || 'Subtitulo opcional';
+    }
+    buildPreviewAppearance() {
+        const raw = this.form.getRawValue();
+        const presetId = raw.preset || this.pagePreset || '';
+        const base = presetId ? this.presets[presetId] : undefined;
+        const override = this.buildAppearance(raw);
+        return this.mergeAppearance(base, override);
+    }
+    mergeAppearance(base, override) {
+        if (!base && !override)
+            return undefined;
+        const out = {};
+        const mergeSection = (key) => {
+            const a = (base && base[key]) || undefined;
+            const b = (override && override[key]) || undefined;
+            if (!a && !b)
+                return;
+            out[key] = { ...(a || {}), ...(b || {}) };
+        };
+        mergeSection('card');
+        mergeSection('header');
+        mergeSection('body');
+        mergeSection('typography');
+        return out;
+    }
+    togglePreviewCollapse() {
+        this.previewCollapsed = !this.previewCollapsed;
+    }
+    togglePreviewExpand() {
+        this.previewExpanded = !this.previewExpanded;
+    }
+    previewHeaderActions() {
+        const actions = this.previewActions().filter((a) => (a.placement || 'header') === 'header');
+        return actions.slice(0, 3);
+    }
+    previewOverflowCount() {
+        const actions = this.previewActions().filter((a) => (a.placement || 'header') === 'header');
+        return Math.max(0, actions.length - 3);
+    }
+    previewWindowActions() {
+        return this.previewActions().filter((a) => (a.placement || 'header') === 'window');
+    }
+    normalizeAction(raw, source) {
+        const action = { id: String(raw.id || '').trim() };
+        const label = String(raw.label || '').trim();
+        const icon = String(raw.icon || '').trim();
+        const emit = String(raw.emit || '').trim();
+        const tooltip = String(raw.tooltip || '').trim();
+        const command = String(raw.command || '').trim();
+        const normalizedLabel = this.preserveTextDescriptor(source?.label, label);
+        const normalizedTooltip = this.preserveTextDescriptor(source?.tooltip, tooltip);
+        if (normalizedLabel)
+            action.label = normalizedLabel;
+        if (icon)
+            action.icon = icon;
+        if (emit)
+            action.emit = emit;
+        if (normalizedTooltip)
+            action.tooltip = normalizedTooltip;
+        if (command)
+            action.command = command;
+        if (raw.variant && raw.variant !== 'text')
+            action.variant = raw.variant;
+        if (raw.placement && raw.placement !== 'header')
+            action.placement = raw.placement;
+        if (raw.visible === false)
+            action.visible = false;
+        if (raw.disabled === true)
+            action.disabled = true;
+        const payload = this.tryParsePayload(raw.payload);
+        if (payload !== undefined)
+            action.payload = payload;
+        return action;
+    }
+    editableText(value) {
+        if (typeof value === 'string')
+            return value;
+        return value?.text || value?.key || '';
+    }
+    preserveTextDescriptor(source, editedValue) {
+        const edited = String(editedValue ?? '').trim();
+        if (!edited)
+            return undefined;
+        if (source && typeof source === 'object') {
+            const authoredText = this.editableText(source).trim();
+            return edited === authoredText ? { ...source } : edited;
+        }
+        return edited;
+    }
+    tryParsePayload(raw) {
+        const value = String(raw || '').trim();
+        if (!value)
+            return undefined;
+        try {
+            return JSON.parse(value);
+        }
+        catch {
+            return value;
+        }
+    }
+    snapshotValue() {
+        try {
+            return JSON.stringify(this.buildResult());
+        }
+        catch {
+            return '';
+        }
+    }
+    filteredAvailableActions() {
+        const query = this.actionQuery.value.trim().toLowerCase();
+        const scopes = new Set();
+        if (this.showScopeShell)
+            scopes.add('shell');
+        if (this.showScopeAny)
+            scopes.add('any');
+        if (this.showScopeToolbar)
+            scopes.add('toolbar');
+        if (this.showScopeContext)
+            scopes.add('context');
+        return this.availableActions.filter((action) => {
+            const scope = action.scope || 'any';
+            if (!scopes.has(scope))
+                return false;
+            if (!query)
+                return true;
+            const hay = [
+                action.label,
+                action.id,
+                action.description,
+                action.emit,
+                action.command,
+            ]
+                .filter(Boolean)
+                .join(' ')
+                .toLowerCase();
+            return hay.includes(query);
+        });
+    }
+    isActionSelected(action) {
+        return this.findActionIndex(action) >= 0;
+    }
+    toggleAvailableAction(action) {
+        const idx = this.findActionIndex(action);
+        if (idx >= 0) {
+            this.removeAction(idx);
+            return;
+        }
+        this.addAction({
+            id: action.id,
+            label: action.label,
+            icon: action.icon,
+            emit: action.emit,
+            command: action.command,
+            payload: action.payloadExample,
+        });
+    }
+    scopeLabel(scope) {
+        const value = scope || 'any';
+        if (value === 'shell')
+            return 'Shell';
+        if (value === 'toolbar')
+            return 'Toolbar';
+        if (value === 'context')
+            return 'Context';
+        return 'Any';
+    }
+    stringifyPayload(payload) {
+        if (payload === null)
+            return 'null';
+        if (payload === undefined)
+            return 'undefined';
+        if (typeof payload === 'string')
+            return payload;
+        try {
+            return JSON.stringify(payload);
+        }
+        catch {
+            return String(payload);
+        }
+    }
+    displayInputPath(path) {
+        const trimmed = String(path || '').trim();
+        if (!trimmed)
+            return '';
+        return trimmed.replace(/^inputs\./, '');
+    }
+    extractActionInput(actionValue) {
+        const payload = this.tryParsePayload(actionValue?.payload);
+        const input = typeof payload?.input === 'string' ? payload.input.trim() : '';
+        return input;
+    }
+    showActionInputPath(actionValue) {
+        const command = String(actionValue?.command || '').trim();
+        if (command !== 'pdx:set-input')
+            return false;
+        return !!this.extractActionInput(actionValue);
+    }
+    currentSetInputValues() {
+        const preset = this.setInputPresets.find((p) => p.input === this.setInputTarget.value);
+        return preset?.values || [];
+    }
+    addSetInputAction() {
+        const preset = this.setInputPresets.find((p) => p.input === this.setInputTarget.value);
+        if (!preset)
+            return;
+        const selected = this.currentSetInputValues().find((v) => v.value === this.setInputValue.value);
+        if (!selected)
+            return;
+        const label = `${preset.label}: ${selected.label}`;
+        const payload = { input: preset.input, value: selected.value };
+        this.addAction({
+            id: `set-${preset.input}-${String(selected.value)}`,
+            label,
+            icon: selected.icon || preset.icon,
+            command: 'pdx:set-input',
+            payload,
+            variant: 'text',
+            placement: 'header',
+        });
+    }
+    findActionIndex(action) {
+        const values = this.actions.getRawValue();
+        return values.findIndex((a) => {
+            if (a.id !== action.id)
+                return false;
+            if (action.command && a.command)
+                return a.command === action.command;
+            if (action.emit && a.emit)
+                return a.emit === action.emit;
+            return true;
+        });
+    }
+    previewActions() {
+        return (this.actions.getRawValue() || [])
+            .map((a) => this.normalizeAction(a))
+            .filter((a) => a.id && a.visible !== false);
+    }
+    loadSetInputPresets(widgetType) {
+        if (!widgetType) {
+            this.setInputPresets = [];
+            return;
+        }
+        this.setInputPresets = SET_INPUT_PRESETS[widgetType] || [];
+        const first = this.setInputPresets[0];
+        if (first) {
+            this.setInputTarget.setValue(first.input, { emitEvent: false });
+            const firstValue = first.values[0];
+            if (firstValue)
+                this.setInputValue.setValue(firstValue.value, { emitEvent: false });
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: WidgetShellEditorComponent, deps: [{ token: SETTINGS_PANEL_DATA, optional: true }, { token: i2$2.ComponentMetadataRegistry, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: WidgetShellEditorComponent, isStandalone: true, selector: "praxis-widget-shell-editor", ngImport: i0, template: `
+    <div class="shell-editor">
+      <p class="shell-intro">
+        Defina a identidade, a aparência e as ações do card. Use a prévia para conferir o resultado antes de salvar.
+      </p>
+    
+      <div class="shell-section">Geral</div>
+      <div class="shell-grid">
+        <mat-form-field appearance="outline">
+          <mat-label>Tipo de card</mat-label>
+          <mat-select [formControl]="form.controls.kind">
+            <mat-option value="dashboard-card">Dashboard Card</mat-option>
+            <mat-option value="none">Sem shell</mat-option>
+          </mat-select>
+        </mat-form-field>
+        <mat-form-field appearance="outline">
+          <mat-label>Preset</mat-label>
+          <mat-select [formControl]="form.controls.preset">
+            <mat-option value="">Nenhum</mat-option>
+            @if (pagePreset) {
+              <mat-option [value]="pagePreset">Usar preset da página ({{ pagePreset }})</mat-option>
+            }
+            @for (p of presetOptions; track p) {
+              <mat-option [value]="p.id">{{ p.label }}</mat-option>
+            }
+          </mat-select>
+        </mat-form-field>
+        @if (!form.controls.preset.value && pagePreset) {
+          <div class="shell-hint">
+            Preset da página: {{ pagePreset }}
+          </div>
+        }
+        @if (form.controls.preset.value) {
+          <mat-checkbox [formControl]="form.controls.applyToAll">
+            Aplicar preset como padrão da página
+          </mat-checkbox>
+        }
+        <mat-form-field appearance="outline">
+          <mat-label>Ícone</mat-label>
+          <input matInput [formControl]="form.controls.icon" placeholder="ex: badge" />
+        </mat-form-field>
+        <mat-form-field appearance="outline">
+          <mat-label>Título</mat-label>
+          <input matInput [formControl]="form.controls.title" />
+        </mat-form-field>
+        <mat-form-field appearance="outline" class="shell-field--wide">
+          <mat-label>Subtítulo</mat-label>
+          <input matInput [formControl]="form.controls.subtitle" />
+        </mat-form-field>
+        <mat-form-field appearance="outline">
+          <mat-label>Mostrar cabeçalho</mat-label>
+          <mat-select [formControl]="form.controls.showHeader">
+            <mat-option value="auto">Automático</mat-option>
+            <mat-option value="true">Sempre</mat-option>
+            <mat-option value="false">Nunca</mat-option>
+          </mat-select>
+        </mat-form-field>
+      </div>
+    
+      <div class="shell-section">Controles de janela</div>
+      <div class="shell-flags">
+        <mat-checkbox [formControl]="form.controls.collapsible">Permitir recolher</mat-checkbox>
+      </div>
+    
+      <mat-divider></mat-divider>
+    
+      <div class="shell-section">Aparência</div>
+      <div class="shell-grid">
+        <mat-form-field appearance="outline">
+          <mat-label>Fundo do card</mat-label>
+          <input matInput [formControl]="form.controls.cardBg" placeholder="ex: #0b1220" />
+        </mat-form-field>
+        <mat-form-field appearance="outline">
+          <mat-label>Cor da borda</mat-label>
+          <input matInput [formControl]="form.controls.cardBorder" placeholder="ex: rgba(255,255,255,0.12)" />
+        </mat-form-field>
+        <mat-form-field appearance="outline">
+          <mat-label>Raio da borda</mat-label>
+          <input matInput [formControl]="form.controls.cardRadius" placeholder="ex: 14px" />
+        </mat-form-field>
+        <mat-form-field appearance="outline">
+          <mat-label>Sombra</mat-label>
+          <input matInput [formControl]="form.controls.cardShadow" placeholder="ex: 0 10px 30px rgba(0,0,0,0.2)" />
+        </mat-form-field>
+        <mat-form-field appearance="outline">
+          <mat-label>Fundo do cabeçalho</mat-label>
+          <input matInput [formControl]="form.controls.headerBg" placeholder="ex: linear-gradient(...)" />
+        </mat-form-field>
+        <mat-form-field appearance="outline">
+          <mat-label>Borda do cabeçalho</mat-label>
+          <input matInput [formControl]="form.controls.headerBorder" placeholder="ex: rgba(255,255,255,0.08)" />
+        </mat-form-field>
+        <mat-form-field appearance="outline">
+          <mat-label>Cor do título</mat-label>
+          <input matInput [formControl]="form.controls.titleColor" placeholder="ex: #e6edf3" />
+        </mat-form-field>
+        <mat-form-field appearance="outline">
+          <mat-label>Cor do subtítulo</mat-label>
+          <input matInput [formControl]="form.controls.subtitleColor" placeholder="ex: #9fb0c4" />
+        </mat-form-field>
+        <mat-form-field appearance="outline">
+          <mat-label>Cor do ícone</mat-label>
+          <input matInput [formControl]="form.controls.iconColor" placeholder="ex: #8ab4ff" />
+        </mat-form-field>
+        <mat-form-field appearance="outline">
+          <mat-label>Fundo do corpo</mat-label>
+          <input matInput [formControl]="form.controls.bodyBg" placeholder="ex: transparent" />
+        </mat-form-field>
+        <mat-form-field appearance="outline">
+          <mat-label>Cor do texto do corpo</mat-label>
+          <input matInput [formControl]="form.controls.bodyColor" placeholder="ex: #e6edf3" />
+        </mat-form-field>
+        <mat-form-field appearance="outline">
+          <mat-label>Padding do corpo</mat-label>
+          <input matInput [formControl]="form.controls.bodyPadding" placeholder="ex: 10px 12px 12px" />
+        </mat-form-field>
+        <mat-form-field appearance="outline">
+          <mat-label>Tamanho do título</mat-label>
+          <input matInput [formControl]="form.controls.titleSize" placeholder="ex: 14px" />
+        </mat-form-field>
+        <mat-form-field appearance="outline">
+          <mat-label>Peso do título</mat-label>
+          <input matInput [formControl]="form.controls.titleWeight" placeholder="ex: 600" />
+        </mat-form-field>
+        <mat-form-field appearance="outline">
+          <mat-label>Tamanho do subtítulo</mat-label>
+          <input matInput [formControl]="form.controls.subtitleSize" placeholder="ex: 12px" />
+        </mat-form-field>
+      </div>
+    
+      <div class="shell-preview" [ngStyle]="previewVars()">
+        <div class="shell-preview-card" [class.no-shell]="form.controls.kind.value === 'none'" [class.expanded]="previewExpanded">
+          @if (previewShowHeader()) {
+            <div class="shell-preview-header">
+              <div class="shell-preview-title">
+                @if (form.controls.icon.value) {
+                  <mat-icon [praxisIcon]="form.controls.icon.value"></mat-icon>
+                }
+                <div class="shell-preview-text">
+                  <div class="shell-preview-title-text">{{ previewTitle() }}</div>
+                  <div class="shell-preview-subtitle">{{ previewSubtitle() }}</div>
+                </div>
+              </div>
+              <div class="shell-preview-actions">
+                @for (action of previewHeaderActions(); track action.id) {
+                  <button
+                    type="button"
+                    [disabled]="action.disabled"
+                    [ngClass]="action.variant === 'outlined' ? 'pdx-preview-outlined' : 'pdx-preview-text'"
+                    mat-button
+                    >
+                    @if (action.icon) {
+                      <mat-icon [praxisIcon]="action.icon"></mat-icon>
+                    }
+                    <span class="pdx-preview-label">{{ action.label || action.id }}</span>
+                  </button>
+                }
+                @if (previewOverflowCount()) {
+                  <button
+                    praxisIconButton="more_horiz"
+                    size="compact"
+                    type="button"
+                    aria-label="Mais ações"
+                  ></button>
+                }
+                @for (action of previewWindowActions(); track action.id) {
+                  @if (action.icon) {
+                    <button
+                      [praxisIconButton]="action.icon"
+                      size="compact"
+                      type="button"
+                      [disabled]="action.disabled"
+                      [attr.aria-label]="action.label || action.id"
+                    ></button>
+                  }
+                }
+                <button
+                  [praxisIconButton]="previewCollapsed ? 'unfold_more' : 'unfold_less'"
+                  size="compact"
+                  type="button"
+                  (click)="togglePreviewCollapse()"
+                  aria-label="Recolher"
+                ></button>
+                <button
+                  [praxisIconButton]="previewExpanded ? 'close_fullscreen' : 'open_in_full'"
+                  size="compact"
+                  type="button"
+                  (click)="togglePreviewExpand()"
+                  aria-label="Expandir"
+                ></button>
+              </div>
+            </div>
+          }
+          <div class="shell-preview-body" [class.hidden]="previewCollapsed">Conteudo do widget</div>
+        </div>
+      </div>
+    
+      <mat-divider></mat-divider>
+    
+      @if (hasAvailableActions) {
+        <div class="shell-section">Ações disponíveis</div>
+      }
+      @if (hasAvailableActions) {
+        <div class="shell-available">
+          <div class="shell-available-toolbar">
+            <mat-form-field appearance="outline">
+              <mat-label>Buscar ação</mat-label>
+              <input matInput [formControl]="actionQuery" placeholder="ex: export, editar, submit" />
+            </mat-form-field>
+            <div class="shell-available-filters">
+              <mat-checkbox [(ngModel)]="showScopeShell">Shell</mat-checkbox>
+              <mat-checkbox [(ngModel)]="showScopeAny">Any</mat-checkbox>
+              <mat-checkbox [(ngModel)]="showScopeToolbar">Toolbar</mat-checkbox>
+              <mat-checkbox [(ngModel)]="showScopeContext">Context</mat-checkbox>
+            </div>
+          </div>
+          <div class="shell-available-list">
+            @for (action of filteredAvailableActions(); track action) {
+              <div class="shell-available-item">
+                <div class="shell-available-main">
+                  <div class="shell-available-title">
+                    @if (action.icon) {
+                      <mat-icon [praxisIcon]="action.icon"></mat-icon>
+                    }
+                    <div class="shell-available-text">
+                      <div class="shell-available-label">{{ action.label }}</div>
+                      <div class="shell-available-meta">
+                        <span class="shell-badge">{{ action.kind === 'command' ? 'Comando' : 'Ação' }}</span>
+                        <span class="shell-badge">{{ scopeLabel(action.scope) }}</span>
+                        <span class="shell-code">id: {{ action.id }}</span>
+                        @if (action.emit) {
+                          <span class="shell-code">emit: {{ action.emit }}</span>
+                        }
+                        @if (action.command) {
+                          <span class="shell-code">command: {{ action.command }}</span>
+                        }
+                      </div>
+                    </div>
+                  </div>
+                  @if (action.description) {
+                    <div class="shell-available-desc">{{ action.description }}</div>
+                  }
+                  @if (action.payloadExample !== undefined) {
+                    <div class="shell-available-payload">
+                      <span class="shell-code">payload: {{ stringifyPayload(action.payloadExample) }}</span>
+                    </div>
+                  }
+                  @if (action.scope === 'context') {
+                    <div class="shell-available-warning">
+                      Essa ação depende de item/linha selecionado; payload fixo pode não funcionar.
+                    </div>
+                  }
+                </div>
+                <div class="shell-available-actions">
+                  <button
+                    mat-stroked-button
+                    type="button"
+                    [color]="isActionSelected(action) ? 'warn' : 'primary'"
+                    (click)="toggleAvailableAction(action)"
+                    >
+                    {{ isActionSelected(action) ? 'Remover' : 'Adicionar' }}
+                  </button>
+                </div>
+              </div>
+            }
+          </div>
+        </div>
+      } @else {
+        <div class="shell-empty">Nenhuma ação registrada para este componente.</div>
+      }
+    
+      @if (hasAvailableActions) {
+        <mat-divider></mat-divider>
+      }
+    
+      @if (setInputPresets.length) {
+        <div class="shell-section">Ações rápidas (inputs)</div>
+      }
+      @if (setInputPresets.length) {
+        <div class="shell-quick-inputs">
+          <mat-form-field appearance="outline">
+            <mat-label>Input</mat-label>
+            <mat-select [formControl]="setInputTarget">
+              @for (preset of setInputPresets; track preset) {
+                <mat-option [value]="preset.input">
+                  @if (preset.icon) {
+                    <mat-icon [praxisIcon]="preset.icon"></mat-icon>
+                  }
+                  {{ preset.label }}
+                </mat-option>
+              }
+            </mat-select>
+          </mat-form-field>
+          @if (setInputTarget.value) {
+            <div class="shell-input-path">
+              Input: {{ displayInputPath(setInputTarget.value) }}
+            </div>
+          }
+          <mat-form-field appearance="outline">
+            <mat-label>Valor</mat-label>
+            <mat-select [formControl]="setInputValue">
+              @for (option of currentSetInputValues(); track option) {
+                <mat-option [value]="option.value">
+                  @if (option.icon) {
+                    <mat-icon [praxisIcon]="option.icon"></mat-icon>
+                  }
+                  {{ option.label }}
+                </mat-option>
+              }
+            </mat-select>
+          </mat-form-field>
+          <button mat-flat-button color="primary" type="button" (click)="addSetInputAction()">
+            Adicionar ação
+          </button>
+        </div>
+      }
+    
+      <div class="shell-section shell-actions-head">
+        <div>Ações do cabeçalho</div>
+        <button mat-flat-button color="primary" type="button" (click)="addAction()">Adicionar ação</button>
+      </div>
+    
+      @if (actions.controls.length) {
+        <div class="shell-actions">
+          @for (action of actions.controls; track action; let i = $index) {
+            <div class="shell-action" [formGroup]="action">
+              <div class="shell-action-row">
+                <mat-form-field appearance="outline">
+                  <mat-label>ID</mat-label>
+                  <input matInput formControlName="id" />
+                </mat-form-field>
+                <mat-form-field appearance="outline">
+                  <mat-label>Label</mat-label>
+                  <input matInput formControlName="label" />
+                </mat-form-field>
+                <mat-form-field appearance="outline">
+                  <mat-label>Ícone</mat-label>
+                  <input matInput formControlName="icon" />
+                </mat-form-field>
+              </div>
+              <div class="shell-action-row">
+                <mat-form-field appearance="outline">
+                  <mat-label>Variante</mat-label>
+                  <mat-select formControlName="variant">
+                    <mat-option value="text">Texto</mat-option>
+                    <mat-option value="outlined">Outlined</mat-option>
+                    <mat-option value="icon">Ícone</mat-option>
+                  </mat-select>
+                </mat-form-field>
+                <mat-form-field appearance="outline">
+                  <mat-label>Posição</mat-label>
+                  <mat-select formControlName="placement">
+                    <mat-option value="header">Cabeçalho</mat-option>
+                    <mat-option value="window">Janela</mat-option>
+                  </mat-select>
+                </mat-form-field>
+                <mat-form-field appearance="outline">
+                  <mat-label>Emit</mat-label>
+                  <input matInput formControlName="emit" placeholder="ex: editar" />
+                </mat-form-field>
+                <mat-form-field appearance="outline">
+                  <mat-label>Tooltip</mat-label>
+                  <input matInput formControlName="tooltip" />
+                </mat-form-field>
+              </div>
+              <div class="shell-action-row">
+                <mat-form-field appearance="outline">
+                  <mat-label>Command</mat-label>
+                  <input matInput formControlName="command" placeholder="ex: add-item" />
+                </mat-form-field>
+                <mat-form-field appearance="outline">
+                  <mat-label>Payload (JSON)</mat-label>
+                  <textarea matInput rows="2" formControlName="payload" placeholder='ex: {"foo":"bar"}'></textarea>
+                </mat-form-field>
+                <mat-checkbox formControlName="visible">Visível</mat-checkbox>
+                <mat-checkbox formControlName="disabled">Desabilitado</mat-checkbox>
+              </div>
+              @if (showActionInputPath(action.value)) {
+                <div class="shell-action-hint">
+                  Input: {{ displayInputPath(extractActionInput(action.value)) }}
+                </div>
+              }
+              <div class="shell-action-actions">
+                <button mat-stroked-button color="warn" type="button" (click)="removeAction(i)">Remover</button>
+              </div>
+            </div>
+          }
+        </div>
+      } @else {
+        <div class="shell-empty">Nenhuma ação configurada.</div>
+      }
+    
+    </div>
+    `, isInline: true, styles: [".shell-editor{display:grid;gap:20px;padding:12px 4px 20px}.shell-intro{margin:0;max-width:68ch;color:var(--md-sys-color-on-surface-variant);font-size:14px;line-height:1.5}.shell-section{margin:4px 0 -8px;color:var(--md-sys-color-on-surface);font-size:14px;font-weight:650;line-height:1.4}.shell-grid{display:grid;gap:12px 16px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.shell-field--wide{grid-column:1 / -1}.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}@media(max-width:640px){.shell-editor{padding-inline:0}.shell-grid{grid-template-columns:minmax(0,1fr)}.shell-field--wide{grid-column:auto}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$3.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],[formArray],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: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i5$1.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: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i5.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: "component", type: PraxisIconButtonComponent, selector: "button[praxisIconButton]", inputs: ["praxisIconButton", "size", "appearance", "presentation", "pressed", "busy"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: WidgetShellEditorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'praxis-widget-shell-editor', standalone: true, imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        MatButtonModule,
+                        MatCheckboxModule,
+                        MatDividerModule,
+                        MatFormFieldModule,
+                        MatIconModule,
+                        MatInputModule,
+                        MatSelectModule,
+                        PraxisIconButtonComponent,
+                        PraxisIconDirective,
+                    ], template: `
+    <div class="shell-editor">
+      <p class="shell-intro">
+        Defina a identidade, a aparência e as ações do card. Use a prévia para conferir o resultado antes de salvar.
+      </p>
+    
+      <div class="shell-section">Geral</div>
+      <div class="shell-grid">
+        <mat-form-field appearance="outline">
+          <mat-label>Tipo de card</mat-label>
+          <mat-select [formControl]="form.controls.kind">
+            <mat-option value="dashboard-card">Dashboard Card</mat-option>
+            <mat-option value="none">Sem shell</mat-option>
+          </mat-select>
+        </mat-form-field>
+        <mat-form-field appearance="outline">
+          <mat-label>Preset</mat-label>
+          <mat-select [formControl]="form.controls.preset">
+            <mat-option value="">Nenhum</mat-option>
+            @if (pagePreset) {
+              <mat-option [value]="pagePreset">Usar preset da página ({{ pagePreset }})</mat-option>
+            }
+            @for (p of presetOptions; track p) {
+              <mat-option [value]="p.id">{{ p.label }}</mat-option>
+            }
+          </mat-select>
+        </mat-form-field>
+        @if (!form.controls.preset.value && pagePreset) {
+          <div class="shell-hint">
+            Preset da página: {{ pagePreset }}
+          </div>
+        }
+        @if (form.controls.preset.value) {
+          <mat-checkbox [formControl]="form.controls.applyToAll">
+            Aplicar preset como padrão da página
+          </mat-checkbox>
+        }
+        <mat-form-field appearance="outline">
+          <mat-label>Ícone</mat-label>
+          <input matInput [formControl]="form.controls.icon" placeholder="ex: badge" />
+        </mat-form-field>
+        <mat-form-field appearance="outline">
+          <mat-label>Título</mat-label>
+          <input matInput [formControl]="form.controls.title" />
+        </mat-form-field>
+        <mat-form-field appearance="outline" class="shell-field--wide">
+          <mat-label>Subtítulo</mat-label>
+          <input matInput [formControl]="form.controls.subtitle" />
+        </mat-form-field>
+        <mat-form-field appearance="outline">
+          <mat-label>Mostrar cabeçalho</mat-label>
+          <mat-select [formControl]="form.controls.showHeader">
+            <mat-option value="auto">Automático</mat-option>
+            <mat-option value="true">Sempre</mat-option>
+            <mat-option value="false">Nunca</mat-option>
+          </mat-select>
+        </mat-form-field>
+      </div>
+    
+      <div class="shell-section">Controles de janela</div>
+      <div class="shell-flags">
+        <mat-checkbox [formControl]="form.controls.collapsible">Permitir recolher</mat-checkbox>
+      </div>
+    
+      <mat-divider></mat-divider>
+    
+      <div class="shell-section">Aparência</div>
+      <div class="shell-grid">
+        <mat-form-field appearance="outline">
+          <mat-label>Fundo do card</mat-label>
+          <input matInput [formControl]="form.controls.cardBg" placeholder="ex: #0b1220" />
+        </mat-form-field>
+        <mat-form-field appearance="outline">
+          <mat-label>Cor da borda</mat-label>
+          <input matInput [formControl]="form.controls.cardBorder" placeholder="ex: rgba(255,255,255,0.12)" />
+        </mat-form-field>
+        <mat-form-field appearance="outline">
+          <mat-label>Raio da borda</mat-label>
+          <input matInput [formControl]="form.controls.cardRadius" placeholder="ex: 14px" />
+        </mat-form-field>
+        <mat-form-field appearance="outline">
+          <mat-label>Sombra</mat-label>
+          <input matInput [formControl]="form.controls.cardShadow" placeholder="ex: 0 10px 30px rgba(0,0,0,0.2)" />
+        </mat-form-field>
+        <mat-form-field appearance="outline">
+          <mat-label>Fundo do cabeçalho</mat-label>
+          <input matInput [formControl]="form.controls.headerBg" placeholder="ex: linear-gradient(...)" />
+        </mat-form-field>
+        <mat-form-field appearance="outline">
+          <mat-label>Borda do cabeçalho</mat-label>
+          <input matInput [formControl]="form.controls.headerBorder" placeholder="ex: rgba(255,255,255,0.08)" />
+        </mat-form-field>
+        <mat-form-field appearance="outline">
+          <mat-label>Cor do título</mat-label>
+          <input matInput [formControl]="form.controls.titleColor" placeholder="ex: #e6edf3" />
+        </mat-form-field>
+        <mat-form-field appearance="outline">
+          <mat-label>Cor do subtítulo</mat-label>
+          <input matInput [formControl]="form.controls.subtitleColor" placeholder="ex: #9fb0c4" />
+        </mat-form-field>
+        <mat-form-field appearance="outline">
+          <mat-label>Cor do ícone</mat-label>
+          <input matInput [formControl]="form.controls.iconColor" placeholder="ex: #8ab4ff" />
+        </mat-form-field>
+        <mat-form-field appearance="outline">
+          <mat-label>Fundo do corpo</mat-label>
+          <input matInput [formControl]="form.controls.bodyBg" placeholder="ex: transparent" />
+        </mat-form-field>
+        <mat-form-field appearance="outline">
+          <mat-label>Cor do texto do corpo</mat-label>
+          <input matInput [formControl]="form.controls.bodyColor" placeholder="ex: #e6edf3" />
+        </mat-form-field>
+        <mat-form-field appearance="outline">
+          <mat-label>Padding do corpo</mat-label>
+          <input matInput [formControl]="form.controls.bodyPadding" placeholder="ex: 10px 12px 12px" />
+        </mat-form-field>
+        <mat-form-field appearance="outline">
+          <mat-label>Tamanho do título</mat-label>
+          <input matInput [formControl]="form.controls.titleSize" placeholder="ex: 14px" />
+        </mat-form-field>
+        <mat-form-field appearance="outline">
+          <mat-label>Peso do título</mat-label>
+          <input matInput [formControl]="form.controls.titleWeight" placeholder="ex: 600" />
+        </mat-form-field>
+        <mat-form-field appearance="outline">
+          <mat-label>Tamanho do subtítulo</mat-label>
+          <input matInput [formControl]="form.controls.subtitleSize" placeholder="ex: 12px" />
+        </mat-form-field>
+      </div>
+    
+      <div class="shell-preview" [ngStyle]="previewVars()">
+        <div class="shell-preview-card" [class.no-shell]="form.controls.kind.value === 'none'" [class.expanded]="previewExpanded">
+          @if (previewShowHeader()) {
+            <div class="shell-preview-header">
+              <div class="shell-preview-title">
+                @if (form.controls.icon.value) {
+                  <mat-icon [praxisIcon]="form.controls.icon.value"></mat-icon>
+                }
+                <div class="shell-preview-text">
+                  <div class="shell-preview-title-text">{{ previewTitle() }}</div>
+                  <div class="shell-preview-subtitle">{{ previewSubtitle() }}</div>
+                </div>
+              </div>
+              <div class="shell-preview-actions">
+                @for (action of previewHeaderActions(); track action.id) {
+                  <button
+                    type="button"
+                    [disabled]="action.disabled"
+                    [ngClass]="action.variant === 'outlined' ? 'pdx-preview-outlined' : 'pdx-preview-text'"
+                    mat-button
+                    >
+                    @if (action.icon) {
+                      <mat-icon [praxisIcon]="action.icon"></mat-icon>
+                    }
+                    <span class="pdx-preview-label">{{ action.label || action.id }}</span>
+                  </button>
+                }
+                @if (previewOverflowCount()) {
+                  <button
+                    praxisIconButton="more_horiz"
+                    size="compact"
+                    type="button"
+                    aria-label="Mais ações"
+                  ></button>
+                }
+                @for (action of previewWindowActions(); track action.id) {
+                  @if (action.icon) {
+                    <button
+                      [praxisIconButton]="action.icon"
+                      size="compact"
+                      type="button"
+                      [disabled]="action.disabled"
+                      [attr.aria-label]="action.label || action.id"
+                    ></button>
+                  }
+                }
+                <button
+                  [praxisIconButton]="previewCollapsed ? 'unfold_more' : 'unfold_less'"
+                  size="compact"
+                  type="button"
+                  (click)="togglePreviewCollapse()"
+                  aria-label="Recolher"
+                ></button>
+                <button
+                  [praxisIconButton]="previewExpanded ? 'close_fullscreen' : 'open_in_full'"
+                  size="compact"
+                  type="button"
+                  (click)="togglePreviewExpand()"
+                  aria-label="Expandir"
+                ></button>
+              </div>
+            </div>
+          }
+          <div class="shell-preview-body" [class.hidden]="previewCollapsed">Conteudo do widget</div>
+        </div>
+      </div>
+    
+      <mat-divider></mat-divider>
+    
+      @if (hasAvailableActions) {
+        <div class="shell-section">Ações disponíveis</div>
+      }
+      @if (hasAvailableActions) {
+        <div class="shell-available">
+          <div class="shell-available-toolbar">
+            <mat-form-field appearance="outline">
+              <mat-label>Buscar ação</mat-label>
+              <input matInput [formControl]="actionQuery" placeholder="ex: export, editar, submit" />
+            </mat-form-field>
+            <div class="shell-available-filters">
+              <mat-checkbox [(ngModel)]="showScopeShell">Shell</mat-checkbox>
+              <mat-checkbox [(ngModel)]="showScopeAny">Any</mat-checkbox>
+              <mat-checkbox [(ngModel)]="showScopeToolbar">Toolbar</mat-checkbox>
+              <mat-checkbox [(ngModel)]="showScopeContext">Context</mat-checkbox>
+            </div>
+          </div>
+          <div class="shell-available-list">
+            @for (action of filteredAvailableActions(); track action) {
+              <div class="shell-available-item">
+                <div class="shell-available-main">
+                  <div class="shell-available-title">
+                    @if (action.icon) {
+                      <mat-icon [praxisIcon]="action.icon"></mat-icon>
+                    }
+                    <div class="shell-available-text">
+                      <div class="shell-available-label">{{ action.label }}</div>
+                      <div class="shell-available-meta">
+                        <span class="shell-badge">{{ action.kind === 'command' ? 'Comando' : 'Ação' }}</span>
+                        <span class="shell-badge">{{ scopeLabel(action.scope) }}</span>
+                        <span class="shell-code">id: {{ action.id }}</span>
+                        @if (action.emit) {
+                          <span class="shell-code">emit: {{ action.emit }}</span>
+                        }
+                        @if (action.command) {
+                          <span class="shell-code">command: {{ action.command }}</span>
+                        }
+                      </div>
+                    </div>
+                  </div>
+                  @if (action.description) {
+                    <div class="shell-available-desc">{{ action.description }}</div>
+                  }
+                  @if (action.payloadExample !== undefined) {
+                    <div class="shell-available-payload">
+                      <span class="shell-code">payload: {{ stringifyPayload(action.payloadExample) }}</span>
+                    </div>
+                  }
+                  @if (action.scope === 'context') {
+                    <div class="shell-available-warning">
+                      Essa ação depende de item/linha selecionado; payload fixo pode não funcionar.
+                    </div>
+                  }
+                </div>
+                <div class="shell-available-actions">
+                  <button
+                    mat-stroked-button
+                    type="button"
+                    [color]="isActionSelected(action) ? 'warn' : 'primary'"
+                    (click)="toggleAvailableAction(action)"
+                    >
+                    {{ isActionSelected(action) ? 'Remover' : 'Adicionar' }}
+                  </button>
+                </div>
+              </div>
+            }
+          </div>
+        </div>
+      } @else {
+        <div class="shell-empty">Nenhuma ação registrada para este componente.</div>
+      }
+    
+      @if (hasAvailableActions) {
+        <mat-divider></mat-divider>
+      }
+    
+      @if (setInputPresets.length) {
+        <div class="shell-section">Ações rápidas (inputs)</div>
+      }
+      @if (setInputPresets.length) {
+        <div class="shell-quick-inputs">
+          <mat-form-field appearance="outline">
+            <mat-label>Input</mat-label>
+            <mat-select [formControl]="setInputTarget">
+              @for (preset of setInputPresets; track preset) {
+                <mat-option [value]="preset.input">
+                  @if (preset.icon) {
+                    <mat-icon [praxisIcon]="preset.icon"></mat-icon>
+                  }
+                  {{ preset.label }}
+                </mat-option>
+              }
+            </mat-select>
+          </mat-form-field>
+          @if (setInputTarget.value) {
+            <div class="shell-input-path">
+              Input: {{ displayInputPath(setInputTarget.value) }}
+            </div>
+          }
+          <mat-form-field appearance="outline">
+            <mat-label>Valor</mat-label>
+            <mat-select [formControl]="setInputValue">
+              @for (option of currentSetInputValues(); track option) {
+                <mat-option [value]="option.value">
+                  @if (option.icon) {
+                    <mat-icon [praxisIcon]="option.icon"></mat-icon>
+                  }
+                  {{ option.label }}
+                </mat-option>
+              }
+            </mat-select>
+          </mat-form-field>
+          <button mat-flat-button color="primary" type="button" (click)="addSetInputAction()">
+            Adicionar ação
+          </button>
+        </div>
+      }
+    
+      <div class="shell-section shell-actions-head">
+        <div>Ações do cabeçalho</div>
+        <button mat-flat-button color="primary" type="button" (click)="addAction()">Adicionar ação</button>
+      </div>
+    
+      @if (actions.controls.length) {
+        <div class="shell-actions">
+          @for (action of actions.controls; track action; let i = $index) {
+            <div class="shell-action" [formGroup]="action">
+              <div class="shell-action-row">
+                <mat-form-field appearance="outline">
+                  <mat-label>ID</mat-label>
+                  <input matInput formControlName="id" />
+                </mat-form-field>
+                <mat-form-field appearance="outline">
+                  <mat-label>Label</mat-label>
+                  <input matInput formControlName="label" />
+                </mat-form-field>
+                <mat-form-field appearance="outline">
+                  <mat-label>Ícone</mat-label>
+                  <input matInput formControlName="icon" />
+                </mat-form-field>
+              </div>
+              <div class="shell-action-row">
+                <mat-form-field appearance="outline">
+                  <mat-label>Variante</mat-label>
+                  <mat-select formControlName="variant">
+                    <mat-option value="text">Texto</mat-option>
+                    <mat-option value="outlined">Outlined</mat-option>
+                    <mat-option value="icon">Ícone</mat-option>
+                  </mat-select>
+                </mat-form-field>
+                <mat-form-field appearance="outline">
+                  <mat-label>Posição</mat-label>
+                  <mat-select formControlName="placement">
+                    <mat-option value="header">Cabeçalho</mat-option>
+                    <mat-option value="window">Janela</mat-option>
+                  </mat-select>
+                </mat-form-field>
+                <mat-form-field appearance="outline">
+                  <mat-label>Emit</mat-label>
+                  <input matInput formControlName="emit" placeholder="ex: editar" />
+                </mat-form-field>
+                <mat-form-field appearance="outline">
+                  <mat-label>Tooltip</mat-label>
+                  <input matInput formControlName="tooltip" />
+                </mat-form-field>
+              </div>
+              <div class="shell-action-row">
+                <mat-form-field appearance="outline">
+                  <mat-label>Command</mat-label>
+                  <input matInput formControlName="command" placeholder="ex: add-item" />
+                </mat-form-field>
+                <mat-form-field appearance="outline">
+                  <mat-label>Payload (JSON)</mat-label>
+                  <textarea matInput rows="2" formControlName="payload" placeholder='ex: {"foo":"bar"}'></textarea>
+                </mat-form-field>
+                <mat-checkbox formControlName="visible">Visível</mat-checkbox>
+                <mat-checkbox formControlName="disabled">Desabilitado</mat-checkbox>
+              </div>
+              @if (showActionInputPath(action.value)) {
+                <div class="shell-action-hint">
+                  Input: {{ displayInputPath(extractActionInput(action.value)) }}
+                </div>
+              }
+              <div class="shell-action-actions">
+                <button mat-stroked-button color="warn" type="button" (click)="removeAction(i)">Remover</button>
+              </div>
+            </div>
+          }
+        </div>
+      } @else {
+        <div class="shell-empty">Nenhuma ação configurada.</div>
+      }
+    
+    </div>
+    `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".shell-editor{display:grid;gap:20px;padding:12px 4px 20px}.shell-intro{margin:0;max-width:68ch;color:var(--md-sys-color-on-surface-variant);font-size:14px;line-height:1.5}.shell-section{margin:4px 0 -8px;color:var(--md-sys-color-on-surface);font-size:14px;font-weight:650;line-height:1.4}.shell-grid{display:grid;gap:12px 16px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.shell-field--wide{grid-column:1 / -1}.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}@media(max-width:640px){.shell-editor{padding-inline:0}.shell-grid{grid-template-columns:minmax(0,1fr)}.shell-field--wide{grid-column:auto}}\n"] }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [SETTINGS_PANEL_DATA]
+                }] }, { type: i2$2.ComponentMetadataRegistry, decorators: [{
+                    type: Optional
+                }] }] });
+
+function buildConnectionsViewerModel(page) {
+    const widgets = page?.widgets ?? [];
+    const links = page?.composition?.links ?? [];
+    const counts = new Map();
+    for (const widget of widgets) {
+        counts.set(widget.key, { incoming: 0, outgoing: 0 });
     }
+    const edges = links.map((link) => {
+        const fromWidgetId = link.from.kind === 'component-port' ? link.from.ref.widget : null;
+        const toWidgetId = link.to.kind === 'component-port' ? link.to.ref.widget : null;
+        const fromNestedPath = link.from.kind === 'component-port' && link.from.ref.nestedPath?.length
+            ? clone$2(link.from.ref.nestedPath)
+            : null;
+        const toNestedPath = link.to.kind === 'component-port' && link.to.ref.nestedPath?.length
+            ? clone$2(link.to.ref.nestedPath)
+            : null;
+        const toStatePath = link.to.kind === 'state' ? link.to.ref.path : null;
+        const diagnosticReasons = [];
+        if (fromWidgetId && !counts.has(fromWidgetId)) {
+            diagnosticReasons.push('missing-source-widget');
+        }
+        if (toWidgetId && !counts.has(toWidgetId)) {
+            diagnosticReasons.push('missing-target-widget');
+        }
+        if (fromWidgetId) {
+            const current = counts.get(fromWidgetId) ?? { incoming: 0, outgoing: 0 };
+            current.outgoing += 1;
+            counts.set(fromWidgetId, current);
+        }
+        if (toWidgetId) {
+            const current = counts.get(toWidgetId) ?? { incoming: 0, outgoing: 0 };
+            current.incoming += 1;
+            counts.set(toWidgetId, current);
+        }
+        return {
+            id: link.id,
+            fromKind: link.from.kind,
+            fromWidgetId,
+            fromEndpointId: link.from.kind === 'component-port'
+                ? buildComponentEndpointId(link.from.ref.widget, link.from.ref.nestedPath)
+                : null,
+            fromNestedPath,
+            fromPort: link.from.kind === 'component-port' ? link.from.ref.port : null,
+            toKind: link.to.kind,
+            toWidgetId,
+            toEndpointId: link.to.kind === 'component-port'
+                ? buildComponentEndpointId(link.to.ref.widget, link.to.ref.nestedPath)
+                : null,
+            toNestedPath,
+            toPort: link.to.kind === 'component-port' ? link.to.ref.port : null,
+            toStatePath,
+            intent: link.intent,
+            hasCondition: !!link.condition,
+            hasTransform: !!link.transform?.steps?.length,
+            hasPolicy: !!link.policy && Object.keys(link.policy).length > 0,
+            hasDiagnostics: diagnosticReasons.length > 0,
+            diagnosticReasons,
+            link,
+        };
+    });
+    const nodes = widgets.map((widget) => {
+        const counter = counts.get(widget.key) ?? { incoming: 0, outgoing: 0 };
+        return {
+            widgetId: widget.key,
+            componentType: widget.definition?.id ?? 'unknown',
+            incomingCount: counter.incoming,
+            outgoingCount: counter.outgoing,
+        };
+    });
     return {
-        locale: options.locale,
-        fallbackLocale: options.fallbackLocale ?? 'pt-BR',
-        dictionaries,
+        nodes,
+        edges,
+        totalLinks: edges.length,
+        conditionLinks: edges.filter((edge) => edge.hasCondition).length,
+        transformLinks: edges.filter((edge) => edge.hasTransform).length,
+        policyLinks: edges.filter((edge) => edge.hasPolicy).length,
+        diagnosticLinks: edges.filter((edge) => edge.hasDiagnostics).length,
     };
 }
-function providePraxisPageBuilderI18n(options = {}) {
-    return providePraxisI18n(createPraxisPageBuilderI18nConfig(options));
+function buildComponentEndpointId(ownerWidgetKey, nestedPath) {
+    if (!nestedPath?.length) {
+        return ownerWidgetKey;
+    }
+    return `${ownerWidgetKey}${nestedPath
+        .map((segment) => `/${formatPathSegment$1(segment)}`)
+        .join('')}`;
 }
-function resolvePraxisPageBuilderText(i18n, key, fallback) {
-    const namespacedKey = key.startsWith('praxis.pageBuilder.')
-        ? key
-        : `praxis.pageBuilder.${key}`;
-    return i18n.t(namespacedKey, undefined, fallback) || fallback;
+function formatPathSegment$1(segment) {
+    if (segment.kind === 'widget') {
+        const identity = segment.key
+            || segment.componentType
+            || (typeof segment.index === 'number' ? String(segment.index) : 'unknown');
+        return `widget:${identity}`;
+    }
+    return [
+        segment.kind,
+        segment.id || segment.key || segment.index,
+    ].filter((part) => part !== undefined && part !== '').join(':');
+}
+function clone$2(value) {
+    if (value == null || typeof value !== 'object')
+        return value;
+    return JSON.parse(JSON.stringify(value));
 }
 
 const CONNECTION_EDITOR_STATE_NODE_ID = '__page_state__';
@@ -20961,7 +21035,7 @@ class DynamicPageBuilderComponent {
     }
     runtimePage() {
         const page = this.currentPage();
-        if (!this.previewMode) {
+        if (!this.previewMode && this.showSettings()) {
             if (this.runtimeAuthoringPageCache?.source === page) {
                 return this.runtimeAuthoringPageCache.value;
             }
@@ -20992,10 +21066,13 @@ class DynamicPageBuilderComponent {
         return this.tx('builderMode.presentation', 'Presentation');
     }
     onRuntimePageChange(next) {
-        const cloned = this.clonePage(next);
-        this.currentPage.set(cloned);
-        this.clearSelectedWidgetIfMissing(cloned);
-        this.pageChange.emit(cloned);
+        const canonical = this.toCanonicalPageFromAuthoringRuntime(next);
+        if (JSON.stringify(canonical) === JSON.stringify(this.currentPage())) {
+            return;
+        }
+        this.currentPage.set(canonical);
+        this.clearSelectedWidgetIfMissing(canonical);
+        this.pageChange.emit(canonical);
     }
     onRuntimeWidgetEvent(event) {
         this.widgetEvent.emit(event);
@@ -23713,11 +23790,48 @@ class DynamicPageBuilderComponent {
         });
         return cloned;
     }
+    /**
+     * Removes authoring-only inputs from a page emitted by the embedded runtime.
+     *
+     * The runtime must receive `enableCustomization=true` so nested components can
+     * expose their editors, but that projection is not part of the authored page.
+     * Restore the canonical value by widget key before publishing `pageChange` so
+     * a presentation-only edit cannot accidentally persist authoring chrome.
+     */
+    toCanonicalPageFromAuthoringRuntime(page) {
+        const canonicalByKey = new Map((this.currentPage().widgets || []).map((widget) => [widget.key, widget]));
+        const cloned = this.clonePage(page);
+        cloned.widgets = (cloned.widgets || []).map((widget) => {
+            const metadata = this.componentMetadata.get(widget.definition?.id);
+            if (!metadata?.inputs?.some((input) => input.name === 'enableCustomization')) {
+                return widget;
+            }
+            const canonicalInputs = canonicalByKey.get(widget.key)?.definition?.inputs;
+            const inputs = { ...(widget.definition?.inputs || {}) };
+            if (canonicalInputs && Object.prototype.hasOwnProperty.call(canonicalInputs, 'enableCustomization')) {
+                inputs['enableCustomization'] = canonicalInputs['enableCustomization'];
+            }
+            else {
+                delete inputs['enableCustomization'];
+            }
+            return {
+                ...widget,
+                definition: {
+                    ...widget.definition,
+                    inputs,
+                },
+            };
+        });
+        return cloned;
+    }
     toPresentationRuntimeWidget(widget) {
-        const inputs = widget.definition?.inputs;
-        if (!inputs || inputs['enableCustomization'] !== true) {
+        const metadata = this.componentMetadata.get(widget.definition?.id);
+        if (!metadata?.inputs?.some((input) => input.name === 'enableCustomization')) {
             return widget;
         }
+        const inputs = widget.definition?.inputs || {};
+        if (inputs['enableCustomization'] === false)
+            return widget;
         return {
             ...widget,
             definition: {
@@ -24959,6 +25073,11 @@ class DynamicPageBuilderComponent {
         [previewActive]="isPreviewMode()"
         [connectionMode]="showSettings() && connectionsViewerOpen()"
         [modeLabel]="builderModeLabel()"
+        [addLabel]="tx('toolbar.add', 'Inserir componente')"
+        [saveLabel]="tx('toolbar.save', 'Salvar página')"
+        [undoLabel]="tx('toolbar.undo', 'Desfazer')"
+        [redoLabel]="tx('toolbar.redo', 'Refazer')"
+        [settingsLabel]="tx('toolbar.settings', 'Configurações da página')"
         [previewLabel]="tx('toolbar.preview', 'Pré-visualizar')"
         [exitPreviewLabel]="tx('toolbar.exitPreview', 'Voltar para edição')"
         (add)="onAddComponent()"
@@ -25036,7 +25155,7 @@ class DynamicPageBuilderComponent {
         }
       </praxis-floating-toolbar>
     </div>
-    `, 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%;box-sizing:border-box}.builder-shell--bottom-toolbar{padding-block-end:calc(80px + env(safe-area-inset-bottom,0px))}.builder-shell:has(.pdx-shell.fullscreen) praxis-floating-toolbar{display:none}.builder-premium-readiness{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);gap:12px;width:100%;margin:0 0 14px;padding:14px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #cac4d0) 72%,transparent);border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--md-sys-color-primary, #6750a4) 10%,transparent),transparent 36%),color-mix(in srgb,var(--md-sys-color-surface-container-lowest, #fff) 96%,transparent);color:var(--md-sys-color-on-surface, #1d1b20);box-shadow:inset 0 1px color-mix(in srgb,var(--md-sys-color-on-surface, #1d1b20) 5%,transparent)}.builder-premium-readiness__header{display:flex;align-items:flex-start;gap:10px;min-width:0}.builder-premium-readiness__header strong{display:block;font-size:13px;line-height:1.25}.builder-premium-readiness__header p,.builder-premium-readiness__item p{margin:2px 0 0;color:var(--md-sys-color-on-surface-variant, #49454f);font-size:11px;line-height:1.35}.builder-premium-readiness__icon{color:var(--md-sys-color-primary, #6750a4);font-size:20px;line-height:1}.builder-premium-readiness__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;margin:0;padding:0;list-style:none}.builder-premium-readiness__item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;min-width:0;padding:9px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #cac4d0) 64%,transparent);border-radius:10px;background:color-mix(in srgb,var(--md-sys-color-surface-container-low, #f7f2fa) 84%,transparent)}.builder-premium-readiness__item strong{display:block;font-size:12px;line-height:1.25}.builder-premium-readiness__action{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:26px;margin-top:7px;padding:4px 8px;border:1px solid color-mix(in srgb,var(--md-sys-color-primary, #6750a4) 34%,transparent);border-radius:7px;background:color-mix(in srgb,var(--md-sys-color-primary, #6750a4) 9%,var(--md-sys-color-surface, #fff));color:var(--md-sys-color-primary, #6750a4);cursor:pointer;font:inherit;font-size:11px;font-weight:700;line-height:1.2;text-align:left}.builder-premium-readiness__severity{width:8px;height:8px;margin-top:4px;border-radius:999px;background:var(--md-sys-color-primary, #6750a4)}.builder-premium-readiness__item[data-severity=warning] .builder-premium-readiness__severity{background:var(--praxis-warning, #b26a00)}.builder-premium-readiness__item[data-severity=error] .builder-premium-readiness__severity{background:var(--md-sys-color-error, #b3261e)}@media(max-width:760px){.builder-premium-readiness{grid-template-columns:1fr}}.agentic-diagnostics-panel{position:absolute;z-index:21;right:16px;width:min(520px,calc(100% - 32px));max-height:min(440px,calc(100% - 32px));overflow:auto;padding:12px;border:1px solid rgba(107,114,128,.28);border-radius:8px;background:#fffffff5;color:#111827;box-shadow:0 14px 36px #0000003d}.agentic-diagnostics-panel--collapsed{width:min(280px,calc(100% - 32px));max-height:58px;overflow:hidden;padding:10px 12px;pointer-events:auto}.agentic-diagnostics-panel__header{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;font-weight:700}.agentic-diagnostics-panel__header-actions{display:flex;align-items:center;gap:8px}.agentic-diagnostics-panel__badge{padding:2px 6px;border:1px solid rgba(107,114,128,.28);border-radius:8px;font-size:11px;font-weight:600;color:#4b5563}.agentic-diagnostics-panel__toggle,.shared-rule-cockpit__toggle{appearance:none;border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 18%,transparent);border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-surface-container-lowest) 84%,transparent);color:var(--md-sys-color-primary);cursor:pointer;font-size:11px;font-weight:700;line-height:1;padding:6px 9px;white-space:nowrap}.agentic-diagnostics-panel__description{margin:8px 0 10px;color:#4b5563;font-size:12px;line-height:1.4}.agentic-diagnostics-panel pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:1.45;color:#1f2937}.agentic-diagnostics-panel__health{display:grid;gap:8px;margin-bottom:12px}.agentic-diagnostics-panel__health h3,.agentic-diagnostics-panel__health p{margin:0}.agentic-diagnostics-panel__health h3{font-size:13px}.agentic-diagnostics-panel__health p{color:#4b5563;font-size:11px}.agentic-diagnostics-panel__metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0}.agentic-diagnostics-panel__metrics div{padding:8px;border-radius:8px;background:#f3f4f6}.agentic-diagnostics-panel__metrics dt{color:#4b5563;font-size:10px}.agentic-diagnostics-panel__metrics dd{margin:3px 0 0;font-size:14px;font-weight:700}.agentic-diagnostics-panel__health-table{width:100%;border-collapse:collapse;font-size:10px}.agentic-diagnostics-panel__health-table caption{margin-bottom:4px;text-align:left;font-weight:700}.agentic-diagnostics-panel__health-table th,.agentic-diagnostics-panel__health-table td{padding:5px 4px;border-bottom:1px solid #e5e7eb;text-align:left}.agentic-diagnostics-panel__raw summary{margin-bottom:8px;cursor:pointer;font-size:11px;font-weight:700}@media(max-width:520px){.agentic-diagnostics-panel__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}praxis-ai-assistant-shell{position:fixed;inset:0;z-index:140;pointer-events:none}@media(min-width:1100px){.builder-shell--agentic-review-rail{box-sizing:border-box;padding-right:464px}}.builder-shell__agentic-toggle{position:relative}.builder-shell__agentic-toggle--open,.builder-shell__agentic-toggle--minimized{outline:2px solid rgba(96,165,250,.52);outline-offset:2px}.builder-shell__agentic-toggle--minimized:after{content:\"\";position:absolute;top:6px;right:6px;width:8px;height:8px;border:2px solid var(--md-sys-color-surface, #111827);border-radius:999px;background:#34d399}.builder-shell__connections-toggle--open{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary, #6750a4) 52%,transparent);outline-offset:2px}.builder-shell__connections-toggle{position:relative}.builder-shell__connections-toggle--recommended:not(.builder-shell__connections-toggle--open){outline:2px solid rgba(34,211,238,.48);outline-offset:2px}.builder-shell__connections-toggle-badge{position:absolute;top:5px;right:5px;width:9px;height:9px;border:2px solid var(--md-sys-color-surface, #111827);border-radius:999px;background:#22d3ee;box-shadow:0 0 0 3px #22d3ee2e}.shared-rule-cockpit{position:absolute;z-index:120;left:16px;bottom:88px;width:min(720px,calc(100% - 32px));max-height:min(560px,calc(100vh - 140px));padding:14px;border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 24%,transparent);border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--md-sys-color-primary-container) 24%,var(--md-sys-color-surface-container-high) 76%),color-mix(in srgb,var(--md-sys-color-tertiary-container) 18%,var(--md-sys-color-surface-container) 82%));color:var(--md-sys-color-on-surface);box-shadow:0 18px 46px color-mix(in srgb,var(--md-sys-color-shadow, #000) 24%,transparent);overflow:auto;overscroll-behavior:contain}.shared-rule-cockpit--collapsed{width:min(360px,calc(100% - 32px));max-height:72px;overflow:hidden;padding:10px 12px}.shared-rule-cockpit__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.shared-rule-cockpit__header-actions{display:flex;align-items:center;gap:8px}.shared-rule-cockpit__header div{display:grid;gap:2px}.shared-rule-cockpit__header strong{font-size:14px;line-height:1.2}.shared-rule-cockpit__header span{color:var(--md-sys-color-on-surface-variant);font-size:12px;overflow-wrap:anywhere}.shared-rule-cockpit__badge{flex:0 0 auto;max-width:220px;padding:3px 8px;border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 20%,transparent);border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-surface-container-lowest) 74%,transparent);color:var(--md-sys-color-primary);font-size:11px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shared-rule-cockpit__description,.shared-rule-cockpit__status,.shared-rule-cockpit__error{margin:10px 0 0;color:var(--md-sys-color-on-surface-variant);font-size:12px;line-height:1.45}.shared-rule-cockpit__error{color:var(--md-sys-color-error);font-weight:600}.shared-rule-cockpit__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.shared-rule-cockpit__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 0}.shared-rule-cockpit__facts div{min-width:0;padding:8px;border-radius:10px;background:color-mix(in srgb,var(--md-sys-color-surface-container-lowest) 72%,transparent)}.shared-rule-cockpit__facts dt{color:var(--md-sys-color-on-surface-variant);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.shared-rule-cockpit__facts dd{margin:4px 0 0;color:var(--md-sys-color-on-surface);font-size:12px;overflow-wrap:anywhere}.shared-rule-cockpit__enforcement-matrix{display:grid;gap:10px;margin-top:12px;padding:10px;border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 14%,transparent);border-radius:12px;background:color-mix(in srgb,var(--md-sys-color-surface-container-lowest) 58%,transparent)}.shared-rule-cockpit__matrix-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.shared-rule-cockpit__matrix-header div{display:grid;gap:2px}.shared-rule-cockpit__matrix-header strong{color:var(--md-sys-color-on-surface);font-size:12px}.shared-rule-cockpit__matrix-header span,.shared-rule-cockpit__matrix-source{color:var(--md-sys-color-on-surface-variant);font-size:11px;line-height:1.35;overflow-wrap:anywhere}.shared-rule-cockpit__matrix-badge{flex:0 0 auto;padding:3px 8px;border-radius:999px;background:#16a34a1f;color:#166534;font-weight:800;white-space:nowrap}.shared-rule-cockpit__projection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.shared-rule-cockpit__projection{display:grid;gap:3px;min-width:0;padding:9px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 52%,transparent);border-radius:11px;background:color-mix(in srgb,var(--md-sys-color-surface-container-low) 82%,transparent)}.shared-rule-cockpit__projection[data-status=ready]{border-color:color-mix(in srgb,var(--md-sys-color-tertiary) 24%,transparent);background:color-mix(in srgb,var(--md-sys-color-tertiary-container) 32%,var(--md-sys-color-surface-container-low) 68%)}.shared-rule-cockpit__projection span{color:var(--md-sys-color-primary);font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;overflow-wrap:anywhere}.shared-rule-cockpit__projection strong{color:var(--md-sys-color-on-surface);font-size:12px}.shared-rule-cockpit__projection small,.shared-rule-cockpit__projection em{color:var(--md-sys-color-on-surface-variant);font-size:11px;font-style:normal;overflow-wrap:anywhere}.shared-rule-cockpit__matrix-source{margin:0}.shared-rule-cockpit__timeline{display:grid;gap:8px;max-height:190px;margin:12px 0 0;padding:0;overflow:auto;list-style:none}.shared-rule-cockpit__timeline-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;padding:10px;border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 12%,transparent);border-radius:12px;background:color-mix(in srgb,var(--md-sys-color-surface-container-lowest) 76%,transparent)}.shared-rule-cockpit__timeline-icon{display:grid;width:24px;height:24px;place-items:center;border-radius:999px;background:#1e40af1a;color:var(--md-sys-color-primary);font-family:Material Icons;font-size:16px;line-height:1}.shared-rule-cockpit__timeline-item strong{color:var(--md-sys-color-on-surface);font-size:12px;line-height:1.35}.shared-rule-cockpit__timeline-item p,.shared-rule-cockpit__timeline-item small,.shared-rule-cockpit__timeline-item time,.shared-rule-cockpit__timeline-empty{display:block;margin:3px 0 0;color:var(--md-sys-color-on-surface-variant);font-size:11px;line-height:1.35;overflow-wrap:anywhere}.shared-rule-cockpit__timeline-badge{display:inline-flex;margin-left:6px;padding:2px 6px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-secondary-container) 42%,transparent);color:var(--md-sys-color-on-secondary-container);font-size:10px;font-weight:700}.shared-rule-cockpit__timeline-empty{padding:10px;border-radius:12px;background:color-mix(in srgb,var(--md-sys-color-surface-container-lowest) 64%,transparent)}@media(max-width:720px){.shared-rule-cockpit{bottom:72px;max-height:calc(100vh - 112px)}.shared-rule-cockpit__facts,.shared-rule-cockpit__projection-grid{grid-template-columns:1fr}}\n"], dependencies: [{ 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.MatMiniFabButton, selector: "button[mat-mini-fab], a[mat-mini-fab], button[matMiniFab], a[matMiniFab]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2$1.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", "showWidgetAssistantButton"], outputs: ["pageChange", "widgetEvent", "widgetSelectionChange", "widgetAssistantRequested", "widgetDiagnosticsChange"] }, { kind: "component", type: FloatingToolbarComponent, selector: "praxis-floating-toolbar", inputs: ["visible", "canUndo", "canRedo", "showSave", "showPreview", "editingEnabled", "previewActive", "connectionMode", "modeLabel", "previewLabel", "exitPreviewLabel"], outputs: ["add", "undo", "redo", "settings", "preview", "save"] }, { kind: "component", type: ConnectionEditorComponent, selector: "praxis-connection-editor", inputs: ["open", "page"], outputs: ["pageChange", "focusWidget", "openPageSettings", "close"] }, { kind: "component", type: PraxisAiAssistantShellComponent, selector: "praxis-ai-assistant-shell", inputs: ["labels", "mode", "state", "contextItems", "attachments", "messages", "quickReplies", "recommendedIntents", "prompt", "statusText", "errorText", "testIdPrefix", "panelTestId", "submitTestId", "applyTestId", "primaryAction", "secondaryActions", "governanceActions", "busy", "canSubmit", "canApply", "submitOnEnter", "showAttachAction", "enablePastedAttachments", "enableFileAttachments", "attachmentAccept", "attachmentMultiple", "voiceInputMode", "voiceLanguage", "draggable", "resizable", "minWidth", "minHeight", "margin", "layout"], outputs: ["promptChange", "submitPrompt", "apply", "retryTurn", "cancelTurn", "shellAction", "close", "attach", "attachmentsPasted", "attachmentsSelected", "removeAttachment", "messageAction", "editMessage", "resendMessage", "quickReply", "recommendedIntent", "layoutChange"] }] });
+    `, 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%;box-sizing:border-box}.builder-shell--bottom-toolbar{padding-block-end:calc(80px + env(safe-area-inset-bottom,0px))}.builder-shell:has(.pdx-shell.fullscreen) praxis-floating-toolbar{display:none}.builder-premium-readiness{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);gap:12px;width:100%;margin:0 0 14px;padding:14px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #cac4d0) 72%,transparent);border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--md-sys-color-primary, #6750a4) 10%,transparent),transparent 36%),color-mix(in srgb,var(--md-sys-color-surface-container-lowest, #fff) 96%,transparent);color:var(--md-sys-color-on-surface, #1d1b20);box-shadow:inset 0 1px color-mix(in srgb,var(--md-sys-color-on-surface, #1d1b20) 5%,transparent)}.builder-premium-readiness__header{display:flex;align-items:flex-start;gap:10px;min-width:0}.builder-premium-readiness__header strong{display:block;font-size:13px;line-height:1.25}.builder-premium-readiness__header p,.builder-premium-readiness__item p{margin:2px 0 0;color:var(--md-sys-color-on-surface-variant, #49454f);font-size:11px;line-height:1.35}.builder-premium-readiness__icon{color:var(--md-sys-color-primary, #6750a4);font-size:20px;line-height:1}.builder-premium-readiness__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;margin:0;padding:0;list-style:none}.builder-premium-readiness__item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;min-width:0;padding:9px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #cac4d0) 64%,transparent);border-radius:10px;background:color-mix(in srgb,var(--md-sys-color-surface-container-low, #f7f2fa) 84%,transparent)}.builder-premium-readiness__item strong{display:block;font-size:12px;line-height:1.25}.builder-premium-readiness__action{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:26px;margin-top:7px;padding:4px 8px;border:1px solid color-mix(in srgb,var(--md-sys-color-primary, #6750a4) 34%,transparent);border-radius:7px;background:color-mix(in srgb,var(--md-sys-color-primary, #6750a4) 9%,var(--md-sys-color-surface, #fff));color:var(--md-sys-color-primary, #6750a4);cursor:pointer;font:inherit;font-size:11px;font-weight:700;line-height:1.2;text-align:left}.builder-premium-readiness__severity{width:8px;height:8px;margin-top:4px;border-radius:999px;background:var(--md-sys-color-primary, #6750a4)}.builder-premium-readiness__item[data-severity=warning] .builder-premium-readiness__severity{background:var(--praxis-warning, #b26a00)}.builder-premium-readiness__item[data-severity=error] .builder-premium-readiness__severity{background:var(--md-sys-color-error, #b3261e)}@media(max-width:760px){.builder-premium-readiness{grid-template-columns:1fr}}.agentic-diagnostics-panel{position:absolute;z-index:21;right:16px;width:min(520px,calc(100% - 32px));max-height:min(440px,calc(100% - 32px));overflow:auto;padding:12px;border:1px solid rgba(107,114,128,.28);border-radius:8px;background:#fffffff5;color:#111827;box-shadow:0 14px 36px #0000003d}.agentic-diagnostics-panel--collapsed{width:min(280px,calc(100% - 32px));max-height:58px;overflow:hidden;padding:10px 12px;pointer-events:auto}.agentic-diagnostics-panel__header{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;font-weight:700}.agentic-diagnostics-panel__header-actions{display:flex;align-items:center;gap:8px}.agentic-diagnostics-panel__badge{padding:2px 6px;border:1px solid rgba(107,114,128,.28);border-radius:8px;font-size:11px;font-weight:600;color:#4b5563}.agentic-diagnostics-panel__toggle,.shared-rule-cockpit__toggle{appearance:none;border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 18%,transparent);border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-surface-container-lowest) 84%,transparent);color:var(--md-sys-color-primary);cursor:pointer;font-size:11px;font-weight:700;line-height:1;padding:6px 9px;white-space:nowrap}.agentic-diagnostics-panel__description{margin:8px 0 10px;color:#4b5563;font-size:12px;line-height:1.4}.agentic-diagnostics-panel pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:1.45;color:#1f2937}.agentic-diagnostics-panel__health{display:grid;gap:8px;margin-bottom:12px}.agentic-diagnostics-panel__health h3,.agentic-diagnostics-panel__health p{margin:0}.agentic-diagnostics-panel__health h3{font-size:13px}.agentic-diagnostics-panel__health p{color:#4b5563;font-size:11px}.agentic-diagnostics-panel__metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0}.agentic-diagnostics-panel__metrics div{padding:8px;border-radius:8px;background:#f3f4f6}.agentic-diagnostics-panel__metrics dt{color:#4b5563;font-size:10px}.agentic-diagnostics-panel__metrics dd{margin:3px 0 0;font-size:14px;font-weight:700}.agentic-diagnostics-panel__health-table{width:100%;border-collapse:collapse;font-size:10px}.agentic-diagnostics-panel__health-table caption{margin-bottom:4px;text-align:left;font-weight:700}.agentic-diagnostics-panel__health-table th,.agentic-diagnostics-panel__health-table td{padding:5px 4px;border-bottom:1px solid #e5e7eb;text-align:left}.agentic-diagnostics-panel__raw summary{margin-bottom:8px;cursor:pointer;font-size:11px;font-weight:700}@media(max-width:520px){.agentic-diagnostics-panel__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}praxis-ai-assistant-shell{position:fixed;inset:0;z-index:140;pointer-events:none}@media(min-width:1100px){.builder-shell--agentic-review-rail{box-sizing:border-box;padding-right:464px}}.builder-shell__agentic-toggle{position:relative}.builder-shell__agentic-toggle--open,.builder-shell__agentic-toggle--minimized{outline:2px solid rgba(96,165,250,.52);outline-offset:2px}.builder-shell__agentic-toggle--minimized:after{content:\"\";position:absolute;top:6px;right:6px;width:8px;height:8px;border:2px solid var(--md-sys-color-surface, #111827);border-radius:999px;background:#34d399}.builder-shell__connections-toggle--open{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary, #6750a4) 52%,transparent);outline-offset:2px}.builder-shell__connections-toggle{position:relative}.builder-shell__connections-toggle--recommended:not(.builder-shell__connections-toggle--open){outline:2px solid rgba(34,211,238,.48);outline-offset:2px}.builder-shell__connections-toggle-badge{position:absolute;top:5px;right:5px;width:9px;height:9px;border:2px solid var(--md-sys-color-surface, #111827);border-radius:999px;background:#22d3ee;box-shadow:0 0 0 3px #22d3ee2e}.shared-rule-cockpit{position:absolute;z-index:120;left:16px;bottom:88px;width:min(720px,calc(100% - 32px));max-height:min(560px,calc(100vh - 140px));padding:14px;border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 24%,transparent);border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--md-sys-color-primary-container) 24%,var(--md-sys-color-surface-container-high) 76%),color-mix(in srgb,var(--md-sys-color-tertiary-container) 18%,var(--md-sys-color-surface-container) 82%));color:var(--md-sys-color-on-surface);box-shadow:0 18px 46px color-mix(in srgb,var(--md-sys-color-shadow, #000) 24%,transparent);overflow:auto;overscroll-behavior:contain}.shared-rule-cockpit--collapsed{width:min(360px,calc(100% - 32px));max-height:72px;overflow:hidden;padding:10px 12px}.shared-rule-cockpit__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.shared-rule-cockpit__header-actions{display:flex;align-items:center;gap:8px}.shared-rule-cockpit__header div{display:grid;gap:2px}.shared-rule-cockpit__header strong{font-size:14px;line-height:1.2}.shared-rule-cockpit__header span{color:var(--md-sys-color-on-surface-variant);font-size:12px;overflow-wrap:anywhere}.shared-rule-cockpit__badge{flex:0 0 auto;max-width:220px;padding:3px 8px;border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 20%,transparent);border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-surface-container-lowest) 74%,transparent);color:var(--md-sys-color-primary);font-size:11px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shared-rule-cockpit__description,.shared-rule-cockpit__status,.shared-rule-cockpit__error{margin:10px 0 0;color:var(--md-sys-color-on-surface-variant);font-size:12px;line-height:1.45}.shared-rule-cockpit__error{color:var(--md-sys-color-error);font-weight:600}.shared-rule-cockpit__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.shared-rule-cockpit__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 0}.shared-rule-cockpit__facts div{min-width:0;padding:8px;border-radius:10px;background:color-mix(in srgb,var(--md-sys-color-surface-container-lowest) 72%,transparent)}.shared-rule-cockpit__facts dt{color:var(--md-sys-color-on-surface-variant);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.shared-rule-cockpit__facts dd{margin:4px 0 0;color:var(--md-sys-color-on-surface);font-size:12px;overflow-wrap:anywhere}.shared-rule-cockpit__enforcement-matrix{display:grid;gap:10px;margin-top:12px;padding:10px;border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 14%,transparent);border-radius:12px;background:color-mix(in srgb,var(--md-sys-color-surface-container-lowest) 58%,transparent)}.shared-rule-cockpit__matrix-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.shared-rule-cockpit__matrix-header div{display:grid;gap:2px}.shared-rule-cockpit__matrix-header strong{color:var(--md-sys-color-on-surface);font-size:12px}.shared-rule-cockpit__matrix-header span,.shared-rule-cockpit__matrix-source{color:var(--md-sys-color-on-surface-variant);font-size:11px;line-height:1.35;overflow-wrap:anywhere}.shared-rule-cockpit__matrix-badge{flex:0 0 auto;padding:3px 8px;border-radius:999px;background:#16a34a1f;color:#166534;font-weight:800;white-space:nowrap}.shared-rule-cockpit__projection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.shared-rule-cockpit__projection{display:grid;gap:3px;min-width:0;padding:9px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 52%,transparent);border-radius:11px;background:color-mix(in srgb,var(--md-sys-color-surface-container-low) 82%,transparent)}.shared-rule-cockpit__projection[data-status=ready]{border-color:color-mix(in srgb,var(--md-sys-color-tertiary) 24%,transparent);background:color-mix(in srgb,var(--md-sys-color-tertiary-container) 32%,var(--md-sys-color-surface-container-low) 68%)}.shared-rule-cockpit__projection span{color:var(--md-sys-color-primary);font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;overflow-wrap:anywhere}.shared-rule-cockpit__projection strong{color:var(--md-sys-color-on-surface);font-size:12px}.shared-rule-cockpit__projection small,.shared-rule-cockpit__projection em{color:var(--md-sys-color-on-surface-variant);font-size:11px;font-style:normal;overflow-wrap:anywhere}.shared-rule-cockpit__matrix-source{margin:0}.shared-rule-cockpit__timeline{display:grid;gap:8px;max-height:190px;margin:12px 0 0;padding:0;overflow:auto;list-style:none}.shared-rule-cockpit__timeline-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;padding:10px;border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 12%,transparent);border-radius:12px;background:color-mix(in srgb,var(--md-sys-color-surface-container-lowest) 76%,transparent)}.shared-rule-cockpit__timeline-icon{display:grid;width:24px;height:24px;place-items:center;border-radius:999px;background:#1e40af1a;color:var(--md-sys-color-primary);font-family:Material Icons;font-size:16px;line-height:1}.shared-rule-cockpit__timeline-item strong{color:var(--md-sys-color-on-surface);font-size:12px;line-height:1.35}.shared-rule-cockpit__timeline-item p,.shared-rule-cockpit__timeline-item small,.shared-rule-cockpit__timeline-item time,.shared-rule-cockpit__timeline-empty{display:block;margin:3px 0 0;color:var(--md-sys-color-on-surface-variant);font-size:11px;line-height:1.35;overflow-wrap:anywhere}.shared-rule-cockpit__timeline-badge{display:inline-flex;margin-left:6px;padding:2px 6px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-secondary-container) 42%,transparent);color:var(--md-sys-color-on-secondary-container);font-size:10px;font-weight:700}.shared-rule-cockpit__timeline-empty{padding:10px;border-radius:12px;background:color-mix(in srgb,var(--md-sys-color-surface-container-lowest) 64%,transparent)}@media(max-width:720px){.shared-rule-cockpit{bottom:72px;max-height:calc(100vh - 112px)}.shared-rule-cockpit__facts,.shared-rule-cockpit__projection-grid{grid-template-columns:1fr}}\n"], dependencies: [{ 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.MatMiniFabButton, selector: "button[mat-mini-fab], a[mat-mini-fab], button[matMiniFab], a[matMiniFab]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2$1.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", "showWidgetAssistantButton"], outputs: ["pageChange", "widgetEvent", "widgetSelectionChange", "widgetAssistantRequested", "widgetDiagnosticsChange"] }, { kind: "component", type: FloatingToolbarComponent, selector: "praxis-floating-toolbar", inputs: ["visible", "canUndo", "canRedo", "showSave", "showPreview", "editingEnabled", "previewActive", "connectionMode", "modeLabel", "addLabel", "saveLabel", "undoLabel", "redoLabel", "settingsLabel", "previewLabel", "exitPreviewLabel"], outputs: ["add", "undo", "redo", "settings", "preview", "save"] }, { kind: "component", type: ConnectionEditorComponent, selector: "praxis-connection-editor", inputs: ["open", "page"], outputs: ["pageChange", "focusWidget", "openPageSettings", "close"] }, { kind: "component", type: PraxisAiAssistantShellComponent, selector: "praxis-ai-assistant-shell", inputs: ["labels", "mode", "state", "contextItems", "attachments", "messages", "quickReplies", "recommendedIntents", "prompt", "statusText", "errorText", "testIdPrefix", "panelTestId", "submitTestId", "applyTestId", "primaryAction", "secondaryActions", "governanceActions", "busy", "canSubmit", "canApply", "submitOnEnter", "showAttachAction", "enablePastedAttachments", "enableFileAttachments", "attachmentAccept", "attachmentMultiple", "voiceInputMode", "voiceLanguage", "draggable", "resizable", "minWidth", "minHeight", "margin", "layout"], outputs: ["promptChange", "submitPrompt", "apply", "retryTurn", "cancelTurn", "shellAction", "close", "attach", "attachmentsPasted", "attachmentsSelected", "removeAttachment", "messageAction", "editMessage", "resendMessage", "quickReply", "recommendedIntent", "layoutChange"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: DynamicPageBuilderComponent, decorators: [{
             type: Component,
@@ -25515,6 +25634,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
         [previewActive]="isPreviewMode()"
         [connectionMode]="showSettings() && connectionsViewerOpen()"
         [modeLabel]="builderModeLabel()"
+        [addLabel]="tx('toolbar.add', 'Inserir componente')"
+        [saveLabel]="tx('toolbar.save', 'Salvar página')"
+        [undoLabel]="tx('toolbar.undo', 'Desfazer')"
+        [redoLabel]="tx('toolbar.redo', 'Refazer')"
+        [settingsLabel]="tx('toolbar.settings', 'Configurações da página')"
         [previewLabel]="tx('toolbar.preview', 'Pré-visualizar')"
         [exitPreviewLabel]="tx('toolbar.exitPreview', 'Voltar para edição')"
         (add)="onAddComponent()"