@praxisui/core 8.0.0-beta.20 → 8.0.0-beta.21

package/fesm2022/praxisui-core.mjs

@@ -10,7 +10,7 @@ import { Router, ActivatedRoute } from '@angular/router';
 import * as i1$1 from '@angular/forms';
 import { Validators, FormGroup, FormControl, FormArray, FormsModule } from '@angular/forms';
 import { MatSnackBar } from '@angular/material/snack-bar';
-import * as i3$1 from '@angular/material/icon';
+import * as i2$1 from '@angular/material/icon';
 import { MatIconRegistry, MatIconModule } from '@angular/material/icon';
 import * as i2 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
@@ -22,18 +22,18 @@ import * as i6 from '@angular/material/select';
 import { MatSelectModule } from '@angular/material/select';
 import * as i7 from '@angular/material/slide-toggle';
 import { MatSlideToggleModule } from '@angular/material/slide-toggle';
-import * as i8 from '@angular/material/tooltip';
+import * as i4 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { DomSanitizer } from '@angular/platform-browser';
-import * as i4 from '@angular/material/menu';
+import * as i4$1 from '@angular/material/menu';
 import { MatMenuModule } from '@angular/material/menu';
-import * as i3$2 from '@angular/material/card';
+import * as i3$1 from '@angular/material/card';
 import { MatCardModule } from '@angular/material/card';
-import * as i8$1 from '@angular/material/chips';
+import * as i8 from '@angular/material/chips';
 import { MatChipsModule } from '@angular/material/chips';
 import * as i1$3 from '@angular/material/dialog';
 import { MAT_DIALOG_DATA, MatDialogModule, MatDialog } from '@angular/material/dialog';
-import * as i2$1 from '@angular/material/tabs';
+import * as i2$2 from '@angular/material/tabs';
 import { MatTabsModule } from '@angular/material/tabs';
 
 class PraxisCore {
@@ -829,6 +829,7 @@ const LOOKUP_OPEN_DETAIL_MODES = new Set([
     'newTab',
     'drawer',
     'modal',
+    'route',
 ]);
 const LOOKUP_FILTER_FIELD_TYPES = new Set([
     'text',
@@ -6357,7 +6358,7 @@ function getGlobalActionUiSchema(id) {
     return GLOBAL_ACTION_UI_SCHEMAS.find((schema) => schema.id === id);
 }
 
-function normalizeGlobalActionRef(ref) {
+function normalizeGlobalActionRef$1(ref) {
     const actionId = String(ref?.actionId || '').trim();
     if (!actionId)
         return null;
@@ -6445,7 +6446,7 @@ function getGlobalActionPayloadTypeIssue(ref, catalogEntry) {
 function validateGlobalActionRef(ref, catalogEntry, path) {
     if (!ref)
         return [];
-    const normalized = normalizeGlobalActionRef(ref);
+    const normalized = normalizeGlobalActionRef$1(ref);
     if (!normalized) {
         return [{ code: 'globalAction.actionId.required', path }];
     }
@@ -6536,7 +6537,7 @@ class GlobalActionService {
         }
     }
     async executeRef(ref, context) {
-        const normalized = normalizeGlobalActionRef(ref);
+        const normalized = normalizeGlobalActionRef$1(ref);
         if (!normalized) {
             return { success: false, error: 'Global action ref requires actionId' };
         }
@@ -14610,6 +14611,69 @@ function clampPrecision(value) {
     return Math.floor(value);
 }
 
+function isPraxisRuntimeGlobalActionEffect(value) {
+    const candidate = value;
+    return (!!candidate &&
+        candidate.kind === 'global-action' &&
+        !!candidate.globalAction &&
+        typeof candidate.globalAction.actionId === 'string' &&
+        candidate.globalAction.actionId.trim().length > 0);
+}
+function normalizePraxisEffectPolicy(policy) {
+    return {
+        trigger: policy?.trigger || 'on-condition-enter',
+        ...(policy?.distinct !== undefined ? { distinct: policy.distinct } : {}),
+        ...(policy?.distinctBy ? { distinctBy: policy.distinctBy } : {}),
+        ...(typeof policy?.debounceMs === 'number' ? { debounceMs: policy.debounceMs } : {}),
+        ...(policy?.missingValuePolicy ? { missingValuePolicy: policy.missingValuePolicy } : {}),
+        ...(policy?.errorPolicy ? { errorPolicy: policy.errorPolicy } : {}),
+        ...(policy?.runOnInitialEvaluation !== undefined
+            ? { runOnInitialEvaluation: policy.runOnInitialEvaluation }
+            : {}),
+    };
+}
+function buildPraxisEffectDistinctKey(input) {
+    return [
+        input.componentId || 'component',
+        input.ruleId || 'rule',
+        input.effectId || 'effect',
+        input.actionId || 'action',
+        input.contextKey || 'context',
+        input.distinctBy || 'condition',
+        stableSerializePraxisEffectValue(input.value),
+    ].join('|');
+}
+function stableSerializePraxisEffectValue(value) {
+    if (value === undefined)
+        return 'undefined';
+    if (value === null)
+        return 'null';
+    if (typeof value !== 'object') {
+        const serialized = JSON.stringify(value);
+        return serialized === undefined ? String(value) : serialized;
+    }
+    try {
+        return JSON.stringify(sortPraxisEffectObject(value));
+    }
+    catch {
+        return String(value);
+    }
+}
+function sortPraxisEffectObject(value) {
+    if (Array.isArray(value)) {
+        return value.map((item) => sortPraxisEffectObject(item));
+    }
+    if (!value || typeof value !== 'object') {
+        return value;
+    }
+    return Object.keys(value)
+        .sort()
+        .reduce((acc, key) => {
+        acc[key] = sortPraxisEffectObject(value[key]);
+        return acc;
+    }, {});
+}
+
 /**
  * Enum que define os tipos de dados (`TYPE`) disponíveis para configuração dos campos de formulário.
  */
@@ -16199,6 +16263,7 @@ const RULE_PROPERTY_SCHEMA = {
                 { value: 'end', label: 'Fim' },
             ],
         },
+        { name: 'value', type: 'object', label: 'Valor calculado' },
         { name: 'validators', type: 'object', label: 'Validadores' },
     ],
     section: [
@@ -17388,6 +17453,12 @@ function normalizeEndpoint(endpoint) {
             },
         };
     }
+    if (endpoint.kind === 'global-action') {
+        return {
+            kind: 'global-action',
+            ref: normalizeGlobalActionRef(endpoint.ref),
+        };
+    }
     return {
         kind: 'state',
         ref: {
@@ -17396,6 +17467,14 @@ function normalizeEndpoint(endpoint) {
         },
     };
 }
+function normalizeGlobalActionRef(ref) {
+    return {
+        actionId: String(ref.actionId || '').trim(),
+        ...(ref.payload !== undefined ? { payload: clone$1(ref.payload) } : {}),
+        ...(ref.payloadExpr ? { payloadExpr: String(ref.payloadExpr).trim() } : {}),
+        ...(ref.meta && typeof ref.meta === 'object' ? { meta: { ...ref.meta } } : {}),
+    };
+}
 function normalizeNestedPath(nestedPath) {
     if (!nestedPath?.length) {
         return [];
@@ -17496,6 +17575,14 @@ function endpointSortKey(endpoint) {
             JSON.stringify(normalizeNestedPath(endpoint.ref.nestedPath)),
         ].join('|');
     }
+    if (endpoint.kind === 'global-action') {
+        return [
+            endpoint.kind,
+            endpoint.ref.actionId,
+            endpoint.ref.payloadExpr || '',
+            JSON.stringify(endpoint.ref.payload ?? null),
+        ].join('|');
+    }
     return [
         endpoint.kind,
         endpoint.ref.path,
@@ -19134,7 +19221,7 @@ class SurfaceOpenActionEditorComponent {
         </mat-form-field>
       </div>
     </div>
-  `, isInline: true, styles: [".surface-editor{display:grid;gap:16px}.surface-section{padding:12px 14px;border:1px dashed var(--md-sys-color-outline-variant, rgba(0, 0, 0, .18));border-radius:10px;background:var(--md-sys-color-surface-container-lowest, #fff)}.surface-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.surface-section-title{font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--md-sys-color-on-surface-variant, #5f6368);margin-bottom:10px}.surface-section-header .surface-section-title{margin-bottom:0}.surface-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px 16px}.surface-preset-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.surface-span-2{grid-column:span 2}.surface-span-all{width:100%}.surface-component-meta{display:grid;gap:4px}.surface-component-title{font-weight:600}.surface-component-description,.surface-empty{color:var(--md-sys-color-on-surface-variant, #5f6368);font-size:12px}.surface-bindings{display:grid;gap:12px}.surface-binding-row{display:grid;grid-template-columns:minmax(200px,1.2fr) minmax(220px,1.4fr) minmax(140px,.8fr) minmax(180px,1fr) auto;gap:12px;align-items:start}mat-form-field{width:100%}@media(max-width:960px){.surface-binding-row{grid-template-columns:minmax(0,1fr)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { 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: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$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.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.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i7.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
+  `, isInline: true, styles: [".surface-editor{display:grid;gap:16px}.surface-section{padding:12px 14px;border:1px dashed var(--md-sys-color-outline-variant, rgba(0, 0, 0, .18));border-radius:10px;background:var(--md-sys-color-surface-container-lowest, #fff)}.surface-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.surface-section-title{font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--md-sys-color-on-surface-variant, #5f6368);margin-bottom:10px}.surface-section-header .surface-section-title{margin-bottom:0}.surface-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px 16px}.surface-preset-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.surface-span-2{grid-column:span 2}.surface-span-all{width:100%}.surface-component-meta{display:grid;gap:4px}.surface-component-title{font-weight:600}.surface-component-description,.surface-empty{color:var(--md-sys-color-on-surface-variant, #5f6368);font-size:12px}.surface-bindings{display:grid;gap:12px}.surface-binding-row{display:grid;grid-template-columns:minmax(200px,1.2fr) minmax(220px,1.4fr) minmax(140px,.8fr) minmax(180px,1fr) auto;gap:12px;align-items:start}mat-form-field{width:100%}@media(max-width:960px){.surface-binding-row{grid-template-columns:minmax(0,1fr)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { 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: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { 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.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.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i7.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SurfaceOpenActionEditorComponent, decorators: [{
             type: Component,
@@ -20529,7 +20616,7 @@ const CAPS = [
     { path: 'page.state.derived.<token>.cache', category: 'state', valueKind: 'boolean', description: 'Permite cache futuro do valor derivado.' },
     { path: 'page.composition', category: 'connections', valueKind: 'object', description: 'Envelope canonico da composicao persistida.' },
     { path: 'page.composition.version', category: 'connections', valueKind: 'string', description: 'Versao do envelope de composicao.' },
-    { path: 'page.composition.links', category: 'connections', valueKind: 'array', description: 'Links canonicos entre widgets e estado.' },
+    { path: 'page.composition.links', category: 'connections', valueKind: 'array', description: 'Links canonicos entre widgets, estado e actions globais.' },
     { path: 'page.composition.links[].id', category: 'connections', valueKind: 'string', description: 'Identificador estavel do link.' },
     { path: 'page.composition.links[].from', category: 'connections', valueKind: 'object', description: 'Endpoint de origem do link.' },
     { path: 'page.composition.links[].from.kind', category: 'connections', valueKind: 'string', description: 'Tipo do endpoint de origem, como component-port ou state.' },
@@ -20544,8 +20631,11 @@ const CAPS = [
     { path: 'page.composition.links[].from.ref.nestedPath[].index', category: 'connections', valueKind: 'number', description: 'Indice auxiliar para diagnostico visual; nao use como identidade primaria.' },
     { path: 'page.composition.links[].from.ref.nestedPath[].componentType', category: 'connections', valueKind: 'string', description: 'Tipo do componente real do widget filho de origem.' },
     { path: 'page.composition.links[].to', category: 'connections', valueKind: 'object', description: 'Endpoint de destino do link.' },
-    { path: 'page.composition.links[].to.kind', category: 'connections', valueKind: 'string', description: 'Tipo do endpoint de destino, como component-port ou state.' },
+    { path: 'page.composition.links[].to.kind', category: 'connections', valueKind: 'string', description: 'Tipo do endpoint de destino, como component-port, state ou global-action.' },
     { path: 'page.composition.links[].to.ref', category: 'connections', valueKind: 'object', description: 'Referencia estruturada do endpoint de destino.' },
+    { path: 'page.composition.links[].to.ref.[actionId]', category: 'connections', valueKind: 'string', description: 'ID da action global quando to.kind = global-action.' },
+    { path: 'page.composition.links[].to.ref.payload', category: 'connections', valueKind: 'object', description: 'Payload fixo opcional da action global; quando omitido, o runtime entrega o valor transformado do link.' },
+    { path: 'page.composition.links[].to.ref.payloadExpr', category: 'connections', valueKind: 'expression', description: 'Expressao opcional de payload da action global suportada pelo GlobalActionService.' },
     { path: 'page.composition.links[].to.ref.widget', category: 'connections', valueKind: 'string', description: 'Widget top-level dono do endpoint de destino.' },
     { path: 'page.composition.links[].to.ref.port', category: 'connections', valueKind: 'string', description: 'Porta de destino do componente.' },
     { path: 'page.composition.links[].to.ref.direction', category: 'connections', valueKind: 'string', description: 'Direcao da porta de destino.' },
@@ -20772,7 +20862,7 @@ const DYNAMIC_PAGE_COMPONENT_CONTEXT_PACK = {
             requiresExistingTarget: true,
             scope: 'ROW',
             params: [
-                { name: 'linkId', type: 'STRING' },
+                { name: 'id', type: 'STRING' },
             ],
             patchTemplate: {
                 page: {
@@ -20781,7 +20871,7 @@ const DYNAMIC_PAGE_COMPONENT_CONTEXT_PACK = {
                         links: [
                             {
                                 _beforeKey: '{{target}}',
-                                id: '{{params.linkId}}',
+                                id: '{{params.id}}',
                                 _remove: true,
                             },
                         ],
@@ -22329,7 +22419,7 @@ class PraxisRichTextBlockComponent {
 
       <div class="prt-content" [innerHTML]="renderedContent"></div>
     </section>
-  `, isInline: true, styles: [":host{display:block;--prt-border: color-mix(in srgb, var(--md-sys-color-outline-variant) 72%, transparent);--prt-bg: linear-gradient( 180deg, color-mix(in srgb, var(--md-sys-color-surface) 96%, var(--md-sys-color-surface-container-lowest) 4%), color-mix(in srgb, var(--md-sys-color-surface-container-low) 92%, var(--md-sys-color-surface) 8%) );--prt-emphasis-border: color-mix(in srgb, var(--md-sys-color-primary) 32%, var(--md-sys-color-outline-variant));--prt-emphasis-bg: linear-gradient( 180deg, color-mix(in srgb, var(--md-sys-color-primary-container) 36%, var(--md-sys-color-surface) 64%), color-mix(in srgb, var(--md-sys-color-surface) 96%, var(--md-sys-color-primary-container) 4%) );--prt-subtle-bg: color-mix(in srgb, var(--md-sys-color-surface-container-low) 82%, transparent);--prt-icon-bg: color-mix(in srgb, var(--md-sys-color-primary-container) 64%, transparent);--prt-code-bg: color-mix(in srgb, var(--md-sys-color-surface-container-highest) 82%, transparent)}:host-context(.mdc-theme-dark),:host-context(.theme-dark){--prt-border: color-mix(in srgb, var(--md-sys-color-outline-variant) 84%, transparent);--prt-bg: linear-gradient( 180deg, color-mix(in srgb, var(--md-sys-color-surface-container-low) 92%, var(--md-sys-color-surface) 8%), color-mix(in srgb, var(--md-sys-color-surface-container) 90%, var(--md-sys-color-surface-container-high) 10%) );--prt-emphasis-border: color-mix(in srgb, var(--md-sys-color-primary) 42%, var(--md-sys-color-outline-variant));--prt-emphasis-bg: linear-gradient( 180deg, color-mix(in srgb, var(--md-sys-color-primary-container) 28%, var(--md-sys-color-surface-container-low) 72%), color-mix(in srgb, var(--md-sys-color-surface-container) 92%, var(--md-sys-color-primary-container) 8%) );--prt-subtle-bg: color-mix(in srgb, var(--md-sys-color-surface-container-low) 88%, transparent);--prt-icon-bg: color-mix(in srgb, var(--md-sys-color-primary-container) 42%, transparent);--prt-code-bg: color-mix(in srgb, var(--md-sys-color-surface-container-high) 88%, transparent)}.prt-block{display:grid;gap:12px;padding:16px 18px;border-radius:16px;border:1px solid var(--prt-border);background:var(--prt-bg);color:var(--md-sys-color-on-surface)}.prt-block-emphasis{border-color:var(--prt-emphasis-border);background:var(--prt-emphasis-bg)}.prt-block-subtle{background:var(--prt-subtle-bg);border-style:dashed}.prt-block-plain{padding:0;border:0;border-radius:0;background:transparent}.prt-head{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start}.prt-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;background:var(--prt-icon-bg);color:var(--md-sys-color-primary);font-size:20px;line-height:1}.prt-title-wrap{display:grid;gap:4px}.prt-title{margin:0;font-size:1rem;font-weight:700;line-height:1.3}.prt-subtitle{margin:0;color:var(--md-sys-color-on-surface-variant);font-size:.86rem;line-height:1.4}.prt-content{color:var(--md-sys-color-on-surface);font-size:.94rem;line-height:1.6}.prt-content :where(p,ul){margin:0}.prt-content :where(p+p,p+ul,ul+p,ul+ul){margin-top:10px}.prt-content ul{padding-left:18px}.prt-content a{color:var(--md-sys-color-primary);text-decoration:underline;text-underline-offset:2px}.prt-content strong{font-weight:700}.prt-content em{font-style:italic}.prt-content code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em;padding:.1em .35em;border-radius:6px;background:var(--prt-code-bg)}.prt-block-plain .prt-icon{width:32px;height:32px;border-radius:10px;background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 80%,transparent)}.prt-block-plain .prt-content{font-size:.92rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [":host{display:block;--prt-border: color-mix(in srgb, var(--md-sys-color-outline-variant) 72%, transparent);--prt-bg: linear-gradient( 180deg, color-mix(in srgb, var(--md-sys-color-surface) 96%, var(--md-sys-color-surface-container-lowest) 4%), color-mix(in srgb, var(--md-sys-color-surface-container-low) 92%, var(--md-sys-color-surface) 8%) );--prt-emphasis-border: color-mix(in srgb, var(--md-sys-color-primary) 32%, var(--md-sys-color-outline-variant));--prt-emphasis-bg: linear-gradient( 180deg, color-mix(in srgb, var(--md-sys-color-primary-container) 36%, var(--md-sys-color-surface) 64%), color-mix(in srgb, var(--md-sys-color-surface) 96%, var(--md-sys-color-primary-container) 4%) );--prt-subtle-bg: color-mix(in srgb, var(--md-sys-color-surface-container-low) 82%, transparent);--prt-icon-bg: color-mix(in srgb, var(--md-sys-color-primary-container) 64%, transparent);--prt-code-bg: color-mix(in srgb, var(--md-sys-color-surface-container-highest) 82%, transparent)}:host-context(.mdc-theme-dark),:host-context(.theme-dark){--prt-border: color-mix(in srgb, var(--md-sys-color-outline-variant) 84%, transparent);--prt-bg: linear-gradient( 180deg, color-mix(in srgb, var(--md-sys-color-surface-container-low) 92%, var(--md-sys-color-surface) 8%), color-mix(in srgb, var(--md-sys-color-surface-container) 90%, var(--md-sys-color-surface-container-high) 10%) );--prt-emphasis-border: color-mix(in srgb, var(--md-sys-color-primary) 42%, var(--md-sys-color-outline-variant));--prt-emphasis-bg: linear-gradient( 180deg, color-mix(in srgb, var(--md-sys-color-primary-container) 28%, var(--md-sys-color-surface-container-low) 72%), color-mix(in srgb, var(--md-sys-color-surface-container) 92%, var(--md-sys-color-primary-container) 8%) );--prt-subtle-bg: color-mix(in srgb, var(--md-sys-color-surface-container-low) 88%, transparent);--prt-icon-bg: color-mix(in srgb, var(--md-sys-color-primary-container) 42%, transparent);--prt-code-bg: color-mix(in srgb, var(--md-sys-color-surface-container-high) 88%, transparent)}.prt-block{display:grid;gap:12px;padding:16px 18px;border-radius:16px;border:1px solid var(--prt-border);background:var(--prt-bg);color:var(--md-sys-color-on-surface)}.prt-block-emphasis{border-color:var(--prt-emphasis-border);background:var(--prt-emphasis-bg)}.prt-block-subtle{background:var(--prt-subtle-bg);border-style:dashed}.prt-block-plain{padding:0;border:0;border-radius:0;background:transparent}.prt-head{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start}.prt-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;background:var(--prt-icon-bg);color:var(--md-sys-color-primary);font-size:20px;line-height:1}.prt-title-wrap{display:grid;gap:4px}.prt-title{margin:0;font-size:1rem;font-weight:700;line-height:1.3}.prt-subtitle{margin:0;color:var(--md-sys-color-on-surface-variant);font-size:.86rem;line-height:1.4}.prt-content{color:var(--md-sys-color-on-surface);font-size:.94rem;line-height:1.6}.prt-content :where(p,ul){margin:0}.prt-content :where(p+p,p+ul,ul+p,ul+ul){margin-top:10px}.prt-content ul{padding-left:18px}.prt-content a{color:var(--md-sys-color-primary);text-decoration:underline;text-underline-offset:2px}.prt-content strong{font-weight:700}.prt-content em{font-style:italic}.prt-content code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em;padding:.1em .35em;border-radius:6px;background:var(--prt-code-bg)}.prt-block-plain .prt-icon{width:32px;height:32px;border-radius:10px;background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 80%,transparent)}.prt-block-plain .prt-content{font-size:.92rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisRichTextBlockComponent, decorators: [{
             type: Component,
@@ -23620,7 +23710,7 @@ class WidgetShellComponent {
     @if (expanded || fullscreen) {
     <div class="pdx-shell-backdrop" (click)="closeOverlay()"></div>
     }
-  `, isInline: true, styles: [":host{display:block;height:100%}:host(.pdx-widget-shell-collapsed){height:auto}.pdx-shell{position:relative;height:100%;display:flex;flex-direction:column}.pdx-shell.no-shell{background:transparent;border:none;border-radius:0;box-shadow:none}.pdx-shell.dashboard{background:var(--pdx-shell-card-bg, var(--pdx-dashboard-card-bg, var(--md-sys-color-surface-container-low)));border:1px solid var(--pdx-shell-card-border, var(--pdx-dashboard-card-border, var(--md-sys-color-outline-variant)));border-radius:var(--pdx-shell-card-radius, 12px);box-shadow:var(--pdx-shell-card-shadow, 0 4px 12px rgba(15, 23, 42, .06));overflow:hidden}.pdx-shell-header{display:flex;align-items:center;gap:10px;padding:8px 10px 7px;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))}.pdx-shell-header--drag-enabled{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.pdx-shell-header--drag-enabled:active{cursor:grabbing}.pdx-shell-header--drag-enabled:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 72%,white 28%);outline-offset:-2px}.pdx-shell-title{display:flex;align-items:center;gap:8px;min-width:0;flex:1;color:var(--pdx-shell-title-color, inherit)}.pdx-shell-title mat-icon{color:var(--pdx-shell-icon-color, currentColor)}.pdx-shell-text{min-width:0}.pdx-shell-title-text{font-weight:var(--pdx-shell-title-weight, 600);font-size:var(--pdx-shell-title-size, 13px);line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdx-shell-subtitle{font-size:var(--pdx-shell-subtitle-size, 11px);opacity:.75;color:var(--pdx-shell-subtitle-color, currentColor);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdx-shell-actions,.pdx-shell-window-actions{display:flex;align-items:center;gap:4px}.pdx-shell-window-actions{margin-left:auto}.pdx-action-outlined{border:1px solid var(--md-sys-color-outline-variant);border-radius:999px;padding:0 10px}.pdx-action-text{padding:0 8px}.pdx-action-label{font-size:12px;font-weight:500}.pdx-shell-body{flex:1;min-height:0;padding:var(--pdx-shell-body-padding, 8px 10px 10px 10px);background:var(--pdx-shell-body-bg, transparent);color:var(--pdx-shell-body-color, inherit)}.pdx-shell.no-shell .pdx-shell-body{padding:0}.pdx-shell-body.hidden{display:none}.pdx-shell.collapsed{height:auto}.pdx-shell.collapsed .pdx-shell-header{border-bottom-color:transparent}.pdx-shell.body-fill .pdx-shell-body,.pdx-shell.body-scroll .pdx-shell-body,.pdx-shell.expanded .pdx-shell-body,.pdx-shell.fullscreen .pdx-shell-body{overflow:auto;display:flex;flex-direction:column;min-height:0}.pdx-shell.collapsed .pdx-shell-body{display:none}.pdx-shell.body-fill .pdx-shell-body{overflow:hidden}.pdx-shell.body-scroll .pdx-shell-body{overflow:auto}.pdx-shell.body-fill .pdx-shell-body>*,.pdx-shell.body-scroll .pdx-shell-body>*,.pdx-shell.expanded .pdx-shell-body>*,.pdx-shell.fullscreen .pdx-shell-body>*{flex:1 1 auto;min-height:0;width:100%}.pdx-shell.expanded{position:fixed;top:10vh;left:50%;width:min(920px,92vw);height:min(640px,82vh);transform:translate(-50%);z-index:var(--praxis-layer-widget-shell-expanded, 1290);box-shadow:var(--mat-elevation-level8)}.pdx-shell.fullscreen{position:fixed;top:50%;left:50%;width:95vw;height:95vh;transform:translate(-50%,-50%);z-index:var(--praxis-layer-widget-shell-fullscreen, 1291);box-shadow:var(--mat-elevation-level8)}.pdx-shell-backdrop{position:fixed;inset:0;z-index:var(--praxis-layer-widget-shell-backdrop, 1280);background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i4.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i4.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [":host{display:block;height:100%}:host(.pdx-widget-shell-collapsed){height:auto}.pdx-shell{position:relative;height:100%;display:flex;flex-direction:column}.pdx-shell.no-shell{background:transparent;border:none;border-radius:0;box-shadow:none}.pdx-shell.dashboard{background:var(--pdx-shell-card-bg, var(--pdx-dashboard-card-bg, var(--md-sys-color-surface-container-low)));border:1px solid var(--pdx-shell-card-border, var(--pdx-dashboard-card-border, var(--md-sys-color-outline-variant)));border-radius:var(--pdx-shell-card-radius, 12px);box-shadow:var(--pdx-shell-card-shadow, 0 4px 12px rgba(15, 23, 42, .06));overflow:hidden}.pdx-shell-header{display:flex;align-items:center;gap:10px;padding:8px 10px 7px;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))}.pdx-shell-header--drag-enabled{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.pdx-shell-header--drag-enabled:active{cursor:grabbing}.pdx-shell-header--drag-enabled:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 72%,white 28%);outline-offset:-2px}.pdx-shell-title{display:flex;align-items:center;gap:8px;min-width:0;flex:1;color:var(--pdx-shell-title-color, inherit)}.pdx-shell-title mat-icon{color:var(--pdx-shell-icon-color, currentColor)}.pdx-shell-text{min-width:0}.pdx-shell-title-text{font-weight:var(--pdx-shell-title-weight, 600);font-size:var(--pdx-shell-title-size, 13px);line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdx-shell-subtitle{font-size:var(--pdx-shell-subtitle-size, 11px);opacity:.75;color:var(--pdx-shell-subtitle-color, currentColor);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdx-shell-actions,.pdx-shell-window-actions{display:flex;align-items:center;gap:4px}.pdx-shell-window-actions{margin-left:auto}.pdx-action-outlined{border:1px solid var(--md-sys-color-outline-variant);border-radius:999px;padding:0 10px}.pdx-action-text{padding:0 8px}.pdx-action-label{font-size:12px;font-weight:500}.pdx-shell-body{flex:1;min-height:0;padding:var(--pdx-shell-body-padding, 8px 10px 10px 10px);background:var(--pdx-shell-body-bg, transparent);color:var(--pdx-shell-body-color, inherit)}.pdx-shell.no-shell .pdx-shell-body{padding:0}.pdx-shell-body.hidden{display:none}.pdx-shell.collapsed{height:auto}.pdx-shell.collapsed .pdx-shell-header{border-bottom-color:transparent}.pdx-shell.body-fill .pdx-shell-body,.pdx-shell.body-scroll .pdx-shell-body,.pdx-shell.expanded .pdx-shell-body,.pdx-shell.fullscreen .pdx-shell-body{overflow:auto;display:flex;flex-direction:column;min-height:0}.pdx-shell.collapsed .pdx-shell-body{display:none}.pdx-shell.body-fill .pdx-shell-body{overflow:hidden}.pdx-shell.body-scroll .pdx-shell-body{overflow:auto}.pdx-shell.body-fill .pdx-shell-body>*,.pdx-shell.body-scroll .pdx-shell-body>*,.pdx-shell.expanded .pdx-shell-body>*,.pdx-shell.fullscreen .pdx-shell-body>*{flex:1 1 auto;min-height:0;width:100%}.pdx-shell.expanded{position:fixed;top:10vh;left:50%;width:min(920px,92vw);height:min(640px,82vh);transform:translate(-50%);z-index:var(--praxis-layer-widget-shell-expanded, 1290);box-shadow:var(--mat-elevation-level8)}.pdx-shell.fullscreen{position:fixed;top:50%;left:50%;width:95vw;height:95vh;transform:translate(-50%,-50%);z-index:var(--praxis-layer-widget-shell-fullscreen, 1291);box-shadow:var(--mat-elevation-level8)}.pdx-shell-backdrop{position:fixed;inset:0;z-index:var(--praxis-layer-widget-shell-backdrop, 1280);background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i4$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i4$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i4$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: WidgetShellComponent, decorators: [{
             type: Component,
@@ -24673,187 +24763,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: PraxisJsonLogicService }] });
 
-class CompositionRuntimeStore {
-    snapshot;
-    listeners = new Set();
-    constructor(init) {
-        this.snapshot = freezeSnapshot(createSnapshot(init));
-    }
-    getSnapshot() {
-        return this.snapshot;
-    }
-    subscribe(listener) {
-        this.listeners.add(listener);
-        listener(this.snapshot);
-        return () => {
-            this.listeners.delete(listener);
-        };
-    }
-    reset(init) {
-        this.snapshot = freezeSnapshot(createSnapshot(init));
-        this.emit();
-        return this.snapshot;
-    }
-    applyCycle(update) {
-        const nextState = update.stateSnapshot
-            ? cloneStateSnapshot$1(update.stateSnapshot)
-            : applyStatePatch(this.snapshot.state, update);
-        const nextLinks = applyLinkPatches(this.snapshot.links, update.linkPatches);
-        this.snapshot = freezeSnapshot({
-            pageId: this.snapshot.pageId,
-            status: update.status ?? this.snapshot.status,
-            generatedAt: update.generatedAt ?? this.snapshot.generatedAt,
-            links: nextLinks,
-            state: nextState,
-            diagnostics: cloneDiagnostics$1(update.diagnostics ?? this.snapshot.diagnostics),
-            traceTail: cloneTraceTail(update.traceTail ?? this.snapshot.traceTail),
-        });
-        this.emit();
-        return this.snapshot;
-    }
-    emit() {
-        for (const listener of this.listeners) {
-            listener(this.snapshot);
-        }
-    }
-}
-function createSnapshot(init) {
-    return {
-        pageId: init?.pageId,
-        status: init?.status ?? 'booting',
-        generatedAt: init?.generatedAt ?? new Date(0).toISOString(),
-        links: cloneLinks(init?.links ?? []),
-        state: {
-            primaryValues: cloneRecord$1(init?.state?.primaryValues),
-            derivedValues: cloneRecord$1(init?.state?.derivedValues),
-            transientValues: init?.state?.transientValues
-                ? cloneRecord$1(init.state.transientValues)
-                : undefined,
-            changedPaths: init?.state?.changedPaths ? [...init.state.changedPaths] : [],
-            diagnostics: cloneDiagnostics$1(init?.state?.diagnostics ?? []),
-        },
-        diagnostics: cloneDiagnostics$1(init?.diagnostics ?? []),
-        traceTail: cloneTraceTail(init?.traceTail ?? []),
-    };
-}
-function applyStatePatch(current, update) {
-    return {
-        primaryValues: {
-            ...current.primaryValues,
-            ...cloneRecord$1(update.primaryValuesPatch),
-        },
-        derivedValues: {
-            ...current.derivedValues,
-            ...cloneRecord$1(update.derivedValuesPatch),
-        },
-        transientValues: mergeTransientValues(current.transientValues, update.transientValuesPatch),
-        changedPaths: update.changedPaths ? [...update.changedPaths] : [...(current.changedPaths ?? [])],
-        diagnostics: cloneDiagnostics$1(current.diagnostics),
-    };
-}
-function cloneStateSnapshot$1(state) {
-    return {
-        primaryValues: cloneRecord$1(state.primaryValues),
-        derivedValues: cloneRecord$1(state.derivedValues),
-        transientValues: state.transientValues ? cloneRecord$1(state.transientValues) : undefined,
-        changedPaths: state.changedPaths ? [...state.changedPaths] : [],
-        diagnostics: cloneDiagnostics$1(state.diagnostics),
-    };
-}
-function mergeTransientValues(current, patch) {
-    if (!current && !patch) {
-        return undefined;
-    }
-    return {
-        ...cloneRecord$1(current),
-        ...cloneRecord$1(patch),
-    };
-}
-function applyLinkPatches(current, patches) {
-    const patchMap = new Map((patches ?? []).map((patch) => [patch.linkId, patch]));
-    return current.map((link) => {
-        const patch = patchMap.get(link.linkId);
-        if (!patch) {
-            return cloneLink(link);
-        }
-        const next = cloneLink(link);
-        next.status = patch.status ?? link.status;
-        setOptionalLinkValue(next, 'lastEventAt', pickPatchedValue(patch, 'lastEventAt', link.lastEventAt));
-        setOptionalLinkValue(next, 'lastDispatchTraceId', pickPatchedValue(patch, 'lastDispatchTraceId', link.lastDispatchTraceId));
-        setOptionalLinkValue(next, 'lastDeliveredValuePreview', pickPatchedValue(patch, 'lastDeliveredValuePreview', link.lastDeliveredValuePreview));
-        next.diagnostics = cloneDiagnostics$1(patch.diagnostics ?? link.diagnostics);
-        return next;
-    });
-}
-function pickPatchedValue(patch, key, fallback) {
-    return Object.prototype.hasOwnProperty.call(patch, key)
-        ? patch[key]
-        : fallback;
-}
-function cloneLinks(links) {
-    return links.map((link) => cloneLink(link));
-}
-function cloneLink(link) {
-    const next = {
-        linkId: link.linkId,
-        status: link.status,
-        source: { ...link.source },
-        target: { ...link.target },
-        diagnostics: cloneDiagnostics$1(link.diagnostics),
-    };
-    setOptionalLinkValue(next, 'lastEventAt', link.lastEventAt);
-    setOptionalLinkValue(next, 'lastDispatchTraceId', link.lastDispatchTraceId);
-    setOptionalLinkValue(next, 'lastDeliveredValuePreview', link.lastDeliveredValuePreview);
-    return next;
-}
-function setOptionalLinkValue(link, key, value) {
-    if (value === undefined) {
-        delete link[key];
-        return;
-    }
-    link[key] = value;
-}
-function cloneDiagnostics$1(diagnostics) {
-    return diagnostics.map((diagnostic) => ({
-        ...diagnostic,
-        subject: { ...diagnostic.subject },
-        related: diagnostic.related?.map((item) => ({ ...item })),
-        details: diagnostic.details ? { ...diagnostic.details } : undefined,
-    }));
-}
-function cloneTraceTail(traceTail) {
-    return traceTail.map((entry) => ({
-        ...entry,
-        subject: { ...entry.subject },
-        payloadSummary: entry.payloadSummary
-            ? {
-                ...entry.payloadSummary,
-                keys: entry.payloadSummary.keys ? [...entry.payloadSummary.keys] : undefined,
-            }
-            : undefined,
-        details: entry.details ? { ...entry.details } : undefined,
-        diagnostics: entry.diagnostics ? [...entry.diagnostics] : undefined,
-    }));
-}
-function cloneRecord$1(value) {
-    return value ? { ...value } : {};
-}
-function freezeSnapshot(snapshot) {
-    return deepFreeze(snapshot);
-}
-function deepFreeze(value) {
-    if (!value || typeof value !== 'object' || Object.isFrozen(value)) {
-        return value;
-    }
-    Object.freeze(value);
-    for (const nested of Object.values(value)) {
-        if (nested && typeof nested === 'object') {
-            deepFreeze(nested);
-        }
-    }
-    return value;
-}
-
 const TRANSFORM_CATALOG = [
     {
         kind: 'identity',
@@ -24954,39 +24863,638 @@ function isSupportedTransformKind(kind) {
     return TRANSFORM_CATALOG_MAP.has(kind);
 }
 
-const DEFAULT_PATH_ACCESSOR$1 = new ConnectionManagerService();
-const DEFAULT_TEMPLATE_RESOLVER = new SurfaceBindingRuntimeService();
-const DEFAULT_JSON_LOGIC$1 = new PraxisJsonLogicService(null);
-const TRANSFORM_RULE_OPTIONS = {
-    availableRoots: ['event', 'payload', 'state', 'context', 'source'],
-    defaultRoot: 'source',
-    allowImplicitRoot: true,
-};
-class TransformRuntimeService {
-    pathAccessor;
-    templateResolver;
-    jsonLogic;
-    constructor(pathAccessor = DEFAULT_PATH_ACCESSOR$1, templateResolver = DEFAULT_TEMPLATE_RESOLVER, jsonLogic = DEFAULT_JSON_LOGIC$1) {
-        this.pathAccessor = pathAccessor;
-        this.templateResolver = templateResolver;
-        this.jsonLogic = jsonLogic;
+class NestedPortCatalogService {
+    accessor;
+    constructor(accessor = new NestedWidgetConfigAccessor()) {
+        this.accessor = accessor;
     }
-    executePipeline(pipeline, runtime) {
+    resolve(page, registry) {
+        const ports = [];
         const diagnostics = [];
-        const env = this.buildEnvironment(runtime);
-        let current = this.resolvePipelineSeed(pipeline, env);
-        for (const [index, step] of pipeline.steps.entries()) {
-            try {
-                if (!this.matchesStepCondition(step.when, env)) {
-                    continue;
-                }
-                if (!isSupportedTransformKind(step.kind)) {
-                    diagnostics.push(this.createDiagnostic('RUNTIME_TRANSFORM_UNSUPPORTED', `O transform ${step.kind} ainda nao e suportado pelo runtime da Wave 1.`, {
-                        kind: 'transform-step',
-                        transformIndex: index,
-                        label: step.id,
-                    }, { transformKind: step.kind, pipelineId: pipeline.id, stepId: step.id }, undefined, 'unsupported-kind'));
-                    continue;
+        for (const owner of page.widgets || []) {
+            const nestedWidgets = this.accessor.listNestedWidgets(owner);
+            for (const nested of nestedWidgets) {
+                if (!this.hasStableTerminalKey(nested.nestedPath)) {
+                    diagnostics.push({
+                        code: 'NESTED_WIDGET_KEY_MISSING',
+                        severity: 'error',
+                        ownerWidgetKey: owner.key,
+                        nestedPath: this.clone(nested.nestedPath),
+                        componentId: nested.componentId,
+                        message: `Nested widget inside '${owner.key}' must declare a stable childWidgetKey.`,
+                    });
+                    continue;
+                }
+                const meta = registry.get(nested.componentId);
+                if (!meta?.ports?.length) {
+                    diagnostics.push({
+                        code: 'NESTED_WIDGET_METADATA_MISSING',
+                        severity: 'warning',
+                        ownerWidgetKey: owner.key,
+                        nestedPath: this.clone(nested.nestedPath),
+                        componentId: nested.componentId,
+                        message: `No component metadata ports found for nested widget '${nested.componentId}'.`,
+                    });
+                    continue;
+                }
+                for (const port of meta.ports) {
+                    ports.push({
+                        ownerWidgetKey: owner.key,
+                        ownerComponentId: owner.definition.id,
+                        nestedPath: this.clone(nested.nestedPath),
+                        containerPath: this.containerPath(nested.nestedPath),
+                        port: this.clone(port),
+                        componentId: nested.componentId,
+                        childWidgetKey: nested.childWidgetKey,
+                    });
+                }
+            }
+        }
+        return { ports, diagnostics };
+    }
+    resolveEndpoint(page, registry, options) {
+        return this.resolve(page, registry).ports.find((port) => port.ownerWidgetKey === options.ownerWidgetKey
+            && port.port.id === options.portId
+            && port.port.direction === options.direction
+            && this.isSamePath(port.nestedPath, options.nestedPath));
+    }
+    hasStableTerminalKey(nestedPath) {
+        const terminal = nestedPath[nestedPath.length - 1];
+        return terminal?.kind === 'widget'
+            && typeof terminal.key === 'string'
+            && terminal.key.trim().length > 0;
+    }
+    containerPath(nestedPath) {
+        return nestedPath.slice(0, -1).map((segment) => this.clone(segment));
+    }
+    isSamePath(left, right) {
+        return JSON.stringify(left) === JSON.stringify(right);
+    }
+    clone(value) {
+        if (value == null || typeof value !== 'object') {
+            return value;
+        }
+        return JSON.parse(JSON.stringify(value));
+    }
+}
+
+const COMPOSITION_RULE_ROOTS$1 = ['source', 'event', 'payload', 'state', 'context', 'meta'];
+const COMPATIBLE_TARGET_KINDS = {
+    event: ['event'],
+    value: ['value', 'selection', 'query-context', 'view-context', 'config-fragment'],
+    selection: ['selection', 'value'],
+    collection: ['collection'],
+    'query-context': ['query-context', 'value'],
+    'view-context': ['view-context', 'value'],
+    'config-fragment': ['config-fragment', 'value'],
+    status: ['status', 'value'],
+    diagnostic: ['diagnostic'],
+};
+class CompositionValidatorService {
+    nestedPortCatalog;
+    jsonLogic;
+    constructor(nestedPortCatalog = new NestedPortCatalogService(), jsonLogic = new PraxisJsonLogicService(null)) {
+        this.nestedPortCatalog = nestedPortCatalog;
+        this.jsonLogic = jsonLogic;
+    }
+    validateLink(link, context = {}) {
+        const diagnostics = [];
+        this.validateEndpointDirections(link, diagnostics);
+        this.validateNestedComponentEndpoints(link, diagnostics);
+        this.validateNestedPortCatalog(link, diagnostics, context);
+        this.validateNestedWidgetEventCoexistence(link, diagnostics, context);
+        this.validateBindingPathBridge(link, diagnostics);
+        this.validateStateWrites(link, diagnostics);
+        this.validateGlobalActionTarget(link, diagnostics);
+        this.validateCondition(link, diagnostics);
+        this.validateTransformCatalog(link, diagnostics);
+        this.validateSemanticCompatibility(link, diagnostics);
+        return diagnostics;
+    }
+    validateEndpointDirections(link, diagnostics) {
+        if (link.from.kind === 'component-port' && link.from.ref.direction !== 'output') {
+            diagnostics.push(this.createDiagnostic(link, 'SEMANTIC_PORT_DIRECTION_INVALID_SOURCE', 'error', `A origem do link ${link.id} precisa apontar para uma porta de saida.`, {
+                kind: 'port',
+                widgetKey: link.from.ref.widget,
+                widgetType: link.from.ref.componentType,
+                portId: link.from.ref.port,
+                linkId: link.id,
+            }, { expectedDirection: 'output', actualDirection: link.from.ref.direction }));
+        }
+        if (link.to.kind === 'component-port' && link.to.ref.direction !== 'input') {
+            diagnostics.push(this.createDiagnostic(link, 'SEMANTIC_PORT_DIRECTION_INVALID_TARGET', 'error', `O destino do link ${link.id} precisa apontar para uma porta de entrada.`, {
+                kind: 'port',
+                widgetKey: link.to.ref.widget,
+                widgetType: link.to.ref.componentType,
+                portId: link.to.ref.port,
+                linkId: link.id,
+            }, { expectedDirection: 'input', actualDirection: link.to.ref.direction }));
+        }
+    }
+    validateBindingPathBridge(link, diagnostics) {
+        const componentEndpoints = [link.from, link.to].filter((endpoint) => endpoint.kind === 'component-port');
+        for (const endpoint of componentEndpoints) {
+            if (!endpoint.ref.bindingPath || endpoint.ref.nestedPath?.length) {
+                continue;
+            }
+            diagnostics.push(this.createDiagnostic(link, 'SEMANTIC_BINDING_PATH_BRIDGE', 'warning', `O link ${link.id} ainda depende de bindingPath como bridge temporaria.`, {
+                kind: 'port',
+                widgetKey: endpoint.ref.widget,
+                widgetType: endpoint.ref.componentType,
+                portId: endpoint.ref.port,
+                linkId: link.id,
+                path: endpoint.ref.bindingPath,
+            }, { bindingPath: endpoint.ref.bindingPath }, false));
+        }
+    }
+    validateNestedComponentEndpoints(link, diagnostics) {
+        const componentEndpoints = [link.from, link.to].filter((endpoint) => endpoint.kind === 'component-port');
+        for (const endpoint of componentEndpoints) {
+            const nestedPath = endpoint.ref.nestedPath || [];
+            if (!nestedPath.length) {
+                continue;
+            }
+            const terminal = nestedPath[nestedPath.length - 1];
+            if (terminal?.kind !== 'widget'
+                || typeof terminal.key !== 'string'
+                || terminal.key.trim().length === 0) {
+                diagnostics.push(this.createDiagnostic(link, 'SEMANTIC_NESTED_PORT_TERMINAL_WIDGET_KEY_REQUIRED', 'error', `O endpoint nested do link ${link.id} precisa terminar em widget.key estavel.`, {
+                    kind: 'port',
+                    widgetKey: endpoint.ref.widget,
+                    widgetType: endpoint.ref.componentType,
+                    portId: endpoint.ref.port,
+                    linkId: link.id,
+                    path: this.formatNestedPath(nestedPath),
+                }, { nestedPath }));
+            }
+            if (!endpoint.ref.bindingPath) {
+                continue;
+            }
+            const isLegacyLink = link.metadata?.source === 'legacy-widget-connection';
+            diagnostics.push(this.createDiagnostic(link, isLegacyLink
+                ? 'SEMANTIC_NESTED_BINDING_PATH_LEGACY_BRIDGE'
+                : 'SEMANTIC_NESTED_BINDING_PATH_CONFLICT', isLegacyLink ? 'warning' : 'error', isLegacyLink
+                ? `O link legado ${link.id} mantem bindingPath junto de nestedPath durante migracao.`
+                : `O link ${link.id} nao pode combinar bindingPath com nestedPath.`, {
+                kind: 'port',
+                widgetKey: endpoint.ref.widget,
+                widgetType: endpoint.ref.componentType,
+                portId: endpoint.ref.port,
+                linkId: link.id,
+                path: this.formatNestedPath(nestedPath),
+            }, {
+                bindingPath: endpoint.ref.bindingPath,
+                nestedPath,
+            }, !isLegacyLink));
+        }
+    }
+    validateNestedPortCatalog(link, diagnostics, context) {
+        if (!context.page || !context.registry) {
+            return;
+        }
+        const catalog = this.nestedPortCatalog.resolve(context.page, context.registry);
+        const componentEndpoints = [link.from, link.to].filter((endpoint) => endpoint.kind === 'component-port' && !!endpoint.ref.nestedPath?.length);
+        for (const endpoint of componentEndpoints) {
+            const nestedPath = endpoint.ref.nestedPath || [];
+            const terminal = nestedPath[nestedPath.length - 1];
+            if (terminal?.kind !== 'widget' || !terminal.key?.trim()) {
+                continue;
+            }
+            const ownerExists = (context.page.widgets || []).some((widget) => widget.key === endpoint.ref.widget);
+            if (!ownerExists) {
+                diagnostics.push(this.createDiagnostic(link, 'SEMANTIC_NESTED_OWNER_WIDGET_MISSING', 'error', `O owner top-level ${endpoint.ref.widget} do endpoint nested do link ${link.id} nao existe.`, this.nestedEndpointSubject(link, endpoint, nestedPath), {
+                    ownerWidgetKey: endpoint.ref.widget,
+                    nestedPath,
+                }));
+                continue;
+            }
+            this.projectCatalogDiagnostics(link, endpoint, nestedPath, catalog, diagnostics);
+            const matchingPathPorts = catalog.ports.filter((port) => port.ownerWidgetKey === endpoint.ref.widget
+                && this.isSameNestedPath(port.nestedPath, nestedPath));
+            if (!matchingPathPorts.length) {
+                diagnostics.push(this.createDiagnostic(link, 'SEMANTIC_NESTED_WIDGET_MISSING', 'error', `O nestedPath do link ${link.id} nao resolve um widget interno conectavel.`, this.nestedEndpointSubject(link, endpoint, nestedPath), {
+                    ownerWidgetKey: endpoint.ref.widget,
+                    nestedPath,
+                }));
+                continue;
+            }
+            const samePort = matchingPathPorts.filter((port) => port.port.id === endpoint.ref.port);
+            if (!samePort.length) {
+                diagnostics.push(this.createDiagnostic(link, 'SEMANTIC_NESTED_PORT_MISSING', 'error', `A porta nested ${endpoint.ref.port} do link ${link.id} nao existe no componente filho.`, this.nestedEndpointSubject(link, endpoint, nestedPath), {
+                    ownerWidgetKey: endpoint.ref.widget,
+                    nestedPath,
+                    portId: endpoint.ref.port,
+                    availablePorts: matchingPathPorts.map((port) => port.port.id),
+                }));
+                continue;
+            }
+            const resolved = samePort.find((port) => port.port.direction === endpoint.ref.direction);
+            if (!resolved) {
+                diagnostics.push(this.createDiagnostic(link, 'SEMANTIC_NESTED_PORT_DIRECTION_MISMATCH', 'error', `A porta nested ${endpoint.ref.port} do link ${link.id} existe, mas com direcao diferente.`, this.nestedEndpointSubject(link, endpoint, nestedPath), {
+                    ownerWidgetKey: endpoint.ref.widget,
+                    nestedPath,
+                    portId: endpoint.ref.port,
+                    expectedDirection: endpoint.ref.direction,
+                    availableDirections: samePort.map((port) => port.port.direction),
+                }));
+                continue;
+            }
+            if (endpoint.ref.componentType && endpoint.ref.componentType !== resolved.componentId) {
+                diagnostics.push(this.createDiagnostic(link, 'SEMANTIC_NESTED_COMPONENT_TYPE_MISMATCH', 'error', `O componentType do endpoint nested do link ${link.id} nao corresponde ao componente filho resolvido.`, this.nestedEndpointSubject(link, endpoint, nestedPath), {
+                    ownerWidgetKey: endpoint.ref.widget,
+                    nestedPath,
+                    expectedComponentType: endpoint.ref.componentType,
+                    actualComponentType: resolved.componentId,
+                }));
+            }
+        }
+    }
+    projectCatalogDiagnostics(link, endpoint, nestedPath, catalog, diagnostics) {
+        for (const diagnostic of catalog.diagnostics) {
+            if (diagnostic.ownerWidgetKey !== endpoint.ref.widget
+                || !this.isSameNestedPath(diagnostic.nestedPath, nestedPath)) {
+                continue;
+            }
+            diagnostics.push(this.createDiagnostic(link, diagnostic.code === 'NESTED_WIDGET_KEY_MISSING'
+                ? 'SEMANTIC_NESTED_WIDGET_KEY_MISSING'
+                : 'SEMANTIC_NESTED_WIDGET_METADATA_MISSING', diagnostic.severity, diagnostic.message, this.nestedEndpointSubject(link, endpoint, nestedPath), {
+                ownerWidgetKey: endpoint.ref.widget,
+                nestedPath,
+                componentId: diagnostic.componentId,
+            }, diagnostic.severity === 'error'));
+        }
+    }
+    validateNestedWidgetEventCoexistence(link, diagnostics, context) {
+        if (link.from.kind !== 'component-port'
+            || link.from.ref.direction !== 'output'
+            || !link.from.ref.nestedPath?.length
+            || link.from.ref.port === 'widgetEvent'
+            || !context.links?.length) {
+            return;
+        }
+        const sourceRef = link.from.ref;
+        const legacyLinks = context.links.filter((candidate) => candidate.id !== link.id
+            && candidate.from.kind === 'component-port'
+            && candidate.from.ref.widget === sourceRef.widget
+            && candidate.from.ref.port === 'widgetEvent'
+            && candidate.from.ref.direction === 'output'
+            && !candidate.from.ref.nestedPath?.length);
+        if (!legacyLinks.length) {
+            return;
+        }
+        const nestedPath = sourceRef.nestedPath || [];
+        diagnostics.push(this.createDiagnostic(link, 'SEMANTIC_NESTED_WIDGET_EVENT_BRIDGE_COEXISTS', 'warning', `O link nested ${link.id} coexiste com link legado owner.widgetEvent no mesmo owner; o runtime deduplica, mas a composicao deve migrar para nestedPath canonico.`, this.nestedEndpointSubject(link, link.from, nestedPath), {
+            ownerWidgetKey: sourceRef.widget,
+            portId: sourceRef.port,
+            nestedPath,
+            legacyLinkIds: legacyLinks.map((candidate) => candidate.id),
+        }, false));
+    }
+    validateStateWrites(link, diagnostics) {
+        if (link.to.kind !== 'state') {
+            return;
+        }
+        const layer = link.to.ref.layer || 'values';
+        const writable = link.to.ref.writable ?? layer !== 'derived';
+        if (layer === 'derived' || !writable) {
+            diagnostics.push(this.createDiagnostic(link, 'SEMANTIC_STATE_WRITE_INVALID', 'error', `O link ${link.id} nao pode escrever no state ${link.to.ref.path}.`, {
+                kind: layer === 'derived' ? 'derived-state' : 'state',
+                statePath: link.to.ref.path,
+                linkId: link.id,
+            }, { layer, writable }));
+        }
+    }
+    validateGlobalActionTarget(link, diagnostics) {
+        if (link.to.kind !== 'global-action') {
+            return;
+        }
+        const issues = validateGlobalActionRef(link.to.ref, null, 'to.ref');
+        for (const issue of issues) {
+            diagnostics.push(this.createDiagnostic(link, 'SEMANTIC_GLOBAL_ACTION_TARGET_INVALID', 'error', `O destino global-action do link ${link.id} esta invalido.`, {
+                kind: 'global-action',
+                actionId: issue.actionId || link.to.ref.actionId,
+                linkId: link.id,
+                path: issue.path,
+            }, { issue }));
+        }
+    }
+    validateCondition(link, diagnostics) {
+        if (!link.condition) {
+            return;
+        }
+        const result = this.jsonLogic.validateResult(link.condition, {
+            availableRoots: [...COMPOSITION_RULE_ROOTS$1],
+            defaultRoot: null,
+            allowImplicitRoot: false,
+            requireExpressionObject: true,
+        });
+        for (const issue of result.issues) {
+            diagnostics.push(this.createDiagnostic(link, 'SEMANTIC_LINK_CONDITION_INVALID', 'error', `A condicao Json Logic do link ${link.id} esta invalida.`, {
+                kind: 'link',
+                linkId: link.id,
+                path: `condition${issue.path === '$' ? '' : issue.path.slice(1)}`,
+            }, { issue }));
+        }
+    }
+    validateTransformCatalog(link, diagnostics) {
+        for (const [index, step] of (link.transform?.steps || []).entries()) {
+            if (getTransformCatalogEntry(step.kind)) {
+                continue;
+            }
+            diagnostics.push(this.createDiagnostic(link, 'SEMANTIC_TRANSFORM_UNSUPPORTED', 'error', `O transform ${step.kind} nao pertence ao catalogo inicial suportado da Fase 2A.`, {
+                kind: 'transform-step',
+                linkId: link.id,
+                transformIndex: index,
+                label: step.id,
+            }, { transformKind: step.kind }));
+        }
+    }
+    validateSemanticCompatibility(link, diagnostics) {
+        const sourceKind = this.endpointSemanticKind(link.from);
+        const targetKind = this.endpointSemanticKind(link.to);
+        if (!sourceKind || !targetKind) {
+            return;
+        }
+        if (this.areSemanticKindsCompatible(sourceKind, targetKind, link.transform)) {
+            return;
+        }
+        if (!link.transform?.steps?.length) {
+            diagnostics.push(this.createDiagnostic(link, 'SEMANTIC_TRANSFORM_REQUIRED', 'error', `O link ${link.id} exige transform explicita para converter ${sourceKind} em ${targetKind}.`, {
+                kind: 'link',
+                linkId: link.id,
+            }, { sourceKind, targetKind }));
+            return;
+        }
+        diagnostics.push(this.createDiagnostic(link, 'SEMANTIC_KIND_INCOMPATIBLE', 'error', `O link ${link.id} continua semanticamente incompativel mesmo com transform declarada.`, {
+            kind: 'link',
+            linkId: link.id,
+        }, {
+            sourceKind,
+            targetKind,
+            transformOutputKind: link.transform.output?.semanticKind,
+            transformKinds: link.transform.steps.map((step) => step.kind),
+        }));
+    }
+    endpointSemanticKind(endpoint) {
+        return endpoint.ref.semanticKind;
+    }
+    areSemanticKindsCompatible(sourceKind, targetKind, transform) {
+        const transformOutputKind = transform?.output?.semanticKind;
+        if (transformOutputKind) {
+            return this.areKindsDirectlyCompatible(transformOutputKind, targetKind);
+        }
+        return this.areKindsDirectlyCompatible(sourceKind, targetKind);
+    }
+    areKindsDirectlyCompatible(sourceKind, targetKind) {
+        return (COMPATIBLE_TARGET_KINDS[sourceKind] || []).includes(targetKind);
+    }
+    createDiagnostic(link, code, severity, message, subject, details, blocking = true) {
+        return {
+            id: `${link.id}:${code}`,
+            code,
+            severity,
+            phase: 'semantic-validation',
+            message,
+            summary: message,
+            subject,
+            details,
+            source: 'semantic-validator',
+            blocking,
+            createdAt: new Date().toISOString(),
+        };
+    }
+    formatNestedPath(nestedPath) {
+        return JSON.stringify(nestedPath);
+    }
+    nestedEndpointSubject(link, endpoint, nestedPath) {
+        return {
+            kind: 'port',
+            widgetKey: endpoint.ref.widget,
+            widgetType: endpoint.ref.componentType,
+            portId: endpoint.ref.port,
+            linkId: link.id,
+            path: this.formatNestedPath(nestedPath),
+        };
+    }
+    isSameNestedPath(left, right) {
+        return JSON.stringify(left) === JSON.stringify(right);
+    }
+}
+
+class CompositionRuntimeStore {
+    snapshot;
+    listeners = new Set();
+    constructor(init) {
+        this.snapshot = freezeSnapshot(createSnapshot(init));
+    }
+    getSnapshot() {
+        return this.snapshot;
+    }
+    subscribe(listener) {
+        this.listeners.add(listener);
+        listener(this.snapshot);
+        return () => {
+            this.listeners.delete(listener);
+        };
+    }
+    reset(init) {
+        this.snapshot = freezeSnapshot(createSnapshot(init));
+        this.emit();
+        return this.snapshot;
+    }
+    applyCycle(update) {
+        const nextState = update.stateSnapshot
+            ? cloneStateSnapshot$1(update.stateSnapshot)
+            : applyStatePatch(this.snapshot.state, update);
+        const nextLinks = applyLinkPatches(this.snapshot.links, update.linkPatches);
+        this.snapshot = freezeSnapshot({
+            pageId: this.snapshot.pageId,
+            status: update.status ?? this.snapshot.status,
+            generatedAt: update.generatedAt ?? this.snapshot.generatedAt,
+            links: nextLinks,
+            state: nextState,
+            diagnostics: cloneDiagnostics$1(update.diagnostics ?? this.snapshot.diagnostics),
+            traceTail: cloneTraceTail(update.traceTail ?? this.snapshot.traceTail),
+        });
+        this.emit();
+        return this.snapshot;
+    }
+    emit() {
+        for (const listener of this.listeners) {
+            listener(this.snapshot);
+        }
+    }
+}
+function createSnapshot(init) {
+    return {
+        pageId: init?.pageId,
+        status: init?.status ?? 'booting',
+        generatedAt: init?.generatedAt ?? new Date(0).toISOString(),
+        links: cloneLinks(init?.links ?? []),
+        state: {
+            primaryValues: cloneRecord$1(init?.state?.primaryValues),
+            derivedValues: cloneRecord$1(init?.state?.derivedValues),
+            transientValues: init?.state?.transientValues
+                ? cloneRecord$1(init.state.transientValues)
+                : undefined,
+            changedPaths: init?.state?.changedPaths ? [...init.state.changedPaths] : [],
+            diagnostics: cloneDiagnostics$1(init?.state?.diagnostics ?? []),
+        },
+        diagnostics: cloneDiagnostics$1(init?.diagnostics ?? []),
+        traceTail: cloneTraceTail(init?.traceTail ?? []),
+    };
+}
+function applyStatePatch(current, update) {
+    return {
+        primaryValues: {
+            ...current.primaryValues,
+            ...cloneRecord$1(update.primaryValuesPatch),
+        },
+        derivedValues: {
+            ...current.derivedValues,
+            ...cloneRecord$1(update.derivedValuesPatch),
+        },
+        transientValues: mergeTransientValues(current.transientValues, update.transientValuesPatch),
+        changedPaths: update.changedPaths ? [...update.changedPaths] : [...(current.changedPaths ?? [])],
+        diagnostics: cloneDiagnostics$1(current.diagnostics),
+    };
+}
+function cloneStateSnapshot$1(state) {
+    return {
+        primaryValues: cloneRecord$1(state.primaryValues),
+        derivedValues: cloneRecord$1(state.derivedValues),
+        transientValues: state.transientValues ? cloneRecord$1(state.transientValues) : undefined,
+        changedPaths: state.changedPaths ? [...state.changedPaths] : [],
+        diagnostics: cloneDiagnostics$1(state.diagnostics),
+    };
+}
+function mergeTransientValues(current, patch) {
+    if (!current && !patch) {
+        return undefined;
+    }
+    return {
+        ...cloneRecord$1(current),
+        ...cloneRecord$1(patch),
+    };
+}
+function applyLinkPatches(current, patches) {
+    const patchMap = new Map((patches ?? []).map((patch) => [patch.linkId, patch]));
+    return current.map((link) => {
+        const patch = patchMap.get(link.linkId);
+        if (!patch) {
+            return cloneLink(link);
+        }
+        const next = cloneLink(link);
+        next.status = patch.status ?? link.status;
+        setOptionalLinkValue(next, 'lastEventAt', pickPatchedValue(patch, 'lastEventAt', link.lastEventAt));
+        setOptionalLinkValue(next, 'lastDispatchTraceId', pickPatchedValue(patch, 'lastDispatchTraceId', link.lastDispatchTraceId));
+        setOptionalLinkValue(next, 'lastDeliveredValuePreview', pickPatchedValue(patch, 'lastDeliveredValuePreview', link.lastDeliveredValuePreview));
+        next.diagnostics = cloneDiagnostics$1(patch.diagnostics ?? link.diagnostics);
+        return next;
+    });
+}
+function pickPatchedValue(patch, key, fallback) {
+    return Object.prototype.hasOwnProperty.call(patch, key)
+        ? patch[key]
+        : fallback;
+}
+function cloneLinks(links) {
+    return links.map((link) => cloneLink(link));
+}
+function cloneLink(link) {
+    const next = {
+        linkId: link.linkId,
+        status: link.status,
+        source: { ...link.source },
+        target: { ...link.target },
+        diagnostics: cloneDiagnostics$1(link.diagnostics),
+    };
+    setOptionalLinkValue(next, 'lastEventAt', link.lastEventAt);
+    setOptionalLinkValue(next, 'lastDispatchTraceId', link.lastDispatchTraceId);
+    setOptionalLinkValue(next, 'lastDeliveredValuePreview', link.lastDeliveredValuePreview);
+    return next;
+}
+function setOptionalLinkValue(link, key, value) {
+    if (value === undefined) {
+        delete link[key];
+        return;
+    }
+    link[key] = value;
+}
+function cloneDiagnostics$1(diagnostics) {
+    return diagnostics.map((diagnostic) => ({
+        ...diagnostic,
+        subject: { ...diagnostic.subject },
+        related: diagnostic.related?.map((item) => ({ ...item })),
+        details: diagnostic.details ? { ...diagnostic.details } : undefined,
+    }));
+}
+function cloneTraceTail(traceTail) {
+    return traceTail.map((entry) => ({
+        ...entry,
+        subject: { ...entry.subject },
+        payloadSummary: entry.payloadSummary
+            ? {
+                ...entry.payloadSummary,
+                keys: entry.payloadSummary.keys ? [...entry.payloadSummary.keys] : undefined,
+            }
+            : undefined,
+        details: entry.details ? { ...entry.details } : undefined,
+        diagnostics: entry.diagnostics ? [...entry.diagnostics] : undefined,
+    }));
+}
+function cloneRecord$1(value) {
+    return value ? { ...value } : {};
+}
+function freezeSnapshot(snapshot) {
+    return deepFreeze(snapshot);
+}
+function deepFreeze(value) {
+    if (!value || typeof value !== 'object' || Object.isFrozen(value)) {
+        return value;
+    }
+    Object.freeze(value);
+    for (const nested of Object.values(value)) {
+        if (nested && typeof nested === 'object') {
+            deepFreeze(nested);
+        }
+    }
+    return value;
+}
+
+const DEFAULT_PATH_ACCESSOR$1 = new ConnectionManagerService();
+const DEFAULT_TEMPLATE_RESOLVER = new SurfaceBindingRuntimeService();
+const DEFAULT_JSON_LOGIC$1 = new PraxisJsonLogicService(null);
+const TRANSFORM_RULE_OPTIONS = {
+    availableRoots: ['event', 'payload', 'state', 'context', 'source'],
+    defaultRoot: 'source',
+    allowImplicitRoot: true,
+};
+class TransformRuntimeService {
+    pathAccessor;
+    templateResolver;
+    jsonLogic;
+    constructor(pathAccessor = DEFAULT_PATH_ACCESSOR$1, templateResolver = DEFAULT_TEMPLATE_RESOLVER, jsonLogic = DEFAULT_JSON_LOGIC$1) {
+        this.pathAccessor = pathAccessor;
+        this.templateResolver = templateResolver;
+        this.jsonLogic = jsonLogic;
+    }
+    executePipeline(pipeline, runtime) {
+        const diagnostics = [];
+        const env = this.buildEnvironment(runtime);
+        let current = this.resolvePipelineSeed(pipeline, env);
+        for (const [index, step] of pipeline.steps.entries()) {
+            try {
+                if (!this.matchesStepCondition(step.when, env)) {
+                    continue;
+                }
+                if (!isSupportedTransformKind(step.kind)) {
+                    diagnostics.push(this.createDiagnostic('RUNTIME_TRANSFORM_UNSUPPORTED', `O transform ${step.kind} ainda nao e suportado pelo runtime da Wave 1.`, {
+                        kind: 'transform-step',
+                        transformIndex: index,
+                        label: step.id,
+                    }, { transformKind: step.kind, pipelineId: pipeline.id, stepId: step.id }, undefined, 'unsupported-kind'));
+                    continue;
                 }
                 current = this.executeStep(step, current, env, diagnostics, index);
                 env.current = this.clone(current);
@@ -25519,6 +26027,9 @@ class LinkExecutorService {
         if (endpoint.kind === 'state') {
             return this.readStatePath(snapshot, endpoint.ref.path, endpoint.ref.layer);
         }
+        if (endpoint.kind === 'global-action') {
+            return this.clone(context.payload ?? context.event);
+        }
         const payload = context.payload !== undefined
             ? context.payload
             : (context.event && typeof context.event === 'object' && 'payload' in context.event)
@@ -25680,6 +26191,14 @@ class LinkExecutorService {
                 stateLayer: layer,
             };
         }
+        if (link.to.kind === 'global-action') {
+            return {
+                kind: 'global-action',
+                value,
+                actionId: link.to.ref.actionId,
+                actionRef: this.clone(link.to.ref),
+            };
+        }
         return {
             kind: 'component-port',
             value,
@@ -25883,6 +26402,7 @@ class CompositionRuntimeEngine {
     linkExecutor;
     stateRuntime;
     traceService;
+    compositionValidator;
     pathAccessor = new ConnectionManagerService();
     nestedWidgetAccessor = new NestedWidgetConfigAccessor();
     definition = null;
@@ -25893,12 +26413,17 @@ class CompositionRuntimeEngine {
         this.linkExecutor = options.linkExecutor ?? createDefaultLinkExecutor();
         this.stateRuntime = options.stateRuntime ?? createDefaultStateRuntime();
         this.traceService = options.traceService ?? new RuntimeTraceService();
+        this.compositionValidator = options.compositionValidator ?? new CompositionValidatorService();
     }
     bootstrap(definition) {
         this.definition = definition;
         const generatedAt = this.now();
         const stateSnapshot = this.materializeDerivedState(definition.state.primaryValues, definition);
-        const bootstrapDiagnostics = uniqueDiagnosticsById(stateSnapshot.diagnostics);
+        const semanticDiagnostics = this.validateComposition(definition);
+        const bootstrapDiagnostics = uniqueDiagnosticsById([
+            ...semanticDiagnostics,
+            ...stateSnapshot.diagnostics,
+        ]);
         const init = {
             status: bootstrapDiagnostics.some(isBlockingDiagnostic) ? 'degraded' : 'ready',
             generatedAt,
@@ -26294,6 +26819,18 @@ class CompositionRuntimeEngine {
             diagnostics: derivedSnapshot.diagnostics.map((message, index) => this.createDerivedDiagnostic(definition, message, index)),
         };
     }
+    validateComposition(definition) {
+        const page = {
+            widgets: definition.widgetOrder
+                .map((widgetKey) => definition.widgetsByKey[widgetKey])
+                .filter((widget) => !!widget),
+        };
+        const links = definition.links;
+        return links.flatMap((link) => this.compositionValidator.validateLink(link, {
+            page,
+            links,
+        }));
+    }
     createDerivedDiagnostic(definition, message, index) {
         const nodeKey = this.extractDerivedNodeKey(message);
         const classification = classifyDerivedDiagnosticMessage(message);
@@ -26410,6 +26947,9 @@ class CompositionRuntimeEngine {
 function isComponentPortEndpoint(endpoint) {
     return endpoint.kind === 'component-port';
 }
+function isGlobalActionEndpoint(endpoint) {
+    return endpoint.kind === 'global-action';
+}
 function createDefaultLinkExecutor() {
     const connections = new ConnectionManagerService();
     const transforms = new TransformRuntimeService(connections, new SurfaceBindingRuntimeService());
@@ -26538,6 +27078,9 @@ function matchesEndpoint(expected, actual) {
         return expected.ref.path === actual.ref.path
             && (expected.ref.layer ?? 'values') === (actual.ref.layer ?? 'values');
     }
+    if (isGlobalActionEndpoint(expected) && isGlobalActionEndpoint(actual)) {
+        return expected.ref.actionId === actual.ref.actionId;
+    }
     return false;
 }
 function areNestedPathsEqual(expected, actual) {
@@ -26567,6 +27110,14 @@ function toSubjectRef(endpoint) {
                 : endpoint.ref.bindingPath,
         };
     }
+    if (endpoint.kind === 'global-action') {
+        return {
+            kind: 'global-action',
+            actionId: endpoint.ref.actionId,
+            path: endpoint.ref.actionId,
+            label: endpoint.ref.actionId,
+        };
+    }
     return {
         kind: endpoint.ref.layer === 'derived' ? 'derived-state' : 'state',
         statePath: endpoint.ref.path,
@@ -26580,6 +27131,11 @@ function endpointTraceDetails(prefix, endpoint) {
             [`${prefix}StateLayer`]: endpoint.ref.layer ?? 'values',
         };
     }
+    if (endpoint.kind === 'global-action') {
+        return {
+            [`${prefix}ActionId`]: endpoint.ref.actionId,
+        };
+    }
     const details = {
         [`${prefix}WidgetKey`]: endpoint.ref.widget,
         [`${prefix}PortId`]: endpoint.ref.port,
@@ -26600,6 +27156,11 @@ function deliveryTraceDetails(delivery) {
             targetStateLayer: delivery.stateLayer ?? 'values',
         };
     }
+    if (delivery.kind === 'global-action') {
+        return {
+            targetActionId: delivery.actionId,
+        };
+    }
     const details = {
         targetWidgetKey: delivery.widgetKey,
         targetPortId: delivery.portId,
@@ -26847,105 +27408,244 @@ function looksLikePath(value) {
     return /^[A-Za-z_$][\w$]*(?:\.[A-Za-z_$][\w$]*|\[\d+\])*$/.test(value);
 }
 function toJsonLogicValue(value) {
-    switch (typeof value) {
-        case 'string':
-        case 'number':
-        case 'boolean':
-            return value;
-        case 'undefined':
-            return null;
-        default:
-            break;
-    }
-    if (value === null) {
-        return null;
-    }
-    if (Array.isArray(value) || (value && typeof value === 'object')) {
-        return clone(value);
-    }
-    return String(value);
-}
-function clone(value) {
-    if (value == null || typeof value !== 'object') {
-        return value;
-    }
-    return JSON.parse(JSON.stringify(value));
-}
-
-class NestedPortCatalogService {
-    accessor;
-    constructor(accessor = new NestedWidgetConfigAccessor()) {
-        this.accessor = accessor;
-    }
-    resolve(page, registry) {
-        const ports = [];
-        const diagnostics = [];
-        for (const owner of page.widgets || []) {
-            const nestedWidgets = this.accessor.listNestedWidgets(owner);
-            for (const nested of nestedWidgets) {
-                if (!this.hasStableTerminalKey(nested.nestedPath)) {
-                    diagnostics.push({
-                        code: 'NESTED_WIDGET_KEY_MISSING',
-                        severity: 'error',
-                        ownerWidgetKey: owner.key,
-                        nestedPath: this.clone(nested.nestedPath),
-                        componentId: nested.componentId,
-                        message: `Nested widget inside '${owner.key}' must declare a stable childWidgetKey.`,
-                    });
-                    continue;
-                }
-                const meta = registry.get(nested.componentId);
-                if (!meta?.ports?.length) {
-                    diagnostics.push({
-                        code: 'NESTED_WIDGET_METADATA_MISSING',
-                        severity: 'warning',
-                        ownerWidgetKey: owner.key,
-                        nestedPath: this.clone(nested.nestedPath),
-                        componentId: nested.componentId,
-                        message: `No component metadata ports found for nested widget '${nested.componentId}'.`,
-                    });
-                    continue;
-                }
-                for (const port of meta.ports) {
-                    ports.push({
-                        ownerWidgetKey: owner.key,
-                        ownerComponentId: owner.definition.id,
-                        nestedPath: this.clone(nested.nestedPath),
-                        containerPath: this.containerPath(nested.nestedPath),
-                        port: this.clone(port),
-                        componentId: nested.componentId,
-                        childWidgetKey: nested.childWidgetKey,
-                    });
-                }
-            }
-        }
-        return { ports, diagnostics };
-    }
-    resolveEndpoint(page, registry, options) {
-        return this.resolve(page, registry).ports.find((port) => port.ownerWidgetKey === options.ownerWidgetKey
-            && port.port.id === options.portId
-            && port.port.direction === options.direction
-            && this.isSamePath(port.nestedPath, options.nestedPath));
-    }
-    hasStableTerminalKey(nestedPath) {
-        const terminal = nestedPath[nestedPath.length - 1];
-        return terminal?.kind === 'widget'
-            && typeof terminal.key === 'string'
-            && terminal.key.trim().length > 0;
+    switch (typeof value) {
+        case 'string':
+        case 'number':
+        case 'boolean':
+            return value;
+        case 'undefined':
+            return null;
+        default:
+            break;
     }
-    containerPath(nestedPath) {
-        return nestedPath.slice(0, -1).map((segment) => this.clone(segment));
+    if (value === null) {
+        return null;
     }
-    isSamePath(left, right) {
-        return JSON.stringify(left) === JSON.stringify(right);
+    if (Array.isArray(value) || (value && typeof value === 'object')) {
+        return clone(value);
     }
-    clone(value) {
-        if (value == null || typeof value !== 'object') {
-            return value;
-        }
-        return JSON.parse(JSON.stringify(value));
+    return String(value);
+}
+function clone(value) {
+    if (value == null || typeof value !== 'object') {
+        return value;
     }
+    return JSON.parse(JSON.stringify(value));
+}
+
+class DynamicWidgetContextToolbarComponent {
+    toolbarLabel = '';
+    contextLabel = '';
+    contextTooltip = '';
+    showAssistant = false;
+    assistantLabel = '';
+    assistantTooltip = '';
+    showComponentSettings = false;
+    componentSettingsLabel = '';
+    componentSettingsTooltip = '';
+    showShellSettings = false;
+    shellSettingsLabel = '';
+    shellSettingsTooltip = '';
+    moreActionsLabel = '';
+    removeLabel = '';
+    assistant = new EventEmitter();
+    componentSettings = new EventEmitter();
+    shellSettings = new EventEmitter();
+    remove = new EventEmitter();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DynamicWidgetContextToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: DynamicWidgetContextToolbarComponent, isStandalone: true, selector: "praxis-dynamic-widget-context-toolbar", inputs: { toolbarLabel: "toolbarLabel", contextLabel: "contextLabel", contextTooltip: "contextTooltip", showAssistant: "showAssistant", assistantLabel: "assistantLabel", assistantTooltip: "assistantTooltip", showComponentSettings: "showComponentSettings", componentSettingsLabel: "componentSettingsLabel", componentSettingsTooltip: "componentSettingsTooltip", showShellSettings: "showShellSettings", shellSettingsLabel: "shellSettingsLabel", shellSettingsTooltip: "shellSettingsTooltip", moreActionsLabel: "moreActionsLabel", removeLabel: "removeLabel" }, outputs: { assistant: "assistant", componentSettings: "componentSettings", shellSettings: "shellSettings", remove: "remove" }, ngImport: i0, template: `
+    <div
+      class="pdx-widget-context-toolbar"
+      [class.pdx-widget-context-toolbar--with-context]="!!contextLabel"
+      data-testid="dynamic-widget-context-toolbar"
+      role="toolbar"
+      [attr.aria-label]="toolbarLabel"
+      (click)="$event.stopPropagation()"
+      (pointerdown)="$event.stopPropagation()"
+    >
+      @if (contextLabel) {
+        <span
+          class="pdx-widget-context-toolbar__context"
+          data-testid="dynamic-widget-context-label"
+          [matTooltip]="contextTooltip || contextLabel"
+        >
+          {{ contextLabel }}
+        </span>
+      }
+      @if (showAssistant) {
+        <button
+          mat-icon-button
+          type="button"
+          data-testid="dynamic-widget-assistant"
+          [matTooltip]="assistantTooltip"
+          [attr.aria-label]="assistantLabel"
+          (click)="assistant.emit()"
+        >
+          <mat-icon [praxisIcon]="'auto_awesome'"></mat-icon>
+        </button>
+      }
+      @if (showComponentSettings) {
+        <button
+          mat-icon-button
+          type="button"
+          data-testid="dynamic-widget-component-settings"
+          [matTooltip]="componentSettingsTooltip"
+          [attr.aria-label]="componentSettingsLabel"
+          (click)="componentSettings.emit()"
+        >
+          <mat-icon [praxisIcon]="'tune'"></mat-icon>
+        </button>
+      }
+      @if (showShellSettings) {
+        <button
+          mat-icon-button
+          type="button"
+          data-testid="dynamic-widget-shell-settings"
+          [matTooltip]="shellSettingsTooltip"
+          [attr.aria-label]="shellSettingsLabel"
+          (click)="shellSettings.emit()"
+        >
+          <mat-icon [praxisIcon]="'settings'"></mat-icon>
+        </button>
+      }
+      <button
+        mat-icon-button
+        type="button"
+        data-testid="dynamic-widget-more-actions"
+        [matTooltip]="moreActionsLabel"
+        [attr.aria-label]="moreActionsLabel"
+        [matMenuTriggerFor]="widgetContextMenu"
+      >
+        <mat-icon praxisIcon="ms:more_horiz"></mat-icon>
+      </button>
+      <mat-menu #widgetContextMenu="matMenu">
+        <button mat-menu-item type="button" data-testid="dynamic-widget-remove" (click)="remove.emit()">
+          <mat-icon [praxisIcon]="'delete'"></mat-icon>
+          <span>{{ removeLabel }}</span>
+        </button>
+      </mat-menu>
+    </div>
+  `, isInline: true, styles: [".pdx-widget-context-toolbar{position:absolute;top:-19px;right:12px;z-index:4;display:inline-flex;align-items:center;gap:4px;min-height:34px;padding:2px 4px;border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 28%,var(--md-sys-color-outline-variant));border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 88%,transparent);box-shadow:0 10px 28px #0f172a38,0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pdx-widget-context-toolbar--with-context{border-radius:18px}.pdx-widget-context-toolbar__context{display:inline-flex;align-items:center;align-self:stretch;max-width:180px;padding:0 8px 0 10px;border-right:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 64%,transparent);color:var(--md-sys-color-on-surface-variant);font-size:11px;font-weight:700;letter-spacing:.01em;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-widget-context-toolbar button{--mdc-icon-button-state-layer-size: 30px;--mat-icon-button-state-layer-size: 30px;display:inline-grid;place-items:center;flex:0 0 auto;width:30px;height:30px;padding:0;line-height:1;vertical-align:middle}.pdx-widget-context-toolbar mat-icon{width:18px;height:18px;font-size:18px;line-height:18px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", 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: MatMenuModule }, { kind: "component", type: i4$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i4$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i4$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DynamicWidgetContextToolbarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'praxis-dynamic-widget-context-toolbar', standalone: true, imports: [
+                        CommonModule,
+                        MatButtonModule,
+                        MatIconModule,
+                        MatMenuModule,
+                        MatTooltipModule,
+                        PraxisIconDirective,
+                    ], template: `
+    <div
+      class="pdx-widget-context-toolbar"
+      [class.pdx-widget-context-toolbar--with-context]="!!contextLabel"
+      data-testid="dynamic-widget-context-toolbar"
+      role="toolbar"
+      [attr.aria-label]="toolbarLabel"
+      (click)="$event.stopPropagation()"
+      (pointerdown)="$event.stopPropagation()"
+    >
+      @if (contextLabel) {
+        <span
+          class="pdx-widget-context-toolbar__context"
+          data-testid="dynamic-widget-context-label"
+          [matTooltip]="contextTooltip || contextLabel"
+        >
+          {{ contextLabel }}
+        </span>
+      }
+      @if (showAssistant) {
+        <button
+          mat-icon-button
+          type="button"
+          data-testid="dynamic-widget-assistant"
+          [matTooltip]="assistantTooltip"
+          [attr.aria-label]="assistantLabel"
+          (click)="assistant.emit()"
+        >
+          <mat-icon [praxisIcon]="'auto_awesome'"></mat-icon>
+        </button>
+      }
+      @if (showComponentSettings) {
+        <button
+          mat-icon-button
+          type="button"
+          data-testid="dynamic-widget-component-settings"
+          [matTooltip]="componentSettingsTooltip"
+          [attr.aria-label]="componentSettingsLabel"
+          (click)="componentSettings.emit()"
+        >
+          <mat-icon [praxisIcon]="'tune'"></mat-icon>
+        </button>
+      }
+      @if (showShellSettings) {
+        <button
+          mat-icon-button
+          type="button"
+          data-testid="dynamic-widget-shell-settings"
+          [matTooltip]="shellSettingsTooltip"
+          [attr.aria-label]="shellSettingsLabel"
+          (click)="shellSettings.emit()"
+        >
+          <mat-icon [praxisIcon]="'settings'"></mat-icon>
+        </button>
+      }
+      <button
+        mat-icon-button
+        type="button"
+        data-testid="dynamic-widget-more-actions"
+        [matTooltip]="moreActionsLabel"
+        [attr.aria-label]="moreActionsLabel"
+        [matMenuTriggerFor]="widgetContextMenu"
+      >
+        <mat-icon praxisIcon="ms:more_horiz"></mat-icon>
+      </button>
+      <mat-menu #widgetContextMenu="matMenu">
+        <button mat-menu-item type="button" data-testid="dynamic-widget-remove" (click)="remove.emit()">
+          <mat-icon [praxisIcon]="'delete'"></mat-icon>
+          <span>{{ removeLabel }}</span>
+        </button>
+      </mat-menu>
+    </div>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".pdx-widget-context-toolbar{position:absolute;top:-19px;right:12px;z-index:4;display:inline-flex;align-items:center;gap:4px;min-height:34px;padding:2px 4px;border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 28%,var(--md-sys-color-outline-variant));border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 88%,transparent);box-shadow:0 10px 28px #0f172a38,0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pdx-widget-context-toolbar--with-context{border-radius:18px}.pdx-widget-context-toolbar__context{display:inline-flex;align-items:center;align-self:stretch;max-width:180px;padding:0 8px 0 10px;border-right:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 64%,transparent);color:var(--md-sys-color-on-surface-variant);font-size:11px;font-weight:700;letter-spacing:.01em;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-widget-context-toolbar button{--mdc-icon-button-state-layer-size: 30px;--mat-icon-button-state-layer-size: 30px;display:inline-grid;place-items:center;flex:0 0 auto;width:30px;height:30px;padding:0;line-height:1;vertical-align:middle}.pdx-widget-context-toolbar mat-icon{width:18px;height:18px;font-size:18px;line-height:18px}\n"] }]
+        }], propDecorators: { toolbarLabel: [{
+                type: Input
+            }], contextLabel: [{
+                type: Input
+            }], contextTooltip: [{
+                type: Input
+            }], showAssistant: [{
+                type: Input
+            }], assistantLabel: [{
+                type: Input
+            }], assistantTooltip: [{
+                type: Input
+            }], showComponentSettings: [{
+                type: Input
+            }], componentSettingsLabel: [{
+                type: Input
+            }], componentSettingsTooltip: [{
+                type: Input
+            }], showShellSettings: [{
+                type: Input
+            }], shellSettingsLabel: [{
+                type: Input
+            }], shellSettingsTooltip: [{
+                type: Input
+            }], moreActionsLabel: [{
+                type: Input
+            }], removeLabel: [{
+                type: Input
+            }], assistant: [{
+                type: Output
+            }], componentSettings: [{
+                type: Output
+            }], shellSettings: [{
+                type: Output
+            }], remove: [{
+                type: Output
+            }] } });
 
 const DYNAMIC_WIDGET_PAGE_I18N_NAMESPACE = 'dynamicWidgetPage';
 const DYNAMIC_WIDGET_PAGE_I18N_CONFIG = {
@@ -26953,9 +27653,22 @@ const DYNAMIC_WIDGET_PAGE_I18N_CONFIG = {
         [DYNAMIC_WIDGET_PAGE_I18N_NAMESPACE]: {
             'pt-BR': {
                 'controls.pageSettings': 'Configurar página',
+                'controls.componentSettings': 'Configurar conteúdo',
+                'controls.componentSettingsTooltip': 'Abrir configurações do componente',
                 'controls.widgetSettings': 'Configurar widget',
                 'controls.widgetSettingsTooltip': 'Abrir configurações do widget',
+                'controls.widgetAssistant': 'Abrir assistente do widget',
+                'controls.widgetAssistantTooltip': 'Abrir o assistente Praxis com contexto deste widget',
+                'controls.widgetRemove': 'Excluir widget',
+                'controls.widgetRemoveTooltip': 'Excluir este widget e limpar conexões vinculadas',
+                'controls.widgetRemoveConfirmTitle': 'Excluir widget?',
+                'controls.widgetRemoveConfirmMessage': 'O widget "{{widget}}" será removido da página. Conexões e posições vinculadas também serão limpas.',
+                'controls.widgetRemoveConfirm': 'Excluir widget',
+                'controls.cancel': 'Cancelar',
                 'controls.cardSettings': 'Configurar card',
+                'controls.moreWidgetActions': 'Mais ações do widget',
+                'controls.widgetContextToolbar': 'Ações do widget {{widget}}',
+                'controls.widgetContextTooltip': 'Editando {{widget}}',
                 'controls.widgetLayoutToolbar': 'Ações de layout do widget',
                 'controls.dragWidget': 'Arrastar widget',
                 'controls.resizeWidget': 'Redimensionar widget',
@@ -26976,9 +27689,22 @@ const DYNAMIC_WIDGET_PAGE_I18N_CONFIG = {
             },
             'en-US': {
                 'controls.pageSettings': 'Configure page',
+                'controls.componentSettings': 'Configure content',
+                'controls.componentSettingsTooltip': 'Open component settings',
                 'controls.widgetSettings': 'Configure widget',
                 'controls.widgetSettingsTooltip': 'Open widget settings',
+                'controls.widgetAssistant': 'Open widget assistant',
+                'controls.widgetAssistantTooltip': 'Open the Praxis assistant with this widget context',
+                'controls.widgetRemove': 'Delete widget',
+                'controls.widgetRemoveTooltip': 'Delete this widget and clean linked connections',
+                'controls.widgetRemoveConfirmTitle': 'Delete widget?',
+                'controls.widgetRemoveConfirmMessage': 'The widget "{{widget}}" will be removed from the page. Linked connections and positions will also be cleaned.',
+                'controls.widgetRemoveConfirm': 'Delete widget',
+                'controls.cancel': 'Cancel',
                 'controls.cardSettings': 'Configure card',
+                'controls.moreWidgetActions': 'More widget actions',
+                'controls.widgetContextToolbar': 'Widget {{widget}} actions',
+                'controls.widgetContextTooltip': 'Editing {{widget}}',
                 'controls.widgetLayoutToolbar': 'Widget layout actions',
                 'controls.dragWidget': 'Drag widget',
                 'controls.resizeWidget': 'Resize widget',
@@ -27158,8 +27884,12 @@ class DynamicWidgetPageComponent {
     pageIdentity;
     /** Optional instance key for pages rendered multiple times. */
     componentInstanceId;
+    /** Enables a contextual authoring assistant entrypoint for the selected widget. */
+    showWidgetAssistantButton = false;
     pageChange = new EventEmitter();
     widgetEvent = new EventEmitter();
+    widgetSelectionChange = new EventEmitter();
+    widgetAssistantRequested = new EventEmitter();
     widgetDiagnosticsChange = new EventEmitter();
     widgets = signal([], ...(ngDevMode ? [{ debugName: "widgets" }] : []));
     renderedGroups = signal([], ...(ngDevMode ? [{ debugName: "renderedGroups" }] : []));
@@ -27184,7 +27914,7 @@ class DynamicWidgetPageComponent {
     pageColumnCount = 1;
     activeTabs = {};
     widgetDiagnostics = {};
-    selectedCanvasWidgetKey = null;
+    selectedWidgetKey = null;
     blockedCanvasWidgetKey = null;
     canvasPreviewState = signal(null, ...(ngDevMode ? [{ debugName: "canvasPreviewState" }] : []));
     canvasPreviewInvalidState = signal(false, ...(ngDevMode ? [{ debugName: "canvasPreviewInvalidState" }] : []));
@@ -27195,6 +27925,7 @@ class DynamicWidgetPageComponent {
     persistenceReady = false;
     warnedMissingKey = false;
     runtimeEventSequence = 0;
+    widgetShellRenderCache = new Map();
     compositionFactory = new WidgetPageCompositionFactory();
     compositionRuntime = new CompositionRuntimeFacade();
     compositionDefinition;
@@ -27233,6 +27964,7 @@ class DynamicWidgetPageComponent {
         if (changes['page'] ||
             changes['context'] ||
             changes['enableCustomization']) {
+            this.widgetShellRenderCache.clear();
             const parsed = this.parsePage(this.page);
             const resolvedPage = parsed ? this.resolvePagePresets(parsed) : parsed;
             this.assertNoLegacyConnections(resolvedPage);
@@ -27298,6 +28030,11 @@ class DynamicWidgetPageComponent {
             }
             return;
         }
+        this.executeCompositionGlobalActionDeliveries(cycle, {
+            fromKey,
+            event: evt,
+            page: pageWithPatchedInputs,
+        });
         const state = this.stateFromCompositionSnapshot(pageWithPatchedInputs.state, cycle.snapshot.state.primaryValues);
         const runtimeStatePaths = Array.from(new Set((cycle.snapshot.state.changedPaths || []).filter((path) => typeof path === 'string')));
         const updatedPrimaryStatePaths = runtimeStatePaths.filter((path) => !this.areStateValuesEqual(this.conn.extractByPath(this.stateRuntime.normalizeState(page.state).values || {}, path), this.conn.extractByPath(state.values || {}, path)));
@@ -27386,52 +28123,7 @@ class DynamicWidgetPageComponent {
         return this.compositionRuntime.bootstrap(this.compositionDefinition);
     }
     applyEditShellActions(widgets) {
-        return this.cloneWidgets(widgets).map((widget) => {
-            if (!this.shouldInjectEditShellActions(widget)) {
-                return widget;
-            }
-            const existingActions = widget.shell?.actions || [];
-            const metadata = this.componentMetadata?.get(widget.definition?.id || '');
-            const nextActions = [...existingActions];
-            if (metadata?.configEditor &&
-                !nextActions.some((action) => action.id === 'component-settings')) {
-                nextActions.push({
-                    id: 'component-settings',
-                    icon: 'tune',
-                    variant: 'icon',
-                    placement: 'header',
-                    label: this.t('controls.componentSettings', 'Configurar conteudo'),
-                    tooltip: this.t('controls.componentSettingsTooltip', 'Abrir configuracoes do componente'),
-                });
-            }
-            if (nextActions.some((action) => action.id === 'widget-settings') ||
-                !this.canOpenWidgetShellSettings()) {
-                return this.withShellActions(widget, nextActions);
-            }
-            const widgetSettingsAction = {
-                id: 'widget-settings',
-                icon: 'settings',
-                variant: 'icon',
-                placement: 'header',
-                label: this.t('controls.widgetSettings', 'Configurar widget'),
-                tooltip: this.t('controls.widgetSettingsTooltip', 'Abrir configurações do widget'),
-            };
-            return this.withShellActions(widget, [...nextActions, widgetSettingsAction]);
-        });
-    }
-    withShellActions(widget, actions) {
-        const existingActions = widget.shell?.actions || [];
-        if (existingActions.length === actions.length &&
-            existingActions.every((action, index) => action === actions[index])) {
-            return widget;
-        }
-        return {
-            ...widget,
-            shell: {
-                ...(widget.shell || {}),
-                actions,
-            },
-        };
+        return this.cloneWidgets(widgets);
     }
     applyBootstrapCompositionHydration(widgets, bootstrapSnapshot) {
         if (!this.compositionDefinition || !bootstrapSnapshot) {
@@ -27579,6 +28271,50 @@ class DynamicWidgetPageComponent {
         }
         return { widgets: nextWidgets, changed };
     }
+    executeCompositionGlobalActionDeliveries(cycle, options) {
+        if (!this.compositionDefinition) {
+            return;
+        }
+        const linksById = new Map(this.compositionDefinition.links.map((link) => [link.id, link]));
+        const runtimeLinks = cycle.snapshot.links.filter((link) => link.lastDispatchTraceId === cycle.cycleId &&
+            link.status === 'delivered');
+        for (const runtimeLink of runtimeLinks) {
+            const link = linksById.get(runtimeLink.linkId);
+            if (!link || link.to.kind !== 'global-action') {
+                continue;
+            }
+            const deliveredValue = this.cloneStateValues(runtimeLink.lastDeliveredValuePreview);
+            const actionRef = this.resolveCompositionGlobalActionRef(link.to.ref, deliveredValue);
+            void this.globalActions.executeRef(actionRef, {
+                sourceId: options.fromKey,
+                widgetKey: options.event.ownerWidgetKey || options.fromKey,
+                output: options.event.output,
+                payload: deliveredValue,
+                pageContext: options.page.context || null,
+                runtime: {
+                    value: deliveredValue,
+                    state: this.cloneStateValues(cycle.snapshot.state.primaryValues),
+                },
+                meta: {
+                    origin: 'dynamic-page.composition-link',
+                    componentId: 'praxis-dynamic-page',
+                    linkId: link.id,
+                    intent: link.intent,
+                },
+            });
+        }
+    }
+    resolveCompositionGlobalActionRef(ref, deliveredValue) {
+        const hasConfiguredPayload = Object.prototype.hasOwnProperty.call(ref, 'payload') ||
+            String(ref.payloadExpr || '').trim().length > 0;
+        if (hasConfiguredPayload) {
+            return this.cloneStateValues(ref);
+        }
+        return {
+            ...this.cloneStateValues(ref),
+            payload: deliveredValue,
+        };
+    }
     buildStateContext(pageContext) {
         return {
             ...(this.cloneStateValues(pageContext) || {}),
@@ -27705,7 +28441,7 @@ class DynamicWidgetPageComponent {
             case 'page.autoPersist.disabled':
                 return !this.autoPersist;
             case 'page.widget.selected':
-                return this.selectedCanvasWidgetKey === widgetKey;
+                return this.selectedWidgetKey === widgetKey;
             case 'page.widget.configurable': {
                 const widget = this.widgets().find((candidate) => candidate.key === widgetKey);
                 const widgetType = widget?.definition?.id || '';
@@ -27746,14 +28482,185 @@ class DynamicWidgetPageComponent {
         }
         return `widget:${fromKey}:${output}:${timestamp}:${sequence}`;
     }
-    shouldInjectEditShellActions(widget) {
-        if (!this.enableCustomization || !this.settingsPanel) {
+    canOpenWidgetShellSettings() {
+        return !!(this.shellEditorComponent || this.defaultShellEditor);
+    }
+    canOpenWidgetComponentSettings(key) {
+        const page = this.pageDefinition || this.parsePage(this.page);
+        const widget = page?.widgets?.find((candidate) => candidate.key === key);
+        if (!widget)
+            return false;
+        const metadata = this.componentMetadata?.get(widget.definition?.id || '');
+        return !!metadata?.configEditor?.component;
+    }
+    componentSettingsLabel() {
+        return this.t('controls.componentSettings', 'Configurar conteúdo');
+    }
+    componentSettingsTooltip() {
+        return this.t('controls.componentSettingsTooltip', 'Abrir configurações do componente');
+    }
+    widgetSettingsLabel() {
+        return this.t('controls.widgetSettings', 'Configurar widget');
+    }
+    widgetSettingsTooltip() {
+        return this.t('controls.widgetSettingsTooltip', 'Abrir configurações do widget');
+    }
+    widgetAssistantLabel() {
+        return this.t('controls.widgetAssistant', 'Abrir assistente do widget');
+    }
+    widgetAssistantTooltip() {
+        return this.t('controls.widgetAssistantTooltip', 'Abrir o assistente Praxis com contexto deste widget');
+    }
+    requestWidgetAssistant(widgetKey) {
+        this.selectWidget(widgetKey);
+        this.widgetAssistantRequested.emit(widgetKey);
+    }
+    widgetRemoveLabel() {
+        return this.t('controls.widgetRemove', 'Excluir widget');
+    }
+    moreWidgetActionsLabel() {
+        return this.t('controls.moreWidgetActions', 'Mais ações do widget');
+    }
+    widgetContextToolbarLabel(widgetKey) {
+        return this.t('controls.widgetContextToolbar', 'Ações do widget {{widget}}', {
+            widget: widgetKey,
+        });
+    }
+    widgetContextLabel(widget) {
+        return this.resolveWidgetDisplayName(widget);
+    }
+    widgetContextTooltip(widget) {
+        const label = this.resolveWidgetDisplayName(widget);
+        return this.t('controls.widgetContextTooltip', 'Editando {{widget}}', {
+            widget: label,
+        });
+    }
+    shouldRenderWidgetContextOverlay(widget) {
+        return (this.enableCustomization &&
+            this.isWidgetSelected(widget.key) &&
+            !this.hasVisibleWidgetShellHeader(widget));
+    }
+    widgetShellForRender(widget) {
+        if (!this.shouldProjectWidgetHeaderActions(widget)) {
+            return widget.shell;
+        }
+        const projectedActions = this.buildProjectedWidgetShellActions(widget);
+        if (!projectedActions.length) {
+            return widget.shell;
+        }
+        const signature = this.widgetShellActionSignature(projectedActions);
+        const cached = this.widgetShellRenderCache.get(widget.key);
+        if (cached &&
+            cached.source === widget.shell &&
+            cached.signature === signature) {
+            return cached.shell;
+        }
+        const existingActions = widget.shell?.actions || [];
+        const existingIds = new Set(existingActions.map((action) => action.id));
+        const shell = {
+            ...widget.shell,
+            actions: [
+                ...existingActions,
+                ...projectedActions.filter((action) => !existingIds.has(action.id)),
+            ],
+        };
+        this.widgetShellRenderCache.set(widget.key, {
+            source: widget.shell,
+            signature,
+            shell,
+        });
+        return shell;
+    }
+    resolveWidgetDisplayName(widget) {
+        const shellTitle = String(widget.shell?.title || '').trim();
+        if (shellTitle)
+            return shellTitle;
+        const componentId = widget.definition?.id || '';
+        const metadata = componentId ? this.componentMetadata?.get(componentId) : undefined;
+        return metadata?.friendlyName || componentId || widget.key;
+    }
+    shouldProjectWidgetHeaderActions(widget) {
+        return (this.enableCustomization &&
+            this.isWidgetSelected(widget.key) &&
+            this.hasVisibleWidgetShellHeader(widget));
+    }
+    hasVisibleWidgetShellHeader(widget) {
+        const shell = widget.shell;
+        if (!shell || shell.kind === 'none')
             return false;
+        if (shell.showHeader != null)
+            return !!shell.showHeader;
+        return !!(shell.title ||
+            shell.subtitle ||
+            shell.icon ||
+            this.hasVisibleShellActions(shell) ||
+            this.hasVisibleWindowActions(shell));
+    }
+    hasVisibleShellActions(shell) {
+        return (shell.actions || []).some((action) => this.isVisibleShellAction(action));
+    }
+    hasVisibleWindowActions(shell) {
+        return ((shell.windowActions?.collapsible !== false ||
+            shell.windowActions?.fullscreen !== false) ||
+            (shell.actions || []).some((action) => this.isVisibleShellAction(action) &&
+                (action.placement || 'header') === 'window'));
+    }
+    buildProjectedWidgetShellActions(widget) {
+        const actions = [];
+        if (this.showWidgetAssistantButton) {
+            actions.push({
+                id: 'widget-assistant',
+                label: this.widgetAssistantLabel(),
+                tooltip: this.widgetAssistantTooltip(),
+                icon: 'auto_awesome',
+                variant: 'icon',
+                placement: 'header',
+            });
+        }
+        if (this.canOpenWidgetComponentSettings(widget.key)) {
+            actions.push({
+                id: 'component-settings',
+                label: this.componentSettingsLabel(),
+                tooltip: this.componentSettingsTooltip(),
+                icon: 'tune',
+                variant: 'icon',
+                placement: 'header',
+            });
+        }
+        if (this.canOpenWidgetShellSettings()) {
+            actions.push({
+                id: 'widget-settings',
+                label: this.widgetSettingsLabel(),
+                tooltip: this.widgetSettingsTooltip(),
+                icon: 'settings',
+                variant: 'icon',
+                placement: 'header',
+            });
         }
-        return !!widget.shell && widget.shell.kind !== 'none';
+        actions.push({
+            id: 'widget-remove',
+            label: this.widgetRemoveLabel(),
+            tooltip: this.widgetRemoveLabel(),
+            icon: 'delete',
+            variant: 'icon',
+            placement: 'header',
+        });
+        return actions;
     }
-    canOpenWidgetShellSettings() {
-        return !!(this.shellEditorComponent || this.defaultShellEditor);
+    widgetShellActionSignature(actions) {
+        return actions
+            .map((action) => [
+            action.id,
+            action.label || '',
+            action.tooltip || '',
+            action.icon || '',
+            action.variant || '',
+            action.placement || '',
+        ].join(':'))
+            .join('|');
+    }
+    isVisibleShellAction(action) {
+        return action.visible == null || !!action.visible;
     }
     areStateValuesEqual(left, right) {
         if (left === right)
@@ -27791,6 +28698,10 @@ class DynamicWidgetPageComponent {
         this.widgetDiagnosticsChange.emit({ ...this.widgetDiagnostics });
     }
     onShellAction(fromKey, evt) {
+        if (evt.id === 'widget-assistant') {
+            this.requestWidgetAssistant(fromKey);
+            return;
+        }
         if (evt.id === 'component-settings') {
             this.openWidgetComponentSettings(fromKey);
             return;
@@ -27799,6 +28710,10 @@ class DynamicWidgetPageComponent {
             this.openWidgetShellSettings(fromKey);
             return;
         }
+        if (evt.id === 'widget-remove') {
+            void this.confirmAndRemoveWidget(fromKey);
+            return;
+        }
         if (this.handleSetInputCommand(fromKey, evt))
             return;
         const output = evt?.emit || (evt?.id ? `shell:${evt.id}` : undefined);
@@ -27968,6 +28883,124 @@ class DynamicWidgetPageComponent {
             : w);
         this.applyPageUpdate({ ...page, widgets }, persist);
     }
+    async confirmAndRemoveWidget(widgetKey) {
+        const page = this.ensurePageDefinition();
+        const widget = page.widgets.find((item) => item.key === widgetKey);
+        if (!widget) {
+            return;
+        }
+        const title = widget.shell?.title || widget.definition?.id || widgetKey;
+        const confirmation = await this.globalActions.execute('dialog.confirm', {
+            title: this.t('controls.widgetRemoveConfirmTitle', 'Excluir widget?'),
+            message: this.t('controls.widgetRemoveConfirmMessage', 'O widget "{{widget}}" será removido da página. Conexões e posições vinculadas também serão limpas.', { widget: title }),
+            confirmLabel: this.t('controls.widgetRemoveConfirm', 'Excluir widget'),
+            cancelLabel: this.t('controls.cancel', 'Cancelar'),
+            type: 'danger',
+        });
+        if (!confirmation.success || confirmation.data !== true) {
+            return;
+        }
+        this.applyPageUpdate(this.removeWidgetReferences(page, widgetKey), true);
+        if (this.selectedWidgetKey === widgetKey) {
+            this.selectedWidgetKey = null;
+            this.widgetSelectionChange.emit(null);
+        }
+    }
+    removeSelectedWidget() {
+        if (!this.selectedWidgetKey) {
+            return;
+        }
+        void this.confirmAndRemoveWidget(this.selectedWidgetKey);
+    }
+    removeSelectedCanvasWidget() {
+        this.removeSelectedWidget();
+    }
+    removeWidgetReferences(page, widgetKey) {
+        const source = this.cloneStateValues(page);
+        const next = {
+            ...source,
+            widgets: (source.widgets || []).filter((widget) => widget.key !== widgetKey),
+        };
+        if (next.canvas?.items) {
+            const items = { ...next.canvas.items };
+            delete items[widgetKey];
+            next.canvas = { ...next.canvas, items };
+        }
+        if (next.composition?.links) {
+            next.composition = {
+                ...next.composition,
+                links: next.composition.links.filter((link) => !this.linkReferencesWidget(link, widgetKey)),
+            };
+        }
+        if (next.grouping) {
+            next.grouping = next.grouping.map((group) => {
+                if (group.kind === 'tabs') {
+                    return {
+                        ...group,
+                        tabs: group.tabs.map((tab) => ({
+                            ...tab,
+                            widgetKeys: tab.widgetKeys.filter((key) => key !== widgetKey),
+                        })),
+                    };
+                }
+                return {
+                    ...group,
+                    widgetKeys: group.widgetKeys.filter((key) => key !== widgetKey),
+                };
+            });
+        }
+        if (next.slotAssignments?.[widgetKey] !== undefined) {
+            const slotAssignments = { ...next.slotAssignments };
+            delete slotAssignments[widgetKey];
+            next.slotAssignments = slotAssignments;
+        }
+        if (next.deviceLayouts) {
+            const deviceLayouts = {};
+            for (const [device, variant] of Object.entries(next.deviceLayouts)) {
+                const canvasItems = variant.canvas?.items
+                    ? { ...variant.canvas.items }
+                    : undefined;
+                if (canvasItems) {
+                    delete canvasItems[widgetKey];
+                }
+                const widgetOverrides = variant.widgetOverrides
+                    ? { ...variant.widgetOverrides }
+                    : undefined;
+                if (widgetOverrides) {
+                    delete widgetOverrides[widgetKey];
+                }
+                const groupingOverrides = variant.groupingOverrides?.map((override) => ({
+                    ...override,
+                    ...(override.widgetKeys
+                        ? { widgetKeys: override.widgetKeys.filter((key) => key !== widgetKey) }
+                        : {}),
+                    ...(override.tabs
+                        ? {
+                            tabs: override.tabs.map((tab) => ({
+                                ...tab,
+                                widgetKeys: tab.widgetKeys.filter((key) => key !== widgetKey),
+                            })),
+                        }
+                        : {}),
+                }));
+                deviceLayouts[device] = {
+                    ...variant,
+                    ...(variant.canvas ? { canvas: { ...variant.canvas, ...(canvasItems ? { items: canvasItems } : {}) } } : {}),
+                    ...(widgetOverrides ? { widgetOverrides } : {}),
+                    ...(groupingOverrides ? { groupingOverrides } : {}),
+                };
+            }
+            next.deviceLayouts = deviceLayouts;
+        }
+        return next;
+    }
+    linkReferencesWidget(link, widgetKey) {
+        return this.endpointReferencesWidget(link.from, widgetKey)
+            || this.endpointReferencesWidget(link.to, widgetKey);
+    }
+    endpointReferencesWidget(endpoint, widgetKey) {
+        return endpoint.kind === 'component-port' && endpoint.ref.widget === widgetKey;
+    }
     openPageSettings() {
         if (!this.settingsPanel)
             return;
@@ -28372,11 +29405,12 @@ class DynamicWidgetPageComponent {
         }
         return widget?.definition?.inputs?.['enableCustomization'] === true;
     }
-    selectCanvasWidget(widgetKey) {
+    selectWidget(widgetKey) {
         if (!this.enableCustomization)
             return;
-        if (this.selectedCanvasWidgetKey !== widgetKey) {
-            this.selectedCanvasWidgetKey = widgetKey;
+        if (this.selectedWidgetKey !== widgetKey) {
+            this.selectedWidgetKey = widgetKey;
+            this.widgetSelectionChange.emit(widgetKey);
         }
         if (this.blockedCanvasWidgetKey &&
             this.blockedCanvasWidgetKey !== widgetKey) {
@@ -28384,7 +29418,13 @@ class DynamicWidgetPageComponent {
         }
     }
     isCanvasWidgetSelected(widgetKey) {
-        return this.selectedCanvasWidgetKey === widgetKey;
+        return this.isWidgetSelected(widgetKey);
+    }
+    isWidgetSelected(widgetKey) {
+        return this.selectedWidgetKey === widgetKey;
+    }
+    selectCanvasWidget(widgetKey) {
+        this.selectWidget(widgetKey);
     }
     isCanvasWidgetBlocked(widgetKey) {
         return this.blockedCanvasWidgetKey === widgetKey;
@@ -29232,7 +30272,7 @@ class DynamicWidgetPageComponent {
         throw new Error('DynamicWidgetPageComponent no longer accepts `page.connections`. Use `composition.links` only.');
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DynamicWidgetPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: DynamicWidgetPageComponent, isStandalone: true, selector: "praxis-dynamic-page", inputs: { page: "page", context: "context", strictValidation: "strictValidation", enableCustomization: "enableCustomization", showPageSettingsButton: "showPageSettingsButton", shellEditorComponent: "shellEditorComponent", pageEditorComponent: "pageEditorComponent", autoPersist: "autoPersist", pageIdentity: "pageIdentity", componentInstanceId: "componentInstanceId" }, outputs: { pageChange: "pageChange", widgetEvent: "widgetEvent", widgetDiagnosticsChange: "widgetDiagnosticsChange" }, host: { listeners: { "window:resize": "onWindowResize()", "window:pointermove": "onCanvasPointerMove($event)", "window:pointerup": "onCanvasPointerUp($event)", "window:pointercancel": "onCanvasPointerCancel($event)" } }, providers: [providePraxisI18nConfig(DYNAMIC_WIDGET_PAGE_I18N_CONFIG)], viewQueries: [{ propertyName: "pageCanvasHost", first: true, predicate: ["pageCanvasHost"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: DynamicWidgetPageComponent, isStandalone: true, selector: "praxis-dynamic-page", inputs: { page: "page", context: "context", strictValidation: "strictValidation", enableCustomization: "enableCustomization", showPageSettingsButton: "showPageSettingsButton", shellEditorComponent: "shellEditorComponent", pageEditorComponent: "pageEditorComponent", autoPersist: "autoPersist", pageIdentity: "pageIdentity", componentInstanceId: "componentInstanceId", showWidgetAssistantButton: "showWidgetAssistantButton" }, outputs: { pageChange: "pageChange", widgetEvent: "widgetEvent", widgetSelectionChange: "widgetSelectionChange", widgetAssistantRequested: "widgetAssistantRequested", widgetDiagnosticsChange: "widgetDiagnosticsChange" }, host: { listeners: { "window:resize": "onWindowResize()", "window:pointermove": "onCanvasPointerMove($event)", "window:pointerup": "onCanvasPointerUp($event)", "window:pointercancel": "onCanvasPointerCancel($event)" } }, providers: [providePraxisI18nConfig(DYNAMIC_WIDGET_PAGE_I18N_CONFIG)], viewQueries: [{ propertyName: "pageCanvasHost", first: true, predicate: ["pageCanvasHost"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
     <div class="pdx-page-wrapper" [class.editing]="enableCustomization">
       @if (enableCustomization && showPageSettingsButton) {
         <button
@@ -29260,8 +30300,11 @@ class DynamicWidgetPageComponent {
             <div
               class="pdx-widget pdx-widget--canvas"
               [class.pdx-widget--interactive]="enableCustomization"
+              [class.pdx-widget--selected]="
+                enableCustomization && isWidgetSelected(w.key)
+              "
               [class.pdx-widget--canvas-selected]="
-                enableCustomization && isCanvasWidgetSelected(w.key)
+                enableCustomization && isWidgetSelected(w.key)
               "
               [class.pdx-widget--canvas-blocked]="
                 enableCustomization && isCanvasWidgetBlocked(w.key)
@@ -29270,8 +30313,8 @@ class DynamicWidgetPageComponent {
               [style.gridColumn]="widgetGridColumn(w)"
               [style.gridRow]="widgetGridRow(w)"
               [style.zIndex]="widgetZIndex(w)"
-              (click)="selectCanvasWidget(w.key)"
-              (focusin)="selectCanvasWidget(w.key)"
+              (click)="selectWidget(w.key)"
+              (focusin)="selectWidget(w.key)"
             >
               @if (enableCustomization) {
                 @for (handle of canvasResizeHandles; track handle.id) {
@@ -29292,7 +30335,7 @@ class DynamicWidgetPageComponent {
                 }
               }
               <praxis-widget-shell
-                [shell]="w.shell"
+                [shell]="widgetShellForRender(w)"
                 [context]="mergedContext"
                 [dragSurfaceEnabled]="enableCustomization && isCanvasMode()"
                 [dragSurfaceLabel]="dragWidgetLabel()"
@@ -29312,6 +30355,28 @@ class DynamicWidgetPageComponent {
                   (widgetDiagnostic)="onWidgetDiagnostic(w.key, $event)"
                 ></ng-container>
               </praxis-widget-shell>
+              @if (shouldRenderWidgetContextOverlay(w)) {
+                <praxis-dynamic-widget-context-toolbar
+                  [toolbarLabel]="widgetContextToolbarLabel(w.key)"
+                  [contextLabel]="widgetContextLabel(w)"
+                  [contextTooltip]="widgetContextTooltip(w)"
+                  [showAssistant]="showWidgetAssistantButton"
+                  [assistantLabel]="widgetAssistantLabel()"
+                  [assistantTooltip]="widgetAssistantTooltip()"
+                  [showComponentSettings]="canOpenWidgetComponentSettings(w.key)"
+                  [componentSettingsLabel]="componentSettingsLabel()"
+                  [componentSettingsTooltip]="componentSettingsTooltip()"
+                  [showShellSettings]="canOpenWidgetShellSettings()"
+                  [shellSettingsLabel]="widgetSettingsLabel()"
+                  [shellSettingsTooltip]="widgetSettingsTooltip()"
+                  [moreActionsLabel]="moreWidgetActionsLabel()"
+                  [removeLabel]="widgetRemoveLabel()"
+                  (assistant)="requestWidgetAssistant(w.key)"
+                  (componentSettings)="openWidgetComponentSettings(w.key)"
+                  (shellSettings)="openWidgetShellSettings(w.key)"
+                  (remove)="confirmAndRemoveWidget(w.key)"
+                />
+              }
             </div>
           }
           @if (canvasPreviewItem()) {
@@ -29370,11 +30435,17 @@ class DynamicWidgetPageComponent {
                         @for (w of tab.widgets; track w.key) {
                           <div
                             class="pdx-widget"
+                            [class.pdx-widget--interactive]="enableCustomization"
+                            [class.pdx-widget--selected]="
+                              enableCustomization && isWidgetSelected(w.key)
+                            "
                             [class]="w.renderClassName || w.className || ''"
                             [style.gridColumn]="widgetGridColumn(w)"
+                            (click)="selectWidget(w.key)"
+                            (focusin)="selectWidget(w.key)"
                           >
                             <praxis-widget-shell
-                              [shell]="w.shell"
+                              [shell]="widgetShellForRender(w)"
                               [context]="mergedContext"
                               (action)="onShellAction(w.key, $event)"
                             >
@@ -29390,6 +30461,28 @@ class DynamicWidgetPageComponent {
                                 "
                               ></ng-container>
                             </praxis-widget-shell>
+                            @if (shouldRenderWidgetContextOverlay(w)) {
+                              <praxis-dynamic-widget-context-toolbar
+                                [toolbarLabel]="widgetContextToolbarLabel(w.key)"
+                                [contextLabel]="widgetContextLabel(w)"
+                                [contextTooltip]="widgetContextTooltip(w)"
+                                [showAssistant]="showWidgetAssistantButton"
+                                [assistantLabel]="widgetAssistantLabel()"
+                                [assistantTooltip]="widgetAssistantTooltip()"
+                                [showComponentSettings]="canOpenWidgetComponentSettings(w.key)"
+                                [componentSettingsLabel]="componentSettingsLabel()"
+                                [componentSettingsTooltip]="componentSettingsTooltip()"
+                                [showShellSettings]="canOpenWidgetShellSettings()"
+                                [shellSettingsLabel]="widgetSettingsLabel()"
+                                [shellSettingsTooltip]="widgetSettingsTooltip()"
+                                [moreActionsLabel]="moreWidgetActionsLabel()"
+                                [removeLabel]="widgetRemoveLabel()"
+                                (assistant)="requestWidgetAssistant(w.key)"
+                                (componentSettings)="openWidgetComponentSettings(w.key)"
+                                (shellSettings)="openWidgetShellSettings(w.key)"
+                                (remove)="confirmAndRemoveWidget(w.key)"
+                              />
+                            }
                           </div>
                         }
                       </div>
@@ -29406,11 +30499,17 @@ class DynamicWidgetPageComponent {
                   @for (w of group.widgets; track w.key) {
                     <div
                       class="pdx-widget"
+                      [class.pdx-widget--interactive]="enableCustomization"
+                      [class.pdx-widget--selected]="
+                        enableCustomization && isWidgetSelected(w.key)
+                      "
                       [class]="widgetClassName(w)"
                       [style.gridColumn]="widgetGridColumn(w)"
+                      (click)="selectWidget(w.key)"
+                      (focusin)="selectWidget(w.key)"
                     >
                       <praxis-widget-shell
-                        [shell]="w.shell"
+                        [shell]="widgetShellForRender(w)"
                         [context]="mergedContext"
                         (action)="onShellAction(w.key, $event)"
                       >
@@ -29424,6 +30523,28 @@ class DynamicWidgetPageComponent {
                           (widgetDiagnostic)="onWidgetDiagnostic(w.key, $event)"
                         ></ng-container>
                       </praxis-widget-shell>
+                      @if (shouldRenderWidgetContextOverlay(w)) {
+                        <praxis-dynamic-widget-context-toolbar
+                          [toolbarLabel]="widgetContextToolbarLabel(w.key)"
+                          [contextLabel]="widgetContextLabel(w)"
+                          [contextTooltip]="widgetContextTooltip(w)"
+                          [showAssistant]="showWidgetAssistantButton"
+                          [assistantLabel]="widgetAssistantLabel()"
+                          [assistantTooltip]="widgetAssistantTooltip()"
+                          [showComponentSettings]="canOpenWidgetComponentSettings(w.key)"
+                          [componentSettingsLabel]="componentSettingsLabel()"
+                          [componentSettingsTooltip]="componentSettingsTooltip()"
+                          [showShellSettings]="canOpenWidgetShellSettings()"
+                          [shellSettingsLabel]="widgetSettingsLabel()"
+                          [shellSettingsTooltip]="widgetSettingsTooltip()"
+                          [moreActionsLabel]="moreWidgetActionsLabel()"
+                          [removeLabel]="widgetRemoveLabel()"
+                          (assistant)="requestWidgetAssistant(w.key)"
+                          (componentSettings)="openWidgetComponentSettings(w.key)"
+                          (shellSettings)="openWidgetShellSettings(w.key)"
+                          (remove)="confirmAndRemoveWidget(w.key)"
+                        />
+                      }
                     </div>
                   }
                 </div>
@@ -29434,11 +30555,17 @@ class DynamicWidgetPageComponent {
           @for (w of widgets(); track w.key) {
             <div
               class="pdx-widget"
+              [class.pdx-widget--interactive]="enableCustomization"
+              [class.pdx-widget--selected]="
+                enableCustomization && isWidgetSelected(w.key)
+              "
               [class]="widgetClassName(w)"
               [style.gridColumn]="widgetGridColumn(w)"
+              (click)="selectWidget(w.key)"
+              (focusin)="selectWidget(w.key)"
             >
               <praxis-widget-shell
-                [shell]="w.shell"
+                [shell]="widgetShellForRender(w)"
                 [context]="mergedContext"
                 (action)="onShellAction(w.key, $event)"
               >
@@ -29452,6 +30579,28 @@ class DynamicWidgetPageComponent {
                   (widgetDiagnostic)="onWidgetDiagnostic(w.key, $event)"
                 ></ng-container>
               </praxis-widget-shell>
+              @if (shouldRenderWidgetContextOverlay(w)) {
+                <praxis-dynamic-widget-context-toolbar
+                  [toolbarLabel]="widgetContextToolbarLabel(w.key)"
+                  [contextLabel]="widgetContextLabel(w)"
+                  [contextTooltip]="widgetContextTooltip(w)"
+                  [showAssistant]="showWidgetAssistantButton"
+                  [assistantLabel]="widgetAssistantLabel()"
+                  [assistantTooltip]="widgetAssistantTooltip()"
+                  [showComponentSettings]="canOpenWidgetComponentSettings(w.key)"
+                  [componentSettingsLabel]="componentSettingsLabel()"
+                  [componentSettingsTooltip]="componentSettingsTooltip()"
+                  [showShellSettings]="canOpenWidgetShellSettings()"
+                  [shellSettingsLabel]="widgetSettingsLabel()"
+                  [shellSettingsTooltip]="widgetSettingsTooltip()"
+                  [moreActionsLabel]="moreWidgetActionsLabel()"
+                  [removeLabel]="widgetRemoveLabel()"
+                  (assistant)="requestWidgetAssistant(w.key)"
+                  (componentSettings)="openWidgetComponentSettings(w.key)"
+                  (shellSettings)="openWidgetShellSettings(w.key)"
+                  (remove)="confirmAndRemoveWidget(w.key)"
+                />
+              }
             </div>
           }
         }
@@ -29462,7 +30611,7 @@ class DynamicWidgetPageComponent {
         </div>
       }
     </div>
-  `, isInline: true, styles: [".pdx-page-wrapper{position:relative;display:block}.pdx-page{display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}.pdx-page--canvas{align-items:start;grid-auto-flow:dense}.pdx-page-settings{position:sticky;top:8px;z-index:2;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-low);color:inherit;border-radius:12px;width:36px;height:36px;margin-bottom:6px}.pdx-widget{position:relative;background:var(--pfx-surface, transparent);border-radius:6px;min-width:0;min-height:0}.pdx-widget--canvas{align-self:stretch;--pdx-resize-gradient-horizontal: linear-gradient( 90deg, color-mix(in srgb, var(--md-sys-color-primary) 94%, white 6%), color-mix(in srgb, var(--md-sys-color-tertiary) 90%, white 10%), color-mix(in srgb, var(--md-sys-color-secondary) 88%, white 12%) );--pdx-resize-gradient-vertical: linear-gradient( 180deg, color-mix(in srgb, var(--md-sys-color-primary) 94%, white 6%), color-mix(in srgb, var(--md-sys-color-tertiary) 90%, white 10%), color-mix(in srgb, var(--md-sys-color-secondary) 88%, white 12%) );--pdx-resize-gradient-diagonal-se: linear-gradient( 135deg, color-mix(in srgb, var(--md-sys-color-primary) 94%, white 6%), color-mix(in srgb, var(--md-sys-color-tertiary) 90%, white 10%), color-mix(in srgb, var(--md-sys-color-secondary) 88%, white 12%) );--pdx-resize-gradient-diagonal-sw: linear-gradient( 225deg, color-mix(in srgb, var(--md-sys-color-primary) 94%, white 6%), color-mix(in srgb, var(--md-sys-color-tertiary) 90%, white 10%), color-mix(in srgb, var(--md-sys-color-secondary) 88%, white 12%) );--pdx-active-resize-gradient: var(--pdx-resize-gradient-diagonal-se)}.pdx-widget--canvas:after{content:\"\";position:absolute;inset:0;padding:2px;border-radius:14px;background:var(--pdx-active-resize-gradient);opacity:0;pointer-events:none;transition:opacity .14s ease,filter .14s ease;filter:saturate(1.02) drop-shadow(0 0 5px color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.pdx-widget--canvas-selected:before,.pdx-widget--canvas-blocked:before{content:\"\";position:absolute;inset:0;border-radius:14px;pointer-events:none;z-index:1;transition:opacity .14s ease,box-shadow .14s ease,border-color .14s ease}.pdx-widget--canvas-selected:before{border:1px dashed color-mix(in srgb,var(--md-sys-color-primary) 34%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 6%,transparent),0 8px 20px color-mix(in srgb,var(--md-sys-color-primary) 6%,transparent)}.pdx-widget--canvas-blocked:before{border:1px solid color-mix(in srgb,var(--md-sys-color-error) 74%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-error) 20%,transparent),0 10px 24px color-mix(in srgb,var(--md-sys-color-error) 12%,transparent)}.pdx-widget--canvas:has(.pdx-canvas-resize:hover):after,.pdx-widget--canvas:has(.pdx-canvas-resize:focus-visible):after{opacity:.82}.pdx-widget--canvas:has(.pdx-canvas-resize--north:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--north:focus-visible),.pdx-widget--canvas:has(.pdx-canvas-resize--south:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--south:focus-visible){--pdx-active-resize-gradient: var(--pdx-resize-gradient-horizontal)}.pdx-widget--canvas:has(.pdx-canvas-resize--east:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--east:focus-visible),.pdx-widget--canvas:has(.pdx-canvas-resize--west:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--west:focus-visible){--pdx-active-resize-gradient: var(--pdx-resize-gradient-vertical)}.pdx-widget--canvas:has(.pdx-canvas-resize--north-east:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--north-east:focus-visible),.pdx-widget--canvas:has(.pdx-canvas-resize--south-west:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--south-west:focus-visible){--pdx-active-resize-gradient: var(--pdx-resize-gradient-diagonal-sw)}.pdx-widget--canvas:has(.pdx-canvas-resize--north-west:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--north-west:focus-visible),.pdx-widget--canvas:has(.pdx-canvas-resize--south-east:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--south-east:focus-visible){--pdx-active-resize-gradient: var(--pdx-resize-gradient-diagonal-se)}.pdx-canvas-resize{position:absolute;z-index:7;border:0;padding:0;margin:0;background:transparent;touch-action:none;cursor:pointer;opacity:0;pointer-events:none;transform:scale(.94);transition:opacity .14s ease,transform .14s ease,filter .14s ease;filter:saturate(.9)}.pdx-widget--canvas:hover .pdx-canvas-resize,.pdx-widget--canvas:focus-within .pdx-canvas-resize,.pdx-widget--canvas-selected .pdx-canvas-resize{opacity:.88;pointer-events:auto;transform:scale(1);filter:saturate(1)}.pdx-canvas-resize-grip{display:block;width:9px;height:9px;border-radius:999px;border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 42%,var(--md-sys-color-outline-variant) 58%);background:color-mix(in srgb,var(--md-sys-color-surface) 92%,var(--md-sys-color-primary) 8%);box-shadow:0 1px 4px color-mix(in srgb,var(--md-sys-color-shadow) 10%,transparent);transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease}.pdx-canvas-resize:hover .pdx-canvas-resize-grip,.pdx-canvas-resize:focus-visible .pdx-canvas-resize-grip{border-color:color-mix(in srgb,var(--md-sys-color-primary) 58%,var(--md-sys-color-outline-variant) 42%);background:color-mix(in srgb,var(--md-sys-color-surface) 84%,var(--md-sys-color-primary) 16%);box-shadow:0 2px 7px color-mix(in srgb,var(--md-sys-color-primary) 14%,transparent);transform:scale(1.04)}.pdx-canvas-resize--north,.pdx-canvas-resize--south{left:50%;width:40px;height:18px;margin-left:-20px;display:flex;align-items:center;justify-content:center}.pdx-canvas-resize--north{top:-8px;cursor:ns-resize}.pdx-canvas-resize--south{bottom:-8px;cursor:ns-resize}.pdx-canvas-resize--east,.pdx-canvas-resize--west{top:50%;width:18px;height:40px;margin-top:-20px;display:flex;align-items:center;justify-content:center}.pdx-canvas-resize--east{right:-8px;cursor:ew-resize}.pdx-canvas-resize--west{left:-8px;cursor:ew-resize}.pdx-canvas-resize--north-east,.pdx-canvas-resize--north-west,.pdx-canvas-resize--south-east,.pdx-canvas-resize--south-west{width:18px;height:18px;display:flex;align-items:center;justify-content:center}.pdx-canvas-resize--north-east{top:-8px;right:-8px;cursor:nesw-resize}.pdx-canvas-resize--north-west{top:-8px;left:-8px;cursor:nwse-resize}.pdx-canvas-resize--south-east{bottom:-8px;right:-8px;cursor:nwse-resize}.pdx-canvas-resize--south-west{bottom:-8px;left:-8px;cursor:nesw-resize}.pdx-canvas-snap-preview{position:relative;align-self:stretch;border-radius:12px;pointer-events:none;z-index:0;background:linear-gradient(135deg,color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent),color-mix(in srgb,var(--md-sys-color-tertiary) 12%,transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 42%,transparent),inset 0 0 0 2px color-mix(in srgb,var(--md-sys-color-surface) 55%,transparent);animation:pdx-snap-preview-pulse .48s ease-out infinite alternate}.pdx-canvas-snap-preview:before,.pdx-canvas-snap-preview:after{content:\"\";position:absolute;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-primary) 82%,var(--md-sys-color-tertiary) 18%);opacity:.72}.pdx-canvas-snap-preview:before{inset:0 auto 0 0;width:3px}.pdx-canvas-snap-preview:after{inset:0 0 auto;height:3px}.pdx-canvas-snap-preview--invalid{background:linear-gradient(135deg,color-mix(in srgb,var(--md-sys-color-error) 18%,transparent),color-mix(in srgb,var(--md-sys-color-error-container) 22%,transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-error) 58%,transparent),inset 0 0 0 2px color-mix(in srgb,var(--md-sys-color-surface) 40%,transparent)}.pdx-canvas-snap-preview--invalid:before,.pdx-canvas-snap-preview--invalid:after{background:color-mix(in srgb,var(--md-sys-color-error) 86%,var(--md-sys-color-error-container) 14%)}.pdx-canvas-resize:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pdx-canvas-resize:hover .pdx-canvas-resize-grip,.pdx-canvas-resize:focus-visible .pdx-canvas-resize-grip{border-color:transparent;box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 20%,transparent),var(--mat-elevation-level3)}.pdx-canvas-resize--north:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--north:focus-visible .pdx-canvas-resize-grip,.pdx-canvas-resize--south:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--south:focus-visible .pdx-canvas-resize-grip{background:var(--pdx-resize-gradient-horizontal)}.pdx-canvas-resize--east:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--east:focus-visible .pdx-canvas-resize-grip,.pdx-canvas-resize--west:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--west:focus-visible .pdx-canvas-resize-grip{background:var(--pdx-resize-gradient-vertical)}.pdx-canvas-resize--north-east:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--north-east:focus-visible .pdx-canvas-resize-grip,.pdx-canvas-resize--south-west:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--south-west:focus-visible .pdx-canvas-resize-grip{background:var(--pdx-resize-gradient-diagonal-sw)}.pdx-canvas-resize--north-west:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--north-west:focus-visible .pdx-canvas-resize-grip,.pdx-canvas-resize--south-east:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--south-east:focus-visible .pdx-canvas-resize-grip{background:var(--pdx-resize-gradient-diagonal-se)}.pdx-canvas-resize:hover .pdx-canvas-resize-grip,.pdx-canvas-resize:focus-visible .pdx-canvas-resize-grip{transform:scale(1.08)}@keyframes pdx-snap-preview-pulse{0%{opacity:.72;transform:scale(.996)}to{opacity:1;transform:scale(1)}}.pdx-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pdx-group{display:grid;gap:12px;grid-column:1 / -1;padding:12px;border-radius:16px;background:color-mix(in srgb,var(--md-sys-color-surface-container-low) 76%,transparent);border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 72%,transparent)}.pdx-group--hero{padding:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--md-sys-color-primary-container) 42%,transparent),color-mix(in srgb,var(--md-sys-color-surface-container-low) 86%,transparent))}.pdx-group--rail{align-self:start}.pdx-group-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.pdx-group-title{font-size:.95rem;font-weight:600;color:var(--md-sys-color-on-surface)}.pdx-group-content{display:grid;gap:12px}.pdx-group-content--stack{grid-template-columns:minmax(0,1fr)}.pdx-group-content--row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.pdx-group-content--grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.pdx-group-tabs{display:grid;gap:12px}.pdx-tabs-header{display:flex;flex-wrap:wrap;gap:8px}.pdx-tab-chip{appearance:none;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-lowest);color:var(--md-sys-color-on-surface);border-radius:999px;padding:8px 12px;font:inherit;cursor:pointer}.pdx-tab-chip.active{border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary-container) 78%,transparent);color:var(--md-sys-color-on-primary-container)}.pdx-page-wrapper.editing .pdx-widget-settings{opacity:1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: DynamicWidgetLoaderDirective, selector: "[dynamicWidgetLoader]", inputs: ["dynamicWidgetLoader", "ownerWidgetKey", "context", "strictValidation", "autoWireOutputs"], outputs: ["widgetEvent", "widgetDiagnostic"], exportAs: ["dynamicWidgetLoader"] }, { kind: "component", type: WidgetShellComponent, selector: "praxis-widget-shell", inputs: ["shell", "context", "dragSurfaceEnabled", "dragSurfaceLabel"], outputs: ["action", "dragSurfacePointerDown", "dragSurfaceKeydown"] }] });
+  `, isInline: true, styles: [".pdx-page-wrapper{position:relative;display:block}.pdx-page{display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}.pdx-page--canvas{align-items:start;grid-auto-flow:dense}.pdx-page-settings{position:sticky;top:8px;z-index:2;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-low);color:inherit;border-radius:12px;width:36px;height:36px;margin-bottom:6px}.pdx-widget{position:relative;background:var(--pfx-surface, transparent);border-radius:6px;min-width:0;min-height:0}.pdx-widget--interactive{cursor:pointer}.pdx-widget--selected:before{content:\"\";position:absolute;inset:0;border:1px dashed color-mix(in srgb,var(--md-sys-color-primary) 34%,transparent);border-radius:14px;pointer-events:none;z-index:1;box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 6%,transparent),0 8px 20px color-mix(in srgb,var(--md-sys-color-primary) 6%,transparent)}.pdx-widget--canvas{align-self:stretch;--pdx-resize-gradient-horizontal: linear-gradient( 90deg, color-mix(in srgb, var(--md-sys-color-primary) 94%, white 6%), color-mix(in srgb, var(--md-sys-color-tertiary) 90%, white 10%), color-mix(in srgb, var(--md-sys-color-secondary) 88%, white 12%) );--pdx-resize-gradient-vertical: linear-gradient( 180deg, color-mix(in srgb, var(--md-sys-color-primary) 94%, white 6%), color-mix(in srgb, var(--md-sys-color-tertiary) 90%, white 10%), color-mix(in srgb, var(--md-sys-color-secondary) 88%, white 12%) );--pdx-resize-gradient-diagonal-se: linear-gradient( 135deg, color-mix(in srgb, var(--md-sys-color-primary) 94%, white 6%), color-mix(in srgb, var(--md-sys-color-tertiary) 90%, white 10%), color-mix(in srgb, var(--md-sys-color-secondary) 88%, white 12%) );--pdx-resize-gradient-diagonal-sw: linear-gradient( 225deg, color-mix(in srgb, var(--md-sys-color-primary) 94%, white 6%), color-mix(in srgb, var(--md-sys-color-tertiary) 90%, white 10%), color-mix(in srgb, var(--md-sys-color-secondary) 88%, white 12%) );--pdx-active-resize-gradient: var(--pdx-resize-gradient-diagonal-se)}.pdx-widget--canvas:after{content:\"\";position:absolute;inset:0;padding:2px;border-radius:14px;background:var(--pdx-active-resize-gradient);opacity:0;pointer-events:none;transition:opacity .14s ease,filter .14s ease;filter:saturate(1.02) drop-shadow(0 0 5px color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.pdx-widget--canvas-selected:before,.pdx-widget--canvas-blocked:before{content:\"\";position:absolute;inset:0;border-radius:14px;pointer-events:none;z-index:1;transition:opacity .14s ease,box-shadow .14s ease,border-color .14s ease}.pdx-widget--canvas-blocked:before{border:1px solid color-mix(in srgb,var(--md-sys-color-error) 74%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-error) 20%,transparent),0 10px 24px color-mix(in srgb,var(--md-sys-color-error) 12%,transparent)}.pdx-widget--canvas:has(.pdx-canvas-resize:hover):after,.pdx-widget--canvas:has(.pdx-canvas-resize:focus-visible):after{opacity:.82}.pdx-widget--canvas:has(.pdx-canvas-resize--north:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--north:focus-visible),.pdx-widget--canvas:has(.pdx-canvas-resize--south:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--south:focus-visible){--pdx-active-resize-gradient: var(--pdx-resize-gradient-horizontal)}.pdx-widget--canvas:has(.pdx-canvas-resize--east:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--east:focus-visible),.pdx-widget--canvas:has(.pdx-canvas-resize--west:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--west:focus-visible){--pdx-active-resize-gradient: var(--pdx-resize-gradient-vertical)}.pdx-widget--canvas:has(.pdx-canvas-resize--north-east:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--north-east:focus-visible),.pdx-widget--canvas:has(.pdx-canvas-resize--south-west:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--south-west:focus-visible){--pdx-active-resize-gradient: var(--pdx-resize-gradient-diagonal-sw)}.pdx-widget--canvas:has(.pdx-canvas-resize--north-west:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--north-west:focus-visible),.pdx-widget--canvas:has(.pdx-canvas-resize--south-east:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--south-east:focus-visible){--pdx-active-resize-gradient: var(--pdx-resize-gradient-diagonal-se)}.pdx-canvas-resize{position:absolute;z-index:7;border:0;padding:0;margin:0;background:transparent;touch-action:none;cursor:pointer;opacity:0;pointer-events:none;transform:scale(.94);transition:opacity .14s ease,transform .14s ease,filter .14s ease;filter:saturate(.9)}.pdx-widget--canvas:hover .pdx-canvas-resize,.pdx-widget--canvas:focus-within .pdx-canvas-resize,.pdx-widget--canvas-selected .pdx-canvas-resize{opacity:.88;pointer-events:auto;transform:scale(1);filter:saturate(1)}.pdx-canvas-resize-grip{display:block;width:9px;height:9px;border-radius:999px;border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 42%,var(--md-sys-color-outline-variant) 58%);background:color-mix(in srgb,var(--md-sys-color-surface) 92%,var(--md-sys-color-primary) 8%);box-shadow:0 1px 4px color-mix(in srgb,var(--md-sys-color-shadow) 10%,transparent);transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease}.pdx-canvas-resize:hover .pdx-canvas-resize-grip,.pdx-canvas-resize:focus-visible .pdx-canvas-resize-grip{border-color:color-mix(in srgb,var(--md-sys-color-primary) 58%,var(--md-sys-color-outline-variant) 42%);background:color-mix(in srgb,var(--md-sys-color-surface) 84%,var(--md-sys-color-primary) 16%);box-shadow:0 2px 7px color-mix(in srgb,var(--md-sys-color-primary) 14%,transparent);transform:scale(1.04)}.pdx-canvas-resize--north,.pdx-canvas-resize--south{left:50%;width:40px;height:18px;margin-left:-20px;display:flex;align-items:center;justify-content:center}.pdx-canvas-resize--north{top:-8px;cursor:ns-resize}.pdx-canvas-resize--south{bottom:-8px;cursor:ns-resize}.pdx-canvas-resize--east,.pdx-canvas-resize--west{top:50%;width:18px;height:40px;margin-top:-20px;display:flex;align-items:center;justify-content:center}.pdx-canvas-resize--east{right:-8px;cursor:ew-resize}.pdx-canvas-resize--west{left:-8px;cursor:ew-resize}.pdx-canvas-resize--north-east,.pdx-canvas-resize--north-west,.pdx-canvas-resize--south-east,.pdx-canvas-resize--south-west{width:18px;height:18px;display:flex;align-items:center;justify-content:center}.pdx-canvas-resize--north-east{top:-8px;right:-8px;cursor:nesw-resize}.pdx-canvas-resize--north-west{top:-8px;left:-8px;cursor:nwse-resize}.pdx-canvas-resize--south-east{bottom:-8px;right:-8px;cursor:nwse-resize}.pdx-canvas-resize--south-west{bottom:-8px;left:-8px;cursor:nesw-resize}.pdx-canvas-snap-preview{position:relative;align-self:stretch;border-radius:12px;pointer-events:none;z-index:0;background:linear-gradient(135deg,color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent),color-mix(in srgb,var(--md-sys-color-tertiary) 12%,transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 42%,transparent),inset 0 0 0 2px color-mix(in srgb,var(--md-sys-color-surface) 55%,transparent);animation:pdx-snap-preview-pulse .48s ease-out infinite alternate}.pdx-canvas-snap-preview:before,.pdx-canvas-snap-preview:after{content:\"\";position:absolute;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-primary) 82%,var(--md-sys-color-tertiary) 18%);opacity:.72}.pdx-canvas-snap-preview:before{inset:0 auto 0 0;width:3px}.pdx-canvas-snap-preview:after{inset:0 0 auto;height:3px}.pdx-canvas-snap-preview--invalid{background:linear-gradient(135deg,color-mix(in srgb,var(--md-sys-color-error) 18%,transparent),color-mix(in srgb,var(--md-sys-color-error-container) 22%,transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-error) 58%,transparent),inset 0 0 0 2px color-mix(in srgb,var(--md-sys-color-surface) 40%,transparent)}.pdx-canvas-snap-preview--invalid:before,.pdx-canvas-snap-preview--invalid:after{background:color-mix(in srgb,var(--md-sys-color-error) 86%,var(--md-sys-color-error-container) 14%)}.pdx-canvas-resize:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pdx-canvas-resize:hover .pdx-canvas-resize-grip,.pdx-canvas-resize:focus-visible .pdx-canvas-resize-grip{border-color:transparent;box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 20%,transparent),var(--mat-elevation-level3)}.pdx-canvas-resize--north:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--north:focus-visible .pdx-canvas-resize-grip,.pdx-canvas-resize--south:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--south:focus-visible .pdx-canvas-resize-grip{background:var(--pdx-resize-gradient-horizontal)}.pdx-canvas-resize--east:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--east:focus-visible .pdx-canvas-resize-grip,.pdx-canvas-resize--west:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--west:focus-visible .pdx-canvas-resize-grip{background:var(--pdx-resize-gradient-vertical)}.pdx-canvas-resize--north-east:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--north-east:focus-visible .pdx-canvas-resize-grip,.pdx-canvas-resize--south-west:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--south-west:focus-visible .pdx-canvas-resize-grip{background:var(--pdx-resize-gradient-diagonal-sw)}.pdx-canvas-resize--north-west:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--north-west:focus-visible .pdx-canvas-resize-grip,.pdx-canvas-resize--south-east:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--south-east:focus-visible .pdx-canvas-resize-grip{background:var(--pdx-resize-gradient-diagonal-se)}.pdx-canvas-resize:hover .pdx-canvas-resize-grip,.pdx-canvas-resize:focus-visible .pdx-canvas-resize-grip{transform:scale(1.08)}@keyframes pdx-snap-preview-pulse{0%{opacity:.72;transform:scale(.996)}to{opacity:1;transform:scale(1)}}.pdx-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pdx-group{display:grid;gap:12px;grid-column:1 / -1;padding:12px;border-radius:16px;background:color-mix(in srgb,var(--md-sys-color-surface-container-low) 76%,transparent);border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 72%,transparent)}.pdx-group--hero{padding:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--md-sys-color-primary-container) 42%,transparent),color-mix(in srgb,var(--md-sys-color-surface-container-low) 86%,transparent))}.pdx-group--rail{align-self:start}.pdx-group-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.pdx-group-title{font-size:.95rem;font-weight:600;color:var(--md-sys-color-on-surface)}.pdx-group-content{display:grid;gap:12px}.pdx-group-content--stack{grid-template-columns:minmax(0,1fr)}.pdx-group-content--row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.pdx-group-content--grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.pdx-group-tabs{display:grid;gap:12px}.pdx-tabs-header{display:flex;flex-wrap:wrap;gap:8px}.pdx-tab-chip{appearance:none;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-lowest);color:var(--md-sys-color-on-surface);border-radius:999px;padding:8px 12px;font:inherit;cursor:pointer}.pdx-tab-chip.active{border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary-container) 78%,transparent);color:var(--md-sys-color-on-primary-container)}.pdx-page-wrapper.editing .pdx-widget-settings{opacity:1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", 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: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: DynamicWidgetContextToolbarComponent, selector: "praxis-dynamic-widget-context-toolbar", inputs: ["toolbarLabel", "contextLabel", "contextTooltip", "showAssistant", "assistantLabel", "assistantTooltip", "showComponentSettings", "componentSettingsLabel", "componentSettingsTooltip", "showShellSettings", "shellSettingsLabel", "shellSettingsTooltip", "moreActionsLabel", "removeLabel"], outputs: ["assistant", "componentSettings", "shellSettings", "remove"] }, { kind: "directive", type: DynamicWidgetLoaderDirective, selector: "[dynamicWidgetLoader]", inputs: ["dynamicWidgetLoader", "ownerWidgetKey", "context", "strictValidation", "autoWireOutputs"], outputs: ["widgetEvent", "widgetDiagnostic"], exportAs: ["dynamicWidgetLoader"] }, { kind: "component", type: WidgetShellComponent, selector: "praxis-widget-shell", inputs: ["shell", "context", "dragSurfaceEnabled", "dragSurfaceLabel"], outputs: ["action", "dragSurfacePointerDown", "dragSurfaceKeydown"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DynamicWidgetPageComponent, decorators: [{
             type: Component,
@@ -29471,6 +30620,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                         MatButtonModule,
                         MatIconModule,
                         MatTooltipModule,
+                        DynamicWidgetContextToolbarComponent,
                         DynamicWidgetLoaderDirective,
                         WidgetShellComponent,
                     ], providers: [providePraxisI18nConfig(DYNAMIC_WIDGET_PAGE_I18N_CONFIG)], template: `
@@ -29501,8 +30651,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
             <div
               class="pdx-widget pdx-widget--canvas"
               [class.pdx-widget--interactive]="enableCustomization"
+              [class.pdx-widget--selected]="
+                enableCustomization && isWidgetSelected(w.key)
+              "
               [class.pdx-widget--canvas-selected]="
-                enableCustomization && isCanvasWidgetSelected(w.key)
+                enableCustomization && isWidgetSelected(w.key)
               "
               [class.pdx-widget--canvas-blocked]="
                 enableCustomization && isCanvasWidgetBlocked(w.key)
@@ -29511,8 +30664,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
               [style.gridColumn]="widgetGridColumn(w)"
               [style.gridRow]="widgetGridRow(w)"
               [style.zIndex]="widgetZIndex(w)"
-              (click)="selectCanvasWidget(w.key)"
-              (focusin)="selectCanvasWidget(w.key)"
+              (click)="selectWidget(w.key)"
+              (focusin)="selectWidget(w.key)"
             >
               @if (enableCustomization) {
                 @for (handle of canvasResizeHandles; track handle.id) {
@@ -29533,7 +30686,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                 }
               }
               <praxis-widget-shell
-                [shell]="w.shell"
+                [shell]="widgetShellForRender(w)"
                 [context]="mergedContext"
                 [dragSurfaceEnabled]="enableCustomization && isCanvasMode()"
                 [dragSurfaceLabel]="dragWidgetLabel()"
@@ -29553,6 +30706,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                   (widgetDiagnostic)="onWidgetDiagnostic(w.key, $event)"
                 ></ng-container>
               </praxis-widget-shell>
+              @if (shouldRenderWidgetContextOverlay(w)) {
+                <praxis-dynamic-widget-context-toolbar
+                  [toolbarLabel]="widgetContextToolbarLabel(w.key)"
+                  [contextLabel]="widgetContextLabel(w)"
+                  [contextTooltip]="widgetContextTooltip(w)"
+                  [showAssistant]="showWidgetAssistantButton"
+                  [assistantLabel]="widgetAssistantLabel()"
+                  [assistantTooltip]="widgetAssistantTooltip()"
+                  [showComponentSettings]="canOpenWidgetComponentSettings(w.key)"
+                  [componentSettingsLabel]="componentSettingsLabel()"
+                  [componentSettingsTooltip]="componentSettingsTooltip()"
+                  [showShellSettings]="canOpenWidgetShellSettings()"
+                  [shellSettingsLabel]="widgetSettingsLabel()"
+                  [shellSettingsTooltip]="widgetSettingsTooltip()"
+                  [moreActionsLabel]="moreWidgetActionsLabel()"
+                  [removeLabel]="widgetRemoveLabel()"
+                  (assistant)="requestWidgetAssistant(w.key)"
+                  (componentSettings)="openWidgetComponentSettings(w.key)"
+                  (shellSettings)="openWidgetShellSettings(w.key)"
+                  (remove)="confirmAndRemoveWidget(w.key)"
+                />
+              }
             </div>
           }
           @if (canvasPreviewItem()) {
@@ -29611,11 +30786,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                         @for (w of tab.widgets; track w.key) {
                           <div
                             class="pdx-widget"
+                            [class.pdx-widget--interactive]="enableCustomization"
+                            [class.pdx-widget--selected]="
+                              enableCustomization && isWidgetSelected(w.key)
+                            "
                             [class]="w.renderClassName || w.className || ''"
                             [style.gridColumn]="widgetGridColumn(w)"
+                            (click)="selectWidget(w.key)"
+                            (focusin)="selectWidget(w.key)"
                           >
                             <praxis-widget-shell
-                              [shell]="w.shell"
+                              [shell]="widgetShellForRender(w)"
                               [context]="mergedContext"
                               (action)="onShellAction(w.key, $event)"
                             >
@@ -29631,6 +30812,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                                 "
                               ></ng-container>
                             </praxis-widget-shell>
+                            @if (shouldRenderWidgetContextOverlay(w)) {
+                              <praxis-dynamic-widget-context-toolbar
+                                [toolbarLabel]="widgetContextToolbarLabel(w.key)"
+                                [contextLabel]="widgetContextLabel(w)"
+                                [contextTooltip]="widgetContextTooltip(w)"
+                                [showAssistant]="showWidgetAssistantButton"
+                                [assistantLabel]="widgetAssistantLabel()"
+                                [assistantTooltip]="widgetAssistantTooltip()"
+                                [showComponentSettings]="canOpenWidgetComponentSettings(w.key)"
+                                [componentSettingsLabel]="componentSettingsLabel()"
+                                [componentSettingsTooltip]="componentSettingsTooltip()"
+                                [showShellSettings]="canOpenWidgetShellSettings()"
+                                [shellSettingsLabel]="widgetSettingsLabel()"
+                                [shellSettingsTooltip]="widgetSettingsTooltip()"
+                                [moreActionsLabel]="moreWidgetActionsLabel()"
+                                [removeLabel]="widgetRemoveLabel()"
+                                (assistant)="requestWidgetAssistant(w.key)"
+                                (componentSettings)="openWidgetComponentSettings(w.key)"
+                                (shellSettings)="openWidgetShellSettings(w.key)"
+                                (remove)="confirmAndRemoveWidget(w.key)"
+                              />
+                            }
                           </div>
                         }
                       </div>
@@ -29647,11 +30850,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                   @for (w of group.widgets; track w.key) {
                     <div
                       class="pdx-widget"
+                      [class.pdx-widget--interactive]="enableCustomization"
+                      [class.pdx-widget--selected]="
+                        enableCustomization && isWidgetSelected(w.key)
+                      "
                       [class]="widgetClassName(w)"
                       [style.gridColumn]="widgetGridColumn(w)"
+                      (click)="selectWidget(w.key)"
+                      (focusin)="selectWidget(w.key)"
                     >
                       <praxis-widget-shell
-                        [shell]="w.shell"
+                        [shell]="widgetShellForRender(w)"
                         [context]="mergedContext"
                         (action)="onShellAction(w.key, $event)"
                       >
@@ -29665,6 +30874,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                           (widgetDiagnostic)="onWidgetDiagnostic(w.key, $event)"
                         ></ng-container>
                       </praxis-widget-shell>
+                      @if (shouldRenderWidgetContextOverlay(w)) {
+                        <praxis-dynamic-widget-context-toolbar
+                          [toolbarLabel]="widgetContextToolbarLabel(w.key)"
+                          [contextLabel]="widgetContextLabel(w)"
+                          [contextTooltip]="widgetContextTooltip(w)"
+                          [showAssistant]="showWidgetAssistantButton"
+                          [assistantLabel]="widgetAssistantLabel()"
+                          [assistantTooltip]="widgetAssistantTooltip()"
+                          [showComponentSettings]="canOpenWidgetComponentSettings(w.key)"
+                          [componentSettingsLabel]="componentSettingsLabel()"
+                          [componentSettingsTooltip]="componentSettingsTooltip()"
+                          [showShellSettings]="canOpenWidgetShellSettings()"
+                          [shellSettingsLabel]="widgetSettingsLabel()"
+                          [shellSettingsTooltip]="widgetSettingsTooltip()"
+                          [moreActionsLabel]="moreWidgetActionsLabel()"
+                          [removeLabel]="widgetRemoveLabel()"
+                          (assistant)="requestWidgetAssistant(w.key)"
+                          (componentSettings)="openWidgetComponentSettings(w.key)"
+                          (shellSettings)="openWidgetShellSettings(w.key)"
+                          (remove)="confirmAndRemoveWidget(w.key)"
+                        />
+                      }
                     </div>
                   }
                 </div>
@@ -29675,11 +30906,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
           @for (w of widgets(); track w.key) {
             <div
               class="pdx-widget"
+              [class.pdx-widget--interactive]="enableCustomization"
+              [class.pdx-widget--selected]="
+                enableCustomization && isWidgetSelected(w.key)
+              "
               [class]="widgetClassName(w)"
               [style.gridColumn]="widgetGridColumn(w)"
+              (click)="selectWidget(w.key)"
+              (focusin)="selectWidget(w.key)"
             >
               <praxis-widget-shell
-                [shell]="w.shell"
+                [shell]="widgetShellForRender(w)"
                 [context]="mergedContext"
                 (action)="onShellAction(w.key, $event)"
               >
@@ -29693,6 +30930,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                   (widgetDiagnostic)="onWidgetDiagnostic(w.key, $event)"
                 ></ng-container>
               </praxis-widget-shell>
+              @if (shouldRenderWidgetContextOverlay(w)) {
+                <praxis-dynamic-widget-context-toolbar
+                  [toolbarLabel]="widgetContextToolbarLabel(w.key)"
+                  [contextLabel]="widgetContextLabel(w)"
+                  [contextTooltip]="widgetContextTooltip(w)"
+                  [showAssistant]="showWidgetAssistantButton"
+                  [assistantLabel]="widgetAssistantLabel()"
+                  [assistantTooltip]="widgetAssistantTooltip()"
+                  [showComponentSettings]="canOpenWidgetComponentSettings(w.key)"
+                  [componentSettingsLabel]="componentSettingsLabel()"
+                  [componentSettingsTooltip]="componentSettingsTooltip()"
+                  [showShellSettings]="canOpenWidgetShellSettings()"
+                  [shellSettingsLabel]="widgetSettingsLabel()"
+                  [shellSettingsTooltip]="widgetSettingsTooltip()"
+                  [moreActionsLabel]="moreWidgetActionsLabel()"
+                  [removeLabel]="widgetRemoveLabel()"
+                  (assistant)="requestWidgetAssistant(w.key)"
+                  (componentSettings)="openWidgetComponentSettings(w.key)"
+                  (shellSettings)="openWidgetShellSettings(w.key)"
+                  (remove)="confirmAndRemoveWidget(w.key)"
+                />
+              }
             </div>
           }
         }
@@ -29703,7 +30962,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
         </div>
       }
     </div>
-  `, styles: [".pdx-page-wrapper{position:relative;display:block}.pdx-page{display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}.pdx-page--canvas{align-items:start;grid-auto-flow:dense}.pdx-page-settings{position:sticky;top:8px;z-index:2;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-low);color:inherit;border-radius:12px;width:36px;height:36px;margin-bottom:6px}.pdx-widget{position:relative;background:var(--pfx-surface, transparent);border-radius:6px;min-width:0;min-height:0}.pdx-widget--canvas{align-self:stretch;--pdx-resize-gradient-horizontal: linear-gradient( 90deg, color-mix(in srgb, var(--md-sys-color-primary) 94%, white 6%), color-mix(in srgb, var(--md-sys-color-tertiary) 90%, white 10%), color-mix(in srgb, var(--md-sys-color-secondary) 88%, white 12%) );--pdx-resize-gradient-vertical: linear-gradient( 180deg, color-mix(in srgb, var(--md-sys-color-primary) 94%, white 6%), color-mix(in srgb, var(--md-sys-color-tertiary) 90%, white 10%), color-mix(in srgb, var(--md-sys-color-secondary) 88%, white 12%) );--pdx-resize-gradient-diagonal-se: linear-gradient( 135deg, color-mix(in srgb, var(--md-sys-color-primary) 94%, white 6%), color-mix(in srgb, var(--md-sys-color-tertiary) 90%, white 10%), color-mix(in srgb, var(--md-sys-color-secondary) 88%, white 12%) );--pdx-resize-gradient-diagonal-sw: linear-gradient( 225deg, color-mix(in srgb, var(--md-sys-color-primary) 94%, white 6%), color-mix(in srgb, var(--md-sys-color-tertiary) 90%, white 10%), color-mix(in srgb, var(--md-sys-color-secondary) 88%, white 12%) );--pdx-active-resize-gradient: var(--pdx-resize-gradient-diagonal-se)}.pdx-widget--canvas:after{content:\"\";position:absolute;inset:0;padding:2px;border-radius:14px;background:var(--pdx-active-resize-gradient);opacity:0;pointer-events:none;transition:opacity .14s ease,filter .14s ease;filter:saturate(1.02) drop-shadow(0 0 5px color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.pdx-widget--canvas-selected:before,.pdx-widget--canvas-blocked:before{content:\"\";position:absolute;inset:0;border-radius:14px;pointer-events:none;z-index:1;transition:opacity .14s ease,box-shadow .14s ease,border-color .14s ease}.pdx-widget--canvas-selected:before{border:1px dashed color-mix(in srgb,var(--md-sys-color-primary) 34%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 6%,transparent),0 8px 20px color-mix(in srgb,var(--md-sys-color-primary) 6%,transparent)}.pdx-widget--canvas-blocked:before{border:1px solid color-mix(in srgb,var(--md-sys-color-error) 74%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-error) 20%,transparent),0 10px 24px color-mix(in srgb,var(--md-sys-color-error) 12%,transparent)}.pdx-widget--canvas:has(.pdx-canvas-resize:hover):after,.pdx-widget--canvas:has(.pdx-canvas-resize:focus-visible):after{opacity:.82}.pdx-widget--canvas:has(.pdx-canvas-resize--north:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--north:focus-visible),.pdx-widget--canvas:has(.pdx-canvas-resize--south:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--south:focus-visible){--pdx-active-resize-gradient: var(--pdx-resize-gradient-horizontal)}.pdx-widget--canvas:has(.pdx-canvas-resize--east:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--east:focus-visible),.pdx-widget--canvas:has(.pdx-canvas-resize--west:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--west:focus-visible){--pdx-active-resize-gradient: var(--pdx-resize-gradient-vertical)}.pdx-widget--canvas:has(.pdx-canvas-resize--north-east:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--north-east:focus-visible),.pdx-widget--canvas:has(.pdx-canvas-resize--south-west:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--south-west:focus-visible){--pdx-active-resize-gradient: var(--pdx-resize-gradient-diagonal-sw)}.pdx-widget--canvas:has(.pdx-canvas-resize--north-west:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--north-west:focus-visible),.pdx-widget--canvas:has(.pdx-canvas-resize--south-east:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--south-east:focus-visible){--pdx-active-resize-gradient: var(--pdx-resize-gradient-diagonal-se)}.pdx-canvas-resize{position:absolute;z-index:7;border:0;padding:0;margin:0;background:transparent;touch-action:none;cursor:pointer;opacity:0;pointer-events:none;transform:scale(.94);transition:opacity .14s ease,transform .14s ease,filter .14s ease;filter:saturate(.9)}.pdx-widget--canvas:hover .pdx-canvas-resize,.pdx-widget--canvas:focus-within .pdx-canvas-resize,.pdx-widget--canvas-selected .pdx-canvas-resize{opacity:.88;pointer-events:auto;transform:scale(1);filter:saturate(1)}.pdx-canvas-resize-grip{display:block;width:9px;height:9px;border-radius:999px;border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 42%,var(--md-sys-color-outline-variant) 58%);background:color-mix(in srgb,var(--md-sys-color-surface) 92%,var(--md-sys-color-primary) 8%);box-shadow:0 1px 4px color-mix(in srgb,var(--md-sys-color-shadow) 10%,transparent);transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease}.pdx-canvas-resize:hover .pdx-canvas-resize-grip,.pdx-canvas-resize:focus-visible .pdx-canvas-resize-grip{border-color:color-mix(in srgb,var(--md-sys-color-primary) 58%,var(--md-sys-color-outline-variant) 42%);background:color-mix(in srgb,var(--md-sys-color-surface) 84%,var(--md-sys-color-primary) 16%);box-shadow:0 2px 7px color-mix(in srgb,var(--md-sys-color-primary) 14%,transparent);transform:scale(1.04)}.pdx-canvas-resize--north,.pdx-canvas-resize--south{left:50%;width:40px;height:18px;margin-left:-20px;display:flex;align-items:center;justify-content:center}.pdx-canvas-resize--north{top:-8px;cursor:ns-resize}.pdx-canvas-resize--south{bottom:-8px;cursor:ns-resize}.pdx-canvas-resize--east,.pdx-canvas-resize--west{top:50%;width:18px;height:40px;margin-top:-20px;display:flex;align-items:center;justify-content:center}.pdx-canvas-resize--east{right:-8px;cursor:ew-resize}.pdx-canvas-resize--west{left:-8px;cursor:ew-resize}.pdx-canvas-resize--north-east,.pdx-canvas-resize--north-west,.pdx-canvas-resize--south-east,.pdx-canvas-resize--south-west{width:18px;height:18px;display:flex;align-items:center;justify-content:center}.pdx-canvas-resize--north-east{top:-8px;right:-8px;cursor:nesw-resize}.pdx-canvas-resize--north-west{top:-8px;left:-8px;cursor:nwse-resize}.pdx-canvas-resize--south-east{bottom:-8px;right:-8px;cursor:nwse-resize}.pdx-canvas-resize--south-west{bottom:-8px;left:-8px;cursor:nesw-resize}.pdx-canvas-snap-preview{position:relative;align-self:stretch;border-radius:12px;pointer-events:none;z-index:0;background:linear-gradient(135deg,color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent),color-mix(in srgb,var(--md-sys-color-tertiary) 12%,transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 42%,transparent),inset 0 0 0 2px color-mix(in srgb,var(--md-sys-color-surface) 55%,transparent);animation:pdx-snap-preview-pulse .48s ease-out infinite alternate}.pdx-canvas-snap-preview:before,.pdx-canvas-snap-preview:after{content:\"\";position:absolute;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-primary) 82%,var(--md-sys-color-tertiary) 18%);opacity:.72}.pdx-canvas-snap-preview:before{inset:0 auto 0 0;width:3px}.pdx-canvas-snap-preview:after{inset:0 0 auto;height:3px}.pdx-canvas-snap-preview--invalid{background:linear-gradient(135deg,color-mix(in srgb,var(--md-sys-color-error) 18%,transparent),color-mix(in srgb,var(--md-sys-color-error-container) 22%,transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-error) 58%,transparent),inset 0 0 0 2px color-mix(in srgb,var(--md-sys-color-surface) 40%,transparent)}.pdx-canvas-snap-preview--invalid:before,.pdx-canvas-snap-preview--invalid:after{background:color-mix(in srgb,var(--md-sys-color-error) 86%,var(--md-sys-color-error-container) 14%)}.pdx-canvas-resize:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pdx-canvas-resize:hover .pdx-canvas-resize-grip,.pdx-canvas-resize:focus-visible .pdx-canvas-resize-grip{border-color:transparent;box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 20%,transparent),var(--mat-elevation-level3)}.pdx-canvas-resize--north:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--north:focus-visible .pdx-canvas-resize-grip,.pdx-canvas-resize--south:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--south:focus-visible .pdx-canvas-resize-grip{background:var(--pdx-resize-gradient-horizontal)}.pdx-canvas-resize--east:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--east:focus-visible .pdx-canvas-resize-grip,.pdx-canvas-resize--west:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--west:focus-visible .pdx-canvas-resize-grip{background:var(--pdx-resize-gradient-vertical)}.pdx-canvas-resize--north-east:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--north-east:focus-visible .pdx-canvas-resize-grip,.pdx-canvas-resize--south-west:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--south-west:focus-visible .pdx-canvas-resize-grip{background:var(--pdx-resize-gradient-diagonal-sw)}.pdx-canvas-resize--north-west:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--north-west:focus-visible .pdx-canvas-resize-grip,.pdx-canvas-resize--south-east:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--south-east:focus-visible .pdx-canvas-resize-grip{background:var(--pdx-resize-gradient-diagonal-se)}.pdx-canvas-resize:hover .pdx-canvas-resize-grip,.pdx-canvas-resize:focus-visible .pdx-canvas-resize-grip{transform:scale(1.08)}@keyframes pdx-snap-preview-pulse{0%{opacity:.72;transform:scale(.996)}to{opacity:1;transform:scale(1)}}.pdx-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pdx-group{display:grid;gap:12px;grid-column:1 / -1;padding:12px;border-radius:16px;background:color-mix(in srgb,var(--md-sys-color-surface-container-low) 76%,transparent);border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 72%,transparent)}.pdx-group--hero{padding:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--md-sys-color-primary-container) 42%,transparent),color-mix(in srgb,var(--md-sys-color-surface-container-low) 86%,transparent))}.pdx-group--rail{align-self:start}.pdx-group-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.pdx-group-title{font-size:.95rem;font-weight:600;color:var(--md-sys-color-on-surface)}.pdx-group-content{display:grid;gap:12px}.pdx-group-content--stack{grid-template-columns:minmax(0,1fr)}.pdx-group-content--row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.pdx-group-content--grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.pdx-group-tabs{display:grid;gap:12px}.pdx-tabs-header{display:flex;flex-wrap:wrap;gap:8px}.pdx-tab-chip{appearance:none;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-lowest);color:var(--md-sys-color-on-surface);border-radius:999px;padding:8px 12px;font:inherit;cursor:pointer}.pdx-tab-chip.active{border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary-container) 78%,transparent);color:var(--md-sys-color-on-primary-container)}.pdx-page-wrapper.editing .pdx-widget-settings{opacity:1}\n"] }]
+  `, styles: [".pdx-page-wrapper{position:relative;display:block}.pdx-page{display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}.pdx-page--canvas{align-items:start;grid-auto-flow:dense}.pdx-page-settings{position:sticky;top:8px;z-index:2;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-low);color:inherit;border-radius:12px;width:36px;height:36px;margin-bottom:6px}.pdx-widget{position:relative;background:var(--pfx-surface, transparent);border-radius:6px;min-width:0;min-height:0}.pdx-widget--interactive{cursor:pointer}.pdx-widget--selected:before{content:\"\";position:absolute;inset:0;border:1px dashed color-mix(in srgb,var(--md-sys-color-primary) 34%,transparent);border-radius:14px;pointer-events:none;z-index:1;box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 6%,transparent),0 8px 20px color-mix(in srgb,var(--md-sys-color-primary) 6%,transparent)}.pdx-widget--canvas{align-self:stretch;--pdx-resize-gradient-horizontal: linear-gradient( 90deg, color-mix(in srgb, var(--md-sys-color-primary) 94%, white 6%), color-mix(in srgb, var(--md-sys-color-tertiary) 90%, white 10%), color-mix(in srgb, var(--md-sys-color-secondary) 88%, white 12%) );--pdx-resize-gradient-vertical: linear-gradient( 180deg, color-mix(in srgb, var(--md-sys-color-primary) 94%, white 6%), color-mix(in srgb, var(--md-sys-color-tertiary) 90%, white 10%), color-mix(in srgb, var(--md-sys-color-secondary) 88%, white 12%) );--pdx-resize-gradient-diagonal-se: linear-gradient( 135deg, color-mix(in srgb, var(--md-sys-color-primary) 94%, white 6%), color-mix(in srgb, var(--md-sys-color-tertiary) 90%, white 10%), color-mix(in srgb, var(--md-sys-color-secondary) 88%, white 12%) );--pdx-resize-gradient-diagonal-sw: linear-gradient( 225deg, color-mix(in srgb, var(--md-sys-color-primary) 94%, white 6%), color-mix(in srgb, var(--md-sys-color-tertiary) 90%, white 10%), color-mix(in srgb, var(--md-sys-color-secondary) 88%, white 12%) );--pdx-active-resize-gradient: var(--pdx-resize-gradient-diagonal-se)}.pdx-widget--canvas:after{content:\"\";position:absolute;inset:0;padding:2px;border-radius:14px;background:var(--pdx-active-resize-gradient);opacity:0;pointer-events:none;transition:opacity .14s ease,filter .14s ease;filter:saturate(1.02) drop-shadow(0 0 5px color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.pdx-widget--canvas-selected:before,.pdx-widget--canvas-blocked:before{content:\"\";position:absolute;inset:0;border-radius:14px;pointer-events:none;z-index:1;transition:opacity .14s ease,box-shadow .14s ease,border-color .14s ease}.pdx-widget--canvas-blocked:before{border:1px solid color-mix(in srgb,var(--md-sys-color-error) 74%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-error) 20%,transparent),0 10px 24px color-mix(in srgb,var(--md-sys-color-error) 12%,transparent)}.pdx-widget--canvas:has(.pdx-canvas-resize:hover):after,.pdx-widget--canvas:has(.pdx-canvas-resize:focus-visible):after{opacity:.82}.pdx-widget--canvas:has(.pdx-canvas-resize--north:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--north:focus-visible),.pdx-widget--canvas:has(.pdx-canvas-resize--south:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--south:focus-visible){--pdx-active-resize-gradient: var(--pdx-resize-gradient-horizontal)}.pdx-widget--canvas:has(.pdx-canvas-resize--east:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--east:focus-visible),.pdx-widget--canvas:has(.pdx-canvas-resize--west:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--west:focus-visible){--pdx-active-resize-gradient: var(--pdx-resize-gradient-vertical)}.pdx-widget--canvas:has(.pdx-canvas-resize--north-east:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--north-east:focus-visible),.pdx-widget--canvas:has(.pdx-canvas-resize--south-west:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--south-west:focus-visible){--pdx-active-resize-gradient: var(--pdx-resize-gradient-diagonal-sw)}.pdx-widget--canvas:has(.pdx-canvas-resize--north-west:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--north-west:focus-visible),.pdx-widget--canvas:has(.pdx-canvas-resize--south-east:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--south-east:focus-visible){--pdx-active-resize-gradient: var(--pdx-resize-gradient-diagonal-se)}.pdx-canvas-resize{position:absolute;z-index:7;border:0;padding:0;margin:0;background:transparent;touch-action:none;cursor:pointer;opacity:0;pointer-events:none;transform:scale(.94);transition:opacity .14s ease,transform .14s ease,filter .14s ease;filter:saturate(.9)}.pdx-widget--canvas:hover .pdx-canvas-resize,.pdx-widget--canvas:focus-within .pdx-canvas-resize,.pdx-widget--canvas-selected .pdx-canvas-resize{opacity:.88;pointer-events:auto;transform:scale(1);filter:saturate(1)}.pdx-canvas-resize-grip{display:block;width:9px;height:9px;border-radius:999px;border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 42%,var(--md-sys-color-outline-variant) 58%);background:color-mix(in srgb,var(--md-sys-color-surface) 92%,var(--md-sys-color-primary) 8%);box-shadow:0 1px 4px color-mix(in srgb,var(--md-sys-color-shadow) 10%,transparent);transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease}.pdx-canvas-resize:hover .pdx-canvas-resize-grip,.pdx-canvas-resize:focus-visible .pdx-canvas-resize-grip{border-color:color-mix(in srgb,var(--md-sys-color-primary) 58%,var(--md-sys-color-outline-variant) 42%);background:color-mix(in srgb,var(--md-sys-color-surface) 84%,var(--md-sys-color-primary) 16%);box-shadow:0 2px 7px color-mix(in srgb,var(--md-sys-color-primary) 14%,transparent);transform:scale(1.04)}.pdx-canvas-resize--north,.pdx-canvas-resize--south{left:50%;width:40px;height:18px;margin-left:-20px;display:flex;align-items:center;justify-content:center}.pdx-canvas-resize--north{top:-8px;cursor:ns-resize}.pdx-canvas-resize--south{bottom:-8px;cursor:ns-resize}.pdx-canvas-resize--east,.pdx-canvas-resize--west{top:50%;width:18px;height:40px;margin-top:-20px;display:flex;align-items:center;justify-content:center}.pdx-canvas-resize--east{right:-8px;cursor:ew-resize}.pdx-canvas-resize--west{left:-8px;cursor:ew-resize}.pdx-canvas-resize--north-east,.pdx-canvas-resize--north-west,.pdx-canvas-resize--south-east,.pdx-canvas-resize--south-west{width:18px;height:18px;display:flex;align-items:center;justify-content:center}.pdx-canvas-resize--north-east{top:-8px;right:-8px;cursor:nesw-resize}.pdx-canvas-resize--north-west{top:-8px;left:-8px;cursor:nwse-resize}.pdx-canvas-resize--south-east{bottom:-8px;right:-8px;cursor:nwse-resize}.pdx-canvas-resize--south-west{bottom:-8px;left:-8px;cursor:nesw-resize}.pdx-canvas-snap-preview{position:relative;align-self:stretch;border-radius:12px;pointer-events:none;z-index:0;background:linear-gradient(135deg,color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent),color-mix(in srgb,var(--md-sys-color-tertiary) 12%,transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 42%,transparent),inset 0 0 0 2px color-mix(in srgb,var(--md-sys-color-surface) 55%,transparent);animation:pdx-snap-preview-pulse .48s ease-out infinite alternate}.pdx-canvas-snap-preview:before,.pdx-canvas-snap-preview:after{content:\"\";position:absolute;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-primary) 82%,var(--md-sys-color-tertiary) 18%);opacity:.72}.pdx-canvas-snap-preview:before{inset:0 auto 0 0;width:3px}.pdx-canvas-snap-preview:after{inset:0 0 auto;height:3px}.pdx-canvas-snap-preview--invalid{background:linear-gradient(135deg,color-mix(in srgb,var(--md-sys-color-error) 18%,transparent),color-mix(in srgb,var(--md-sys-color-error-container) 22%,transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-error) 58%,transparent),inset 0 0 0 2px color-mix(in srgb,var(--md-sys-color-surface) 40%,transparent)}.pdx-canvas-snap-preview--invalid:before,.pdx-canvas-snap-preview--invalid:after{background:color-mix(in srgb,var(--md-sys-color-error) 86%,var(--md-sys-color-error-container) 14%)}.pdx-canvas-resize:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pdx-canvas-resize:hover .pdx-canvas-resize-grip,.pdx-canvas-resize:focus-visible .pdx-canvas-resize-grip{border-color:transparent;box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 20%,transparent),var(--mat-elevation-level3)}.pdx-canvas-resize--north:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--north:focus-visible .pdx-canvas-resize-grip,.pdx-canvas-resize--south:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--south:focus-visible .pdx-canvas-resize-grip{background:var(--pdx-resize-gradient-horizontal)}.pdx-canvas-resize--east:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--east:focus-visible .pdx-canvas-resize-grip,.pdx-canvas-resize--west:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--west:focus-visible .pdx-canvas-resize-grip{background:var(--pdx-resize-gradient-vertical)}.pdx-canvas-resize--north-east:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--north-east:focus-visible .pdx-canvas-resize-grip,.pdx-canvas-resize--south-west:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--south-west:focus-visible .pdx-canvas-resize-grip{background:var(--pdx-resize-gradient-diagonal-sw)}.pdx-canvas-resize--north-west:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--north-west:focus-visible .pdx-canvas-resize-grip,.pdx-canvas-resize--south-east:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--south-east:focus-visible .pdx-canvas-resize-grip{background:var(--pdx-resize-gradient-diagonal-se)}.pdx-canvas-resize:hover .pdx-canvas-resize-grip,.pdx-canvas-resize:focus-visible .pdx-canvas-resize-grip{transform:scale(1.08)}@keyframes pdx-snap-preview-pulse{0%{opacity:.72;transform:scale(.996)}to{opacity:1;transform:scale(1)}}.pdx-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pdx-group{display:grid;gap:12px;grid-column:1 / -1;padding:12px;border-radius:16px;background:color-mix(in srgb,var(--md-sys-color-surface-container-low) 76%,transparent);border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 72%,transparent)}.pdx-group--hero{padding:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--md-sys-color-primary-container) 42%,transparent),color-mix(in srgb,var(--md-sys-color-surface-container-low) 86%,transparent))}.pdx-group--rail{align-self:start}.pdx-group-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.pdx-group-title{font-size:.95rem;font-weight:600;color:var(--md-sys-color-on-surface)}.pdx-group-content{display:grid;gap:12px}.pdx-group-content--stack{grid-template-columns:minmax(0,1fr)}.pdx-group-content--row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.pdx-group-content--grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.pdx-group-tabs{display:grid;gap:12px}.pdx-tabs-header{display:flex;flex-wrap:wrap;gap:8px}.pdx-tab-chip{appearance:none;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-lowest);color:var(--md-sys-color-on-surface);border-radius:999px;padding:8px 12px;font:inherit;cursor:pointer}.pdx-tab-chip.active{border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary-container) 78%,transparent);color:var(--md-sys-color-on-primary-container)}.pdx-page-wrapper.editing .pdx-widget-settings{opacity:1}\n"] }]
         }], ctorParameters: () => [], propDecorators: { pageCanvasHost: [{
                 type: ViewChild,
                 args: ['pageCanvasHost']
@@ -29727,10 +30986,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                 type: Input
             }], componentInstanceId: [{
                 type: Input
+            }], showWidgetAssistantButton: [{
+                type: Input
             }], pageChange: [{
                 type: Output
             }], widgetEvent: [{
                 type: Output
+            }], widgetSelectionChange: [{
+                type: Output
+            }], widgetAssistantRequested: [{
+                type: Output
             }], widgetDiagnosticsChange: [{
                 type: Output
             }], onWindowResize: [{
@@ -29912,7 +31177,7 @@ class EmptyStateCardComponent {
         </div>
       </mat-card-content>
     </mat-card>
-  `, isInline: true, styles: [".empty-card{display:block;margin:12px;border-color:var(--md-sys-color-outline-variant);--empty-icon-color: var(--md-sys-color-on-surface-variant)}.empty-card.empty-inline{margin:8px 0}.content{display:flex;align-items:center;gap:12px}.icon{font-size:32px;width:32px;height:32px;color:var(--empty-icon-color)}.texts{display:grid;gap:4px}.title{margin:0;font-size:16px;font-weight:600;color:var(--md-sys-color-on-surface)}.desc{margin:0;color:var(--md-sys-color-on-surface-variant)}.actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.empty-card.tone-primary{--empty-icon-color: var(--md-sys-color-primary)}.empty-card.tone-secondary{--empty-icon-color: var(--md-sys-color-secondary)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i3$2.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i3$2.MatCardContent, selector: "mat-card-content" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+  `, isInline: true, styles: [".empty-card{display:block;margin:12px;border-color:var(--md-sys-color-outline-variant);--empty-icon-color: var(--md-sys-color-on-surface-variant)}.empty-card.empty-inline{margin:8px 0}.content{display:flex;align-items:center;gap:12px}.icon{font-size:32px;width:32px;height:32px;color:var(--empty-icon-color)}.texts{display:grid;gap:4px}.title{margin:0;font-size:16px;font-weight:600;color:var(--md-sys-color-on-surface)}.desc{margin:0;color:var(--md-sys-color-on-surface-variant)}.actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.empty-card.tone-primary{--empty-icon-color: var(--md-sys-color-primary)}.empty-card.tone-secondary{--empty-icon-color: var(--md-sys-color-secondary)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i3$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i3$1.MatCardContent, selector: "mat-card-content" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: EmptyStateCardComponent, decorators: [{
             type: Component,
@@ -30017,7 +31282,7 @@ class ResourceQuickConnectComponent {
         Rota normalizada: {{ normalizedPath() }}
       </small>
     </div>
-  `, isInline: true, styles: [".pdx-quick-connect{display:grid;gap:12px;padding:12px;border-radius:12px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface)}.pdx-quick-connect__hint{color:var(--md-sys-color-on-surface-variant);font-size:.9rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: MatFormFieldModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { 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: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }] });
+  `, isInline: true, styles: [".pdx-quick-connect{display:grid;gap:12px;padding:12px;border-radius:12px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface)}.pdx-quick-connect__hint{color:var(--md-sys-color-on-surface-variant);font-size:.9rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: MatFormFieldModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { 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: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ResourceQuickConnectComponent, decorators: [{
             type: Component,
@@ -30245,7 +31510,7 @@ class PraxisIconPickerComponent {
       <span class="pip-typed" *ngIf="query.trim()">{{ previewValue() }}</span>
     </div>
   </div>
-  `, isInline: true, styles: [".pip-root{display:flex;flex-direction:column;min-width:340px;max-width:760px;max-height:80vh;overflow:hidden;padding:16px;color:var(--md-sys-color-on-surface)}.pip-head{display:flex;gap:12px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.pip-search{flex:1;min-width:180px}.pip-spacer{flex:1}.pip-body{flex:1;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;padding:4px}.pip-item{display:flex;gap:10px;align-items:center;justify-content:flex-start;padding:10px;border:1px solid var(--md-sys-color-outline-variant);border-radius:10px;background:var(--md-sys-color-surface);color:inherit;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.pip-item:hover{background:var(--md-sys-color-surface-container)}.pip-item:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pip-item.selected{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px var(--md-sys-color-primary)}.pip-name{font-size:12px;color:var(--md-sys-color-on-surface-variant);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pip-hint{font-size:12px;color:var(--md-sys-color-on-surface-variant);margin:-6px 0 8px}.pip-stats{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--md-sys-color-on-surface-variant);margin-bottom:8px}.pip-shortcut{opacity:.9}.pip-empty{padding:12px;border:1px dashed var(--md-sys-color-outline-variant);border-radius:10px;color:var(--md-sys-color-on-surface-variant);background:var(--md-sys-color-surface-container);margin-top:8px}.pip-footer{display:flex;gap:12px;align-items:center;margin-top:10px}.pip-typed{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;color:var(--md-sys-color-on-surface)}.pip-family{display:flex;align-items:center}.pip-family .mat-mdc-chip-listbox{min-width:260px}.pip-root .mat-icon{font-family:Material Icons,Material Symbols Outlined,Material Symbols Rounded,Material Symbols Sharp!important;font-variation-settings:\"FILL\" 0,\"wght\" 400,\"GRAD\" 0,\"opsz\" 24;color:currentColor}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:\"liga\";-webkit-font-smoothing:antialiased;font-variation-settings:\"FILL\" 0,\"wght\" 400,\"GRAD\" 0,\"opsz\" 24}.material-symbols-rounded{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:\"liga\";-webkit-font-smoothing:antialiased;font-variation-settings:\"FILL\" 0,\"wght\" 400,\"GRAD\" 0,\"opsz\" 24}.material-symbols-sharp{font-family:Material Symbols Sharp;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:\"liga\";-webkit-font-smoothing:antialiased;font-variation-settings:\"FILL\" 0,\"wght\" 400,\"GRAD\" 0,\"opsz\" 24}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: MatFormFieldModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: 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: i3$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: "ngmodule", type: MatChipsModule }, { kind: "component", type: i8$1.MatChipListbox, selector: "mat-chip-listbox", inputs: ["multiple", "aria-orientation", "selectable", "compareWith", "required", "hideSingleSelectionIndicator", "value"], outputs: ["change"] }, { kind: "component", type: i8$1.MatChipOption, selector: "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]", inputs: ["selectable", "selected"], outputs: ["selectionChange"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
+  `, isInline: true, styles: [".pip-root{display:flex;flex-direction:column;min-width:340px;max-width:760px;max-height:80vh;overflow:hidden;padding:16px;color:var(--md-sys-color-on-surface)}.pip-head{display:flex;gap:12px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.pip-search{flex:1;min-width:180px}.pip-spacer{flex:1}.pip-body{flex:1;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;padding:4px}.pip-item{display:flex;gap:10px;align-items:center;justify-content:flex-start;padding:10px;border:1px solid var(--md-sys-color-outline-variant);border-radius:10px;background:var(--md-sys-color-surface);color:inherit;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.pip-item:hover{background:var(--md-sys-color-surface-container)}.pip-item:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pip-item.selected{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px var(--md-sys-color-primary)}.pip-name{font-size:12px;color:var(--md-sys-color-on-surface-variant);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pip-hint{font-size:12px;color:var(--md-sys-color-on-surface-variant);margin:-6px 0 8px}.pip-stats{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--md-sys-color-on-surface-variant);margin-bottom:8px}.pip-shortcut{opacity:.9}.pip-empty{padding:12px;border:1px dashed var(--md-sys-color-outline-variant);border-radius:10px;color:var(--md-sys-color-on-surface-variant);background:var(--md-sys-color-surface-container);margin-top:8px}.pip-footer{display:flex;gap:12px;align-items:center;margin-top:10px}.pip-typed{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;color:var(--md-sys-color-on-surface)}.pip-family{display:flex;align-items:center}.pip-family .mat-mdc-chip-listbox{min-width:260px}.pip-root .mat-icon{font-family:Material Icons,Material Symbols Outlined,Material Symbols Rounded,Material Symbols Sharp!important;font-variation-settings:\"FILL\" 0,\"wght\" 400,\"GRAD\" 0,\"opsz\" 24;color:currentColor}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:\"liga\";-webkit-font-smoothing:antialiased;font-variation-settings:\"FILL\" 0,\"wght\" 400,\"GRAD\" 0,\"opsz\" 24}.material-symbols-rounded{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:\"liga\";-webkit-font-smoothing:antialiased;font-variation-settings:\"FILL\" 0,\"wght\" 400,\"GRAD\" 0,\"opsz\" 24}.material-symbols-sharp{font-family:Material Symbols Sharp;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:\"liga\";-webkit-font-smoothing:antialiased;font-variation-settings:\"FILL\" 0,\"wght\" 400,\"GRAD\" 0,\"opsz\" 24}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: MatFormFieldModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: 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: "ngmodule", type: MatChipsModule }, { kind: "component", type: i8.MatChipListbox, selector: "mat-chip-listbox", inputs: ["multiple", "aria-orientation", "selectable", "compareWith", "required", "hideSingleSelectionIndicator", "value"], outputs: ["change"] }, { kind: "component", type: i8.MatChipOption, selector: "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]", inputs: ["selectable", "selected"], outputs: ["selectionChange"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisIconPickerComponent, decorators: [{
             type: Component,
@@ -30589,7 +31854,7 @@ class SchemaViewerComponent {
         </mat-tab-group>
       </mat-card-content>
     </mat-card>
-  `, isInline: true, styles: [".schema-viewer{display:block;border-color:var(--md-sys-color-outline-variant)}.header{display:flex;align-items:center;justify-content:space-between;gap:8px}.title{display:flex;align-items:center;gap:8px}.title h3{margin:0;font-weight:600;color:var(--md-sys-color-on-surface)}.notes{margin-top:6px;color:var(--md-sys-color-on-surface-variant);font-size:12px}.copy-status{margin-top:6px;font-size:12px;color:var(--md-sys-color-primary)}.section{padding:12px}.section-actions{display:flex;justify-content:flex-end;margin-bottom:8px}.sub{font-weight:600;margin:12px 0 4px;color:var(--md-sys-color-on-surface)}.pretty{background:var(--md-sys-color-surface-container);padding:10px;border-radius:8px;overflow:auto;border:1px solid var(--md-sys-color-outline-variant)}.kv{display:grid;grid-template-columns:140px 1fr;align-items:baseline;gap:8px;margin:2px 0}.kv>span{color:var(--md-sys-color-on-surface-variant)}.kv>code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.muted{color:var(--md-sys-color-on-surface-variant)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i2$1.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i2$1.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i3$2.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i3$2.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i3$2.MatCardHeader, selector: "mat-card-header" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i1$2.JsonPipe, name: "json" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [".schema-viewer{display:block;border-color:var(--md-sys-color-outline-variant)}.header{display:flex;align-items:center;justify-content:space-between;gap:8px}.title{display:flex;align-items:center;gap:8px}.title h3{margin:0;font-weight:600;color:var(--md-sys-color-on-surface)}.notes{margin-top:6px;color:var(--md-sys-color-on-surface-variant);font-size:12px}.copy-status{margin-top:6px;font-size:12px;color:var(--md-sys-color-primary)}.section{padding:12px}.section-actions{display:flex;justify-content:flex-end;margin-bottom:8px}.sub{font-weight:600;margin:12px 0 4px;color:var(--md-sys-color-on-surface)}.pretty{background:var(--md-sys-color-surface-container);padding:10px;border-radius:8px;overflow:auto;border:1px solid var(--md-sys-color-outline-variant)}.kv{display:grid;grid-template-columns:140px 1fr;align-items:baseline;gap:8px;margin:2px 0}.kv>span{color:var(--md-sys-color-on-surface-variant)}.kv>code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.muted{color:var(--md-sys-color-on-surface-variant)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i2$2.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i2$2.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i3$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i3$1.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i3$1.MatCardHeader, selector: "mat-card-header" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i1$2.JsonPipe, name: "json" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SchemaViewerComponent, decorators: [{
             type: Component,
@@ -31212,4 +32477,4 @@ function provideHookWhitelist(allowed) {
  * Generated bundle index. Do not edit.
  */
 
-export { API_CONFIG_STORAGE_OPTIONS, API_URL, ASYNC_CONFIG_STORAGE, AllowedFileTypes, AnalyticsPresentationResolver, AnalyticsSchemaContractService, AnalyticsStatsRequestBuilderService, ApiConfigStorage, ApiEndpoint, BUILTIN_PAGE_LAYOUT_PRESETS, BUILTIN_PAGE_THEME_PRESETS, BUILTIN_SHELL_PRESETS, CONFIG_STORAGE, CONNECTION_STORAGE, ComponentKeyService, ComponentMetadataRegistry, CompositionRuntimeFacade, ConsoleLoggerSink, CrudOperationResolutionService, DEFAULT_FIELD_SELECTOR_CONTROL_TYPE_MAP, DEFAULT_JSON_LOGIC_OPERATORS, DEFAULT_TABLE_CONFIG, DOMAIN_CATALOG_COMPONENT_CONTEXT_PACK, DOMAIN_CATALOG_CONTEXT_HINT_SCHEMA_VERSION, DYNAMIC_PAGE_AI_CAPABILITIES, DYNAMIC_PAGE_COMPONENT_CONTEXT_PACK, DYNAMIC_PAGE_CONFIG_EDITOR, DYNAMIC_PAGE_SHELL_EDITOR, DefaultLoadingRenderer, DeferredAsyncConfigStorage, DomainCatalogService, DomainKnowledgeService, DomainRuleService, DynamicFormService, DynamicWidgetLoaderDirective, DynamicWidgetPageComponent, EDITORIAL_ALLOWED_CONTENT_FORMATS, EDITORIAL_COMPLIANCE_PRESETS, EDITORIAL_EXTERNAL_LINK_REL, EDITORIAL_FORM_TEMPLATE_CATALOG, EDITORIAL_HTML_ENABLED, EDITORIAL_MARKDOWN_IMAGES_ENABLED, EDITORIAL_SOLUTION_CATALOG, EDITORIAL_SOLUTION_PRESETS, EDITORIAL_THEME_PRESETS, EDITORIAL_WIDGET_CONVENTION_INPUTS, EDITORIAL_WIDGET_TAG, EMPLOYEE_ONBOARDING_EDITORIAL_SOLUTION, EMPLOYEE_ONBOARDING_EDITORIAL_TEMPLATE, EMPLOYEE_ONBOARDING_GUIDED_EDITORIAL_SOLUTION, EMPLOYEE_ONBOARDING_GUIDED_EDITORIAL_TEMPLATE, EVENT_REGISTRATION_EDITORIAL_SOLUTION, EVENT_REGISTRATION_EDITORIAL_TEMPLATE, EmptyStateCardComponent, ErrorMessageService, FIELD_METADATA_CAPABILITIES, FIELD_SELECTOR_REGISTRY_BASE, FIELD_SELECTOR_REGISTRY_DISABLE_DEFAULTS, FIELD_SELECTOR_REGISTRY_OVERRIDES, FORM_HOOKS, FORM_HOOKS_PRESETS, FORM_HOOKS_WHITELIST, FORM_HOOK_RESOLVERS, FieldControlType, FieldDataType, FieldSelectorRegistry, FormHooksRegistry, GLOBAL_ACTION_CATALOG, GLOBAL_ACTION_HANDLERS, GLOBAL_ACTION_UI_SCHEMAS, GLOBAL_ANALYTICS_SERVICE, GLOBAL_API_CLIENT, GLOBAL_CONFIG, GLOBAL_DIALOG_SERVICE, GLOBAL_ROUTE_GUARD_RESOLVER, GLOBAL_SURFACE_SERVICE, GLOBAL_TOAST_SERVICE, GenericCrudService, GlobalActionService, GlobalConfigService, INLINE_FILTER_ALIAS_TOKENS, INLINE_FILTER_CONTROL_TYPES, INLINE_FILTER_CONTROL_TYPE_SET, INLINE_FILTER_CONTROL_TYPE_VALUES, INLINE_FILTER_TOKEN_TO_BASE_CONTROL_TYPE, INLINE_FILTER_TOKEN_TO_CONTROL_TYPE, IconPickerService, IconPosition, IconSize, LOGGER_LEVEL_BY_ENV, LOGGER_LEVEL_PRIORITY, LoadingOrchestrator, LocalConnectionStorage, LocalStorageAsyncAdapter, LocalStorageCacheAdapter, LocalStorageConfigService, LoggerService, LoggerThrottleTracker, LoggerWarnOnceTracker, MemoryCacheAdapter, NestedPortCatalogService, NestedWidgetConfigAccessor, NumericFormat, OVERLAY_DECIDER_DEBUG, OVERLAY_DECISION_MATRIX, ObservabilityDashboardService, OverlayDeciderService, PRAXIS_COLLECTION_EXPORT_HTTP_OPTIONS, PRAXIS_COLLECTION_EXPORT_PROVIDER, PRAXIS_CORPORATE_SENSITIVE_KEYS, PRAXIS_DEFAULT_EXPORT_SECURITY_POLICY, PRAXIS_DEFAULT_OBSERVABILITY_ALERT_RULES, PRAXIS_DYNAMIC_PAGE_COMPONENT_METADATA, PRAXIS_EXPORT_FORMULA_PREFIXES, PRAXIS_EXPORT_SECURITY_POLICY, PRAXIS_FOOTER_LINKS_METADATA, PRAXIS_GLOBAL_ACTION_CATALOG, PRAXIS_GLOBAL_CONFIG_BOOTSTRAP_OPTIONS, PRAXIS_GLOBAL_CONFIG_BOOTSTRAP_READY, PRAXIS_GLOBAL_CONFIG_TENANT_RESOLVER, PRAXIS_HERO_BANNER_METADATA, PRAXIS_I18N_CONFIG, PRAXIS_I18N_TRANSLATOR, PRAXIS_JSON_LOGIC_OPERATORS, PRAXIS_LAYER_SCALE_DEFAULTS, PRAXIS_LAYER_SCALE_VARS, PRAXIS_LEGAL_NOTICE_METADATA, PRAXIS_LOADING_CTX, PRAXIS_LOADING_RENDERER, PRAXIS_LOGGER_CONFIG, PRAXIS_LOGGER_SINKS, PRAXIS_OBSERVABILITY_DASHBOARD_OPTIONS, PRAXIS_RICH_TEXT_BLOCK_METADATA, PRAXIS_TELEMETRY_TRANSPORT, PRAXIS_USER_CONTEXT_SUMMARY_METADATA, PRIVACY_CONSENT_EDITORIAL_SOLUTION, PRIVACY_CONSENT_EDITORIAL_TEMPLATE, PraxisCollectionExportService, PraxisCore, PraxisFooterLinksComponent, PraxisGlobalErrorHandler, PraxisHeroBannerComponent, PraxisHttpCollectionExportProvider, PraxisI18nService, PraxisIconDirective, PraxisIconPickerComponent, PraxisJsonLogicError, PraxisJsonLogicService, PraxisLayerScaleStyleService, PraxisLegalNoticeComponent, PraxisLoadingInterceptor, PraxisRichTextBlockComponent, PraxisSurfaceHostComponent, PraxisUserContextSummaryComponent, RESOURCE_DISCOVERY_I18N_CONFIG, RESOURCE_DISCOVERY_I18N_NAMESPACE, RULE_PROPERTY_SCHEMA, RemoteConfigStorage, ResourceActionOpenAdapterService, ResourceDiscoveryService, ResourceQuickConnectComponent, ResourceSurfaceOpenAdapterService, SCHEMA_VIEWER_CONTEXT, SETTINGS_PANEL_BRIDGE, SETTINGS_PANEL_DATA, STEPPER_CONFIG_EDITOR, SURFACE_DRAWER_BRIDGE, SURFACE_OPEN_I18N_CONFIG, SURFACE_OPEN_I18N_NAMESPACE, SURFACE_OPEN_PRESETS, SchemaMetadataClient, SchemaNormalizerService, SchemaViewerComponent, SurfaceBindingRuntimeService, SurfaceOpenActionEditorComponent, TABLE_CONFIG_EDITOR, TableConfigService, TelemetryLoggerSink, TelemetryService, ValidationPattern, WidgetPageStateRuntimeService, WidgetShellComponent, applyLocalCustomizations$2 as applyLocalCustomizations, applyLocalCustomizations$1 as applyLocalFormCustomizations, assertPraxisCollectionExportArtifact, buildAngularValidators, buildApiUrl, buildBaseColumnFromDef, buildBaseFormField, buildFormConfigFromEditorialTemplate, buildHeaders, buildPageKey, buildPraxisLayerScaleCss, buildSchemaId, buildSchemaIdStorageKeySegment, buildValidatorsFromValidatorOptions, cancelIfCpfInvalidHook, clampRange, classifyEntityLookupResult, cloneTableConfig, cnpjAlphaValidator, collapseWhitespace, composeHeadersWithVersion, conditionalAsyncValidator, convertFormLayoutToConfig, createCorporateLoggerConfig, createCorporateObservabilityOptions, createCpfCnpjValidator, createDefaultFormConfig, createDefaultTableConfig, createEmptyFormConfig, createEmptyRichContentDocument, createFieldLayoutItem, createPersistedPage, customAsyncValidatorFn, customValidatorFn, debounceAsyncValidator, deepMerge, domainKnowledgeTimelineToRichContentDocument, domainRuleTimelineToRichContentDocument, ensureIds, ensureNoConflictsHookFactory, ensurePageIds, escapePraxisExportCell, extractNormalizedError, fetchWithETag, fileTypeValidator, fillUndefined, generateId, getDefaultFormHints, getEditorialCompliancePresetById, getEditorialFormTemplateById, getEditorialFormTemplateCatalog, getEditorialSolutionById, getEditorialSolutionCatalog, getEditorialSolutionPresetById, getEditorialThemePresetById, getEssentialConfig, getFieldMetadataCapabilities, getFormColumnFieldNames, getFormLayoutFieldNames, getGlobalActionCatalog, getGlobalActionPayloadActualType, getGlobalActionPayloadTypeIssue, getGlobalActionUiSchema, getMissingGlobalActionPayloadKeys, getReferencedFieldMetadata, getRequiredGlobalActionPayloadKeys, getTextTransformer, hasMeaningfulGlobalActionPayloadValue, hasPraxisCollectionExportArtifact, interpolatePraxisTranslation, isAllowedEditorialContentFormat, isAllowedEditorialHref, isCssTextTransform, isEditorialComponentMeta, isEntityLookupMultiplePayloadMode, isEntityLookupPayloadMode, isEntityLookupPayloadModeCompatible, isEntityLookupResultSelectable, isEntityLookupSinglePayloadMode, isFormLayoutItem, isGlobalActionRef, isInlineFilterControlType, isLookupDialogSize, isLookupFilterFieldType, isLookupFilterOperator, isRangeValidForFilter, isRequiredGlobalActionParamPayloadMissing, isRequiredGlobalActionPayloadMissing, isTableConfigV2, isValidFormConfig, isValidTableConfig, legacyCnpjValidator, legacyCpfValidator, logOnErrorHook, mapFieldDefinitionToMetadata, mapFieldDefinitionsToMetadata, matchFieldValidator, maxFileSizeValidator, mergeFieldMetadata, mergePraxisI18nConfigs, mergeTableConfigs, migrateFormLayoutRule, migrateLegacyCompositionLink, migrateLegacyCompositionLinks, minWordsValidator, normalizeControlTypeKey, normalizeControlTypeToken, normalizeEditorialLink, normalizeEnd, normalizeFieldConstraints, normalizeFormConfig, normalizeFormLayoutItems, normalizeFormMetadata, normalizeGlobalActionRef, normalizeLookupFilterRequest, normalizePath, normalizePraxisDataQueryContext, normalizeResourceAvailabilityReasonCode, normalizeStart, normalizeUnknownError, normalizeWidgetEventPath, notifySuccessHook, parseJsonResponseOrEmpty, praxisLoadingInterceptorFn, prefillFromContextHook, provideDefaultFormHooks, provideFieldSelectorRegistryBase, provideFieldSelectorRegistryOverride, provideFieldSelectorRegistryRuntime, provideFormHookPresets, provideFormHooks, provideGlobalActionCatalog, provideGlobalActionHandler, provideGlobalConfig, provideGlobalConfigReady, provideGlobalConfigSeed, provideGlobalConfigTenant, provideHookResolvers, provideHookWhitelist, provideOverlayDecisionMatrix, providePraxisAnalyticsGlobalActions, providePraxisCollectionExportProvider, providePraxisDynamicPageMetadata, providePraxisFooterLinksMetadata, providePraxisGlobalActionCatalog, providePraxisGlobalActions, providePraxisGlobalConfigBootstrap, providePraxisHeroBannerMetadata, providePraxisHttpCollectionExportProvider, providePraxisHttpLoading, providePraxisI18n, providePraxisI18nConfig, providePraxisI18nTranslator, providePraxisIconDefaults, providePraxisJsonLogicOperator, providePraxisJsonLogicOperatorOverride, providePraxisLegalNoticeMetadata, providePraxisLoadingDefaults, providePraxisLogging, providePraxisRichTextBlockMetadata, providePraxisToastGlobalActions, providePraxisUserContextSummaryMetadata, provideRemoteGlobalConfig, readPraxisExportValue, reconcileFilterConfig, reconcileFormConfig, reconcileTableConfig, removeDiacritics, reportTelemetryHookFactory, requiredCheckedValidator, resolveBuiltinPresets, resolveControlTypeAlias, resolveDefaultValuePresentationFormat, resolveEntityLookupPayloadMode, resolveHidden, resolveInlineFilterControlType, resolveInlineFilterControlTypeToBaseControlType, resolveLoggerConfig, resolveObservabilityOptions, resolveOffset, resolveOrder, resolvePraxisCollectionExportItems, resolvePraxisExportFields, resolvePraxisExportScope, resolvePraxisFilterCriteria, resolveResourceAvailabilityReasonKey, resolveSpan, resolveValuePresentation, resolveValuePresentationLocale, serializeEntityLookupValueForPayload, serializeOptionSourceFilterRequest, serializePraxisCollectionToCsv, serializePraxisCollectionToJson, slugify, stripMasksHook, supportsImplicitValuePresentation, syncWithServerMetadata, toCamel, toCapitalize, toKebab, toPascal, toSentenceCase, toSnake, toTitleCase, translateResourceAvailabilityReason, translateResourceDiscoveryText, translateUnavailableWorkflowMessage, trim, uniqueAsyncValidator, urlValidator, validateGlobalActionRef, validateGlobalActionRefs, withMessage, withPraxisHttpLoading };
+export { API_CONFIG_STORAGE_OPTIONS, API_URL, ASYNC_CONFIG_STORAGE, AllowedFileTypes, AnalyticsPresentationResolver, AnalyticsSchemaContractService, AnalyticsStatsRequestBuilderService, ApiConfigStorage, ApiEndpoint, BUILTIN_PAGE_LAYOUT_PRESETS, BUILTIN_PAGE_THEME_PRESETS, BUILTIN_SHELL_PRESETS, CONFIG_STORAGE, CONNECTION_STORAGE, ComponentKeyService, ComponentMetadataRegistry, CompositionRuntimeFacade, ConsoleLoggerSink, CrudOperationResolutionService, DEFAULT_FIELD_SELECTOR_CONTROL_TYPE_MAP, DEFAULT_JSON_LOGIC_OPERATORS, DEFAULT_TABLE_CONFIG, DOMAIN_CATALOG_COMPONENT_CONTEXT_PACK, DOMAIN_CATALOG_CONTEXT_HINT_SCHEMA_VERSION, DYNAMIC_PAGE_AI_CAPABILITIES, DYNAMIC_PAGE_COMPONENT_CONTEXT_PACK, DYNAMIC_PAGE_CONFIG_EDITOR, DYNAMIC_PAGE_SHELL_EDITOR, DefaultLoadingRenderer, DeferredAsyncConfigStorage, DomainCatalogService, DomainKnowledgeService, DomainRuleService, DynamicFormService, DynamicWidgetLoaderDirective, DynamicWidgetPageComponent, EDITORIAL_ALLOWED_CONTENT_FORMATS, EDITORIAL_COMPLIANCE_PRESETS, EDITORIAL_EXTERNAL_LINK_REL, EDITORIAL_FORM_TEMPLATE_CATALOG, EDITORIAL_HTML_ENABLED, EDITORIAL_MARKDOWN_IMAGES_ENABLED, EDITORIAL_SOLUTION_CATALOG, EDITORIAL_SOLUTION_PRESETS, EDITORIAL_THEME_PRESETS, EDITORIAL_WIDGET_CONVENTION_INPUTS, EDITORIAL_WIDGET_TAG, EMPLOYEE_ONBOARDING_EDITORIAL_SOLUTION, EMPLOYEE_ONBOARDING_EDITORIAL_TEMPLATE, EMPLOYEE_ONBOARDING_GUIDED_EDITORIAL_SOLUTION, EMPLOYEE_ONBOARDING_GUIDED_EDITORIAL_TEMPLATE, EVENT_REGISTRATION_EDITORIAL_SOLUTION, EVENT_REGISTRATION_EDITORIAL_TEMPLATE, EmptyStateCardComponent, ErrorMessageService, FIELD_METADATA_CAPABILITIES, FIELD_SELECTOR_REGISTRY_BASE, FIELD_SELECTOR_REGISTRY_DISABLE_DEFAULTS, FIELD_SELECTOR_REGISTRY_OVERRIDES, FORM_HOOKS, FORM_HOOKS_PRESETS, FORM_HOOKS_WHITELIST, FORM_HOOK_RESOLVERS, FieldControlType, FieldDataType, FieldSelectorRegistry, FormHooksRegistry, GLOBAL_ACTION_CATALOG, GLOBAL_ACTION_HANDLERS, GLOBAL_ACTION_UI_SCHEMAS, GLOBAL_ANALYTICS_SERVICE, GLOBAL_API_CLIENT, GLOBAL_CONFIG, GLOBAL_DIALOG_SERVICE, GLOBAL_ROUTE_GUARD_RESOLVER, GLOBAL_SURFACE_SERVICE, GLOBAL_TOAST_SERVICE, GenericCrudService, GlobalActionService, GlobalConfigService, INLINE_FILTER_ALIAS_TOKENS, INLINE_FILTER_CONTROL_TYPES, INLINE_FILTER_CONTROL_TYPE_SET, INLINE_FILTER_CONTROL_TYPE_VALUES, INLINE_FILTER_TOKEN_TO_BASE_CONTROL_TYPE, INLINE_FILTER_TOKEN_TO_CONTROL_TYPE, IconPickerService, IconPosition, IconSize, LOGGER_LEVEL_BY_ENV, LOGGER_LEVEL_PRIORITY, LoadingOrchestrator, LocalConnectionStorage, LocalStorageAsyncAdapter, LocalStorageCacheAdapter, LocalStorageConfigService, LoggerService, LoggerThrottleTracker, LoggerWarnOnceTracker, MemoryCacheAdapter, NestedPortCatalogService, NestedWidgetConfigAccessor, NumericFormat, OVERLAY_DECIDER_DEBUG, OVERLAY_DECISION_MATRIX, ObservabilityDashboardService, OverlayDeciderService, PRAXIS_COLLECTION_EXPORT_HTTP_OPTIONS, PRAXIS_COLLECTION_EXPORT_PROVIDER, PRAXIS_CORPORATE_SENSITIVE_KEYS, PRAXIS_DEFAULT_EXPORT_SECURITY_POLICY, PRAXIS_DEFAULT_OBSERVABILITY_ALERT_RULES, PRAXIS_DYNAMIC_PAGE_COMPONENT_METADATA, PRAXIS_EXPORT_FORMULA_PREFIXES, PRAXIS_EXPORT_SECURITY_POLICY, PRAXIS_FOOTER_LINKS_METADATA, PRAXIS_GLOBAL_ACTION_CATALOG, PRAXIS_GLOBAL_CONFIG_BOOTSTRAP_OPTIONS, PRAXIS_GLOBAL_CONFIG_BOOTSTRAP_READY, PRAXIS_GLOBAL_CONFIG_TENANT_RESOLVER, PRAXIS_HERO_BANNER_METADATA, PRAXIS_I18N_CONFIG, PRAXIS_I18N_TRANSLATOR, PRAXIS_JSON_LOGIC_OPERATORS, PRAXIS_LAYER_SCALE_DEFAULTS, PRAXIS_LAYER_SCALE_VARS, PRAXIS_LEGAL_NOTICE_METADATA, PRAXIS_LOADING_CTX, PRAXIS_LOADING_RENDERER, PRAXIS_LOGGER_CONFIG, PRAXIS_LOGGER_SINKS, PRAXIS_OBSERVABILITY_DASHBOARD_OPTIONS, PRAXIS_RICH_TEXT_BLOCK_METADATA, PRAXIS_TELEMETRY_TRANSPORT, PRAXIS_USER_CONTEXT_SUMMARY_METADATA, PRIVACY_CONSENT_EDITORIAL_SOLUTION, PRIVACY_CONSENT_EDITORIAL_TEMPLATE, PraxisCollectionExportService, PraxisCore, PraxisFooterLinksComponent, PraxisGlobalErrorHandler, PraxisHeroBannerComponent, PraxisHttpCollectionExportProvider, PraxisI18nService, PraxisIconDirective, PraxisIconPickerComponent, PraxisJsonLogicError, PraxisJsonLogicService, PraxisLayerScaleStyleService, PraxisLegalNoticeComponent, PraxisLoadingInterceptor, PraxisRichTextBlockComponent, PraxisSurfaceHostComponent, PraxisUserContextSummaryComponent, RESOURCE_DISCOVERY_I18N_CONFIG, RESOURCE_DISCOVERY_I18N_NAMESPACE, RULE_PROPERTY_SCHEMA, RemoteConfigStorage, ResourceActionOpenAdapterService, ResourceDiscoveryService, ResourceQuickConnectComponent, ResourceSurfaceOpenAdapterService, SCHEMA_VIEWER_CONTEXT, SETTINGS_PANEL_BRIDGE, SETTINGS_PANEL_DATA, STEPPER_CONFIG_EDITOR, SURFACE_DRAWER_BRIDGE, SURFACE_OPEN_I18N_CONFIG, SURFACE_OPEN_I18N_NAMESPACE, SURFACE_OPEN_PRESETS, SchemaMetadataClient, SchemaNormalizerService, SchemaViewerComponent, SurfaceBindingRuntimeService, SurfaceOpenActionEditorComponent, TABLE_CONFIG_EDITOR, TableConfigService, TelemetryLoggerSink, TelemetryService, ValidationPattern, WidgetPageStateRuntimeService, WidgetShellComponent, applyLocalCustomizations$2 as applyLocalCustomizations, applyLocalCustomizations$1 as applyLocalFormCustomizations, assertPraxisCollectionExportArtifact, buildAngularValidators, buildApiUrl, buildBaseColumnFromDef, buildBaseFormField, buildFormConfigFromEditorialTemplate, buildHeaders, buildPageKey, buildPraxisEffectDistinctKey, buildPraxisLayerScaleCss, buildSchemaId, buildSchemaIdStorageKeySegment, buildValidatorsFromValidatorOptions, cancelIfCpfInvalidHook, clampRange, classifyEntityLookupResult, cloneTableConfig, cnpjAlphaValidator, collapseWhitespace, composeHeadersWithVersion, conditionalAsyncValidator, convertFormLayoutToConfig, createCorporateLoggerConfig, createCorporateObservabilityOptions, createCpfCnpjValidator, createDefaultFormConfig, createDefaultTableConfig, createEmptyFormConfig, createEmptyRichContentDocument, createFieldLayoutItem, createPersistedPage, customAsyncValidatorFn, customValidatorFn, debounceAsyncValidator, deepMerge, domainKnowledgeTimelineToRichContentDocument, domainRuleTimelineToRichContentDocument, ensureIds, ensureNoConflictsHookFactory, ensurePageIds, escapePraxisExportCell, extractNormalizedError, fetchWithETag, fileTypeValidator, fillUndefined, generateId, getDefaultFormHints, getEditorialCompliancePresetById, getEditorialFormTemplateById, getEditorialFormTemplateCatalog, getEditorialSolutionById, getEditorialSolutionCatalog, getEditorialSolutionPresetById, getEditorialThemePresetById, getEssentialConfig, getFieldMetadataCapabilities, getFormColumnFieldNames, getFormLayoutFieldNames, getGlobalActionCatalog, getGlobalActionPayloadActualType, getGlobalActionPayloadTypeIssue, getGlobalActionUiSchema, getMissingGlobalActionPayloadKeys, getReferencedFieldMetadata, getRequiredGlobalActionPayloadKeys, getTextTransformer, hasMeaningfulGlobalActionPayloadValue, hasPraxisCollectionExportArtifact, interpolatePraxisTranslation, isAllowedEditorialContentFormat, isAllowedEditorialHref, isCssTextTransform, isEditorialComponentMeta, isEntityLookupMultiplePayloadMode, isEntityLookupPayloadMode, isEntityLookupPayloadModeCompatible, isEntityLookupResultSelectable, isEntityLookupSinglePayloadMode, isFormLayoutItem, isGlobalActionRef, isInlineFilterControlType, isLookupDialogSize, isLookupFilterFieldType, isLookupFilterOperator, isPraxisRuntimeGlobalActionEffect, isRangeValidForFilter, isRequiredGlobalActionParamPayloadMissing, isRequiredGlobalActionPayloadMissing, isTableConfigV2, isValidFormConfig, isValidTableConfig, legacyCnpjValidator, legacyCpfValidator, logOnErrorHook, mapFieldDefinitionToMetadata, mapFieldDefinitionsToMetadata, matchFieldValidator, maxFileSizeValidator, mergeFieldMetadata, mergePraxisI18nConfigs, mergeTableConfigs, migrateFormLayoutRule, migrateLegacyCompositionLink, migrateLegacyCompositionLinks, minWordsValidator, normalizeControlTypeKey, normalizeControlTypeToken, normalizeEditorialLink, normalizeEnd, normalizeFieldConstraints, normalizeFormConfig, normalizeFormLayoutItems, normalizeFormMetadata, normalizeGlobalActionRef$1 as normalizeGlobalActionRef, normalizeLookupFilterRequest, normalizePath, normalizePraxisDataQueryContext, normalizePraxisEffectPolicy, normalizeResourceAvailabilityReasonCode, normalizeStart, normalizeUnknownError, normalizeWidgetEventPath, notifySuccessHook, parseJsonResponseOrEmpty, praxisLoadingInterceptorFn, prefillFromContextHook, provideDefaultFormHooks, provideFieldSelectorRegistryBase, provideFieldSelectorRegistryOverride, provideFieldSelectorRegistryRuntime, provideFormHookPresets, provideFormHooks, provideGlobalActionCatalog, provideGlobalActionHandler, provideGlobalConfig, provideGlobalConfigReady, provideGlobalConfigSeed, provideGlobalConfigTenant, provideHookResolvers, provideHookWhitelist, provideOverlayDecisionMatrix, providePraxisAnalyticsGlobalActions, providePraxisCollectionExportProvider, providePraxisDynamicPageMetadata, providePraxisFooterLinksMetadata, providePraxisGlobalActionCatalog, providePraxisGlobalActions, providePraxisGlobalConfigBootstrap, providePraxisHeroBannerMetadata, providePraxisHttpCollectionExportProvider, providePraxisHttpLoading, providePraxisI18n, providePraxisI18nConfig, providePraxisI18nTranslator, providePraxisIconDefaults, providePraxisJsonLogicOperator, providePraxisJsonLogicOperatorOverride, providePraxisLegalNoticeMetadata, providePraxisLoadingDefaults, providePraxisLogging, providePraxisRichTextBlockMetadata, providePraxisToastGlobalActions, providePraxisUserContextSummaryMetadata, provideRemoteGlobalConfig, readPraxisExportValue, reconcileFilterConfig, reconcileFormConfig, reconcileTableConfig, removeDiacritics, reportTelemetryHookFactory, requiredCheckedValidator, resolveBuiltinPresets, resolveControlTypeAlias, resolveDefaultValuePresentationFormat, resolveEntityLookupPayloadMode, resolveHidden, resolveInlineFilterControlType, resolveInlineFilterControlTypeToBaseControlType, resolveLoggerConfig, resolveObservabilityOptions, resolveOffset, resolveOrder, resolvePraxisCollectionExportItems, resolvePraxisExportFields, resolvePraxisExportScope, resolvePraxisFilterCriteria, resolveResourceAvailabilityReasonKey, resolveSpan, resolveValuePresentation, resolveValuePresentationLocale, serializeEntityLookupValueForPayload, serializeOptionSourceFilterRequest, serializePraxisCollectionToCsv, serializePraxisCollectionToJson, slugify, stripMasksHook, supportsImplicitValuePresentation, syncWithServerMetadata, toCamel, toCapitalize, toKebab, toPascal, toSentenceCase, toSnake, toTitleCase, translateResourceAvailabilityReason, translateResourceDiscoveryText, translateUnavailableWorkflowMessage, trim, uniqueAsyncValidator, urlValidator, validateGlobalActionRef, validateGlobalActionRefs, withMessage, withPraxisHttpLoading };